Course - Web Coding - IDG1292
IDG1292 - Web Coding
Examination arrangement: School exam
Grade: Letter grades
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 the content should look. It will also provide an overview of the different layout CSS modules and how each one of them solved previous problems and added new functionalities.
The course will especially focus on:
- Creating solutions suitable for different screen sizes (responsive design)
- How to implement small building blocks structured in a way that eases the reusability in different places (modular and maintainable codes)
- Implementing standardized solutions (the code should pass validation tests)
- Following and implementing good practices and best recommendations
- Understanding that digital solutions have a carbon footprint
This is an introductory course and hence it does not require any prior knowledge
The student knows
- The basic principles of web development
- Different HTML elements to structure content and differences between structural and semantic tags
- The difference between absolute vs relative paths and web project structures
- HTML elements to annotate images and different formats
- The CSS Box model and how to use CSS to style elements
- Colour representation
- CSS layout modules: positioning, layouts and media queries
- CSS layout modules including Flexbox and Grid layout
- CSS Animation
- Validation tools (HTML, CSS, WCAG)
- Understands the difference between content and visual elements
- Can use HTML to annotate contents
- Can use CSS to style pages
- Can use the main building blocks in HTML and CSS to create static websites using the proper syntax for those languages
- Can apply simple techniques to reduce the size of the pages and, therefore, its carbon footprint
General Competence Goals
The student can:
- Plan and carry out the development of Web pages and sites from scratch using HTML and CSS
- Use online documentation provided by organisations such as the W3C or the WHATWG to learn new functionalities or understand the current standards
- Use the design to improve the legibility of the pages
Learning methods and activities
- Laboratory work
- Forum discussions in Blackboard
- Oblig 1
- Oblig 2
- Oppgave (Oblig 3)
Further on evaluation
- Students submit three compulsory assignments. All three must be approved to take the exam.
- The exam is written, digital and lasts for three hours.
- 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.
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).
Will be stated at the start of the semester.
Credits: 7.5 SP
Study level: Foundation courses, level I
Term no.: 1
Teaching semester: AUTUMN 2023
Language of instruction: English
- Design Methodology
Examination arrangement: School exam
- Term Status code Evaluation Weighting Examination aids Date Time Examination system Room *
- Autumn ORD School exam 100/100 A 2023-12-07 09:00 INSPERA
Room Building Number of candidates M438 Eksamensrom 4.etg, Inngang D Mustad, Inngang D 90 M411-Eksamensrom 4.etg Mustad, Inngang A 4 M408-Eksamensrom 4.etg Mustad, Inngang A 1
- Summer UTS School exam 100/100 A INSPERA
Room Building Number of candidates
- * The location (room) for a written examination is published 3 days before examination date. If more than one room is listed, you will find your room at Studentweb.
For more information regarding registration for examination and examination procedures, see "Innsida - Exams"