Web Design and HTML Programming

Unit 1: Theoretical Part

Theoretical introduction of the following elements:
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: 11
1. Microsoft PowerPoint presentation, 20 slides, PPTX file,
including textual information with highlighted keywords, clickable links to demonstrate HTML examples, HTML programming code examples, multiple tables, colored graphics.
2. Handout with all points presented in the PPT presentation with more detailed explanations and examples to hand out to the students, 12 pages, PDF file,
including textual information with highlighted keywords, clickable links to demonstrate HTML examples, HTML programming code examples, multiple tables, colored graphics.
3. Handout as mentioned above with all points presented in the PPT presentation with more detailed explanations and examples to hand out to the students, 12 pages, as editable DOCX file.
4. HTML file to demonstrate Attributes (to use within the PPT presentation).
5. HTML file to demonstrate Headings (to use within the PPT presentation).
6. Appendix 1 to handout and presentation: Abriged HTML character reference with the most frequently used characters including descriptions, HTML entity codes, and Unicode codes, 2 pages, PDF file.
7. Appendix 1 as editable DOCX file.
8. Appendix 2 to handout and presentation: Extensive HTML character reference with descriptions, HTML entity codes, and Unicode codes, 9 pages, PDF file.
9. Appendix 2 as editable DOCX file.
10. Appendix 3 to handout and presentation: VGA color palette with color names and hexadecimal codes as well as the most common 216 color with their hexadecimal codes, 3 pages, PDF file.
11. Appendix 3 as editable DOCX file.


These theoretically introduced HTML elements are to be practiced through the practical complex assignment #1 in the subsequent Practical 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.