Gain the key web design skills and knowledge with the Web Design Diploma Level 3 course and learn to create your own website and discover amazing web design concepts and ideas from the illustrations of the course.
The course is designed for the people who want to create their own website but lack the skills or knowledge to do so. The course is suitable for both novice and intermediate learners. The course covers the essential elements of building a website such as HTML ( Hypertext Markup Language), CSS( Cascading Style Sheets), and Bootstrap which is a free and open-source front-end framework for designing responsive, mobile-first projects on the web.
Take an example: If you compare HTML and CSS with a building or construction, the raw materials, and pillars are HTML where the colour and other designs are CSS. The structure of the backbone of a building is Pillar. Similarly, HTML is the structure or backbone of the website. Then the design, border, sizing and other editing are CSS. Then to make the website responsive or compatible with all devices such as laptop, mobile, or PC, you may use Bootstrap which is developed by Twitter.
The course covers all the basic and essential skills about HTML, CSS and Bootstrap. Then, apply these skills in three projects where you will learn to create a portfolio site, a business website and a landing page. The last section is dedicated to the procedures of hosting and uploading the site on the internet.
By the end of the course, you will be bold enough to create your own website.
The comprehensive and easy to understand course will enhance your skills in web designing. The course is divided into several modules. The first three modules explain and teach you how to use the elements, tags, and other features of HTML, CSS, and Bootstrap respectively. Then the course jumps into the practical example. The next three modules practically show you to create websites by developing a landing page, a business website and portfolio website. The final module covers the procedures for making your website live on the internet.
Key features of the course:
- Lifetime access to the course
- No hidden fees, only pay the price of the course which includes exam fees.
- Recognised qualification upon successful completion of the course
- Study from anywhere, anytime, whenever it is convenient for you.
- Affordable and engaging e-learning study materials
- Study at your own pace from tablet, PC or smartphone
- Online tutor support when you are in need.
Who is this course for?
There is no experience or previous qualifications required for enrolment on this course. It is available to all students, of all academic backgrounds.
Assessment and Certification
This course does not involve any exams. Students need to answer assignment questions to complete the course, the answers will be in the form of written work in pdf or word. Students can write the answers in their own time. Each answer needs to be 200 words (1 Page). After submitting the assignments, the Instructor will check and assess the work. Those who pass this test will have the qualification of Web Design Diploma Level 3. Certificate will be produced in PDF format at an additional cost of £8.99, Printed Hardcopy at £12.99 and both at £19.99.
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 | ||
| Certificate and Transcript | |||
| Order Your Certificates or Transcripts | 00:00:00 | ||
Course Reviews
No Reviews found for this course.
Related Courses
26 STUDENTS ENROLLED
