Basic Web Design

Basic Web Design Robby Seitz UM Webmaster [email protected] 915-7822 121 Powers Hall Basic Web Design How to build a Web site: 1. Open Notepad and type the following:

Robby's Page This is a picture of my cat, Lou.

then the first woodpecker to come along would destroy civilization." More examples available at www.webpagesthatsuck.com Basic Web Design Bad Examples (Dont try this at home!)

Association of International Glaucoma Societies www.globalaigs.org Just because you can do something doesnt necessarily mean you ought to. Basic Web Design Web Page Elements Structure

The arrangement of content Navigation The means by which content may be found Context The connection between menu and content groupings Content The goal of Web browsing Basic Web Design

Structure Layout is not just decorative it can also provide visual organization for your content. Google News news.google.com Fairly simple structure and easily understood Basic Web Design Structure Layout is not just decorative it can also

provide visual organization for your content. Ole Miss www.olemiss.edu Basic Web Design Structure Layout is not just decorative it can also provide visual organization for your content. The New York Times www.nytimes.com

Basic Web Design Navigation Links and menus Methods for moving from page to page Information Technology www.olemiss.edu/depts/it/ Using both horizontal and vertical menus Note: Right navigation can sometimes be cut off in narrow browser

windows. Basic Web Design Navigation Links and menus Methods for moving from page to page Mystery Meat Navigation www.art.northwestern.edu/welcome.html Basic Web Design Context The grouping relationship between

elements Students Page www.olemiss.edu/students Basic Web Design Context The grouping relationship between elements Apple Downloads www.apple.com/downloads Basic Web Design

Context The grouping relationship between elements Microsoft Downloads www.microsoft.com/downloads Basic Web Design Content The goal of Web browsing

Upcoming UM Newsdesk Basic Web Design Things you cant control

User's browser (type, version, plug-ins, etc.) User's computer type User's network speed User's monitor Browser window size Image loading Color Fonts (type, size, character set) Users Scripting and CSS settings

Basic Web Design Things you cant control Users Language Basic Web Design Web Site Design Tips

Remember your audience. Keep it short, simple, consistent, and conventional. Steal good ideas. Organize your navigation Lead users to your content using the most natural choices and the fewest links. Use CSS to lay out your page if you know CSS. If you dont know CSS, learn CSS! (www.w3schools.com) Test your pages! (validator.w3.org) Basic Web Design Web Site Design Tips

Consider accessibility limitations. How does your site look to someone who cant see? Location, location, location! (www.poynterextra.org/eyetrack2004)

Use Dreamweaver. Keep all your images in one folder. Create only a handful of templates for site consistency. Provide a search engine if you have a large number of pages or complex content. (Try using Google!) Make backups of the old site before writing over it! If you are using the color red on an Ole Miss site, make sure its RED and not red!

Recently Viewed Presentations

  • College of Engineering, Mathematics and Physical Sciences

    College of Engineering, Mathematics and Physical Sciences

    College of Engineering, Mathematics and Physical Sciences College of Engineering, Mathematics and Physical Sciences Neil Sewell Education Ros Ackland Lead Administrator (Student Services) Physics Hilary Jordan Lead Administrator (Academic Services) Harrison Tracy Burns Administrator Harrison Sharon Costello Administrator Physics Jo...
  • CSE 473: Skeletons and Skinning

    CSE 473: Skeletons and Skinning

    Skeletons and Skinning Bones and Skeletons Mesh Skinning CSE 473 Dr. Charles B. Owen Fundamentals of 3D Game Development * Click to edit Master title style CSE 473 Dr. Charles B. Owen Fundamentals of 3D Game Development * CSE 473...
  • MODULE CAPABILITIES Your Name, Regional Sales Manager by

    MODULE CAPABILITIES Your Name, Regional Sales Manager by

    Having the right materials for your solutions mean we can meet the rigorous requirements of your design in a wide variety of applications. ... thermal, and photometric validation. Conformal coating material is an available option. It is applied to an...
  • The Settlement of New England - PC\|MAC

    The Settlement of New England - PC\|MAC

    Indians especially weak in New England epidemics wiped out ¾ of the native popul. Wampanoags [near Plymouth] befriended the settlers. Cooperation between the two helped by Squanto. 1621 Chief Massasoit signedtreaty with the settlers. ... Susan M. Pojer ...
  • Lay Missioner Ministry Training

    Lay Missioner Ministry Training

    Book of common prayer (2019) "The Book of Common Prayer (2019) is a form of prayers and praises that is thoroughly Biblical, catholic in the manner of the early centuries, highly participatory in delivery, peculiarly Anglican and English in its...
  • Aspen Bark Coloration - Niwot Ridge

    Aspen Bark Coloration - Niwot Ridge

    Aspen Bark Coloration. Explaining Exposure and Phellum Pigment in the Cork Layer. Oren Rabinowitz. Vegetation Ecology, CU EBIO 4100 . Summer 2014. I am a dangus. Introduction - Populus. tremuloides (Michx) is a well studied tree in the Rocky Mountains....
  • Chapter 15: Fiscal Policy Opener Essential Question  How

    Chapter 15: Fiscal Policy Opener Essential Question How

    Classical Economics. The ideas that free markets regulate themselves is central to the school of thought known as classical economics. The Great Depression, however, challenged these ideas. The economy was unable to regulate itself, which led to high unemployment and...
  • EE40: Introduction to Microelectronic Circuits

    EE40: Introduction to Microelectronic Circuits

    EE40: Introduction to Microelectronic Circuits ... for a better understanding Exams 2 midterms, 1 final Grade HW: 10%, LAB: 10%, MID: 20%, FINAL: 40% Table of contents Circuit components Resistor, Dependent sources, Operational amplifier Circuit Analysis Node, Loop/Mesh, Equivalent circuits...