Aspen Computer Training for Photoshop, Dreamweaver, Website Design and CS3 Training
1. When was the Internet invented? For what purpose was it created? What is the difference between the World Wide Web and the Internet? Is the World Wide Web part of the Internet or the other way around?
2. When were personal computers invented? What are the names and models of the first personal computers? On what basic innovation was the personal computer based?
3. What did markup languages like HTML and CSS add to the Internet and website design? What do the acronyms stand for? How are HTML and CSS similar? How do they differ?
4. Adobe Creative Suite. What programs are in the web standard edition? What programs are in the web premium edition?
http://www.adobe.com/products/creativesuite/ has information on this question.
5. How have high data transmission Internet Service Providers (ISPs) effected web browsing and website design?
• Identify the functions of a website and its place in advertising, marketing and collateral material development.
• Learn the basics of website design
• Develop a rapid prototype website design using Photoshop
• Learn how Dreamweaver is used in website design, building and
maintenance
• Learn how Cascading Style Sheets are used to format web pages
• Develop web graphic rollovers and animations using Fireworks.
• Learn how Flash is used to create slide shows.
• Learn how to use templates, and create new templates.
• Be introduced to Search Engine Optimization concepts.
• Be introduced to Ecommerce concepts.
1. Locate each of the four software programs used in this class and identify their roles:
a. Dreamweaver
b. Photoshop
c. Fireworks
d. Flash
2. Identify examples of Cascading Style Sheets (CSS) and determine how they are similar to, and different from Hypertext Markup Language (HTML)
3. Locate a template within dreamweaver.
4. Identify the parts of a webpage
From a graphic design standpoint
HEADER (identity & navigation)
CONTENT (may include additional navigation)
FOOTER
From an HTML code view
<HEAD> (title, meta tags, styles, scripts)
<BODY>
5. Identify and understand the major web image formats
• JPeG (Joint Photographic Experts Group) is best for continuous tone photographs because it supports millions of colors. Does not support transparency.
• PNG (Portable Network Graphics) supports transparent files, but has less capacity to manage colors and details in photographs. A standard file format approved by the World Wide Web consortium to replace the GIF file format. PNG is patent and license-free.
• GIF (Graphic Interchange Format) is an older version of PNG and is not used much anymore because of a patent lawsuit by Unisys. We are not using it in this class
6. Identify and understand the major document formats used on the web
• swf: small web format
• mp3: moving picture Experts Group layer 3
• pdf: portable document format
• .txt: text format
• .rtf: rich text format
• .doc: document
• .xls: Excel spreadsheet
7. Discuss the 10 Commandments of Search Engine Optimization with respect to planning a new website project.
8. Understand the components of an Ecommerce system and the role it plays in a website.
9. Learn how to download trial versions of the Creative Suite Software.
10. Learn where to purchase software on an academic discount.
11. Understand the role of a business plan, marketing plan, identity, creative brief, and an identity standards manual in website design.
12.. Understand the role of a website in a marketing effect.
13. Locate online documentation for Creative Suite.
Web Typography
It is essential that the type in a design communicate your message effectively. Type is supposed to enhance the communication of a message, not block a communication. While this statement may seem obvious to most people, this is a daily challenge for a designer. Effective design solutions employ a typographic hierarchy which is a system used to organize content, emphasizing certain areas like titles or captions, and diminishing the importance of other areas like body copy. A typographic hierarchy cues a reader as to where they may enter and exit a piece if they are scanning for something. The cues can use spaces or graphics and there are many possibilities which keep things interesting for the design professional. A spatial cue can be indent, line spacing, or placement of a design element on a page. Graphical cues can be color, font name, font style (bold or italic), or the size of the type. Typographic hierarchy means that your design assigns more importance to certain levels in order to convey important information. For instance, maps (both online and old-fashioned paper maps) use larger type for larger cities, and smaller type for smaller towns. You should choose your primary typeface carefully. Remember to select a legible type family with enough weights to give you options.
Question: What type faces are appropriate for a website?