Skip to content
Dr. İsmail Hakkı KINALIOĞLU

Web Design

A practical course on designing accessible, responsive and fast web pages with HTML, CSS and JavaScript, from design principles to publishing.
Semester
Spring semester
Level
Undergraduate
Length
16 weeks
Weekly syllabus

Course aims

To enable students to plan, build and publish a website, from content structure to visual design.

Learning outcomes

Students who complete this course will be able to:

  1. Builds an accessible page structure with semantic HTML.
  2. Designs responsive layouts with Flexbox and Grid.
  3. Adds interactivity to pages with JavaScript.
  4. Publishes a site with a domain and hosting and configures basic SEO.

Assessment

Component Weight
Midterm exam (week 8) 40%
Final exam (week 16) 60%

Resources

  • Jon Duckett, HTML and CSS: Design and Build Websites, Wiley
  • MDN Web Docs: developer.mozilla.org

 

Weekly syllabus

  1. 1
    Week 1 How the web works and the web design process
  2. 2
    Week 2 HTML basics and document structure
  3. 3
    Week 3 Text, links, images and lists
  4. 4
    Week 4 Tables and forms
  5. 5
    Week 5 CSS basics: selectors and the box model
  6. 6
    Week 6 Typography, colour and visual hierarchy
  7. 7
    Week 7 Layout with Flexbox
  8. 8
    Week 8 Exam Midterm exam
  9. 9
    Week 9 CSS Grid and responsive design
  10. 10
    Week 10 Accessibility and usability
  11. 11
    Week 11 Introduction to JavaScript
  12. 12
    Week 12 DOM manipulation and interactivity
  13. 13
    Week 13 Transitions, animations and performance
  14. 14
    Week 14 Publishing, domains, hosting and SEO basics
  15. 15
    Week 15 Project presentations
  16. 16
    Week 16 Exam Final exam

Spring semester courses