Rita Bilbro Technology Consultant, ITCS East Carolina University

  • View
    212

  • Download
    0

Embed Size (px)

Text of Rita Bilbro Technology Consultant, ITCS East Carolina University

  • Slide 1
  • Rita Bilbro Technology Consultant, ITCS East Carolina University
  • Slide 2
  • Course for new Web site designers Good precursor to CommonSpot training Topics of Discussion: 1) Purpose & Web page components 2) Planning & effective design 3) Image editing for the Web 4) Examples of Web design software 5) File Transfer Protocol (FTP) 6) Sneak Preview of CommonSpot 7) Images in CommonSpot 8) Web design help
  • Slide 3
  • A Web site is a very effective way to communicate information to a broad audience. Goal as a Web designer: Fit all of the pieces together, without losing the message in the design. Links Footer Content Header Graphics
  • Slide 4
  • Header Organization name/title of page Can link this back to home page Eliminates confusion as to what page visitors are on
  • Slide 5
  • Graphics Use high quality images that complement your message Compress images for faster downloading Be selective with number; dont overwhelm readers
  • Slide 6
  • Navigation Menu Links to other pages in site Usually on left side of page (some exceptions) Be consistent with navigation placement
  • Slide 7
  • Content Hook your readers, and hook them fast Write in clear, concise sentences and phrases Limit vertical scrolling; never force readers to scroll horizontally
  • Slide 8
  • Hyperlinks Dont overuse or your readers wont know where you want them to go Overusing will disrupt flow of content Validate links frequently broken links ruin a sites credibility
  • Slide 9
  • Footer Include contact info here: department/individuals name, location, e- mail address, phone number Date of page revision example: last updated: 09.07.2005
  • Slide 10
  • Ask yourself the 5 Ws of Web Design before you begin: 1. Why am I creating this Web site? 2. What messages do I want to convey? What types of content do I wish to include? 3. Who will view my Web site? Who is my audience? 4. When or how frequently do I need to update my Web site? 5. Where will I host my Web site and store backup files? Where will information be located on the Web site and individual pages?
  • Slide 11
  • Get your thoughts flowing 1. Cluster like information together 2. Break content down into individual Web pages 3. Decide where to connect which pages with links 4. Decide if subdirectories will utilized, and how many 5. Create a storyboard for each Web page
  • Slide 12
  • Naming Files No spaces or symbols Dont use all CAPS Descriptive and short Remember everyone will see your file names
  • Slide 13
  • Before Publishing Review all pages for misspellings and grammatical errors Test in different browsers: Internet Explorer, Netscape, Firefox, Safari, etc. Test on different computers and laptops
  • Slide 14
  • Pitfalls to avoid: Using too few or too many images. Busy background images that make content difficult to read. Not enough contrast between font color and background color. Harsh contrast between font color and background color. Non-standard fonts (Verdana, Arial, Times New Roman are most universal) Leading visitors in unsatisfying circles. Pages with too much information (excessive scrolling) Too many Web pages (information difficult to find)
  • Slide 15
  • Where to find graphics ITCS Web Publishing Site: www.ecu.edu/cs- itcs/webpublishing.cfmwww.ecu.edu/cs- itcs/webpublishing.cfm Microsoft Clip Gallery: http://office.microsoft.com/clipart http://office.microsoft.com/clipart http://www.istockphoto.com not free of charge, but contains more than 274,000 royalty-free photographs, digital images http://www.istockphoto.com University Publications (252-328-6037) continued
  • Slide 16
  • Only relevant graphics. Set resolution at 72 dpi (dots per inch) Cropped/resized to fit the destination (especially important with CommonSpot)