INTRO TO HTML5 & CSS3

This one day live course teaches you

how to write HTML5 & CSS3

Do you you want to build content for your website, create HTML email campaigns, or maybe even use html & css from within other programs like InDesign (yes that is possible)?

If so our beginners course is for you, aimed at those who are completely new to HTML5 & CSS3, our experienced instructors can accommodate both those who want to learn to write the code manually, and those who prefer to avoid this by using DreamWeaver to generate everything.

During the class you will learn how to create basic HTML5 pages, using CSS3 to add more complex design elements as you go, resulting in professional looking content that you will want to share with others. This course includes 1 day of live online learning, backed up by post course support and access to online resources for practicing your new skills.

Looking to Book

Private Course Option
We currently offer this class as a closed course. Please contact us to discuss the options and prices.

Intro to HTML5 and CSS3 covers all the basic skills needed to start laying out content using the HTML formatting language and styling it with CSS. An outline of the topics covered is provided below:

Intro to HTML5 and CSS3 Course Topics

Introduction to Web Development

  • What do you need
  • What is HTML
  • What is CSS
  • Coding Environments

Site Structure and Files

  • Understanding website structure
  • File naming conventions
  • File and folder structure
  • Previewing in browsers

Basic Page Markup

  • Creating HTML tags
  • DOCTYPE
  • Code Comments
  • Head
  • Body
  • Section, Article, Aside, and Nav
  • Header & Footer
  • Div & Span

Basic Page Markup

  • h1 - h6
  • p
  • br
  • hr
  • hyperlinks
  • tables
  • lists

Images

  • Web images overview
  • Inserting images
  • Image attributes

Styling with CSS3

  • What is CSS3 and why use it
  • Limitations of CSS
  • Understanding the cascade
  • Tags, Classes, IDs and Compound styles
  • Creating & editing CSS rules

CSS3 Options

  • Multiple Columns
  • Custom fonts
  • Border-radius
  • Gradients
  • Colour
  • Shadows
  • Transitions
  • Transforms

Video and Audio

  • The HTML5 video and audio elements
  • Understanding video and audio
  • Embedding video on your page

Overview of CSS Grid

  • Intro to CSS Grids
  • Grid containers
  • Grid items

Intro to HTML5 & CSS3 gets you building and styling HTML pages in no time at all using best practice techniques.

You will learn

  • The difference between HTML and CSS
  • How to create and markup HTML pages
  • How to style your pages using CSS3
  • How to insert images, video and other media into your pages
  • Limitations of creating content for email
  • The basics of positioning with CSS Grids
  • Other skills that might be needed to complete a web project

Who should attend this course

If you want to learn to create HTML5 and CSS3 content, but have no past experience then this course is for you. Our small class sizes mean we are able to cater for both people who want to learn to write the code manually, and those who want to avoid doing so by using the DreamWeaver interface to generate code.

Comments from delegates that attended our HTML5 & CSS3 courses:

"He was extremely knowledgeable and professional as I would expect. He was very helpful and understanding of our needs and what we wished to achieve and gain from the course."
Studio Manager, Defence School of Transport

"Learnt a lot in the two days, easy to take in and provided quick answers. Made the dreaded code simple to understand!"
Graphic and Web Designer, Chris Quigley Education

"He has the patience of a saint and made the whole learning experience a pleasure. Instructor approachability was excellent even though our questions may have been repetitive at times."
Systems Engineer, Royal Navy

"The instructor was very clear and informative, answered all of my questions. I found the content very useful, and will be able to implement it straight away, even for personal use, which is a bonus."
Graphic Artist, News International

"He was very likeable and professional. He worked with us all at different levels and made us all feel comfortable."
Graphic Designer, Fujifilm

"The instructor was very good, happy to go off topic to answer random questions."
Production Assistant, Morgan Stanley

Good Material, learnt a lot. The instructor was able to answer any questions posed by the group, making it easy for us to follow and understand"
Software Engineer, Marks and Spencers

"Friendly Instructor. Very knowledgeable and very good at answering questions appropriately."
Creative Specialist, Kingston Technology

Very relaxed approach to learning. Course lived up to expectations. Very impressed. Instructor was very well informed regarding the course and related subjects. Good presentation style. Very helpful."
Lead Project Designer, Interflora

He knew his stuff, so I was able to ask any questions that I had."
Device Development Manager, Orange

Engaging and informative, made the course interesting and fun."
Production Editor, Gocompare.com

"Very helpful and went above and beyond to help us achieve our learning objectives. It was explained in 'plain English' not technical jargon."
Marketing Consultant, Aviva

"He was very knowledgeable and very easy to learn from. Clear, concise and fun."
Designer, Michael Page International

"Great instructor, knowledge of training and flexibility to adapt was great! Every step was clearly explained, with options to practice and ask any questions."
Communications Officer, Health Education West Midlands

"Really good course today, just enough information so easy to absorb. Looking forward to creating some emails. Has also given me a better understanding of what our email design agency do. Excellent, extremely knowledgeable above everything to do with digital design."
Business Retention Manager, East Coast Mainline

"Very welcoming and easy to get to and have everything you need. learnt a lot from the instructor and was very helpful when needed."
Trainee Junior Graphic Designer, Hunters

"Some good foundation, and a few tips for the back pocket."
Senior Designer, Interflora

"Really friendly and knowledgeable. Made us feel at ease and was very patient and helpful. I like that its a relaxed atmosphere and it always helps that the instructor knows his stuff!!"
Graphic designer, University of Hull

"As someone that knew nothing about HTML prior to the course I was a little unsure of what to expect. The content wasn't overwhelming and it was presented well so I could understand it. Andy, as always, was friendly, approachable and happy to help."
Marketing Executive, SBL

"Had everything we needed. Very articulate and helpful. It was clear and easy to follow. Could ask questions and not feel intimidated."
B2B Content Exec, Aviva

"Very friendly and knows what he's talking about."
Creative Executive, YPO

"Very happy with all, and grateful it was a small class as I had loads of questions as a beginner, and worry I may not have asked questions if there were more people in the class. Excellent instructor."
Graphic Designer, Home Group

The trainer was an expert. He certainly knows his stuff"
Digital Designer, Play.com

Intro to HTML5 and CSS3 covers all the basic skills needed to start laying out content using the HTML formatting language and styling it with CSS. An outline of the topics covered is provided below:

Intro to HTML5 and CSS3 Course Topics

Introduction to Web Development

  • What do you need
  • What is HTML
  • What is CSS
  • Coding Environments

Site Structure and Files

  • Understanding website structure
  • File naming conventions
  • File and folder structure
  • Previewing in browsers

Basic Page Markup

  • Creating HTML tags
  • DOCTYPE
  • Code Comments
  • Head
  • Body
  • Section, Article, Aside, and Nav
  • Header & Footer
  • Div & Span

Basic Page Markup

  • h1 - h6
  • p
  • br
  • hr
  • hyperlinks
  • tables
  • lists

Images

  • Web images overview
  • Inserting images
  • Image attributes

Styling with CSS3

  • What is CSS3 and why use it
  • Limitations of CSS
  • Understanding the cascade
  • Tags, Classes, IDs and Compound styles
  • Creating & editing CSS rules

CSS3 Options

  • Multiple Columns
  • Custom fonts
  • Border-radius
  • Gradients
  • Colour
  • Shadows
  • Transitions
  • Transforms

Video and Audio

  • The HTML5 video and audio elements
  • Understanding video and audio
  • Embedding video on your page

Overview of CSS Grid

  • Intro to CSS Grids
  • Grid containers
  • Grid items

Creating HTML5 & CSS3 with DreamWeaver gets you building and styling HTML pages in no time at all.

You will learn

  • The difference between HTML and CSS
  • How to create and markup HTML pages
  • How to style your pages using CSS3
  • How to insert images, video and other media into your pages
  • Limitations of creating content for email
  • The basics of positioning with CSS Grids
  • Other skills that might be needed to complete a web project

Who should attend this course

If you want to learn to create HTML5 and CSS3 content, but have no past experience then this course is for you. Our small class sizes mean we are able to cater for both people who want to learn to write the code manually, and those who want to avoid doing so by using the DreamWeaver interface to generate code.

Comments from delegates that attended our HTML5 & CSS3 courses:

"He was extremely knowledgeable and professional as I would expect. He was very helpful and understanding of our needs and what we wished to achieve and gain from the course."
Studio Manager, Defence School of Transport

"Learnt a lot in the two days, easy to take in and provided quick answers. Made the dreaded code simple to understand!"
Graphic and Web Designer, Chris Quigley Education

"He has the patience of a saint and made the whole learning experience a pleasure. Instructor approachability was excellent even though our questions may have been repetitive at times."
Systems Engineer, Royal Navy

"The instructor was very clear and informative, answered all of my questions. I found the content very useful, and will be able to implement it straight away, even for personal use, which is a bonus."
Graphic Artist, News International

"He was very likeable and professional. He worked with us all at different levels and made us all feel comfortable."
Graphic Designer, Fujifilm

"The instructor was very good, happy to go off topic to answer random questions."
Production Assistant, Morgan Stanley

Good Material, learnt a lot. The instructor was able to answer any questions posed by the group, making it easy for us to follow and understand"
Software Engineer, Marks and Spencers

"Friendly Instructor. Very knowledgeable and very good at answering questions appropriately."
Creative Specialist, Kingston Technology

Very relaxed approach to learning. Course lived up to expectations. Very impressed. Instructor was very well informed regarding the course and related subjects. Good presentation style. Very helpful."
Lead Project Designer, Interflora

He knew his stuff, so I was able to ask any questions that I had."
Device Development Manager, Orange

Engaging and informative, made the course interesting and fun."
Production Editor, Gocompare.com

"Very helpful and went above and beyond to help us achieve our learning objectives. It was explained in 'plain English' not technical jargon."
Marketing Consultant, Aviva

"He was very knowledgeable and very easy to learn from. Clear, concise and fun."
Designer, Michael Page International

"Great instructor, knowledge of training and flexibility to adapt was great! Every step was clearly explained, with options to practice and ask any questions."
Communications Officer, Health Education West Midlands

"Really good course today, just enough information so easy to absorb. Looking forward to creating some emails. Has also given me a better understanding of what our email design agency do. Excellent, extremely knowledgeable above everything to do with digital design."
Business Retention Manager, East Coast Mainline

"Very welcoming and easy to get to and have everything you need. learnt a lot from the instructor and was very helpful when needed."
Trainee Junior Graphic Designer, Hunters

"Some good foundation, and a few tips for the back pocket."
Senior Designer, Interflora

"Really friendly and knowledgeable. Made us feel at ease and was very patient and helpful. I like that its a relaxed atmosphere and it always helps that the instructor knows his stuff!!"
Graphic designer, University of Hull

"As someone that knew nothing about HTML prior to the course I was a little unsure of what to expect. The content wasn't overwhelming and it was presented well so I could understand it. Andy, as always, was friendly, approachable and happy to help."
Marketing Executive, SBL

"Had everything we needed. Very articulate and helpful. It was clear and easy to follow. Could ask questions and not feel intimidated."
B2B Content Exec, Aviva

"Very friendly and knows what he's talking about."
Creative Executive, YPO

"Very happy with all, and grateful it was a small class as I had loads of questions as a beginner, and worry I may not have asked questions if there were more people in the class. Excellent instructor."
Graphic Designer, Home Group

The trainer was an expert. He certainly knows his stuff"
Digital Designer, Play.com

Placeholder
INTRO TO HTML5 & CSS3
£325.00 Select options
We use cookies to improve your browsing experience on our website and to understand where our visitors are coming from. By clicking ‘Accept cookies’, you consent to our use of cookies.