Web Page Design 1 Information Technology ClassAct SRS enabled. Web Page Design This presentation will explore: creating web pages structure, formatting & themes hyperlinks & navigation text effects & graphical images

Web Page Design 1 Information Technology The World Wide Web : The Internet is a huge information resource, linking millions of computers and changing communication the world over. This presentation analyzes the steps to follow when creating a professional web site. Web sites are used for purposes such as: providing information advertising business products or services showcasing hobbies or interests is one of the most widely used Internet services stores text, graphics, sound, animation and video in websites Next > Introduction

Web Page Design 1 Information Technology Tools needed will include: When building a web site, there are a variety of different types of equipment and technical approaches from which to choose. an Internet connection a computer software Next > Tools of the Trade

Web Page Design 1 Information Technology Every web page has an address called a URL (Uniform Resource Locator). A web site is made up of individual documents called web pages. The URL identifies the Internet location of the files that comprise that particular web site. Web pages are stored on large computers called web servers which are located all around the world. Next > Web Pages

Web Page Design 1 Information Technology 1 A) A computer B) Your own web server C) Web page design software D) An Internet connection Which of the following tools is NOT needed when building a website? Question

Web Page Design 1 Information Technology 2 A) Somewhere in the USA B) In large computer rooms C) Anywhere in the world D) Only at significant nodes Which of the following best describes where servers are located? Question

Web Page Design 1 Information Technology 3 A) Underlying Record Locator B) Unique Record Locator C) Uniform Record Locator D) Uniform Resource Locator What do the initials URL stand for? Question

Web Page Design 1 Information Technology Computers use web browsing software to access the Internet. Typing the URL of a web site into the address bar of a web browser makes a request to find a page of that site. The computer hosting the web site sends files that the browser can download, interpret, and display as web pages. There are many different types of browsers that can accomplish this. The two most widely used are: Netscape Navigator Microsoft Internet Explorer Next > Web Browsers

Web Page Design 1 Information Technology 4 A) In the address bar B) In the status bar C) In the request box D) In the toolbar Where on a web browser is the URL typed to find a web site? Question

Web Page Design 1 Information Technology The approach taken will often depend largely on whether the site is intended to be either: When creating your web site, it is important to thoroughly plan the content of your pages before starting its construction. There are many different design styles to choose from, which will determine how it will be presented. To have a chance of being successful, your pages must be: commercial personal easily accessible readily understood by visitors Next > Building a Website

Web Page Design 1 Information Technology Commercial and Personal Web Sites A web site created for a commercial venture will often differ from one with a personal content, and must: A personal web site, however, can be more: engage the visitor’s attention make potential customers feel confident about dealing with the business informal individual fun or leisure-oriented Next >

Web Page Design 1 Information Technology Structure Construct a diagram of how and where the pages will interconnect. It is essential to plan the structure of a web site before beginning to build it. Firstly, choose the number of pages and content topic for each. Prepare all of the graphics and written material. The initial development stages can be on paper, and when conducted thoroughly should reduce confusion and wasted time later in the project. Next >

Web Page Design 1 Information Technology Home Pages All will have an index page. This is generally called the home page. Good web sites share many common components: The home page is the first page visitors to any site will see, so it should be inviting and allow easy access to all the other pages. A home page normally contains a menu outlining the topics covered in the web site. The home page will always contain links to take the visitor to the information they require. Next >

Web Page Design 1 Information Technology 5 A) Main page B) Home page C) Menu page D) Default page What is the first page a visitor encounters in a website usually called? Question

Web Page Design 1 Information Technology 6 A) The most important topic B) A plan of the website C) Links to other pages D) A corporate graphic What does a home page always contain? Question

Web Page Design 1 Information Technology Hyperlinks Hyperlinks are text and button links that allow visitors to navigate their way around a web site. A piece of text is recognizable as a link by being highlighted and underlined. Pictures or animations may also contain links to other content, and display the same hand symbol when “moused” over. Web sites also often contain hyperlinks to other sites covering similar topics. Another identifying factor is the cursor, which changes into a hand symbol when it passes over a link. Next >

Web Page Design 1 Information Technology 7 A) In capitals B) In italics C) Underlined D) In red text How are text hyperlinks normally displayed by a web browser? Question

Web Page Design 1 Information Technology Text There is a wide range of fonts, so some experimentation may be worthwhile. Not all browsers interpret font style and color the same way, so there may be a variation in what different visitors see. To reduce the chance of this happening, choose a more common font such as: When constructing a web site it is very important to consider the font: size color style Arial Verdana Times New Roman Next >

Web Page Design 1 Information Technology 8 A) Verdana B) Webdings C) Comic Sans D) AvantGarde Which of the following is a popular font for web pages? Question

Web Page Design 1 Information Technology Graphical Images Graphics are created in various different file format types. File format refers to the way the image data is compiled. The use of images makes web sites more interesting and inviting to the visitor. They are often produced using: jpeg - joint photographic experts group bmp - bitmap Three common types of image file are: gif - graphics interchange file graphics software packages scanners digital cameras Next >

Web Page Design 1 Information Technology 9 A) gif B) jpeg C) bmp D) pif Which of the following is NOT a type of picture file? Question

Web Page Design 1 Information Technology Themes Web site design packages offer a range of themes that can be applied to the pages. Throughout a web site’s pages, themes can be used when you require consistency of: Themes provide uniform pages very quickly and easily. style font positioning of page elements color Next >

Web Page Design 1 Information Technology 10 A) Consistency of color B) Consistency of font C) Consistency of textual content D) Consistency of page element positioning Which of the following is NOT provided by a theme? Question

Web Page Design 1 Information Technology HTML There are many different packages and programs used to develop web sites. HTML is the standard interface to the World Wide Web and also the computer code behind all web pages. HTML is a procedural scripting language, defining the structure and layout of a web document through a variety of: All convert pages into HTML documents in the process of saving them. tags attributes Next >

Web Page Design 1 Information Technology Just as for normal hyperlinks, links can be: Web sites often contain links from which visitors can directly the site operator or owner with a: query comment product order graphics text links animations Next >

Web Page Design 1 Information Technology There is an almost infinite number of styles and approaches that can be applied to web site development. This presentation has provided an overview of the main areas in web design, including: structure & formatting web page creation hyperlinks & themes text effects & graphical images Web pages can be as intricate or as simple as your skill level and needs dictate, and can be built by anyone - from the expert to the virtual beginner. End > Summary