HTML & CSS For Beginners Training Course

Course overview

• If you're involved in web projects, content management, or email marketing, it's crucial to understand the HTML and CSS code that underpins web pages and HTML emails.
• This one-day HTML & CSS training course will equip you with the confidence to create your own HTML or CSS code for web pages or emails, manage content, assets, and third-party code or widgets. The course will also provide you with the skills to examine the source code of any web page or email template and understand its components.
• Throughout the day, we will cover the structure of an HTML document, core HTML tags, CSS properties, and the differences between web pages and HTML emails. We will also introduce HTML5 and discuss its importance in future-proofing your digital assets.
• We'll provide an overview of JavaScript, its uses, appearance, and significance for the future of the web. Finally, we'll discuss different browsers and email readers and how to conduct testing.
• The session is conducted in a fun and relaxed environment, with plenty of interactivity to help you along the way. Bring a laptop and be prepared to dive into the code!

Benefits

• Understand the fundamentals of front-end web development
• Learn how web pages and HTML emails are structured
• Discover the roles of HTML, CSS, and JavaScript in web development
• Identify key HTML tags and CSS styles and their impact on web pages and emails
• Explore other languages used on the web
• Get introduced to new features in HTML5 and CSS3
• Learn how to test your code to ensure compatibility across all browsers and email readers

Curriculum

Internet Building Blocks

• An overview of how the Internet is structured
• The core development languages and their uses
• Defining static versus dynamic pages
• Where web pages live and how to access them

HTML - For Websites & Email Campaigns

• Understanding the structure of an HTML document
• The vocabulary and grammar of HTML
• Creating your own HTML using the core HTML tags
• Using browser tools and extensions to easily test your HTML
• The core differences between HTML used in web pages vs email campaigns

CSS - Cascading Style Sheets

• Understanding CSS and where/when to use it
• Why CSS will improve your productivity
• When to use CSS versus HTML
• The differences between CSS in web pages versus HTML emails
• The core CSS properties and syntax
• Understanding the CSS box model and its impact on page design
• Mobile-friendliness: using media queries for responsive design
• Moving from style to interaction - the future of CSS3

Testing Your Code

• Using free online coding tools, to test (and share) your code
• Popular browser testing tools
• Email testing tools: how they work and why they are so important
• How to use Chrome to test your mobile friendliness

JavaScript - Bringing Interactivity To Web Pages

• What JavaScript is for
• What it looks like and how to understand it
• JavaScript’s role in the future of the web
• Testing web pages with JavaScript switched off

HTML5 - The Latest Incarnation of HTML

• What is HTML5 and what makes it different
• Tools to test HTML5 compatibility in browsers
• Commercial and non-commercial examples of stunning HTML5

Browsers

• The main browsers and their differences
• Understanding browser compatibility
• Desktop versus mobile browsers: market share stats

Who will benefit from this course?

• This HTML & CSS For Beginners training course is for anyone responsible for managing or editing websites, HTML emails, or online content.
• Typical attendees include: content managers, digital marketers, email marketers, CRM professionals, designers, content editors, or anyone else involved in digital projects.
• This is a beginner-level course aimed at audiences who have no or little prior knowledge of front-end coding.
• Attendees are requested to use Chrome browser for interactive coding exercises during the session.