View stunning SlideShares in full-screen with the new iOS app!Introducing SlideShare for AndroidExplore all your favorite topics in the SlideShare appGet the SlideShare app to Save for Later — even offline
View stunning SlideShares in full-screen with the new Android app!View stunning SlideShares in full-screen with the new iOS app!
Planning a Web Site Understanding the Possibilities of the Web
Possibilities How can you know what’s out there if you never look? Before you begin to plan your site – go shopping! Look at other site! Examine sites in your market As you surf the ‘Net, look for components you like on other sites
Possibilities Look for functions and structures that will be serve your sites purposes There are many ways you can communicate Human voice Images Text Sound and music Animation Motion video Virtual reality
Using Text Text Most efficient means of transferring information over the web HTML – Hypertext Markup Language Universal language spoken on the net – requires only a browser to read Reading from a computer screen not as comfortable as the printed page Important to make text on the page easy to read
Hypertext Hypertext – text that is active – it does something! Generally, it’s going to take you somewhere or display something Hypertext links are generally represented as underlined text.
Hypertext Hypertext can be used to: Link to another Web page in your own site Link to another Web site Link to a spot elsewhere on the same page Link to an image on your Web site or elsewhere Link to a voice, music or sound clip Link to a video Open a new window (display a definition, show information, show pictures)
Hypertext How will your site use links? For navigation? To access content? How will the links be represented?
Printing Some documents are able to easily read on the computer screen Long documents are better in another format MS-Word (.doc) Adobe Acrobat (.pdf) If you’re going to present different file types, be sure to include a download link for the free viewer software.
Things to Consider Look at the purposes and functions of your site Which will best be achieved with text? What type of text Long, scrolling articles Short paragraphs that can be read on-screen Has the text been written in another organization document? Does it need to be composed from scratch?
Images Most frequently used form of information after text Images often replace or support text as the message) Images can be used as navigation tools Images can be used as icons (represent an idea)
Images Speed of users Internet connection has a huge impact on viewing images Users with limited bandwidth will find pages load very slowly Bandwidth - measures rate at which data moves between points Many users have high-speed Internet connections, but designers should remember many still do not
Images Keep the size of images down Generally, aim for image files sizes under 50 kilobytes. Here’s an example of a site where the images are used for navigation: http://www.weather.gov/
Multimedia Refers to a broad range of online media, including: Animation Sound Video Virtual Reality http://www.virtualgettysburg.com/vg/panoramas/multi_node.html
Interactivity Definition: The Web page involves action on the part of the user – the user does more than sit passively and look at the screen. That’s so important…let’s say it again: The user is not passive! The user is involved with the Web page
Interactivity Interactive pages allow users to: Choose – select their topic Animate – click and see a process in action; learn a concept via a moving diagram Search and find – don’t make the site a scavenger hunt…make it easy! Buy and sell – making a commercial transaction (e-commerce) Manipulate – use the mouse to move things Construct – build something on-screen Question and answer – ask an expert and get a response Converse – Chat and Discussion Forums Play – the highest form of interactivity – make it fun!