syllubus

Class Name: Basic Web Design
Soonho Shin, Ph.D.
Email: sshin2@calstatela.edu
Units: 4
Time: 3 hours a week and 10weeks
Web Site:
http://www.designshin.com/, http://designshin.blogspot.com

Purpose
-Mission statement
This class is introduced to the concepts and terms of web design including the Internet, the web, HTML, XHTML, style sheets, JavaScript, and graphic tools. The basics of how the Web works, including the protocols and acronyms. Web design consists of graphic and program parts. There are numerous web design technologies and database management systems (DBMS) available today, but none are as cost effective and robust as the marriage of Dreamweaver, PHP, and MySQL. This course focuses on how these technologies can assist the designer in creating dynamically rich content for the web. Exploration of Cascading Style Sheets (CSS) as they apply to dynamically driven websites will be examined. Photoshop is one of the most popular software and offers designers a rich assortment of editing tools with which to create compelling imagery for the web. Photoshop for the Web covers a wide range of uses for Photoshop in the web graphics workflow. After this course, you will be trained in these specific programs.
Course Objectives

Week 1.Introduce
Web designCurrent designers must envision compelling ways to facilitate rich interactive experiences. This course demonstrates the latest tools, techniques, and technologies used by leading agencies to develop world-class user experiences. Topics include conducting user research, developing user personas and scenarios, and introducing information architecture, system and user interface design, prototype creation, and usability testing and analysis.

Week 2. Learn HTML and XHTM
LHTML, an acronym for Hyper Text Markup Language, is the predominant markup language for web pages. It provides a means to describe the structure of text-based information in a document—by denoting certain text as links, headings, paragraphs, lists, etc.
Assignment: Build five pages for introduction homepage sample by HTML.

Week 3. Dreamweaver
There are numerous web design technologies and database management systems (DBMS) available today, but none are as cost effective and robust as the marriage of Dreamweaver, PHP, and MySQL. This course focuses on how these technologies can assist the designer in creating dynamically rich content for the web.
Assignment: Build five pages for introduction homepage sample by Dreamweaver.

Week 4. Learn style sheets
Those who are new to CSS, or who want to create more efficient and powerful style sheets, will benefit from Dreamweaver CS3 with CSS Essential Training. This class is the entire process of CSS management in Dreamweaver, following a step-by-step workflow. This class covers XHTML/CSS fundamentals, and working with typography, navigation, background properties, layout, and multiple media types.
Assignment: Build five pages for introduction homepage sample with CSS.

Week 5. Photoshop and Illustration
Develop advanced techniques and practical workflows. Learn path building, altering and fine-tuning, type issues, text effects, creating fonts, linked text, color usage and application, gradient mesh, path patterns and brushes, 3D packaging comps, and prepress issues. Projects are built around print identities, visual effects, and other high-level applications.
Assignment: Design Buttons, menus, banners.

Week 6. Flash and ActionScript
Learn Flash's advanced animation and scripting potential, with a focus on techniques to enhance interactivity and the user experience. Explore proper script syntax, logic, targeted objects, and timelines. Object-oriented programming concepts, such as variables, conditional statements, and loops are covered.
Assignment: Design Navigation menu and banner.

Week 7. Web Accessibility
Accessibility on the web has been an issue for over a decade, and it remains a crucial--but often overlooked--element of web design. This class covers how to set up accessibility testing for disabled people, and how to apply accessibility principles to new and existing sites using standards-compliant markup and CSS.
Assignment: Change the CSS for Web Accessibility.

Week 8. Develop a web site
Students develop and present a single comprehensive project for their portfolio that includes usability research and design.
Assignment: Plan and brainstorm for a commercial site.

Week 9. Build and publish a web site
Discuss and critique analyze about the web site.
Assignment: Build the web site.

Week 10. Feed back and analyze a web site
Discuss, critique and analyze about the web site.

Expectation for the Course
Normally at Computer rooms.Students are expected to attend every class session.
For successful completion of assignments and tests.
Know how to utilize the equipment.
If attendance is not possible, please contact the instructor beforehand to attend other sessions.
If you don’t, you won’t catch up with the class.

Reference Books
Adobe Dreamweaver Cs3 W Asp Coldfusion & Php (W/cd)
Author: Bardzell
ISBN: 9780321461063

Learning Actionscript 3.0
Author: Shupe
ISBN: 9780596527877