Examination arrangement

Course content

This course introduces students to basic web design using HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets). The course will not only present the main building blocks of web development, but it will also discuss how to create a project from scratch following the standards and implementing good practices to make the pages as readable as possible for both humans (Universal Design and Web Accessibility) and robots (Search Engine Optimisation).

During the course, the students will learn how to use HTML to structure the contents of the site and how CSS is used to tell the browser how contents should look like. It will also provide an overview of the different layout CSS modules and how each one of them solved previous problems and add new functionalities.

Course content will specially focus on:

• Creating solutions suitable for different screen sizes (responsive design)
• How to implement small building blocks structured in a way that ease the reusability in different places (modular and maintainable codes)
• Implementing standardised solutions. (the code should pass validations tests)
• Following and implementing good practices and best recommendations

At the end of the course, different examples of how to add dynamic information from different social channels (or social streams) such as for example Twitter, Instagram or Google Maps will be shown. 

This is an introductory course and hence it does not require any prior knowledge.

• Basic principles of web development
• Difference between HTML, CSS and JavaScript
• HTML elements to structure content and differences between structural and semantic tags
• Absolute vs relative paths and web project structures
• Images and different formats
• CSS to style elements
• Box model
• Colour representation
• CSS layout modules: positioning, layouts and media queries
• Flexbox vs Grid layout
• CSS Animation
• Validation tools (HTML, CSS, WCAG)
• Social streams and Web 2.0

Learning outcome

Knowledge Goals

Students will understand the difference between content and visual elements and what HTML elements or CSS rules might be used in different scenarios, they will be able to reflect about different ways of structuring a project according to its size, they will know how to evaluate the quality of their codes and how to validate them in terms of following the standard definitions as well as in terms of mobile accessibility.

Skill Goals

At the end of the course students will know the main building blocks in HTML and CSS and they will be able to create websites using the proper syntax for those languages. They will also be able to add dynamic information from different social streams in their sites.

General Competence Goals

After completing the course, students will have a basic understanding of and skills in visual design of web pages. They should be able to plan and carry out the development of Web pages and sites from scratch using HTML and CSS. The students will have the ability of learning new functionalities by reading the standard documentation (or recommendations) provided by such organisations as the W3C or the WHATWG. The students will also be able to independently assess and describe the most important aspects of a site's usability, effectiveness, and information architecture, and further to decide what any changes needed to improve the quality of the site / page.

Learning methods and activities

• Lectures
• Laboratory work
• Exercises
• Forum discussions (Blackboard)
• Supervision

Compulsory assignments

• Oblig 1
• Oblig 2
• Oppgave (Oblig 3)

Further on evaluation

Methods:

• Students submit three compulsory assignments. All three must be approved to take the exam.
• The exam is written, digital and last for three hours.

Regarding re-sit:

• Re-sit examination for written exam next semester.
• In case of a failed compulsory assignments; these need to be re-taken the next time the course is running.

Specific conditions

Required previous knowledge

The course is limited to students in the programs Bachelor in Interaction Design (BIXD), Bachelor in Web Development (BWU), Bachelor in Graphic Design (BMED) and the one year program in Webdesign (ÅRWEB).

Course materials

Will be stated at the start of the semester.