30-01-2012, 01:53 PM
Basic Web Design
[attachment=16829]
Basic Web Design
This hands-on workshop introduces you to the basic principles of Web site design and authoring using HTML. You will then use FrontPage to create your web page or site and publish it to the World Wide Web for viewing.
Objectives
• Understand and apply design principles when creating and modifying a Web site.
• Recognize HTML and Web terminology such as hypertext, tags, browser, and HTML.
• Identify the basic structure of an HTML document and create a simple Web page using HTML.
• Create a new Web site or modify an existing website using FrontPage.
• Use tables to design the layout of a Web page.
• Understand how typography works on the Web and format fonts and paragraphs..
• Set Web page properties such as background colors and images.
• Understand graphic formats for Web pages; insert graphics, modify picture properties
Designing Navigation Bars
The main goal of your website should be to make it easy for users to perform useful tasks. Develop a clear information architecture that is simple, consistent, and follows convention.
Page Design
With web pages, the layout design process accounts for the arrangement of text and graphics elements on the page. These elements can be broadly divided into:
• Page Header: Located at the top of the page, it includes the page banner or title and the navigation bars.
• Page Footer: Located at the bottom of the page, this is where you insert copyright and authoring information, the date of the most recent update, institutional affiliation.
• Side Navigation: This is usually a rail along the side of the page that displays the global or local navigation.
Design Concepts
When designing a web site, you need to consider four basic design elements:
• Appropriateness
o Does it match with the site’s target audience?
o Do the graphics mesh with the site’s intended purpose?
o Do the tone and style of the language complement the site’s objectives?
• Placement
o Place the most important information at the top of the page.
o Use white space to create breaks between page elements.
• Consistency
o Place page elements like titles, banners, logos, and navigation elements in the same spot on every page.
