Skip to content
Fall semester - BA - IBM - Year 3 Calendar view

Foundations of Web Design and Development


Class
Eduardo Rivera
Enrolment for this class is currently closed.

Lessons

Here is the class outline:

Week 1 - Introduction to Web Design and Development

Session 1 - Introduction to the module Session 2 - Important aspects of a website

Session 1 - Introduction to the module
Session 2 - Important aspects of a website
Session 2 - Exercise 2 done in class

Week 2 - Developing a website: Content and Structure

Session 1 - The Site Development Process Session 2 - Introduction to HTML

Session 1 - The Site Development Process
Session 1 - Exercises I-V The Site Development Process
Session 2 - Introduction to HTML
Session 2 - Exercise Solutions

Week 3 - Text and Media

Session 1 - Text Session 2 - Media

Session 1 - Text
Session 2 - Media

Week 4 - Links and Navigation

Session 1 - Navigation and External Links Session 2 - Internal Links

Session 1 - Navigation and External Links
Session 2 - Internal Links

Week 5 - HTML Recapitulation

Session 1 - Bank holiday Session 2 - HTML Recapitulation

Session 2 - HTML Recapitulation

Week 6 - The Site Development Process:Look and Feel and Introduction to CSS

Session 1 - Student's presentations Session 2 - Introduction to CSS

Session 1 and 2 - Student's presentations
Student's Presentations - PDF Files
Session 1 and 2 - Complementing student's presentations
Session 2 - Introduction to CSS

Week 7 - Page Structure and CSS Selectors

Session 1 - Page Structure and CSS Selectors

Session 1 - Page Structure and CSS Selectors

Weeks 7 and 8 - Colours and Backgrounds

Session 1 - Colours Session 2 - Backgrounds

Session 1 - Colours
Session 2 - Backgrounds

Weeks 8 and 9 - Web Layout

Session 1 - Laying out several elements (Flexbox) Sessions 2 and 3 - Adjusting Single Elements (CSS Box Model)

Session 1 - Laying out several items (Flexbox)
Sessions 2 and 3 - Adjusting Single Elements (CSS Box Model)
[NOT COVERED] Further Positioning Techniques

Week 10 - Holidays

Session 1 - Bank holiday Session 2 - Bank holiday

Week 11 - Overlapping and Responsive Design

Session 1 - Overlapping and Overview of Responsive Design

Session 1 - Overlapping and Responsive Design

Weeks 11 and 12 - Formatting Text

Session 1 - Formatting Text Session 2 - Styling the Navigation Menu, Lists and Links

Session 1 - Formatting text
Session 2 - Styling the Navigation Menu, Lists and Links

Weeks 12 and 13 - Animations, Publishing your website and Further Features

Session 1 - Animations Session 2 - Publishing your website and Further Features

Session 1 - Animations
Session 2 - Publishing your website and Further Features

Weeks 13 and 14 - Finishing your Individual Project: D...

Session 1 and 2 - Finishing your Individual Project: Doubts and Remarks

Session 1, 2, 3 and 4 - Finishising your Individual Projects: Doubts and Remarks