
Download the course materials here
Explore how to use semantic HTML5 tags such as section, article, aside, and blockquote to group content, improve accessibility, and enhance search engine understanding.
Resize images to web-friendly pixel dimensions, convert to browser-ready formats (jpeg, gif, png), and preview size and quality to balance file size and visual fidelity for faster page loads.
Create an HTML5 page with doctype, head, meta charset, and title. Structure content with headings, sections, asides, figures, lists, and images, then outline pages for brewing, grinding, and roasting.
Learn the basics of css to style web pages using inline styles, style tags, and external style sheets, understand text alignment and cascading rules across headings and paragraphs.
Discover how to customize lists with css using list-style-type and list-style-image for ordered and unordered lists, and apply symbols or images globally.
Set up and apply an external css stylesheet across pages, style headings in brown, customize lists with a coffee cup image, and load Google fonts for a unified look.
Change link styles by targeting visited and hover states, remove underlines, and apply color changes to red for unvisited, green for visited, and blue on hover to enhance user cues.
Learn to build accessible navigation menus with a nav element and unordered list, style links as horizontal button-like items, and add hover effects for screen readers and search engines.
Learn how the CSS position property moves block elements with relative, absolute, and fixed values, using top, left, bottom, and right to position relative to a parent or the viewport.
Set up streaming video on a web page with the video tag, specify width and height, enable controls or autoplay, use multiple sources (mp4, webm, ogg), a poster, and fallback.
Explore how HTML5 and CSS3 fundamentals come together to build a complete website, with cheat sheets, color resources, and browser compatibility tips to accelerate learning.
When it comes to the world of technology, staying ahead of the curve is always a challenge. In the last year one aspect of this – the world wide web – has kicked up a gear with the introduction of HTML5, the newest version of the code that makes the web tick. If you learn HTML5 along with CSS3 (the next level of web design used on all modern websites), you’ll have a recipe for success; and this course will show you how.
Create a website from scratch with HMTL5 and CSS3
Build Like a Pro with HMTL5 and CSS3 Design
The only way to effectively learn HTML5 and CSS3 is by diving right in and building websites from the ground up. That’s exactly what this course does. Designed for complete beginners, you’ll create a complete website section by section during 35 lectures and 5 hours of content.
You’ll start by becoming familiar with HTML tags and how they’re used, followed by the use of attributes and common settings. Once you’ve got a handle on basic HTML, you’ll move on to the fun stuff: CSS. You’ll use CSS for fonts, colours, lists, navigation menus, and more, adding a new element to your website with each section. Links, layouts, tables, forms and videos are all covered too.
If you know how to use a web browser and a text editor, you’re all set up for this course already. No extra software or tools are needed, and you can choose your preferred option of each to get going. By the time you finish, you’ll know everything you need to know to create beautiful, functional, easy to use websites of any kind.
About HTML5 and CSS3
HTML5
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.
CSS3
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.