HTML – web design – basic level

Training process

Training needs analysis

If you have specific requirements regarding the training programme, we will carry out a training needs analysis for you. This will guide us on which aspects of the programme should receive greater emphasis, so that the training programme meets your specific needs.

What will you gain?

Build a page from scratch - You will go from a blank file to a complete web page, learning the document structure, core tags, and how to connect content with presentation without guessing what goes where.

Write clean HTML - You will organize your work with HTML, HEAD, TITLE, and BODY tags, so you can create clear code that is easier to extend, debug, maintain, and publish on a server later.

Present content clearly - You will learn how to use headings, paragraphs, lists, and links so your page feels logical, easy to read, and capable of guiding visitors through content in a structured way.

Format text with confidence - You will master text formatting in HTML and CSS, including alignment, fonts, quotes, horizontal rules, and special characters, so your content looks polished and professional.

Use images and colors well - You will learn how to add images, change background and text colors, scale graphics, and turn images into links, making your pages more engaging and easier for users to follow.

Create tables and layouts - You will learn how to build and format tables, group rows and columns, and use them with purpose, helping you organize data properly and understand older page layout patterns.

Master CSS and positioning - You will work with selectors, classes, IDs, margins, borders, and positioning, so you can build multi-column layouts on your own and control where each element appears on the page.

Build forms and publish online - You will create forms with labels, buttons, and special input fields, and then learn how to publish your finished page on a server so other people can access it online.

Training programme

1. Introduction to the HTML language

what HTML is,
what HTML looks like,
exercise – first website,
cascading style sheets – introduction,
basic page structure and its elements.

2. Basic tags on a website

HTML tag,
HEAD tag,
TITLE tag,
BODY tag,
comments on websites.

3. Tags describing the content of the page

H headings,
P paragraphs.

4. Tags defining lists on websites

numbered list,
bulleted list,
definition list,
nested lists.

5. Hyperlinks, links, references

A tag,
links to local pages,
links to fragments of the page – anchoring,
links to mail – mailto.

6. Text formatting on a website

logical styles,
physical styles.

7. Text formatting using CSS

text decoration,
font properties,
preformatted text,
horizontal line,
task – signatures,
quoting text,
special characters,
text alignment,
typefaces and font size,
task – first real website.

8. A bit of graphics and colors on the page

changing the page background color and text color,
images on a website,
aligning images and text,
wrapping text around images,
images as hyperlinks,
scaling images,
image borders.

9. Tables

10. Tags creating a table

11. Table formatting

table width and border,
table and cell color,
cell alignment and border.

12. Improving tables

grouping and aligning columns,
grouping and aligning rows,
FRAME and RULES attributes,
task – tabular page skeleton (not recommended).

13. Cascading Style Sheets

embedding style sheets on a website,
selectors,
classes and identifiers,
units of measurement in CSS styles,
field properties,
size,
border,
padding and margins,
floating elements.

14. Website content positioning

relative positioning,
absolute positioning,
overlapping elements,
BODY tag,
formatting links using CSS,
multi-column layouts,
task - website structure.

15. Interaction with the user – forms

16. Creating a form

17. Additional form options

password field,
reset button,
image as a submit button,
BUTTON type button,
hiding form fields,
form field labels,
grouping elements,
access keys and the order of navigating through form fields,
inactive and read-only elements,
formatting the form using CSS.

18. Publishing the website on the server

What are the prerequisites for participating in the training?

Basic computer use - You should be comfortable using a computer, keyboard, and mouse, and know how to create, save, and find files and folders, because you will need this during hands-on tasks.

Text editor skills - You should know how to open and edit plain text files, copy and paste content, and save changes, so you can work smoothly with code throughout the training sessions.

Web browser basics - You should be able to use a web browser confidently, open pages and links, and switch between tabs, because you will regularly check the results of your work as you go.

Readiness for practice - You should be ready to complete simple exercises on your own step by step, because the course starts from basics but still requires active writing and testing of code.