Course Curriculum
Welcome | |||
1.1 Intro | FREE | 00:03:00 | |
1.2 Install the Tools and Get Started | 00:05:00 | ||
HTML 5 | |||
2.1 Intro to HTML | 00:01:00 | ||
2.2 What is HTML | 00:11:00 | ||
2.3 Start a New HTML File & Use Tags | 00:12:00 | ||
2.4 Header Tags | 00:05:00 | ||
2.5 Edit Text | 00:09:00 | ||
2.6 Links | 00:09:00 | ||
2.7 Images | 00:10:00 | ||
2.8 Lists | 00:04:00 | ||
2.9 Challenge 1 | 00:16:00 | ||
2.10 HTML Outro | 00:01:00 | ||
CSS 3 | |||
3.1 CSS Intro | 00:04:00 | ||
3.2 Add CSS Styles | 00:16:00 | ||
3.3 Classes and IDs | 00:07:00 | ||
3.4 Borders | 00:06:00 | ||
3.5 Sizing | 00:04:00 | ||
3.6 Padding and Margin | 00:07:00 | ||
3.7 Text Styles | 00:04:00 | ||
3.8 DIVs | 00:08:00 | ||
3.9 Postioning | 00:08:00 | ||
3.10 Hover | 00:03:00 | ||
3.11 Easily Center Elements | 00:03:00 | ||
3.12 Fonts | 00:06:00 | ||
3.13 Challenge | 00:23:00 | ||
3.14 CSS Outro | 00:01:00 | ||
Bootstrap | |||
4.1 Intro to Bootstrap | 00:02:00 | ||
4.2 Install Bootstrap | 00:10:00 | ||
4.3 Indenting and Containers | 00:07:00 | ||
4.4 The Grid System | 00:16:00 | ||
4.5 Images | 00:07:00 | ||
4.6 Buttons | 00:06:00 | ||
4.7 Challenge 3 | 00:11:00 | ||
4.8 Bootstrap Outro | 00:01:00 | ||
Project 1 - Design a Landing Page | |||
5.1 Landing Page Intro | 00:01:00 | ||
5.2 Sketch Your Landing Page | 00:05:00 | ||
5.3 The Top Section | 00:16:00 | ||
5.4 Polish the Top Section | 00:06:00 | ||
5.5 Adding Images | 00:11:00 | ||
5.6 The Main Points Section | 00:14:00 | ||
5.7 Collecting Emails With an Opt-In Form | 00:11:00 | ||
5.8 Challenge 4 | 00:03:00 | ||
5.9 Landing Page Outro | 00:02:00 | ||
Project 2 - Business Website | |||
6.1 Business Site Intro | 00:01:00 | ||
6.2 Sketch Up | 00:03:00 | ||
6.3 Using Fancy Font Logo | 00:07:00 | ||
6.4 Carousel Basics | 00:10:00 | ||
6.5 Carousel Extras | 00:09:00 | ||
6.6 Text on Images | 00:15:00 | ||
6.7 Phone Number Icon | 00:04:00 | ||
6.8 Google Maps | 00:13:00 | ||
6.9 Font Awesome | 00:09:00 | ||
6.10 Challenge 4 | 00:08:00 | ||
6.11 Business Site Outro | 00:01:00 | ||
Project 3 - Portfolio | |||
7.1 Intro | 00:01:00 | ||
7.2 Portfolio Sketch | 00:08:00 | ||
7.3 Jumbotron | 00:10:00 | ||
7.4 Nav Bar | 00:24:00 | ||
7.5 Panels | 00:11:00 | ||
7.6 Challenge 5 | 00:13:00 | ||
7.7 Portfolio Outre | 00:01:00 | ||
Hosting - Getting Your Website on the Internet | |||
8.1 Hosting | 00:01:00 | ||
8.2 Bluehost | 00:06:00 | ||
8.3 Uploading | 00:05:00 | ||
8.4 Tips | 00:11:00 | ||
8.5 Hosting Outro | 00:01:00 | ||
Assignment | |||
Assignment – Web Design | 2 weeks, 1 day | ||
Recommended Materials | |||
Workbook – Diploma in Web Design – Video Training | 1 week | ||
Order Your Certificate | |||
Order your Certificate QLS | 00:00:00 |
Course Reviews
392 STUDENTS ENROLLED
Kyle Joseph
HEy, I like the course, keep it up!!
Bradley Gilbert
This one is a total package!! HIGHLY RECOMMENDED!!!!
Daniel Toney
Very interesting and informative.
Gary Flowers
OUTSTANDING!!!
Robert Mills
Lovely work…thanks for the great service…
Excellent course to get you started in building websites
Thanks hugely for a great course that was both fun, and took me beyond what I thought I could achieve. Excited to do more work with what I have lerarnt. Thx
Course Review from newbie student
course was very Good, instructor nick or Rick was very descriptive in letting us understand what to do and teach us methods. I find the best way to learn is to fix mistakes or if something goes wrong , how to correct it. A number of the CDN scripts updated and some of the business and portfolio website was not quite the same as nicks even though it was word for word. Many thanks Pete T
Great course but needs updating
As a beginner, I learnt a lot in this course – the html and CSS segments were very useful. Bootstrap is also a very useful web design tool, however, the course videos are slightly outdated and could really do with being updated for Bootstrap 4. Some components from the lectures didn’t work, so I had to Google how to do them using the latest version. Also, 7.6 and 7.7 are the same video – they are missing Challenge 5 from the course. I would only recommend this course to those who are willing to Google/ experiment with html off their own back, as the website won’t work based on the videos alone. That being said, I did learn a lot of useful information, and feel I could create a basic website from scratch.
Diploma in Web Design - Video Training
Very good course. I agree with previous reviews as some of the content is now outdated but if you have knowledge of computers and searching you can pick it up. Challenge 5 video is the outro video so would have been nice to see how to do this but sure you can find on google or you tube. As i haven’t made websites before its very good course and video’s easy to follow