 |
Summary of the course: |
| |
Each week of Website Design for Marketers will include hands-on activities to ensure you leave the course with useful technical skills. You'll learn the anatomy of the World Wide Web as well as the multimedia visual content that is available. You will also learn essential tips and techniques to improve the look and usability of your site.
This course is designed for beginners with little to no experience in website and graphic design. You'll receive simple, step-by-step instructions to help you plan, design, build, launch and update a small-scale website. The course is ideal for anyone looking to quickly produce a basic website and it also serves as a useful starting point for further study. By the end of the course you will understand how to create a professional-looking website using HyperText Markup Language (HTML) and Cascading Style Sheets (CSS). You will see how you can add Really Simple Syndication (RSS) and social media widgets to make your site interactive and enticing for your audience. |
| |
|
|
Classroom: Lewis 1308 (11/1/2011-12/06/2011) |
| |
|
|
Contact: email is the best way to get hold to
me! winny@cti.depaul.edu |
| |
My office phone is 773-325-4540, cell: 312-206-8342. I am available to meet by appointment. |
| |
|
| |
Lecture Plan |
Week 01
|
- Understanding the internet and basic website structure
- Obtain domain names and manage site and hosting
- Define & Manage the Site;
- Web vs. print and Web vs. broadcasting
- Understand web measurement, web image/video resolutions, web media types and fps
- Upload to your webspace, local vs. server;
-
The anatomy of HTML - basic tag structure, CSS,
HyperLinks; |
Week 02
|
- Planning and designing a website
- Reinforcing a brand through color, typography, proportion and alignment
- Using Div & table to create web Layout;
- Cascading Style Sheets foundations, using CSS rule to efficiently control layout
- Design Basics; Web Usability;
- Rules for Web Design and Layout;
- Color & web safe color;
- Fonts for Web; |
Week 03 |
- Understanding image types and media types on the web
- Images format basics;
- Web Graphics; Digital Photography;
- Finding low-cost stock photos, graphics and fonts
- Web interactive: Behaviors -- basic JavaScript; |
Week 04
|
- Using image-editing software to create graphics and edit photos
- Using image-editing software to create a digital mockup |
Week 05 |
- From digital design to web layout; |
Week 06
|
- Incorporating audio, video, RSS and social media widgets
- Different formats of video/audio; transfer rate;
- Optimizing your site for search engines
- Creating contact forms
- Intro to Flash/Shockwave; |
Week 07 |
Final Presentation;
|
|
|
|
| |
|
| |
Create your subsite in www.depaulkmc-webdesign.com: |
| |
 |
|
Tools we are using for this class: |
| |
Paper cards/pencil :) |
| |
Dreamweaver;
Photoshop;
Flash;
Trial version downloadable at http://www.adobe.com/downloads/ |
| |
|
|
The website you need to know for this course:
1. D2L
2. Course homepage: http://depaulkmc-webdesign.com/
Alias website: depaulkmc-webdesign.net;
depaulkmc-webdesign.org
3. depaulkmc-webdesign.com - is our shared domain for this class
4. Adobe Online Video Tutorial: http://www.adobe.com/designcenter/video_workshop/
5. Online Tutorial at Lynda: http://www.lynda.com/
6. Wikipedia, google, gettyimages, flickr… make them your good friends. |
