Web Design & HTML Programming
Unit 3: Practical Part – Complex Assignment #4
Practice of the following elements introduced beforehand in the theoretical part of Unit 3:
Integrating a background image with the CSS attribute background-image
Adjusting the background image with the CSS attribute background-repeat
Positioning the background image with the CSS attribute background-position
Defining internal margins with the CSS attribute padding
Defining the width of the border with the CSS attribute border-width
Defining the type of the border with the CSS attribute border-style
Defining the color of the border with the CSS attribute border-color
Combining the notations for border width, border style and border color in the single CSS attribute border
Positioning multiple column layouts with the CSS attribute position
Position type with the CSS attribute position
Defining the starting position with the CSS attributes top, left, right, bottom (in combination with position)
Formatting unsorted lists with HTML and CSS
Sorted lists / numbered lists
Formatting sorted lists with HTML and CSS
Number of files included: 9
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
4. Text file with the textual content used for the programming assignment, TXT file
5. Website background image, jpg file
6. Header image, jpg file
7. First container background image, jpg file
8. Second container background image, jpg file
9. Third container background image , jpg file
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.