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 Site Content
- Forms and Email
- Tables for Data and Page Design
- 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 any 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).
Lectures
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: Site Structure, Images, Customized Email
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
WEEK TWELVE: Information Architecture
WEEK THIRTEEN: Really Easy JavaScript
WEEK FOURTEEN: Wrapping-Up Review
WEEK FIFTEEN: FINAL PROJECT PRESENTATIONS
Books & References
HTML & XHTML Pocket Reference - 3rd Edition (ISBN 0-596-52727-6)
This pocket reference provides a concise yet thorough listing of the elements and attributes specified in HTML 4.01 and XHTML 1.0 Recommendations. The text uses the shorthand "(X)HTML" for concepts that apply to both markup standards.
This book is organized into the following sections: HTML and XHTML fundamentals, alphabetical list of elements character entities, and specifying color.
Once you learn how to use this pocket reference, it will be an inexpensive addition to your code reference library that will provide quick answers when you need them.
CSS Pocket Reference - 3rd Edition (ISBN 0-596-51505-7)
Cascading Style Sheets (CSS) is the World Wide Web Consortium (W3C) standard for the visual presentation of Web pages.
After a short introduction to the key concepts of CSS, this book provides an alphabetical reference to all CSS2.1 selectors. This book is also required for DES3006.
Even if you are using in-line styling, the information provided in this reference will allow you to write compliant code for HTML documents.