VCDS 355 Fall17
Web Design I

Ali Fesçi, Atakan Aylanç, Ayda Ekin Mete, Begüm Mete, Damla Yanaz, Damla Usluca, Elif Melisa Boz, Eymen Müftüoglu, Fevzi Semerci, Kayacan Ugras, Mert Ürüncü, Nazir Ahmad Amiri, Okan Yavuz, Onur Kaymak, Serkan Özkan

with Daniele Savasta

Calendar

1 2 3 4 5 6 7 8 9 10 11 12 13 Exam
21 Sep 5 Oct 12 Oct 19 Oct 26 Oct 2 Nov 9 Nov 16 Nov 23 Nov 30 Nov 7 Dec 14 Dec 21 Dec 28 Dec

21 Sep

^

Lecture

Introduction to Web Design and HTML

subjects

server/client structure

html

html, body, ul, li, p, a, img, div

5 Oct

^

Lecture

Introduction to Web Design and HTML

subjects

file formats: jpg, gif, png, svg; box model; tag, content, attribute, property; inline, internal, external css

html

html, body, ul, li, p, b, i, a, img, div

css

font-family, font-size, background, vertical-align

Practice

Reproduce the homepage of a website you like with the html codes you know.

Homeworks

Activity 1

Propose 3 books that you would like to work on for your final project, write them next to your name on the drive.

Activity 2

Collect (at least) 10 websites that you consider "Good Web Design", take a snapshot and comment next to it the reasons why you selected it.

Reading

HTML and CSS CH1-5

12 Oct

^

Review

"Good Web Design"

Lecture

Introduction to assets lists, sitemaps, wireframes

Practice

Build an assets list, sitemap, wireframe (for each relevan page) for your ownbook choice.

Homeworks

Reading

Building Usable Website

Project 1.1

Assets list

Project 1.2

Sitemap

Project 1.3

Wireframe

19 Oct

^

Review

Wireframes and sitemaps

Reading review

Lecture

Introduction to css3

Trial in-class

Homeworks

Reading

Abobe the fold

Project 1.4

Moodboard examples

Project 1.5

Sketches and Early visuals

Menu copy

Replicate a menu from one of the chosen (good design) website using html and css.

Quick html reference

Quick css reference

26 Oct

^

Review

Project 1

Contact Film Festival

2 Nov

^

Review

Design practices (onDrive Onur.ai)

Introduction and practice on HTML5+CSS3 InClass Html Eymen

Homeworks

Prepare a presentation of all your process from sketches to moodboards to final design proposal

9 Nov

^

P2 Crit

Present your research and design proposal.

16 Nov

^

Reviews and Practice

Suggested plugins for atom

28 Dec

^

Final Exam / Jury

28 Dec

^

Final Exam / Jury

Essential Bibliography

Duckett, J. (2011). HTML and CSS: Design and Build Websites. New York, NY: John Wiley & Sons Inc

Webography

w3schools

alistapart