A PHP Error was encountered

Severity: Notice

Message: Only variable references should be returned by reference

Filename: core/Common.php

Line Number: 257

LumexTech Solutions Ltd. | Web Design

Get in the loop

Web Design

 Home / Pages / Web Design

Training Overview

The Web Design for Beginners course provides essential knowledge and skills for designing, publishing and maintaining websites for personal or professional use. No prior knowledge of web design, HTML or CSS is required for this course. Learn how to design page layout, building web page with HTML, styling pages with CSS, adding Google maps and YouTube videos. It also teaches about domain name registration, optimising sites for search engines, publishing completed website to the hosting server, submitting sites to the search engines.



No previous experience of Web design, HTML, CSS is required. You should have basic computing and Internet knowledge.


Hands-On/Lecture Ratio

This training class is 90% hands on 10% lecture. The training materials will be applied in real world problems on the class.


Training Materials

All related software lecture sheets and free e-book will be provided in class. Video recording of session can also be provided on specific occasions.

Course Content

Getting Started
  • Course Introduction
  • Course software
  • What is a HTML and HTML 5
  • Getting started with tags
  • How to save web pages
  • Viewing your web pages
Basic HTML Tags
  • Basic HTML template
  • Heading Tags
  • Paragraph and Break tags
  • Bold and Italics
  • HTML lists
Getting started with CSS
  • Introduction to CSS
  • CSS rules
  • Using CSS selectors
  • Inline and Embedded styles
  • CSS and Fonts
  • Styling Fonts
Dealing with Images
  • Types of Images
  • Inserting Images part 1
  • Inserting Images part 2
  • Image Attributes
  • Images and CSS
  • Text wrapping with CSS
  • CSS and image borders
  • Background Images
  • Adding captions to images
Linking to other pages
  • Hyperlinks
  • Linking to other pages
  • Other types of hyperlinks
  • CSS and hyperlinks
  • External stylesheets
  • HTML lists and nav bars
CSS Layouts
  • The Box Model
  • CSS Comments
  • CSS Positioning
  • CSS floats
  • A one column CSS layout
  • Styling the one column layout
  • Styling HTML 5 tags
  • A two column CSS layout
HTML tables
  • HTML 4 Tables
  • Row and Col span
  • Table alignment, colour, images
  • HTML 5 Tables
HTML forms
  • Form Tags
  • Textboxes, Submit, Reset
  • Formatting Textboxes with CSS
  • Labels, Textareas
  • Option buttons and Checkboxes
  • Passwords, hidden fields
HTML5 and Forms
  • HTML 5 Forms
  • Placeholders, Required
  • Email, URL, Search
  • Spinners and Sliders
  • Dates, Colour pickers
  • Data Lists
  • HTML Form Layouts
  • HTML 5 Video and Audio
  • The HTML 5 Canvas tag
  • Details, Aside, Mark
HTML and CSS Reference
  • Basic HTML Tags
  • CSS Font and Text Properties
  • CSS Borders, Margins, Padding
  • CSS used in the Lists section
  • CSS used in the Positioning section
  • Implementing a Db less login feature to our site.
  • HTML images and hyperlinks
  • HTML5 Layout tags
  • HTML and HTML5 Table tags
  • HTML and HTML5 Form tags
  • HTML5 Video and Audio tags
  • HTML Special Characters
Project & Publishing web pages
  • Project 1
  • Project 2

Their exact original form accompanied by English versions