Building Websites with HTML and CSS

Focused View

Gill Cleeren

3:46:59

23 View

1. Course Overview

1. Course Overview.mp4

01:41

2. Understanding What Youll Learn in This Course

1. Module Introduction.mp4

04:00

2. Understanding What We Will Build.mp4

01:29

3. Demo - Looking at the Finished Application.mp4

01:55

4. Required Tools.mp4

00:50

5. Demo - Setting up Your Environment.mp4

01:07

3. Setting up the Page Structure

1. Module Introduction.mp4

00:46

2. Understanding HTML.mp4

08:13

3. Creating the HTML Page Structure.mp4

03:28

4. Demo - Creating the Page Skeleton.mp4

05:29

5. Summary.mp4

00:38

04. Adding Text, Headings, and Images to the Home Page

01. Module Introduction.mp4

01:08

02. Working with Headings.mp4

01:24

03. Demo - Creating Headings.mp4

02:02

04. Adding Paragraphs.mp4

01:41

05. Demo - Adding Content.mp4

02:01

06. Styling Text.mp4

05:02

07. Demo - Styling Our Text.mp4

03:47

08. Adding Images.mp4

00:40

09. Demo - Adding a First Image.mp4

01:57

10. Summary.mp4

00:36

5. Moving to CSS

1. Module Introduction.mp4

01:21

2. Introducing CSS.mp4

09:12

3. Demo - Adding a CSS File.mp4

02:53

4. Working with CSS Selectors.mp4

08:53

5. Demo - Creating and Using CSS Styles.mp4

07:35

6. Applying CSS Styles on Text.mp4

03:25

7. Demo - Recreating the Home Page Using CSS.mp4

04:46

8. Summary.mp4

00:30

06. Defining the Page Layout and Structure

01. Module Introduction.mp4

01:03

02. The HTML Content Model.mp4

03:37

03. Working with Semantic Elements.mp4

04:58

04. demo - creating the page structure.mp4.zip

05. Creating a Layout in CSS.mp4

04:26

06. Demo - Using Padding and Margin.mp4

01:49

07. Positioning Elements on the Page.mp4

04:58

08. Demo - Creating the Page Layout.mp4

04:54

09. Demo - Using the Browser Developer Tools.mp4

00:52

10. Summary.mp4

00:48

7. Working with Images

1. Module Introduction.mp4

00:58

2. Working with Images on Our Pages.mp4

03:28

3. Using the img element.mp4

02:11

4. Demo - Adding Images to Our Site.mp4

04:45

5. Adding the Figure Element.mp4

00:55

6. Demo - Using the Figure Element.mp4

01:02

7. Creating a Favicon.mp4

00:36

8. Demo - Adding a Favicon.mp4

01:04

9. Summary.mp4

00:42

8. Creating the Pie Overview Table

1. Module Introduction.mp4

00:44

2. Understanding the HTML Table.mp4

04:31

3. Demo - Creating the Overview Page Using a Table.mp4

05:52

4. More Options for the Table.mp4

02:37

5. Demo - Completing the Table.mp4

03:11

6. Summary.mp4

00:47

9. Designing the Pie Detail Page

1. Module Introduction.mp4

01:13

2. Understanding Inline and Block Elements.mp4

01:51

3. Working with the Different Inline Elements.mp4

02:12

4. Demo - Creating the Pie Detail Page.mp4

03:05

5. Creating Lists.mp4

02:11

6. Demo - Creating Lists on the Detail Page.mp4

02:34

7. Including Special Characters.mp4

01:13

8. Demo - Adding Special Characters.mp4

00:38

9. Summary.mp4

00:40

10. Adding Navigation to the Site

1. Module Introduction.mp4

00:57

2. Working with Links.mp4

04:56

3. Demo - Adding Links.mp4

06:17

4. Demo - Creating Bookmarks.mp4

01:52

5. Demo - Adding Navigation to the Site.mp4

03:08

6. Different Types of Links.mp4

01:53

7. Demo - Adding More Links.mp4

01:49

8. Summary.mp4

00:44

11. Creating a Contact Form

1. Module Introduction.mp4

01:09

2. Understanding How Forms Work.mp4

02:49

3. Creating a Form.mp4

04:41

4. Demo - Creating the Contact Form.mp4

05:13

5. More Input Types.mp4

01:05

6. Demo - Extending the Form with More Inputs.mp4

01:23

7. Styling the Form Using CSS.mp4

01:40

8. Demo - Adding CSS to the Form.mp4

01:52

9. Summary.mp4

00:23

12. Including External Content Using iFrame

1. Module Introduction.mp4

00:51

2. Introducing the iframe.mp4

02:26

3. Demo - Adding the iframe.mp4

01:37

4. Summary.mp4

00:25

13. Storing Data with JavaScript

1. Module Introduction.mp4

00:44

2. Introducing JavaScript APIs.mp4

05:21

3. Working with Local Storage.mp4

03:35

4. Demo - Saving a Favorite to Local Storage.mp4

04:12

5. Summary and Course Closing.mp4

01:03

Description

HTML and CSS are the skeleton for the web. This course will teach you how to build an entire website from scratch using HTML and CSS.

What You'll Learn?

HTML, CSS, and JavaScript are the basic building blocks for any web application, be it a basic, static website or the most advanced web application that relies heavily on JavaScript. In this course, Building Websites with HTML and CSS, you’ll learn to build an entire website from scratch. First, you’ll explore how to set up a web page with text and a layout. Next, you’ll discover how CSS can be used to style the page and its layout further. Finally, you’ll learn how to extend the site’s functionality by integrating a basic JavaScript API. When you’re finished with this course, you’ll have the skills and knowledge of HTML and CSS needed to a fully working website.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

CSS

HTML

HTML5

Gill Cleeren

Instructor's Courses

Gill Cleeren is a Microsoft Regional Director, MVP and Pluralsight author. Gill is the CTO of Xpirit Belgium and focuses on web and mobile architecture. He's also a frequent speaker at many international conferences. Gill also founded Techorama, the biggest IT conference in Belgium and the Netherlands. You can contact him via xpirit.com/gill

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.