Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy

LOGIN

HOME / COURSE / DESIGN / VIDEO COURSE / DIPLOMA IN WEB DESIGN (HTML5 CSS3 AND BOOTSTRAP)

Diploma in Web Design (HTML5 CSS3 and Bootstrap) ( 7 REVIEWS ) 

320 STUDENTS

Description: In the 21st century, web design is one of the most in uential aspects of your online presence.

HTML 5, …

TAKE THIS COURSE

 https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/

1/15

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy

£275.00 £14.00

   

1 YEAR LEVEL 3 - DIPLOMA COURSE BADGE COURSE CERTIFICATE

66

NUMBER OF UNITS NUMBER OF QUIZZES

0

8 HOURS, 7 MINUTES





HOME







CURRICULUM

REVIEWS

Description: In the 21st century, web design is one of the most in uential aspects of your online presence.

HTML 5, and CSS 3 are the primary foundations of the websites. And with the help of Bootstrap, you will be able to design and develop responsive websites.

Master the advanced techniques of HTML 5, CSS 3, and Bootstrap for designing attractive and professional web pages by enrolling in the Diploma in Web Design (HTML5 CSS3 and Bootstrap) course.

With our comprehensive course, get started on the journey to web designing. Explore the strategies of developing fascinating websites using HTML 5, and CSS 3 and make your websites responsive using Bootstrap. Additionally, you will look at some general rules to keep in mind while designing web pages.

Upon completion, you will be able to design any types of websites using HTML 5, CSS 3, and Bootstrap.

Who is the course for? https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/

2/15

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy

Absolute beginners who want to learn the rst building blocks (HTML & CSS) for creating websites Anyone with a website that wants to be able to customize it with HTML and CSS to make it look like you imagine Anyone looking for a quick refresher of how HTML, CSS, and Bootstrap works

Entry Requirement: This course is available to all learners, of all academic backgrounds.

Learners should be aged 16 or over to undertake the quali cation.

Good understanding of English language, numeracy and ICT are required to attend this course.

Assessment: At the end of the course, you will be required to sit an online multiple-choice test. Your test will be assessed automatically and immediately so that you will instantly know whether you have been successful.

Before sitting for your nal exam, you will have the opportunity to test your pro ciency with a mock exam.

Certi cation: After completing and passing the course successfully, you will be able to obtain an Accredited Certi cate of Achievement. Certi cates can be obtained either in hard copy at a cost of ÂŁ39 or in PDF format at a cost of ÂŁ24.

Why choose us?

A ordable, engaging & high-quality e-learning study materials; Tutorial videos/materials from the industry leading experts; Study in a user-friendly, advanced online learning platform; E cient exam systems for the assessment and instant result; The UK & internationally recognised accredited quali cation; Access to course content on mobile, tablet or desktop from anywhere anytime; The bene t of applying for NUS Extra Discount Card; 24/7 student support via email.

Career Path: After completing this course you will be able to build up accurate knowledge and skills with proper con dence to enrich yourself and brighten up your career in the relevant job market.

COURSE CURRICULUM https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/

3/15

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy

Welcome



1.1 Intro



1.2 Install the Tools and Get Started

FREE



00:03:00



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



3.1 CSS Intro



00:04:00



3.2 Add CSS Styles



00:16:00



3.3 Classes and IDs



00:07:00

CSS 3

https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/

4/15

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy



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

https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/

5/15

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy



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

https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/

6/15

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy



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

https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/

7/15

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy



8.4 Tips



00:11:00



8.5 Hosting Outro



00:01:00

Mock Exam Final Exam

COURSE REVIEWS

4.9   7 ratings

5 STARS

0

4 STARS

0

3 STARS

0

2 STARS

0

1 STARS

0

NO REVIEWS FOUND FOR THIS COURSE.

https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/

8/15

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy

RELATED COURSES

Website Development Diploma

£279.00 £14.00  

https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/

506

9/15

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy

Diploma in UI Design

£249.00 £14.00  

https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/

327

10/15

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy

Diploma in Adobe XD Design

£249.00 £14.00 317

 

320 STUDENTS ENROLLED

https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/

11/15

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy

CERTIFICATION

ACCREDITED BY

https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/

12/15

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy

CENTRE APPROVED BY

Registered with the UK Register of Learning Providers (UKRLP) UKPRN: 10063816

COURSE PARTNERS

https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/

13/15

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy

ABOUT We are a company who is best known for o ering awarding body accredited courses for anyone who wishes to take their professional life to the next level.  11 Floor, 15 St Botolph Street, London EC3A 7BB  020 3744 3990  info@johnacademy.co.uk CERTIFICATE CODE Enter Certi cate Code

VALID ATE

IMPORTANT LINKS https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/

14/15

7/19/2018

Diploma in Web Design (HTML5 CSS3 and Bootstrap) - John Academy

About Us FREE CV REVIEW For Business Redeem Voucher Terms & Conditions Privacy Policy Cookie Policy FAQ Contact FREE CV REVIEW

© JOHN ACADEMY.



https://www.johnacademy.co.uk/course/diploma-in-web-design-html5-css3-and-bootstrap/







15/15