VA333 WEB DESIGN
Instructor: Ekmel Ertan firstname.lastname@example.org
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.
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
HOW WEB SITES WORK.
TERMINOLOGY: ISP, SERVER, CLIENT, BROWSER, ISS, DNS, FTP…
FROM DOMAIN NAME TO HOSTING (http://www.byethost.com/)
SAMPLE WEB SITES
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 AS A DESIGN TOOL
IMPLEMENTATION: FROM PHOTOSHOP TO DREAMWEAVER
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.
DEADLINE FOR SUBMISSION OF ASSIGNMENT 1 & 2
REVIEW OF THE ASSIGNMENT 1 & 2
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)
REVIEW OF THE ASSIGNMENT 3
MORE ON CSS AND
PAGE LAYOUT STRATEGIES
ASSIGNMENT 3 SUBMITION DEADLINE
LAYOUT DESIGN RULES
WEB DESIGN RULES
NAVIGATION, HIERARCHY, CONSISTENCY
GOOD AND BAD SAMPLES
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).
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.
REVIEW OF THE ASSIGNMENT 4b (layout)
SERVER SITE SCRIPTING
ASSIGNMENT 4c: Finish your design and bring it as html documents.
REVIEW OF THE ASSIGNMENT 4c (html pages)
SOUND AND VIDEO
DEADLINE FOR THE SUBMISSION OF ASSIGNMENT 4
WEB 2.0; THE CONCEPT, THE DESIGN
ASSIGNMENT 5: students are expected to come with a Web 2.0 idea (5a) and samples.
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.
REVIEW OF ASSIGNMENT 5b
DEADLINE FOR THE SUBMISSION OF ASSIGNMENT 5
AND OTHER ISSUES
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.
Attendance and participation 10%