Course Description
In the dynamic world of digital creativity, Web Design and HTML5 have consistently stood out as transformative forces, revolutionizing how users interact with online content. Over the years, numerous innovations have been introduced, coupled with the power of HTML5, which remains foundational in shaping online experiences.
Web Design has experienced monumental shifts, moving from the static pages of the past to the dynamic, responsive designs of today. The metamorphosis in this space is largely credited to technologies like HTML5. This iteration of HTML has infused life into web content, making sites not only visually appealing but also functionally robust. HTML5 together have redefined user interaction, ensuring fluidity across varying devices and screen sizes and making browsing a seamless experience.
A significant milestone in the journey of Web Design and HTML5 was the widespread adoption of semantic elements. HTML5 introduced these to improve the structure and readability of content. Web Design leveraged this to craft layouts that were not just visually striking but also content-rich, elevating user engagement to unprecedented levels. As we look ahead, the alliance between Web Design and HTML5 promises continued innovation, setting benchmarks in digital creativity and user experience.
Learning outcome
- Acquire in-depth knowledge of HTML5, CSS3, and Bootstrap.
- Design responsive websites tailored for all device types.
- Implement modern design principles in web projects.
- Construct a variety of website styles using hands-on projects.
- Understand the nuances of hosting and website deployment.
- Stay updated with the latest web design techniques.
Requirements
- Familiarity with basic computer operations.
- Passion for design and creativity.
- Reliable internet connection for content access.
Why should I take this course?
- Stay updated with cutting-edge web design trends.
- Boost your portfolio with proficiency in HTML5, CSS3, and Bootstrap.
- Create responsive websites adaptable to any device.
- Receive a certificate boosting your professional credibility.
- Engage in real projects, enhancing design skills.
- Access clear, structured, and engaging content.
- Open doors to a lucrative career in web design.
Career Path
- Web Designer
- Front-End Developer
- UI/UX Designer
- Responsive Design Expert
- Web Design Consultant
- Freelance Web Designer
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 | ||
| Order Your Certificate | |||
| Order Your Certificate | 00:00:00 | ||
Don't just take our word for it
