HTML5 & CSS3 Site Design

Overview

HTML or Hyper Text Mark-up Language is the language used for presenting websites and web content. HTML5 is the latest version, made official by the World Wide Web Consortium in 2014. Having a good grasp of HTML means you’ll be able to create, present and edit a whole variety of content on the web.

CSS (Cascading Style Sheets) essentially ’enhances’ HTML, giving developers and users more control over how pages and content is displayed. It is responsible for creating more visually engaging web pages, applications and interfaces. CSS3 is the latest version, and has many more extended features than previous versions – although it is backwards compatible.

Both of these tools are essential for a developer/programmer to create webpages or websites. If you are planning on starting a career in programming or looking for ways to progress further in your career, then this course is the solution. This HTML5 & CSS3 Site Design course will show you step-by-step, how to set up a web site from scratch. You will also get tips and tricks of the trade to make your site more attractive and user-friendly. From what tools you need to build your site and creating and formatting pages, to what to test and look for before your site goes live, award-winning trainer Geoff Blake will provide you detailed and valuable information that will help you to master HTML coding skills. 

COURSE CURRICULUM
01.Introduction
Welcome To HTML5 & CSS3!
A Look At What We’ll Build
02.Let’s Get Started!
Programs I’ll Be Using
In The Beginning…HTML Fundamentals
Understanding What CSS Is All About (Free Lesson!)
Viewing A Page’s Background Code
03.Getting Your Files Organized
Organizing Site Files
Creating A Page And Understanding Index Files
Setting Up An External Style Sheet
04.Let’s Build A Web Layout From Scratch
Setting Up The Page Structure
Connecting The External Style Sheet And Testing
Inserting And Formatting The Site Header
Finishing Up The Basic Layout
Debugging For Internet Explorer
Understanding How The Layout Works
Using Divs For Page Layout
A More Economical Approach To Layout And CSS (Free Lesson!)
Using Float And Clear
Centering The Layout
Nesting Layout Objects
Spacing Apart The Layout
Final Touches
05.Inserting And Formatting Text
Inserting Text Into The Layout
Setting Up Paragraphs And Headings
Adjusting The Layout For Text, Part 1
Adjusting The Layout For Text, Part 2
Formatting HTML Headings With CSS
Formatting Paragraphs
Using Class Rules To Format Text
More Formatting With Class Rules
Working More Efficiently With CSS
Inserting And Formatting Lists
Using A List To Build The Main Navigation Menu
Setting Up The Footer Navigation
06.Now It’s Time For Some Graphics!
Inserting An Image
Resizing Images With Your Graphics Editor
Controlling Graphics With CSS
Inserting The FeatureBox Images
Adjusting The FeatureBox Layout
Setting Up The FeatureBox Titles
Illustrator, Photoshop, HTML, And CSS Workflow
07.Site Rollout: From A Single Page To A Multi-Page Site
Getting Ready For Site Rollout
How To Not Roll Out A Website
Rollout Part 1_Setting Internal Hyperlinks
Rollout Part 2_Creating The Site’s Pages
Previewing And Testing The Site
A Final Thought On Site Rollout
08.Inserting Additional Page Elements
Adjusting The Site’s Hyperlink Formatting
Inserting A Simple Slideshow
Inserting And Formatting Tables
Inserting A Google Map
Formatting A Customer Testimonial Page
Setting Up A Contact Us Page
Finalizing The Site
Organizing The CSS File
Setting The Remote Site Info
09.Going Live: Uploading the Completed Site
Uploading The Local Site To The Remote Server
Testing The Live Site
Making Edits And Updating The Live Site
Testing And Debugging For Other Browsers
10.Wrapping Up HTML5 And CSS3
Where to go from here

Learning outcomes

• Learn how to design a professional-looking website from scratch.
• Understand how to insert text and graphics to a website.
• Learn how to improve coding skills to enhance an existing site and to test and upload a completed site.
• Gain an understanding of the tools you need to build and format your site. 

Access duration

The course will be directly delivered to you, and you have 12 months access to the online learning platform from the date you joined the course.  The course is self-paced and you can complete it in stages, revisiting the lectures at any time.

Who is this course aimed at?

• IT students
• Job seekers
• IT and programming professionals 

Method of assessment

At the end of the course, you will have one assignment to be submitted (you need a mark of 65% to pass) and you can submit the assignment at any time. You will only need to pay £19 for assessment and certification when you submit the assignment. You will receive the results within 72 hours of submittal, and will be sent a certificate in 7-14 days if you have successfully passed.

Certification and awarding body

Those who successfully complete the course will be awarded the HTML5 & CSS3 site design certificate by CPD & iAP. The qualification will make you valuable to employers, and your motivation at gaining new skills will be recognised.

Tutor info

Geoff Blake is an award-winning instructor with nearly 20 years of experience creating online video courses. His goal is to help people gain serious web skills, helping them to expand their business, develop their projects, and yeah – make more money!

Geoff is a published author, having written  ‘Ten Ton Dreamweaver’ with Peachpit Press. He also held a professorship at Seneca college, and ran graphics workshops at George Brown, and Humber colleges in Toronto. 

Other benefits

• Written and designed by the industry’s finest expert instructors with over 15 years of experience
• Repeat and rewind all your lectures and enjoy a personalised learning experience
• Gain access to quality video tutorials
• Unlimited 12 months access from anywhere, anytime
• Save time and money on travel
• Learn at your convenience and leisure
• Eligible for a NUS discount card
• Free Career Support Service
• 25% Discount on personal Statement and covering letter writing service
• Free Access to Over 150 courses for 2 days (48 hours)
• Free access to course before you purchase (For selected courses only)