Learn to Code - HTML and CSS
Learn to create a basic web page from scratch using HTML and CSS.
Course overview
In today's digital world, coding is a fundamental skill. This course is for those eager to learn how to create a basic web page using HTML and CSS.
As key languages in web design, HTML and CSS are essential and in high demand. Coding is a critical skill of the future, vital as workplaces become automated and digital technology advances.
Learning to code opens new opportunities and career paths. Coding enhances problem-solving skills and the ability to quickly identify errors. It changes how you interact with the digital world, fostering a mindset of continuous improvement.
Tuition fees per individual: £380* (group discounts available)
Available courses
Online:
- 19 February – 19 March, weekly, Wednesdays 18:00 – 20:30
- Daily, Monday 21 July – Friday 25 July, 09:00 – 11:30
*If you're a student or staff different fees apply. Please visit our dedicated student and staff areas for specific information.
Course details
In today's digital world, coding is a fundamental skill. This course is for those eager to learn how to create a basic web page using HTML and CSS. As key languages in web design, HTML and CSS are essential and in high demand. Coding is a critical skill of the future, vital as workplaces become automated and digital technology advances.
Learning to code opens new opportunities and career paths. Coding enhances problem-solving skills and the ability to quickly identify errors. It changes how you interact with the digital world, fostering a mindset of continuous improvement.
- Introduction to HTML: Explore the origins and basics of HTML, the backbone of web development.
- Getting the Best Code Editor: Discover the top editor choices that will make your coding experience smoother and more efficient.
- Core Concepts of HTML: Understand the fundamental elements and structure that make up HTML.
- Structure a HTML Document: Learn to organise your HTML code for clarity and functionality.
- Headings and Paragraphs: Master the basic text elements that give structure to your web pages.
- Unordered & Ordered Lists: Create lists that enhance the readability and organization of your content.
- Preview: See your HTML in action with live previews of your work.
- Hyperlinks: Connect your pages and resources with effective link creation.
- Comments: Use comments to annotate and explain your code for future reference.
- Using the Sections: Divide your HTML document into meaningful sections for better structure.
- Margins & Padding: Control the spacing around your elements for a clean and organised layout.
- Introduction to CSS: the language that brings style and design to your web pages.
- Types of CSS: Explore the different ways to apply CSS to your HTML.
- Syntax: Learn the rules and structure of writing CSS code.
- Images - Optimising: Ensure your images are web-friendly and look great without slowing down your site.
- Colour - RGBA & Hexadecimals: Add vibrant colours to your site using various colour codes and models.
- Fonts - Styling Text: Customize the appearance of your text to enhance readability and aesthetics.
- Aligning Text: Position your text accurately within your layout for a polished finish.
- Video - HTML tags & YouTube: Embed and customize video content to enrich your web pages.
-
Fonts & Google Fonts: Access a vast library of fonts to make your text stand out.
- Nav Tags & Article Tags: Use semantic tags to improve the structure and accessibility of your content.
- Selectors: Target specific elements with precision using CSS selectors.
- What is a Div: Understand the versatile div element and its role in layout design.
- ID and Classes: Differentiate between IDs and classes for targeted styling and scripting.
- Floats & Positioning: Control the layout flow and positioning of your elements with advanced CSS techniques.
- Further CSS: Delve deeper into advanced CSS properties and techniques.
-
Practicing What We’ve Learnt in Different Contexts: Apply your skills in various scenarios to reinforce your understanding.
-
Wing It with JavaScript: Get a taste of JavaScript and see how it can add interactivity to your web pages.
Susannah Travis - Course Lead
Susannah is the Digital Skills Team Lead, delivering a range of courses. With over a decade of experience in teaching Adobe and Microsoft applications, she specialises in both individual training and tailored group sessions. Her aim is to enable students to achieve a high level of digital literacy, enhancing their work and everyday lives.
Find out moreWhat you'll learn
In this course, you'll learn HTML and CSS basics, including structure, headings, lists, hyperlinks, comments, and previews. You'll also cover CSS syntax, styling techniques, image optimization, colour codes, fonts, text alignment, and video embedding. Advanced techniques like nav and article tags, IDs, classes, floats, and positioning are included. You will practice in various contexts.
By the end of the course, you'll be able to create structured HTML documents, style web pages, optimise images, use fonts, embed videos, and work on code to many content management systems.
How you'll learn
Our online courses are delivered through Microsoft Teams, ensuring a seamless learning experience. Each session starts with a live broadcast from the tutor to introduce the topic and guide you through the resources. Our courses include various learning methods such as videos, quizzes and exercises. The tutor remains available online for real-time support, making learning effective and enjoyable. Our blended teaching approach combines live and pre-recorded content, providing flexibility to learn at your own pace.
Read our short course terms & conditions
Similar courses
WordPress: Create Websites & Blogs
Learn how to create a website or blog in WordPress
SketchUp for Web
Step into the world of 3D modelling with SketchUp, the ultimate user-friendly tool for modelli...
Premiere Rush - Quick and easy Video editing
Learn the essentials of editing clips, adding audio, titles and more.
PowerPoint: create presentations with professionalism and impact
Join our engaging short course to learn the fundamentals of PowerPoint.
Photoshop Visualisation Skills
During this course, we will provide you with the right tools to help you to present your archi...
Photoshop for Social Media
Learn how to compose eye-catching banners, design stunning social media graphics and more.
Photoshop for Photographers
Optimise your images for professional results.
Photoshop for Interior Design
This course introduces step-by-step techniques for interior designers to successfully use Adob...
Photoshop for absolute beginners
Develop essential skills in image editing on this Adobe Photoshop course for beginners.
Make Essay & Dissertation writing Easier using MS Word
Master Microsoft Word for writing dissertations and essays with this comprehensive course! Learn to ...
Introduction to Blender for 3D Modelling, Animation and Visualisation
Discover the basics of Blender.
Getting started with Adobe Photoshop
Take your first steps into the world of image editing and creation.
Getting started with Adobe InDesign
Learn all the basics on our Adobe InDesign Level 1 course.
Getting started with Adobe Illustrator
Explore the basic concepts and functions of Adobe Illustrator
Getting started with Adobe
Discover Adobe and explore which applications you want to master.
Get designing with Adobe Photoshop, InDesign and Illustrator
Creatively use Photoshop, Illustrator and InDesign together.
From Beginner to Master: Premiere Pro
This series of Premiere Pro courses will enhance your digital skills in the competitive jo...
From Beginner to Master: Photoshop
This series of Photoshop courses will enhance your digital skills in the competitive job m...
From Beginner to Master: InDesign
This series of InDesign courses will enhance your digital skills in the competitive job ma...
From Beginner to Master: Illustrator
This series of Illustrator courses will enhance your digital skills in the competitive job...
From Beginner to Master: After Effects
This series of After Effects courses will enhance your digital skills in the competitive j...
Figma for UI and UX Design
This beginner-friendly course offers a concise introduction to Figma, a leading collaborative ...
Excel Data Analysis and Visualisation in Excel
Elevate your Excel skills with this course, designed for those eager to master data analysis and vis...
Creating Motion Graphics with Adobe After Effects
Create and manipulate motion graphics, visual effects and more.
Create compelling Social media content with Canva
Learn how to professionally design and easily prepare images in Canva
Adobe Premiere Pro: Introduction to Video Editing
Learn the basics of video editing.
Adobe Express for Portfolios
Build an online portfolio with ease with this Adobe Express short course.
Adobe Express for CVs
This short course will show you how to create and build a CV and then customise it using professiona...
Adobe After Effects for Instagram
Do you want your Instagram posts to stand out from the crowd? In this course, you’ll learn how to ...