CTN 161 Web Production 2

Mobile Web Design Lecture  (pdf | ppt )

Visual QuickStart Guide HTML ,XHTML & CSS
Chapter 13: StyleSheets for Handhelds Page 199- 208

• W3C Mobile Web Initiative
  http://www.w3.org/Mobile/
• Mobile Web Best Practices
  http://www.w3.org/2007/02/mwbp_flip_cards.html
• Mobile Web Design Trends
  http://www.smashingmagazine.com/2009/01/13/mobile-web-design-trends-2009/
• 5 Minute Mobile Makeover
  http://perishablepress.com/press/2009/08/02/the-5-minute-css-mobile-makeover/
• Make your mobile site friendly
  http://carsonified.com/blog/features/css/make-your-site-mobile-friendly/
• Mobile Web Design Tips and Techniques
  http://www.cameronmoll.com/archives/000577.html

Form Layout and Design ( pdf )

There are a variety of different ways that you can layout a form. The layout will be dictated by the length and purpose of the from. When it comes to layout, both CSS and Tables can be used to create the structure for the layout.

Form Lecture ( pdf )

The biggest part of creating a form, is creating an experience that makes the user feel comfortable in sharing their information and data with the web site.  A bad experience can cost a web site, time and money… ultimately keeping them from reaching their goals.

• What are some form/experiences that you have experienced online?
• What makes a good form?
• What makes a bad form?

Finding Solutions in Web Design ( pdf )

Common HTML and CSS Errors

1. Misspellings
2. Wrong file names
3. Wrong extension
4. Missed punctuation
5. Failure to close tags

FTP, Domain Names and Reaching the Masses | PDF

Hosting Providers:

• Go Daddy | http://www.godaddy.com/default.aspx
• Yahoo | http://smallbusiness.yahoo.com/webhosting
• Freehostia | http://www.freehostia.com/
• Network Solutions | http://www.networksolutions.com/

Whois Search

• http://www.networksolutions.com/whois/index.jsp
• http://www.internic.net/whois.html
• http://whois.org/

For more information, check out the Internet Corporation for Assigned Names and Numbers, (ICANN) http://www.icann.org/en/faq/

Check the videos for positioning and layout:

• Float
• Positioning

___________________________________________

Here is the example from Friday night’s class

Lecture ( pdf | ppt )

Sunshine, Puppies and CSS… ( pdf )

CSS Properties
http://www.htmldog.com/reference/cssproperties/

Simple CSS: Removing the Underline from Links
http://www.wpdfd.com/issues/85/simple_css_removing_the_underline_from_links/

CSS Typeset
http://csstypeset.com/

CSS Elements
http://www.w3schools.com/css/css_examples.asp

CSS Zen Garden
http://www.csszengarden.com/