Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML/CSS Boot Camp
Guide to HTML
1. Tools We'll Use in the Course (3:52)
2. Basic HTML Website Structure (3:47)
3. HTML5 Layout Cheat Sheet
4. Working with the HTML Head Tag (6:57)
5. Creating Page Components with the Div Tag (6:41)
6. Implementing Inline Components with the Span Tag (4:56)
7. Integrate Headings into Web Pages (5:02)
8. Using Multi Line Content with Paragraph Tags (5:25)
9. Working with HTML Hyperlinks (4:38)
10. Adding Page Breaks with the Horizontal Rule Tag (2:12)
11. Integrating Line Breaks into HTML Pages (2:58)
12. Creating HTML Numbed Lists (3:47)
13. Working with Bullet Point Lists in HTML (5:45)
14. Working with Bold HTML Styles (4:13)
15. Using the Italic Style for Text (2:27)
16. Comprehensive Set of HTML Style Tags (9:05)
17. How to Add Images to Websites (6:16)
18. Mapping Links on Images (10:42)
19. How to work with Custom Tags in HTML (2:59)
20. Adding Comments to HTML Code (8:56)
21. Guide to Using Web Developer Tools (12:33)
22. Working with HTML IDs (5:47)
23. Working with HTML Classes (4:11)
Guide to CSS Styles
24. Implementing Inline CSS Styles (7:52)
25. Using Embedded CSS Styles (6:37)
26. Using CSS Best Practices with External Stylesheets (7:21)
27. How to Use CSS Selectors (10:06)
28. Using CSS Webkit Animations (5:17)
29. How to Add a Background Image to a Website (6:46)
30. Adding CSS Border Styles to HTML Elements (4:09)
31. Rounding Div Corners with Border Radius Styles (5:45)
32. Customizing Height and Width Attributes in CSS (5:16)
33. How to Implement Custom Fonts in HTML and CSS (7:05)
34. How to Add Custom Font Styles in CSS (6:55)
35. How to Properly Center Div Elements on a Page (9:35)
36. Working with CSS Pseudo Class Selectors (6:51)
37. Implementing Ease In Animations with CSS (6:22)
38. Customizing Bullet Points Using CSS (2:33)
39. Using the CSS Float Property to Align Page Elements (4:54)
Guide to HTML Tables
40. Introduction to HTML Tables (6:25)
41. How to Style HTML Headers (3:09)
42. Styling Table Rows (5:55)
43. Working with Column Spans (4:24)
44. How to Customize Row Sizes in HTML Tables (4:55)
Guide to HTML Forms
45. Introduction to HTML forms (7:59)
46. Working with HTML Text Input Fields (11:36)
47. How to Use the Text Area HTML Element for Large Amounts of Text Input (6:21)
48. How to Use HTML Form Checkboxes (4:38)
49. Working with HTML Form Radio Buttons (3:43)
50. How to Use Select Boxes in an HTML Form (8:30)
51. How to Group Drop Down Form Elements into Categories (4:23)
52. Working with HTML Form Calculated Fields (6:51)
53. How to Use HTML Entities for Custom Character Values (11:09)
Project: Create the Google Homepage
54. Google Homepage Project Overview and Instructions (3:01)
55. Project Solution- Building the HTML Structure (15:11)
56. Project Solution- Integrating the CSS Header and Content Styles (12:15)
57. Project Solution- Building the Styles for the Buttons and Footer (8:58)
58. Project Solution- CSS Hover Effects for Links (10:40)
59. Project Solution- JavaScript Auto Focus and Summary (4:41)
Project: Create the Pinterest Homepage
60. Pinterest Project Overview and Instructions (4:19)
61. Project Solution- Creating the HTML structure for the Pinterest homepage (13:44)
62. Project Solution- Customizing the Navigation Header Styles with CSS (11:27)
63. Project Solution- Integrating Font Awesome for Website Icons (4:43)
64. Project Solution- Styling Font Awesome Icons (4:19)
65. Project Solution- Styling Pinterest Pins (14:16)
66. Project Solution- Pinterest Homepage Summary (2:48)
Project: Create HTML Email Template
67. HTML Email Project Overview and Instructions (2:02)
68. Project Solution- HTML Email Tag Structure (6:43)
69. Project Solution- HTML Email Integration of CSS Styles (10:27)
Project: Create Tesla Homepage
70. Tesla Homepage Clone Overview and Instructions (4:19)
71. Project Solution- Tesla Homepage HTML Structure (15:34)
72. Project Solution- Customizing the Tesla Homepage Navigation Styles with CSS (8:18)
73. Project Solution- Implementing Content Styles and Buttons (10:27)
74. Project Solution- Styling the Footer of the Tesla Homepage (3:23)
75. Project Solution- Integrating Custom Fonts (3:03)
76. Project Solution- Final Project Fixes and Summary (4:45)
Project: Using Bootstrap and a Website Template to Design a Social Network
77. Twitter Bootstrap + Social Network Project Overview and Instructions (6:59)
78. Project Solution- Implementing Responsive Tags into the Head Tag (11:28)
79. Project Solution- Building the Social Network Navigation Bar (15:11)
80. Project Solution- Integrating Responsive Dropdowns with Bootstrap Components (11:47)
81. Project Solution- Customizing Content Headings (10:01)
82. Project Solution- Final Content Integrations for the Homepage (6:04)
83. Project Solution- Implementing CSS Styles (11:59)
84. Project Solution- Responsive Media Queries (7:04)
85. Project Solution- Bug Fixes (6:59)
86. Project Solution- Integrating Custom Fonts (8:41)
87. Project Solution- Favicon Integration and Social Network Su (4:44)
5. Creating Page Components with the Div Tag
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock