Description
Build a Responsive Website Using HTML5 & CSS3, Daniel Walter Scott – Build a Responsive Website Using HTML5 & CSS3, Build a Responsive Website Using HTML5 & CSS3 download, Daniel Walter Scott – Build a Responsive Website Using HTML5 & CSS3 review, Build a Responsive Website Using HTML5 & CSS3 free torent
Daniel Walter Scott – Build a Responsive Website Using HTML5 & CSS3
100%RECOMMEND THIS CLASS
124 Video lessons in HD
16h 24m of class content
Exclusive bonus content
LESSONS
GETTING STARTED
1 How This Class Is Structured 01:41
2 What To Download 02:57
INTRODUCTION TO HTML & CSS
3 Creating Our First Webpage 05:55
4 What Is HTML5 & CSS3 08:24
5 Head Vs. Body Vs. Html Tag 09:01
6 Title & Description 05:54
7 What Code Editor Should I Use 02:42
8 Using Diy Tags 06:26
9 What Is A CSS Class 09:05
10 How To Create Nested Divs 05:03
11 Class Project 05:24
12 External CSS 09:07
13 Creating Our Index Style Pages 12:16
PROJECT 1: RESTAURANT WEBSITE
14 Testing Your Website 08:47
15 Check Your Code For Errors 11:01
16 What Are HTML5 Structure Tags 05:47
17 Add HTML5 Structure Elements 16:02
18 How To Set The Color Of The Background 05:10
19 Adding Images To A Website 04:38
20 How To Center An Image 01:14
21 Change The Font Size & Color 14:11
22 Make A Clickable Link 08:45
23 Stretching Background Image 05:38
24 Making A Div Tag Transparent 02:36
25 Simple Website Text Navigation 06:43
26 CSS Compound Classes 07:02
27 Class Project 02 02:05
28 Class Project 02 – COMPLETE 04:48
29 Add An Email Button To A Website 03:49
30 Add Google Maps To Your Website 11:25
31 Making A Website Live 16:50
32 Uploading Via SFTP 11:50
33 Setting Up Our New Project 03:46
PROJECT 2: BIKE REPAIR WEBSITE
34 CSS Reset 15:22
35 Min-Height Vs. Height 07:01
36 Div Tags Onto One Line 05:23
37 Getting Div Tags Onto One Line Using Flexbox In HTML & CSS05:23
38 Evenly Spaced Div Tags 04:42
39 Two Div Tags Of Different Sizes 07:13
40 Vertically Center Content 07:20
41 Class Project 3 02:51
42 Class Project 3 – COMPLETE 05:39
43 Change Default Fonts 04:19
44 Installing Google Fonts 12:44
45 What Are PX & EM & REM 14:56
46 Change Line Height 04:33
47 SVG Vs. JPG Vs. PNG 07:04
48 How To Create A SVG, JPG, Or PNG 11:00
49 Block Images Vs. Background Images 08:32
50 Finishing Up Our Cards 09:10
51 Icons Via Font Awesome 16:31
52 Making A Div Container Clickable 09:55
53 Box-Sizing & Border-Box 06:19
54 How To Make A Colored Button 07:46
55 Why Can’t I Add Margin Or Paddding 11:08
56 Rounded Corners 04:17
57 Drop Shadows 06:24
58 Backup Your Website 05:00
59 Reusing A Button Class 03:10
60 Class Project 04 02:58
61 Class Project 04 -COMPLETE 05:45
62 Adding A Horizontal Rule 03:51
63 Make Divs Wrap Onto Separate Lines 12:14
64 Hover Color & Animating A Button03:33
65 Pseudo Classes 09:31
66 Simple Dropdown Navigation 20:04
67 Adding Our Dropdown To The Website 14:50
68 Useful Shortcuts And Tips In VS Code 13:28
69 Large Background Image 09:24
70 How To Connect 2 Pages10:42
71 Simple PHP Form Work17:49
72 Placeholder Form Text 05:46
73 Form Check Marks 03:04
74 Multi Line Form Text Box 02:18
75 Form Radio Button 06:07
76 Form Drop Down Menu 05:48
77 How To Style Your Form 12:55
PROJECT 3: RESPONSIVE PORTFOLIO WEBSITE
78 What Does Responsive Website Design Mean 04:17
79 How To Change A Website Layout Size Color When At Different Sizes Using Media Queries 11:28
80 How To Test Your Website On A Tablet Or Mobile Phone From Visual Studio Code 06:00
81 How To Change The Layout Of A Responsive Website For Mobile Vs Desktop 16:02
82 How To Turn Things On And Off For Mobile Tablet & Desktop Responsive Websites 06:03
83 What Is Pixel Density Responsive Images Pixel Ratio Dp Px In Webdesign 14:47
84 How To Export Responsive Images For Website From XD Photoshop Illustrator 05:11
85 How To Add Responsive Images To Website Using 100% Width In HTML & CSS 06:08
86 How To Use Srcset To Change Images In HTML For Responsive Website 11:18
87 How To Add A Css Style To The First Line Of A P Tag On A Website 11:18
88 How To Make The Header Footer Full Width But The Inside Centered 05:36
89 Class Project 05 – Header Design 03:12
90 Class Project 05 – Header Design COMPLETE 06:25
91 How To Use A Span Tag Or Span Class In HTML To Change Text 10:32
92 How To Pin The Navigation To The Top Of A Website Fixed Nav 03:17
93 How To Make A Simple Responsive Mobile Menu Using CSS Only 08:21
94 What Is Javascript Vs Jquery In Website Web Design 06:35
95 How To Make A Burger Menu 3 Line Mobile Navigation For A Website 15:11
96 How To Switch A Menu Nav From Desktop To Mobile Phone 21:45
PROJECT 4: BOOTSTRAP YOGURT WEBSITE
97 Overview Of What Bootstrap 4 Is In Website Design 07:57
98 How To Install Bootstrap 4 On A Website Using Visual Studio Code 06:27
99 Quick Overview Of How The Bootstrap Grid Layout Works In VS Code 10:49
100 Quick Overview Of How Bootstrap Components Works In VS Code 09:23
101 Quick Overview Of How Bootstrap CSS Styles Works In VS Code 08:20
102 How To Customize The Default Bootstrap 4 Css Styles 13:51
103 How To Use Bootstrap Layout Grid Experiment 1 10:20
104 How To Make 100% Header & Uneven Widths In Bootstrap 4 07:16
105 How To Create Uneven Col Widths In Bootstrap 4 07:27
106 How To Add Padding & Margins Using Bootstrap 4 In VS Code 12:03
107 How To Change Layout Of Bootstrap Depending On Mobile Or Desktop 15:46
108 How To Turn Things On & Off On Your Website Using Bootstrap 4 05:30
109 Google Chrome Inspect 12:40
110 Add Shadows To Text & Boxes 07:06
111 Change The Default Buttons 06:16
112 Responsive Images In Bootstrap 4 09:34
113 How To Center Text & Div Tags 04:16
114 Customize The Bootstrap Navbar 07:29
115 Add Your Own Logo 03:58
116 Change The Default Nav Styles 12:12
117 Fix The Navigation To The Top 04:41
118 Col Images & Col Background 07:56
119 Bootstrap Border & Rounded Corners 04:20
120 Bootstrap 4 Carousels 05:13
121 Card Groups 03:29
122 Drop Shadows On Bootstrap Cards 02:25
123 Clickable Boxes In Bootstrap 4 04:02
FINAL QUIZ
124 Final Quiz
CLASS DESCRIPTION
Learn The Fundamental Principles Of HTML And CSS In This Responsive Web Building Class
AFTER THIS CLASS YOU’LL BE ABLE TO:
Know basic, intermediate and advanced HTML5 and CSS3.
Create a complete professional webpage from scratch using Visual Studio Code.
Make your site completely responsive so it adjusts to different browsers and devices.
Use the Bootstrap 4 framework to build sites quickly and efficiently.
Test your website thoroughly and check your code for errors.
Customize your website with images, fonts, colors and buttons.
Make your website live and upload via SFTP.
ABOUT DANIEL’S CLASS:
With users taking only 0.05 seconds to form an opinion of a website, skilled web developers are some of the most in-demand professionals in the world. Now, with dedication and an expert by your side, you too can enter the world of web design and start creating responsive sites that will impress an audience right away.
This class covers all of the basics you need to know about working with HTML and CSS so that you’re able to create any layout you want and ensure that your site will support all devices across mobile and desktop.
From the basics of creating your first html file to intermediate and advanced skills around forms, text, navigation and using Bootstrap 4 like a pro, this in-depth class will transform your skill set and equip you with the techniques to start building your own sites confidently.
WHAT YOU WILL LEARN:
How to set up a folder, create your first html page and test it in a browser
How to work with html tags, titles, descriptions, and diy tags
All about HTML5 structure tags and elements
How to color the background and add background images to your website
Simple website text navigation
How to add email buttons and Google Maps to your site
How to work with nested div tags and get div tags onto one line using Flexbox in HTML and CSS
How to create an Index Style page
How to change the layout of a responsive website fo mobile vs desktop
WHO THIS CLASS IS FOR:
Freelancers wanting to start offering website building services
Web designers wanting to learn how to make a site responsive
Business owners wanting to take their brand online
Entrepreneurs wanting to enhance their website
Web programmers, front end and full stack developers wanting to diversify and enhance their skills
Anyone wanting to start a career in building websites using HTML and CSS
All levels of experience
ABOUT YOUR INSTRUCTOR:
An influential media designer, Advanced Adobe Certified Instructor and dedicated teacher to thousands of students for over 15 years. Daniel is a speaker and multi-award winner at the prestigious annual Adobe Max conference.
