CSS & XHTML for Web Development

CSS & XHTML for Web Development
Enquire Now

Harness your web development abilities and take the plunge into the world of CSS and XHTML coding. If you have an interest in how websites are made, and how they function, this course will help you to gain understanding of the bare bones of website development, before going on to learn further coding and computer languages. Work through the process of how the structure of a web page is formed, and learn how to style these pages so that they look professional and refined.

Create Professional Websites, Every Time

It’s amazing, just how much work goes into the creation of a website, when there isn’t a template already done for you. For those who create these templates, building a website can be an arduous task, but one that is incredibly rewarding once the finished result is published. CSS, or Cascading Style Sheets, is a versatile scripting language that can give designers and developers the ultimate in flexibility, so that they can create a web page with whatever format and styles they wish to use.

Manageable, Convenient, and Flexible

The course is delivered solely online, so you have plenty of flexibility to complete the syllabus as and when you can. Divided into 10 manageable units, completion should take an average of eight hours, but you may wish to download a free trial of the Adobe Dreamweaver application so that you can practice some examples to hone your skills even further.

Make the change, and morph from an amateur web designer into a professional one, by signing up to this fantastic course which will teach you the fundamentals that you need to succeed.

Key Learning Points

This resource is perfect for anyone wishing to understand more about the uses of CSS and XHTML and why these are pivotal elements of a web build project.

  • Learn the basics of building a web page, and learn how to get started with both XHTML and CSS code.
  • Learn how to create HTML documents, including assigning titles, headers and paragraphs, and how to make small changes such as bold, and italic, text.
  • Get to grips with CSS and how these style sheets can prevent the need to recode a site every time something needs to be restyled.
  • Learn how to add images using the img tag, and how to fine-tune the image by making changes to its height and width.
  • Learn how to create hyperlinks to outside websites, and between documents. Learn how to link to email addresses and specific parts of a web page.
  • Learn how to create tables, span rows and columns, and add/format them.
  • Learn how to make adjustments to the web page layout, by applying absolute and relative positioning, and using the float and clear properties.
  • Explore Adobe Dreamweaver; learn how it can be used to build web pages, and how to configure the FTP options to allow publishing through synchronisation.
  • Learn how to edit style sheets within Dreamweaver, and how to create description tags and metadata to help optimise the web pages you have created.

Advantages of this course

  • Become proficient in CSS and XHTML and impress your employers with your new-found knowledge!
  • Boost your flexibility and your portfolio by learning how to create fantastic web pages, fast.
  • Study online, whenever you have the spare time to do so.
  • No timetables to stick to and no awful deadlines. You have a full 12 months to complete the course.
  • Course content is delivered in manageable chunks, so you can concentrate on the task at hand.
  • Printable reference guides and exercises, so that you have them to hand whenever you need them.
  • Downloadable course completion certificate (£10 fee applicable).
  • Upgrades to the course syllabus will be free for you to use, for the full 12 months.
  • Monitor your progress with integrated self-assessments.

Whoever says that learning the basics of web development is difficult obviously hasn’t seen courses like this one! Sign up today, and see for yourself!


Salary range chart

Web Designer & Developer (United Kingdom)
Compare your salary. Get a FREE salary report »

Career path Chart

Introduction To Building a Building a Web Page
  • What is HTML?
  • Setting Up the Text Editor to Create XHTML
  • Creating Your First HTML File
  • Adding Formatting Tags & Previewing in a Browser
  • Getting Started with Cascading Style Sheets
  • How Pages are Served Up
  • Choosing an Editor
  • Project Management
Creating HTML Documents
  • Understanding Tags, Elements & Attributes
  • Defining the Basic Structure with HTML, HEAD & BODY
  • Assigning a Title & Using Paragraphs
  • Using Heading Tags & Whitespace
  • Creating Unordered & Ordered Lists
  • Fine-tuning Tags with Attributes
  • Working with Colors & Gradients
  • Adding Bold & Italics
  • Understanding How a Browser Reads HTML
  • Doc Types & Browsers
Introduction To CSS
  • What is CSS?
  • Internal Style Sheets, Selectors, Properties & Values
  • Building & Applying Class Selectors
  • Using Advanced Selection Techniques
  • Grouping Selectors
  • Creating Comments in Your Code
  • Using Div Tags & IDs to Format Layout
  • Understanding the Cascade & Avoiding Conflicts
Adding Images
  • Image Formats & Production Considerations
  • Optimizing Images for the Web
  • Introducing the IMG Tag
  • Relative vs. Absolute URLs
  • Fine-Tuning with Alt, Width & Height Attributes
Anchors & Hyperlinks
  • Creating Hyperlinks to Outside Websites
  • Creating Hyperlinks Between Documents
  • Linking to Email Addresses
  • Linking to a Specific Part of a Webpage
  • Linking Images
More CSS Techniques
  • Managing CSS with External Style Sheets
  • Setting Hyperlinks with Pseudo-Classes
  • The CSS Box Model: Padding, Borders & Margins
  • Styling Unordered & Ordered Lists with CSS
  • Overriding the Inheritance of Attributes
Organizing Information With Tables & Definition Lists
  • Creating Tables & Table Attributes
  • Adding & Formatting Rows & Columns
  • Spanning Rows & Columns
  • Increasing Table Accessibility
  • Using Definition Lists to Organize Definition-Based Data
  • Using HTML Comments
Creating Layouts
  • Adding a Side Content Div to Your Layout
  • Applying Absolute Positioning
  • Applying Relative Positioning
  • Using the Float & Clear Properties
  • Understanding Overflow
  • Creating Auto-Centering Content
  • Using Fixed Positioning
Introduction To Adobe Dreamweaver
  • Getting Started with Dreamweaver & Setting Preferences
  • Creating a Local Site & Importing Files
  • Working in the Code, Design, & Split Views
  • Configuring FTP Options & Publishing Through Synchronization
  • Using Definition Lists to Organize Definition-Based Data
  • Validating Your Code
Working With Dreamweaver
  • Editing Style Sheets in the CSS Panel
  • Creating Description & Keyword Meta Tags
  • Using Dreamweaver to Preview in a Web Browser
  • Credits
Course Code
Online Course
Course Access
1 Year
Exams Included
1 gigahertz (GHz)
1 GB
Operating Systems
Windows 7
Windows 8
Windows 10
Internet Explorer 8 or above
Google Chrome
Safari 6 or above
Mozilla Firefox
Windows, Mac, iPhone, iPad, Android
Digital Marketing Diagnostic Test