Graphic Design Diploma Level 3

Course details

Web design is the process of constructing websites, involving elements such as layout design, markup, fonts, images, content, and responsive utilities. Within the IT sector, Web Designing with UI (User Interface) Development is a highly sought-after course, offering ample job opportunities.

In the Web Design Diploma Level 3, you will initially grasp the basics of web development technologies before progressing to building a comprehensive, creative, and modern professional website from scratch. Throughout the course, you'll master advanced techniques in HTML 5, CSS 3, and Bootstrap to craft attractive and professional web pages. The curriculum guides you in employing strategies to develop captivating websites using HTML 5 and CSS 3, ensuring responsiveness through Bootstrap.

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


Web Design Diploma Level 3 Course Learning Outcomes:

• Master the fundamentals of web development technologies.
• Acquire proficiency in building creative and modern professional websites from scratch.
• Develop advanced skills in HTML 5, CSS 3, and Bootstrap for designing attractive web pages.
• Learn strategies for creating responsive websites and staying updated on the latest trends.
• Gain the ability to design diverse web projects, from landing pages to business websites and portfolios.
• Understand hosting, server uploading, and SEO implementation for web projects.

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