Developing a Web Site Two Components of Web

  • Slides: 14
Download presentation
Developing a Web Site

Developing a Web Site

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

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

Four Elements of Systematic Planning The Web audience l Goals and objectives for the

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

Systematic Planning – Web Audience l Ask yourself the following questions about your audience.

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

Systematic Planning – Goals and Objectives l Goals l Provide the general framework of

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

Systematic Planning – Sketch out the Web Site l Using the Objectives for the

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

Systematic Planning – Select a Web Authoring Tool l There are three main types

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

Design and Development l Involves the following elements; l Navigation structures l Design principles

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

Design and Development Navigation Structures l l Sequential structure organizes information sequentially in alphabetical

Design and Development Navigation Structures l l 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 A hierarchical structure is the most common way to organize complex navigational schemes. A Web structure is a free-flowing, non-structured navigation.

Design and Development Design Principles l l The simplicity principle states that in order

Design and Development Design Principles l l 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. 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.

Design and Development Home Page and Web Pages The place where people meet your

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

Design and Development Graphics l There are two types of graphics used on web

Design and Development Graphics l There are two types of graphics used on web pages; l GIF l JPEG l 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

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

File and Folder Structure of a Web Site

File and Folder Structure of a Web Site