Ekmel Ertan's personal website
Ekmel Ertan's personal website
Web Design Course Students' Blog >>>
VA333 WEB DESIGN
Instructor: Ekmel Ertan eertan@sabanciuniv.edu
Asistant:
Summary
This course aims at teaching the basics of design and implementation of a web site. Students will learn creating a web site from scratch. Design for web, organization of content and usability will be the main topics of the course. Student will gain the basic skills of using tools and learn the fundamentals of HTML, CSS and simple scripting. Students will learn designing web site working on the need analysis, information architecture, interaction design and visual interface design.
Learning outcome
Students will:
have a hands-on experience of designing and implementing a web site
learn the basics of graphic design
learn the fundamentals of web design
learn essential tools and methods including photoshop, dreamweaver, html, css and basics of scripting
learn developing a web page in a bottom up design manner
have a good knowledge of web 2.0 and related concepts
Course Schedule
WK01
INTRODUCTION
HOW WEB SITES WORK.
TERMINOLOGY: ISP, SERVER, CLIENT, BROWSER, ISS, DNS, FTP…
FROM DOMAIN NAME TO HOSTING (http://www.byethost.com/)
SAMPLE WEB SITES
WK02
A SIMPLE WEB PAGE: HTML AND EMBEDDED CSS (Use a text editor only)
CLASS WORK: Design a one-page web site to promote a newly published book. Finish at home and submit next week as ASSIGNMENT 1.
IMAGE BASICS: Raster and Vector image, Image for the web.
PHOTOSHOP BASICS
WK03
PHOTOSHOP AS A DESIGN TOOL
IMPLEMENTATION: FROM PHOTOSHOP TO DREAMWEAVER
DREAMWEAVER BASICS
ASSIGNMENT 2: Design a one-page web site to sell your camping material. Start with Photoshop, pass it to Dreamweaver and submit the html page. Use CSS not Table.
WK04
DEADLINE FOR SUBMISSION OF ASSIGNMENT 1 & 2
REVIEW OF THE ASSIGNMENT 1 & 2
HTML TAGS
CSS
PAGE LAYOUT STRATEGIES
ASSIGNMENT 3: Design your personal web site. Site map should be similar to below structure:
Main page / page 1 / page 2 / gallery (with thumbnails) / single image (bigger)
WK05
REVIEW OF THE ASSIGNMENT 3
MORE ON CSS AND
PAGE LAYOUT STRATEGIES
WK06
ASSIGNMENT 3 SUBMITION DEADLINE
LAYOUT DESIGN RULES
TYPOGRAPHY
WEB DESIGN RULES
NAVIGATION, HIERARCHY, CONSISTENCY
GOOD AND BAD SAMPLES
PROJECT PROPOSAL
CONCEPT
ASSIGNMENT 4: Web Site from scratch. In this assignment students are expected to come with an idea for a web site they want to create. Develop the concept, the content, visual design of the site and implement it in 4 weeks. First part of the assignment (4a) will be the project proposal (deadline wk07).
WK07
REVIEW OF THE ASSIGNMENT 4a (proposal)
MORE ON TECHNICAL ISSUES
FORMS AND FORM ELEMENTS
CLIENT SITE SCRIPTING
ASSIGNMENT 4b: Start designing your web site’s main page and two following pages. Bring your design as image files. Draw the site map of your web site.
WK08
REVIEW OF THE ASSIGNMENT 4b (layout)
PHP
SERVER SITE SCRIPTING
FORM HANDLING
DATABASE
ASSIGNMENT 4c: Finish your design and bring it as html documents.
WK09
REVIEW OF THE ASSIGNMENT 4c (html pages)
SOUND AND VIDEO
WK10
DEADLINE FOR THE SUBMISSION OF ASSIGNMENT 4
WEB 2.0; THE CONCEPT, THE DESIGN
PROCESS, FLOWCHART
ASSIGNMENT 5: students are expected to come with a Web 2.0 idea (5a) and samples.
WK11
REVIEW OF THE ASSIGNMENT 5a
ASSIGNMENT 5b: students are expected to create a mock-up of their Web 2.0 site (html and/or jpeg). A flowchart of the site is expected separately.
WK12
REVIEW OF ASSIGNMENT 5b
WK13
DEADLINE FOR THE SUBMISSION OF ASSIGNMENT 5
WEB ART
AND OTHER ISSUES
WK14
FINAL PRESENTATION
Grading:
Student must attend class at least 10 weeks (out of 14 weeks).
Assignments of the students who are not in the class will not be reviewed but will be graded.
All assignment will be accepted only if submitted before deadline.
Students will have a final submission for the assignments 3,4 and 5, a week after the last class. In this final submissions students cannot change the topic or design but only they can refine and finalize the assignments.
Assignments 60%
Final 30%
Attendance and participation 10%
