HTML, CSS & WordPress Introduction Masterclass 4 Days - Newcastle

HTML, CSS & WordPress Masterclass 4 Days Overview

This 4-day Essentials course will cover everything you need to get started with producing HTML and styling your content with CSS as well as focussing on building themes with WordPress. You will learn how web pages are structured under the hood and how you can put together your own files for the web. We will also show you how to use CSS to control every aspect of a site's visuals: its fonts, colours, leading, margins, and more. WordPress is a popular tool for creating websites and blogs so we will show you the end-to-end process for creating a fully functional, professional website and blog.

Upon successful completion of this course, you will be able to:

• Understand the syntax and structure of HTML pages
• Insert tags, attributes, and values into a page
• Define titles, headings, and page regions
• Add links, alternate text content, and background images
• Position and resize images and other page elements
• Work with colours
• Use correct styles instead of deprecated HTML tags
• Design without relying on tables
• Include padding, margins, borders, and backgrounds
• Write selectors to target only specific parts of a page
• Produce horizontal and vertical navigation bars
• Style hyperlinks
• Differentiate between external, embedded, and inline styles
• Install and configure WordPress
• Understand the difference between posts and pages
• Publish a blog post
• Manage links, tags, and media
• Approve or delete blog comments
• Customise your site with advanced themes
• Inspect and manipulate the WordPress Loop
• Apply tags
• Create custom navigation menus
• Assign user roles and permissions
• Activate plug-ins that enable enhanced features such as eCommerce
• Attract visitors with correct SEO approach for adding title, alt and image names
• Track visits by using the Google Analytics plug-in

Our goals are for you to understand how to create and adjust your own HTML documents and WordPress websites/blogs, and for you to understand how to enhance the visual appearance of your web pages.

This course can be taken in a single 4-day block or split into a 2-day block (HTML & CSS) and then a separate 2-day block (WordPress Masterclass) taken at a later date.

Course Target Audience and delegate prerequisites

This course is intended for anyone interested in producing, editing, or visually styling content for the web.

You will need basic PC or Mac skills, including a solid understanding of a computer's operating system (Windows or Mac OS). You will also need to know how to launch a program, create and save files, and copy files from CDs and other media.

 

HTML, CSS & WordPress Masterclass Course Outline

The following is a general outline. The range of topics covered during your training is dependent upon student level, time available and preferences of your course booking.

Introducing HTML/XTHML

• A brief overview of HTML/XHTML and the world wide web
• Browser and resolution issues
• The syntax and structure of HTML/XHTML
• Introducing tags, attributes and values
• Meeting logical and physical tags
• Container and empty elements

Getting started

• Understanding the DTD (document type declaration)
• Defining the Head and Body regions
• Structuring and formatting your content using Block and Character level tags
• Fonts and colour
• Sizing text and using headings
• Indenting using Blockquotes
• Using Horizontal Rules
• Including Escape characters
• Naming conventions
• Including a Title for your pages
• Testing your site in different browsers

Colour

• Understanding colour for the web
• Working with hexadecimal
• Meeting web safe colours
• Applying colour to text, tables and cells

Images

• The different image formats used on the web
• Placing and linking an image
• Adding alternate text
• Sizing and positioning images

Tables

• Creating a simple table
• Adding rows and cells
• Adding content to cells
• Formatting tables and cells

Hyperlinks

• Creating relative links between pages
• Creating absolute links to other sites
• Creating mailto links and links to non-HTML/XHTML files
• Adding named anchor links to long pages
• Adding links to images

Introducing CSS

• A brief review of HTML
• Understanding the limitations of HTML
• The evolution and current status of CSS
• Where to keep up to date with CSS
• CSS and CSS2

CSS structure

• The importance of DTD (document type declaration) when using CSS
• The Style and Comment HTML tags
• Declaration block
• ID and class styles

Applying and modifying CSS

• Embedded styles
• InLine styles
• External Style Sheets
• Locating amending embedded styles
• Locating and amending inline styles
• Linking vs importing external style sheets

CSS with HTML

• ID vs Class selectors
• Descendant selectors and grouping selectors
• The DIV and SPAN tags

Typography with CSS

• Fonts and font families
• Sizing text using different units of measure
• Line height
• Font weight
• Working with colour

Hyperlinks

• Link basics
• Styling hyperlinks
• Link text decoration
• Creating rollovers using hover

Improved layout

• Using the box model
• Padding and margins
• Element positioning

Getting Started with WordPress- Installation and Upgrades

• WordPress in five minutes
• Upgrading WordPress
• New features of WordPress
• Best Practices for upgrading WordPress
• Importing and exporting data

Configuring your WordPress site

• General settings
• Discussion settings
• Permalink settings
• Privacy settings
• Reading settings
• Writing settings
• Miscellaneous settings

Uploading and maintaining the right content

• New features in WordPress
• Creating content: Posts vs. Pages
• How to write a Page in WordPress
• WordPress categories explained
• Using the WordPress Content Management System (CMS)
• Managing Pages
• Managing Links
• Managing WordPress Tags
• Managing your WordPress Media Library
• Updating your WordPress Profile

Blogging with WordPress

• Writing a blog Post
• Managing Posts
• Managing comments
• Fighting SPAM with Akismet

Make sure your customers find your site

• Search Engine Optimisation (SEO)
• Making your content search-engine friendly
• Using analytics to deliver accountability and insight
• Adding Facebook and Twitter buttons

WordPress Administration

• Best Practices for upgrading WordPress
• Managing WordPress users
• Permission levels and log-ins
• WordPress User Roles explained
• Managing files
• The WordPress Dashboard

Detailed Wordpress Theme Overview

• Anatomy of a Wordpress Theme
• How Themes work
• Template files
• Typical Template files/folders included in a Theme
• The Wordpress Loop
• The Functions File
• Template Tags
• Conditional Tags

Modifying a Wordpress Theme - Getting started

• Choosing a Wordpress Theme to modify
• Category Templates
• The Template Hierarchy

Plug-In

• Understanding what to look for in plug-ins
• How to view plug-in files with the editor and read the TXT files for instructions
• Downloading and activating plug-ins
• De-activating and deleting plug-ins

Security and Login

• Admin roles and permissions
• Security with Wordpress

Menus

• Creating custom menus

Wordpress Theme Compatibility and Upgrades

• Upgrading a Wordpress Theme
• Theme compatibility with Wordpress Upgrades
• Theme compatibility with Plug-in

What's Included

The following are provided for your best experience on this course:

• All computers for your use with choice of Windows or Mac systems
• Small class size (limited to a maximum of 4-8 attendees on all sessions)
• Quality reference manual for post course reference to take away with you
• 6 months post course support to assist you where needed
• Official Authorised Certificate for your successful completion of the course
• Lunch To give you the most flexible options for lunch we provide lunch vouchers which can be redeemed locally at a number of popular eateries including Pret A Manger, EAT, Starbucks, Tesco, Sainsburys, Boots and Greggs
• Refreshments to keep you on top form are available for you throughout the course with a full range of teas, coffees and biscuits
• Pads and pens

Daily course times run between 10am and 5pm with an hour break for lunch and both mid morning and mid-afternoon refreshment breaks. We recommend arrival at 9.45am for registration on the first day of the course.

Further details on benefits included with this HTML course:

HTML/CSS Web Expert Instructor

Our trainers are HTML Specialists with years of experience teaching HTML. Get the web skills you need with our HTML professionals.

Quality training manual

Included with our HTML courses is the HTML & CSS Visual Quickstart Guide provided for free to use as a post course reference resource. This is a full 300+ page manual to supplement the content covered during the course.

6 months support

Included with your course booking for all delegates on this course is 6 months free support so if you run into problems or need assistance relating to anything covered during your course we would be happy to assist you during this time.

Official Course Certificate

After your class with XChange Training you will receive our official Certificate as a record of your successful completion of the course.

Lunch & refreshments

Delegates attending scheduled or bespoke courses at our training centres will receive lunch and plentiful refreshments including tea, coffee and hot chocolate for each day of the course.

Training Location

This course is provided at the XChange Training Newcastle training centre located at:

The Beacon
Westgate Road
Newcastle upon Tyne
NE4 9PQ

The training centre is situated on Westgate Road near Central Newcastle within easy reach by bus of Newcastle Central Station for both local Metro and overland trains. If you are driving there is free parking available at the training centre.

Daily course times run between 10am and 5pm with an hour break for lunch and both mid morning and mid-afternoon refreshment breaks.

Scheduled Course Enquiry

If you are considering this HTML, CSS & WordPress Masterclass Course but would like further information simply send us your query quickly & easily with the form below. Whether you would like to check date availability, pricing, course suitability or just need further information about a course send us your query and we will get you a swift reply, usually within 2 business hours!

If you would prefer to check course details by phone please call us on 0345 363 1130.

Scheduled Course Name:	HTML, CSS & WordPress Masterclass
Course Location:	Scheduled - The Beacon, Central Newcastle
Scheduled Course Dates:	--Please Choose-- 13 May - 16 May24 Jun - 27 Jun26 Aug - 29 Aug
Knowledge level of delegate(s):	--Please Choose-- Beginner Some Notions Intermediate Advanced
Number of delegates:	--Please Choose-- 1 2 3 4 5 6 7 8 9 10+
Nature of enquiry:	--Please Choose-- Check Date Availability Course Information Request Price Enquiry Course Suitability Other
Lead contact name:
Email address:
Telephone number:
Company (if applicable):
Specific query details:
XChange Training respects your privacy. By entering your information, you agree to the terms of our company Privacy Policy.

 

Related Courses

Bespoke HTML Training

Our bespoke course options for HTML training are shown below:

Bespoke HTML Training Courses

HTML - 1 Day Introduction Training Course

HTML and CSS - 2 Day Introduction Training Course

HTML5 and CSS3 - 2 Day Introduction Training Course

HTML Email Marketing - 1 Day Introduction Training Course

Testimonials

Great training course, extremely happy with the content covered and learnt. Now have a clear understanding on the basics of HTML and CSS, would definitely use XChange Training again.

Alex Ottley, TM Lewin, HTML & CSS - 1 Day Bespoke

A great overview to a new subject - I will definitely be able to use the skills gained in the workplace.

Clare MacMichael, Helena Partnerships, HTML - 1 Day Introduction

Thank you for a superb training course, excellent content, excellent tutor and very clear.

Tami Penswick, Yahoo, HTML5 & CSS3 - 2 Day Introduction

The trainer was very informative and helpful, and approach the course in a relaxed manner at a good pace. Many thanks

Sarah Hatherall-Good, Woolmer Hill School, HTML & CSS Introduction - 2 Days

Very well structured and clearly explained. Good facilities, resources and class size. Met all expectations and realised objectives. Would definitely consider XChange Training for future requirements.

Aoife Breen, UCLU, HTML & CSS - 2 Day Introduction

Very good hands-on experience. Instructor was very enthusiastic and obviously knew his stuff.

Helen Swailes, JT International S.A., HTML & CSS - 2 Day Introduction

Very enjoyable and informative. The fact that full and unrestricted access to learning materials and assets (i.e. presentations and demonstration files) was given throughout the course was a welcome change from other providers.

David Swingler, Fingo, HTML & CSS - 2 Day Introduction

Very professional training service. Instructor was very knowledgeable and open to questions. Methodical training structure and easy to follow. Will recommend to my colleagues. Thanks!

Alex Birkett, NUS Services, HTML & CSS - 2 Day Introduction

As always clear, concise and friendly. I have come away from today's course having learnt exactly what I needed to know. Thank you!

Charlotte Green, AXA Investment Managers, HTML - 1 Day Introduction

The course was very well planned and easy to understand and follow. I feel I have a good knowledge on how to to use HTML and CSS in my role.

Melissa Epsley, ITC, HTML & CSS - 2 Day Introduction