1 / 18

Web Page Design

Web Page Design. Jill Philpot Web Branch Office of the Chief Information Officer.

Mia_John
Download Presentation

Web Page Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Page Design Jill Philpot Web Branch Office of the Chief Information Officer

  2. "Come and learn about the ARS web site! With one consolidated web site, each location and management unit has a web presence at the ARS web site. We will explore the design of the ARS web site, review how ARIS data is used to fill ARS web pages, and demonstrate the in-house web publishing tool, SitePublisher. Our focus will be on how YOU can create informative, useful, and appealing web pages at the ARS web site."

  3. ARS.USDA.GOV

  4. ARS Web Site Q: Who came up with this design? A: USDA Style Guide. Q: Who came up with these categories? A: ARS Web Architecture Group.

  5. ARS Web Site General Information Two views of ARS web site: • Headquarter level • Location level Who does what? • OCIO Web Branch • Headquarters staff • Local webmasters

  6. Information Architecture

  7. How are pages filled? • The Agricultural Research Information System (ARIS) Database 2. The Research Education and Economics (REE) Directory 3. SitePublisher web publishing software

  8. Pages with ARIS Data About Us – Mission statement, person responsible, and address from ARIS Research – Project (416) information and national program from ARIS Products & Services – Publication (115) information from ARIS

  9. Pages with REE Data People and Places – employee name, phone number, email, address, working title from REE

  10. Pages made in SitePublisher Local webmasters use SitePublisher to publish all non-ARIS and non-REE web pages Home News & Events Partnering Careers

  11. Web Site Design What is the goal of your web site? What information do you want to convey? What information goes where?

  12. Web Page Design @ the ARS Web Site

  13. Design Annoyances • Excessively large graphics. Excessively tiny graphics. • Too many animations. • ‘Under Construction’ signs. • Bad color choice. • Grammatical and spelling errors. • Text that is too small. Text that is too large. • Having a horizontal scrollbar. • Broken images. Broken links. • Too much blank space between sections. Too little blank space between sections. • Using abbreviations in sentences. • Use of ALL CAPS. • No paragraph breaks on long pages.

  14. Design Tips • Keep it Simple • Download faster • Visually appealing • Easier to create • Use appropriate spacing • Make long or complex documents available in PDF • Use plain language

  15. Design Tips • Layouts • Knowing HTML may help • For precise spacing or alignment, use tables • Set exact table or column widths • Align cell contents vertically and horizontally • Use cellpadding and cellspacing • Set border = 0 • Apply table or cell background colors

  16. Design Tips • Graphics • Use alternate text tag • Reduce the number of images • Reduce the size of images • Use thumbnails • Use horizontal and vertical space and alignment tags for text around images • Use image maps instead of words

  17. SitePublisher http://sp.arsnet.usda.gov/ Hands on demonstration…

  18. Contact Information Jill Philpot jill.philpot@ars.usda.gov ARS Webmaster webmaster@ars.usda.gov

More Related