Web Design (WD010)

STATEMENT ABOUT ACADEMIC HONESTY AND INTEGRITY

NSEA defines academic integrity as the pursuit of scholarly activity in an open, honest
and responsible manner. All students should act with personal integrity, respect other
students’ dignity, rights and property, and help create and maintain an environment
in which all can succeed through the fruits of their efforts.

Dishonesty of any kind will not be tolerated in this course. Dishonesty includes, but is not
limited to:

• cheating,
• plagiarizing,
• fabricating information or citations,
• facilitating acts of academic dishonesty by others,
• having unauthorized possession of examinations,
• submitting work of another person or work previously used without informing
the
instructor,
• or tampering with the academic work of other students,
• Students who are found to be dishonest will receive academic sanctions and
will be reported to the Head of Department’s office for possible further
disciplinary sanction.
Module name Web Design
Course Name Software Engineering
Course Code WD010
Course Length 1 Semester
Aims
This course aims to empower the students with the essential skills of web design using HTML and
CSS to enable them to create cutting edge interactive websites for the internet and intranet. The
course will further introduce the art of developing and maintaining websites as well as hosting of
the websites.
Module Instructors Mr. Blasius K Pinias
Credits 22
Pre-requisites None
NQF Level 4
Notional Hours 224
Method of delivery
All lectures will contain 50% of theory and 50 % of hands-on assignments.

Report compilation and presentation

Students will be able expected to:

• Compile their studies and researches based on tasks given by the instructors.

• Present their reports orally and in written form.

Since this course is skills-based, the primary focus on imparting HTML knowledge to students will be
through hands-on projects. A dummy website will be designed, developed and maintained by
the students. During this development of this site, the topics of html and CSS will be made clear.

The tutor will act as a client in need of a website for his/her company with the following features:

• Logo of the company on top of the pages of all html pages.

• Pages consisting of the description of the company, it’s services, galleries of the products
or services on sale, the vacancies available at the company and the contact information
of the company.
• Background colors should match the color of the company’s logo.

Lectures - 4 hours/week for 16 weeks

Tutorials - 2 hours/week for 16 weeks
Labs - 3 hours/week for 16 weeks
Assignments - Total 16 hours of assignments (average 1 hour/week for 16 weeks)
Self-Study - 4 hours/ week for 16 weeks
Objectives
• Introduce students to the internet as well as network physical layers through which
information propagates;
• Explain the difference between the world wide web and network;
• Introduce students to HTML;
• Give the students practical expertise as well as theoretical knowledge on the methods of
web design using HTML and Styling using CSS; and
• Encourage students to become innovative and self-reliant web designers by encouraging
them to
initiate research and interactive discussions rather than relying solely on the instructors.

Learning Outcomes
Describe different physical layers of a network;
 Identify and explain different parts of a web address;
Create HTML websites using source code mode instead of graphical user interfaces;
State and explain the various SARPs (Standard and Recommended Practices) in HTML
and CSS;
Debug errors and resolve them;
State and explain what CSS is and what it is used for;
Style a website layout using CSS
Apply CSS to HTML tags;
Demonstrate the use of external CSS, internal CSS, inline CSS as well as CSS properties;
and
Explain and demonstrate the process of getting a website into public domain.

Course Rationale

HTML scripting is a skill that everybody who wants to become a web designer or web
programmer should possess. A majority of web applications we use on a daily basis
such as Facebook, twitter, Gmail just to name a few have been developed using the
HTML language as the skeleton. Basically HTML is the skeleton of the World Wide Web,
the www.

Benefits of HTML scripting:

• The most common software application used in the world is the internet browser.
Internet browsers understand the HTML language. So there is a market demand
for professional web developers as every company needs a website to market
their products/services and even individuals. In Namibia, there are more than
3000 SME companies and most of these businesses do not have websites.
• Many companies are switching to web-applications designed in HTML so that
they can be able to manipulate their databases over the internet. For example,
an administrator or clerk on sick-leave at home is still able to process data at
his/her office using a webapplication over the internet.
• Getting web development projects from all over the world is very easy once the
designer gets started with a portfolio with a few projects.

Assessment
Assessment will be based on a continuous assessment contributing 40% and the final
examination contributing 60%. Continuous assessment will be comprised of:
• 2 Tests each contributing 10%
• 2 Major assignment contributing 10%
The final examination will be done at the end of the subject teaching. Only candidates
with 40% and above in the continuous assessment will be allowed to write the
examination. Candidates obtaining a combined mark between 45% - 49% will be eligible
to sit for a second opportunity supplementary examination in which a mark of less than
50% will be deemed as fail. Supplementary examination candidates who pass the
examination will be awarded a mark of 50% for the subject, regardless their performance
in the examination. The following is the subject grading:

Grading:

Below 45% - Fail

45% to 49% - Fail (supplementary examination allowed)
50% to 59% - Pass
60% to 69% - Credit
70% to 74% - Merit
75% and above - Distinction

Moderation

All tests and assignments will be internally moderated by a second internal examiner from
the National Software Engineering Academy other than the lecturers teaching the
subject. The final examination will be moderated by an external examiner, who shall be
appointed by the National Software Engineering Academy as a recognized practitioner
or expert in the subject/course, following the college guidelines for the appointment of
external examinations.

Course Content

1. Introduction to Web Design

 What is web design? Importance and career paths.

 Overview of how websites work (domains, hosting, browsers).
 Tools of the trade: Text editors (VS Code), browsers, FTP tools.
 Practical: Set up your first HTML page and view it in a browser.

2. HTML – Building Web Page Structure

 HTML structure: <!DOCTYPE>, <html>, <head>, <body>.

  Elements, attributes, headings, paragraphs, links, images, lists, tables, forms.
 Semantic HTML (e.g., <header>, <footer>, <section>, <article>).
 Practical: Build a multi-page personal portfolio website using only HTML.

3. CSS – Styling the Web

 Inline, internal, and external CSS.

 CSS selectors, colors, fonts, margins, padding, borders.
 Layout techniques: Flexbox and Grid.
 Responsive design with media queries.
 Practical: Style your portfolio with color schemes, layouts, and responsive design.

4. JavaScript Basics – Interactivity in Web Pages

 Introduction to JavaScript syntax, variables, functions, and events.

 DOM manipulation.
 Form validation using JS.
 Practical: Add JavaScript to toggle navigation menus and validate a contact
form.

5. Web Design Best Practices

 User Interface (UI) and User Experience (UX) design principles.

 Mobile-first design.
 Accessibility basics (alt text, contrast, readable fonts).
 SEO fundamentals.
 Practical: Audit and improve a sample website for usability and accessibility.

6. Intro to Frameworks & Hosting

 Using CSS frameworks (Bootstrap or Tailwind CSS basics).

 Introduction to Git and GitHub for version control.
 Deploying a website on Netlify or GitHub Pages.
 Practical: Use GitHub to manage your code and publish your styled website.

7. Final Project – Real-World Application

 Objective: Design and develop a complete, responsive multi-page website.

Assessment Schedule – Web Design (CA: 40%)

 Date Activity Contribution to Time
CA
11 August 2025 Releasing of Assignment 1 – –
29 August 2025 Due Date of Assignment 1 10% –
29 August 2025 Test 1 10% 12:30 – 14:00
August – 18 September 2025 5 Practical Labs (Weekly) 10% (2% each) During class
sessions
20 September 2025 Releasing of Final Project – –
18 October 2025 Final Project Submission 10% –
Due
31 October 2025 Supplementary Test – 12:30 – 14:00

Study Materials

Required Textbook:

Niederst Robbins, J. (2007). Learning web design : a beginner's to html, graphics, and
beyond. 3rd ed. Oreilly Media.

Recommended Textbook(s):

Lloyd, I. (2011). Build your own website the right way using HTML & CSS. Collingwood,
Australia: Sitepoint.

Fain, Y., Rasputnis, V., Tartakovsky, A., Gamov, V., Wilkey, S., & Demarest, R. Enterprise
web development.

Website(s):

W3schools.com,. (2015). W3Schools Online Web Tutorials. Retrieved 14 October 2015,

from http://www.w3schools.com

designers, T. (2013). The top 50 books for web designers | Inspiration | Creative Bloq.
Creativebloq.com.
Retrieved 14 October 2015, from http://www.creativebloq.com/inspiration/books-web-
designers11122782

Authorization:

This course is authorized for use by:

___________________________________ __________________________

Head of Department Date

ACKNOWLEDGEMENT BY STUDENT

(To be completed by all students doing the course, detached from the course outline
and kept for record purposes in the department)

I, ___________________________________________________________________________,

with student number____________________________________________, here by

acknowledge that I have received this course outline for Web Design in semester 1
(2014), and that I have acquainted myself with its content, in particular the statement
about academic honesty and integrity. I agree to abide by the Policies and
arrangements spelt out in this course outline.

_____________________________________ _____________

Student Signature Date