Archive for September, 2009
Week 5
week 5 links
examples of bad webpages
http://www.webpagesthatsuck.com/
CSS Rules
Selector (H1) and declaration (color:blue)
Selector {property : value}
Four ways to apply styles
local
global (entire page)
Linked (across multiple pages)
Imported (allows multiple style sheets to influence one page)
CSS
Stylesheets are composed of predefined rules that allow us to control the way the type and design looks and displays in a document
CSS is a collection of formatting rules that control the appearance of content in a web page.
Css gives you flexibility and control over the appearance of your page typographically and in layout.
CSS aids in establishing accessibility, heirarchy and ease-of maintenance.
CSS video
http://tv.adobe.com/watch/learn-dreamweaver-cs4/styling-text-in-the-css-property-inspector
Final Project Ideas
Annapolis Pulmonary Specialists-Sleep Medicine site
My husband is a pulmonary specialist.
I will use the office manager as a contact.
I will take the photos of the staff and anything else required
This will supplement their current site with more information about their sleep services.
Week 4 links
Understanding Fireworks Video
http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-01-understanding-fireworks/
FW interface
http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-02-the-fireworks-interface/
Importing and Exporting images
https://angel.aacc.edu/section/default.asp?id=CAT2748402009FA
Smart Guides and Tool Tips
http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-04-smart-guides-and-tooltip/
Using Kuler Color themes
http://tv.adobe.com/watch/learn-fireworks-cs4/using-kuler-color-themes/
understanding Styles and Symbols
http://tv.adobe.com/watch/learn-fireworks-cs4/understanding-styles-and-symbols/
Great color websites
http://www.colorstrology.com/
http://www.mariaclaudiacortes.com/
http://kuler.adobe.com/
Principles of Beau. Web design
online color picker:
www.wellstyled.com/tools/colorscheme2/intex-en.html
Jon. Snook’s Colour Contrast checker
www. snook.ca/techinical_colour_contrast/colour.htm.
Top Ten Mistakes in Web Design
http://www.useit.com/alertbox/9605.html
Guidleines for visualizing Links
http://www.useit.com/alertbox/20040510.html
Stock photography sites
http://www.gettyimages.com
http://www.comstock.com
http://www.fotosearch.com
http://pro.corbis.com
Stock images come in two primary flavors:
Rights managed = an individual licensing agreement negotiated for each use, with an option for exclusivity in an industry or for a period of time; price dependent on use and is often a more expensive option.
Royalty free = offers the ability to use an image in an unlimited number of ways for a single license fee, with no exclusivity; much cheaper option. This does not mean the image is FREE – it simply means there are no royalties attached. The user pays once to use the image in many ways.
Getty images
user name: terrycpeterson@gmail.com
Pass word: drefxam
Woods, Water and Whatever-An Art Show
Oil Paintings – Terry Coker Peterson
Watercolors – Margery Silverton
October 7 – October 18, 2009
Hope to see you at the Opening Reception
Friday, October 9, 6-8 pm
West Annapolis Art Works & Fine Framing
4 Annapolis Street, Annapolis, MD 21401
410-295-7045
Week 3 links
Managing Design Suite Workspaces–http://tv.adobe.com/watch/learn-fireworks-cs4/managing-design-suite-workspaces/
Styling text in DW–http://tv.adobe.com/watch/learn-dreamweaver-cs4/getting-started-05-styling-text/
Adding Text and Images–http://tv.adobe.com/watch/learn-dreamweaver-cs4/getting-started-04-adding-text-and-images/
Understanding the Fireworks Interface–http://tv.adobe.com/watch/learn-fireworks-cs4/getting-started-02-the-fireworks-interface/
Importing files to Fireworks–http://tv.adobe.com/watch/learn-fireworks-cs4/importing-files-into-fireworks/
Website for inspiration
csszengarden.com
designinteract.com/sow
cssbeauty.com
Week 2 links
Getting started in DW
http://tv.adobe.com/?promoid=DRHWV#vi+f1592v1759
Using views and work spaces
http://tv.adobe.com/?promoid=DRHWV#vi+f1592v1768
Defining sites
http://tv.adobe.com/?promoid=DRHWV#vi+f1592v1758
Using css
http://tv.adobe.com/?promoid=DRHWV#vi+f1592v1770
Week 1
Information from Week 1
Web Editors
- Mozilla Firefox (also known as simply Firefox)
Firefox is a browser from Mozilla that was released in 2004 and is one of the most popular (and growing) browsers today. It is cross-platform compliant, and as of 2009, it has surpassed all versions of IE as the most popular web browser used by the general public. - Internet Explorer (also known as IE)
Microsoft’s Internet Explorer (IE) was once the dominant web browser, and is one of the more popular browser today. IE was introduced in 1995 and passed the original browser, Netscape, in popularity in 1998. Current versions are available for the PC platform only – Microsoft discontinued producing Mac compatible versions in 2003. - Google Chrome (a newer browser, referred to as Chrome)
Google Chrome is a free, open-source web browser developed by Google and released in 2008. Currently it is only available for PC, with a Mac compatible version in development. - Safari (traditionally a Mac-only web browser)
A browser that was traditionally specific to Mac computers, developed by Apple and released in 2003. A beta version for Windows PCs was released in 2007. - Opera
Opera, created by the Opera Software company, is fast and small, standards-compliant, and available for many operating systems. It has a very small market share of users, but is the preferred browser for a number of small devices like mobile phones and hand-held computers. - Current Browser Statistics
Browser usage is constantly shifting and changing, as new versions are released, changes are made, and new players enter the field. The W3C’s browser page provides updated statistics on browser usage – a handy tool for designers and coders alike.
These naming conventions are important to follow, in order to comply with web standards.
- Never use the same name more than once;
- Keep names simple and easy to remember;
- Use all lower case – some servers are case-sensitive so to keep things simple, do not mix upper and lower case;
- Never use SPACES – spaces are evaluated differently by different browsers and code, and may cause problems in the display of your files;
- Never use any special characters – symbols, such as # or % are not acceptable;
- Use underscores or dashes to separate words in a file name – for example my-page.htmor button_01.gif
- Never start a file name with anything except for a letter;
- Include the 3 or 4 character extension on your file names – for example, index.htmor blue_image.jpg
- 25 WYSIWYG Editors: http://www.smashingmagazine.com/2008/05/06/25-wysiwyg-editors-reviewed/
- FTP: For the People: http://www.webmonkey.com/02/36/index4a.html
- http://tv.adobe.com/?promoid=DRHWV#vi+f1592v1759
- http://tv.adobe.com/?promoid=DRHWV#vi+f1592v1768
Week 2b
Image file types
jpg–lossy, loose subtle color difference, best for type, vector, flat or hard-edged
gif–lossless, allows for transparency and animation, best for continuous tone or gradietn
Week 2
- ABSOLUTE LINK
- this link can be added to any page on the site, regardless of where the page sits
- create a link to a page that is on someone else’s website, or a website other than your own, using an Absolute link.
- RELATIVE LINK
- these links are relative to the page they are placed on
- relative links are dependent on the directory structure of your site.
You can create a link to almost any type of file – HTML page, document, movie or image file - using the A tag. For example:
<a href=”http://www.yahoo.com“>Click here to visit Yahoo!</a>
