Developing a Web Site

Two Components of Web Site Development Systematic Planning Systematic Planning Design and Development Design and Development

Four Elements of Systematic Planning The Web audience The Web audience Goals and objectives for the Web site Goals and objectives for the Web site Sketch out the Web site Sketch out the Web site Select a Web authoring tool Select a Web authoring tool

Systematic Planning – Web Audience Ask yourself the following questions about your audience. Ask yourself the following questions about your audience. Who am I developing the web site for. Who am I developing the web site for. Do any of the following affect my audience; Do any of the following affect my audience; Age Age Gender Gender Financial Status Financial Status Education Education The audience guides every aspect of your Web design. The audience guides every aspect of your Web design.

Systematic Planning – Goals and Objectives Goals Goals Provide the general framework of your Web site. Provide the general framework of your Web site. Are broad statements that indicate the purpose of the site Are broad statements that indicate the purpose of the site Objectives Objectives Precise statements about specific Web site content. Precise statements about specific Web site content. Organize site content information and depth and breadth of site information Organize site content information and depth and breadth of site information

Systematic Planning – Sketch out the Web Site Using the Objectives for the site create an outline of how the site should be organized. Using the Objectives for the site create an outline of how the site should be organized.

Systematic Planning – Select a Web Authoring Tool There are three main types of tools; There are three main types of tools; Tools that do most of the web page and site design work for you usually free. Tools that do most of the web page and site design work for you usually free. Free tools that allow you to create your own Web pages and Sites Free tools that allow you to create your own Web pages and Sites Advanced Web page and site design tools that you purchase. Advanced Web page and site design tools that you purchase.

Design and Development Involves the following elements; Involves the following elements; Navigation structures Navigation structures Design principles Design principles Homepage and page construction Homepage and page construction Graphics Graphics

Design and Development - Navigation Structures Sequential structure organizes information sequentially in alphabetical order, chronological order, or in order from general to specific information Sequential structure organizes information sequentially in alphabetical order, chronological order, or in order from general to specific information Grid structure organizes information in no particular order of importance Grid structure organizes information in no particular order of importance A hierarchical structure is the most common way to organize complex navigational schemes. A hierarchical structure is the most common way to organize complex navigational schemes. A Web structure is a free-flowing, non-structured navigation. A Web structure is a free-flowing, non-structured navigation.

Design and Development - Design Principles The simplicity principle states that in order to communicate effectively, visuals should convey one basic idea. The simplicity principle states that in order to communicate effectively, visuals should convey one basic idea. Emphasis provides a means by which attention can be drawn to the important elements of a web page or visual. Emphasis provides a means by which attention can be drawn to the important elements of a web page or visual. Balance is a form of equilibrium within a Web page or visual. Balance is a form of equilibrium within a Web page or visual. Unity refers to the strength of the relationship between the elements of a web page or visual. Unity refers to the strength of the relationship between the elements of a web page or visual.

Design and Development - Home Page and Web Pages The place where people meet your web site. The place where people meet your web site. The top vertical four inches are the most valuable real estate in your Web site The top vertical four inches are the most valuable real estate in your Web site Consistency is the key to good web page design. Consistency is the key to good web page design. Visual organization of titles, subtitles, navigation links, buttons, text and graphics is very important on all web pages. Visual organization of titles, subtitles, navigation links, buttons, text and graphics is very important on all web pages.

Design and Development - Graphics There are two types of graphics used on web pages; There are two types of graphics used on web pages; GIF GIF JPEG JPEG Graphics can add visual interest to a Web page and help tie a Web site together Graphics can add visual interest to a Web page and help tie a Web site together

File and Folder Structure of a Web Site A Web site is contained in a single directory (folder) on a computers hard drive. A Web site is contained in a single directory (folder) on a computers hard drive. This is know as the root directory or folder This is know as the root directory or folder All files that make up a Web site are found in the root folder. All files that make up a Web site are found in the root folder.

File and Folder Structure of a Web Site