DES 3005 - Web Design I
Introduction
DES 3005 is intended for those students who successfully completed ART 316 and ART 317, this course's two prerequisites.
DES 3005 will lay the foundation of Web site development by teaching hypertext mark-up language (HTML) and the basics of good Web site design and management.
We will practice the use of File Transfer Protocol (FTP) to manage Web sites. We will also learn how to build Web forms, Web graphics, hypertext links, tables, and basic scripts.
Syllabus
Course Purpose: This course teaches you how to design and build valid Web pages using Hypertext Markup Language (HTML) and put them onto a Web site using File Transfer Protocol (FTP). During the course you will learn about:
- Best practices for building Web content.
- Form elements.
- Tables for data and layout.
- Frames and Logical Divisions.
- Information Architecture
- Basic Javascript.
- Search Engine Optimization.
- Cascading Style Sheets.
Course Purpose: This course is designed to introduce students to the mechanics of HTML writing, independent of and particular software (i.e. Dreamweaver). The course will examine major Web design components, as well as examine Search Engine Marketing, forms, and simple JavaScript.
Course Method: This course will employ a blended learning approach that uses classroom lectures, classroom programming assignments, online lecture notes, traditional and online reading assignments, and Do-it-Yourself assignments which you will either POST or bring to class for evaluation and discussion.
Course Outcomes: At the conclusion of this course you will know about the different elements that comprise a valid Web page (CGE3). You will also learn some of the principles involved with Web page optimization (CGE4) and Web site administration (CGE2). At the conclusion of the course, you will combine design and programming skills to create a term project presentation (CGE1).
WEEK ONE: How the Web Works
WEEK TWO: Tags and Basic HTML Page Structure
WEEK THREE: Creating Hypertext Links
WEEK FOUR: Creating Tables
WEEK FIVE: Tables for Design, Document Character Sets
WEEK SIX: Images and Color
WEEK SEVEN: Frames, I-frames and Logical Divisions
WEEK EIGHT: MID TERM EVALUATION
WEEK NINE: Introduction to Cascading Style Sheets
WEEK TEN: Basics of Search Engine Optimization
WEEK ELEVEN: Creating Forms, Creating Customized Email
WEEK TWELVE: Information Architecture
WEEK THIRTEEN: Really Easy JavaScript
WEEK FOURTEEN: Wrapping-Up
WEEK FIFTEEN: FINAL EXAM PROJECT
Books & References
HTML 4 for Dummies - 5th Edition (ISBN 0-7645-8917-2)
Web programming requires useful references that give you answers fast. "HTML 4 for Dummies - 5th Edition" provides all the information you need to build valid Web pages, forms, tables, cascading style sheets, special character codes, and a lot more.
This book offers a different view of the same information we cover in our lectures. My lectures and this book are meant to go together. It also shows you what HTML code looks like so you don't have to remember everything. Read the author's tips, copy the code you need, and you're on your way. And, it has a six page fold-out cheat sheet ... a feature worth half the price of the book, IMO.
Web Style Guide - 2nd Edition (ISBN 0-300-08898-1)
Creating Web pages and Web sites requires a set of unique skills that go beyond visual appeal. Written content, page usability, and interactivity all form the basis for providing a great experience for your site visitors. "Web Style Guide - 2nd Edition" shows you how to do it from designing a web page to managing the web design project.
This essential guide for Web site designers provides practical, concise advice on creating well-designed and effective Web sites and pages.
Focusing on the interface and graphical design principles that underlie the best Web site design, this book offers invaluable help on a full range of issues, from planning and organizing goals to design strategies for a site to the elements of page design.