Web Design & HTML Programming

Unit 1: Practical Part

Practice of the following elements introduced beforehand in the theoretical part:

Basic framework of an HTML document
Website title in the browser bar
Headings using tag
Background and font colors
Line breaks
Font types
Font sizes
Text alignments
Physical elements

and

Other text markup attributes such as underlined, italic and bold text
Defining margins using numerical values
Rendering quotation marks and fraction numbers with HTML code

Number of files included: 3

1. Complex assignment to practice the above listed elements, including a screenshot of the final web page and individual step-by-step programming instructions, PDF file
2. Complex assignment to practice the above listed elements, including a screenshot of the final web page and individual step-by-step programming instructions, editable DOCX file
3. HTML file with the complete programming code for the complex assignment

All elements now being practiced in complex assignment #1 are introduced and explained in detail through a precedent 20 slide PowerPoint presentation as well as an 11 page students handout with textual information with highlighted keywords, clickable links to demonstre HTML examples, HTML programming code examples, multiple tables, colored graphics. The precedent introduction is downloadable as Theoretical Part Unit 1.

This HTML and web design course consists of altogether ten units designed to cover one semester of about sixteen hours of lecture. The course covers both HTML and CSS programming providing a continuous progression with units building up on each other.
Each unit consists of a theoretical part introducing the new study material by means of a PowerPoint presentation along with an extensive handout for the students. Each theoretical part also features short revision questions (usually 6 questions) for the students to revise the lesson material.

The related practical part helps the students use the theoretical elements in practice. A complex assignment gives step-by-step instructions to program a sample web page with the learned elements. The programming assignment includes a screenshot of the final website and the programming instructions, clearly structured into 25 – 30 individual instructions.

The HTML programming solution for the teacher is provided together with the practical exercise. All files are provided as PDFs as well as editable DOCX or PPT files so the teacher is able to include personal modifications.

The course is unique in its concept and sophisticated interaction between theoretical and practical parts as appropriate HTML teaching material with a reasonable progression and sufficiently demanding practical exercises for learners is hardly available. The material does not only target students specializing in web design but is comprehensible for students of all fields, also without previous technical knowledge of programming languages.

In case of questions, please contact me by email so I can provide immediate support.