Web Design Diploma Level 3

Course details

Web Designing involves the creation of websites, encompassing aspects such as layout, markup, fonts, images, content, and responsive features. Within the IT sector, Web Designing coupled with UI (User Interface) Development stands out as a highly sought-after course, offering abundant job opportunities.

This Web Design Diploma Level 3 guides you through the fundamentals of web development technologies. You'll progress to constructing a sophisticated, modern, and professional website from the ground up. The course delves into advanced techniques of HTML 5, CSS 3, and Bootstrap, empowering you to craft visually appealing and functional web pages. Gain insights into the art of creating captivating websites using HTML 5 and CSS 3, and learn to enhance responsiveness with Bootstrap.

Upon completing this course, you will possess the skills to flawlessly design any website, incorporating the latest trends. Additionally, you'll be adept at hosting your website on a web server and implementing SEO strategies for your projects.


Web Design Diploma Level 3 Course Learning Outcomes:


Web Design Diploma Level 3 Course Outline:

Welcome

• Intro 
• Install the Tools and Get Started 

HTML 5

• Intro to HTML        
• What is HTML        
• Start a New HTML File & Use Tags        
• Header Tags        
• Edit Text        
• Links        
• Images        
• Lists        
• Challenge 1        
• HTML Outro        

CSS 3

• CSS Intro        
• Add CSS Styles        
• Classes and IDs        
• Borders        
• Sizing        
• Padding and Margin        
• Text Styles        
• DIVs        
• Postioning        
• Hover        
• Easily Center Elements        
• Fonts        
• Challenge        
• CSS Outro        

Bootstrap

• Intro to Bootstrap        
• Install Bootstrap        
• Indenting and Containers        
• The Grid System        
• Images        
• Buttons        
• Challenge 3        
• Bootstrap Outro        

Project 1 - Design a Landing Page

• Landing Page Intro        
• Sketch Your Landing Page        
• The Top Section        
• Polish the Top Section        
• Adding Images        
• The Main Points Section        
• Collecting Emails With an Opt-In Form        
• Challenge 4        
• Landing Page Outro        

Project 2 - Business Website

• Business Site Intro        
• Sketch Up        
• Using Fancy Font Logo        
• Carousel Basics        
• Carousel Extras        
• Text on Images        
• Phone Number Icon        
• Google Maps        
• Font Awesome        
• Challenge 4        
• Business Site Outro        

Project 3 - Portfolio

• Intro        
• Portfolio Sketch        
• Jumbotron        
• Nav Bar        
• Panels        
• Challenge 5        
• Portfolio Outre        

Hosting - Getting Your Website on the Internet

• Hosting        
• Bluehost        
• Uploading        
• Tips        
• Hosting Outro

  Updated on 11 December, 2023