Web Page Design 2 Information Technology Web Page Design This presentation will explore: creating professional web sites page content interactivity & navigation browser compatibility ClassAct SRS enabled.

Web Page Design 2 Information Technology Introduction As more and more businesses and individuals require web pages, the need for professional web developers is increasing. Web developers are called upon to build sites for a broad selection of clients including those in: This presentation provides an overview of the skills that are needed when building a professional web site. industry education Next >

Web Page Design 2 Information Technology Creating a Professional Site Then produce the prospective site on paper as a flow chart, noting all the pages and how they will work together. Write down in as much detail as possible everything that is to be included, gathering all necessary: Before beginning any project, it is advisable to study the navigation and layout of good quality sites via the Internet. Planning is the most critical stage of all web site development. documentation images Next >

Web Page Design 2 Information Technology 1 A) A flow chart B) An image C) A calculator D) A navigator Which of the following would be useful in planning a web site? Question

Web Page Design 2 Information Technology Formatting Text Visitors to any web site like to be informed and entertained, and for that to happen they need to be able to easily: read the text see the text find the information they require Next >

Web Page Design 2 Information Technology Page Content there should be good site navigation Page content is also very important. If the pages say nothing, the visitor may well leave prematurely. text should be ‘short and snappy’ with bullet points used where appropriate The visitor is interested only in what he or she needs or wants, while the web site may want to sell its products or services. Therefore: consistent color and text schemes should be applied along with suitable graphics there should be links to the various sections of the site Next >

Web Page Design 2 Information Technology 2 The most important part of a web site is always the part that sells goods or services. Is this true or false? Question Answer True or False.

Web Page Design 2 Information Technology 3 A) Only use a single sentence per page B) Use bullet points where appropriate C) Make each page as colorful as possible D) Use at least two different fonts on each page Which of the following is recommended for clear web sites? Question

Web Page Design 2 Information Technology Creating a Navigation System be clear, so that visitors don't get lost Web sites often fail to attract visitors if they do not have an interface that is: To be most useful to the user, navigation should: remain consistent throughout the site Navigation is one of the most important and yet problematic issues facing web designers. offer clear alternative routes to the main sections of the site appear in context with the site easy to use simple consistent Next >

Web Page Design 2 Information Technology 4 A) Make navigation as colorful as possible B) Use different fonts so that the navigation stands out C) Don't allow too many navigation choices D) Keep the navigation consistent and simple Which of the following is good practice concerning navigating web sites? Question

Web Page Design 2 Information Technology Web Site Interactivity This describes the way the user is able to interact and communicate with the site, rather than simply looking at the pages. Some examples of interactivity are: Such interaction enhances their experience and may encourage a prolonged or return visit to the site. hyperlinks questionnaires order forms customizable pages There are many ways to bring interactivity to web pages. Next >

Web Page Design 2 Information Technology 5 A) Interactivity B) Inactivity C) Hyperactivity D) Insomnia Questionnaires, hyperlinks and order forms. What word can be used to describe all these features of web sites? Question

Web Page Design 2 Information Technology Color The browser-safe color palette consists of 216 colors that look the same in any Web browser, regardless of computer type. When using colors that are not browser safe, they may dither when displayed on someone else's computer system. This means that if a computer cannot display a color correctly, it displays its closest approximation instead - which might not look quite as intended! When choosing the color scheme for a site, you should be alert to potential incompatibilities. Next >

Web Page Design 2 Information Technology 6 How many colors are in the browser-safe color palette? Question Enter your answer and press Send.

Web Page Design 2 Information Technology Graphics The file size of an image determines its download speed. To minimize the file sizes of graphics, it is often best to use: File size refers to the number of bytes of data that have to be transferred via the Internet to the visitor’s computer screen. They can either enliven the design or make it annoyingly slow to use. The graphics used in web pages can have a major impact on the overall quality of a site. gif file format for graphic images - icons, logos and buttons jpeg for photographic images Next >

Web Page Design 2 Information Technology 7 A) gif B) bmp C) jpeg D) raw Which type of file format would normally be used to compress photographic images for upload to the Internet? Question

Web Page Design 2 Information Technology Animation Animation can mean anything related to: Often the simplest way to animate web pages is with gif animations. Animations create focal points in a site’s pages and are often used to emphasize areas of interest or importance. flashing and partial movement shrinking and growing movement in any of the three dimensions Next >

Web Page Design 2 Information Technology 8 Jpeg animations are the simplest way of producing on-screen animation. Is this true or false? Question Answer True or False.

Web Page Design 2 Information Technology Video When adding video to a site, there are various different file formats and embedding techniques available. Video clips are translated into data format by various different software packages. This is achieved by either: Download speed implications make it advisable to keep video file sizes as small as possible. Using video clips can add quality and professionalism to web pages, while also providing points of interest and novelty. reducing the frame rate (frames per second) compressing the video file Next >

Web Page Design 2 Information Technology 9 A) Because they play better when compressed B) Because the computer is better suited to low frame rates C) Because the embedding works better D) Because they would otherwise take too long to download Why should video files be kept as small as possible? Question

Web Page Design 2 Information Technology Audio Audio files are used to provide information and entertainment within web pages. They can raise the professionalism of a site by: Audio files are relatively straightforward to compile and easy to embed, though file size should be watched carefully. There are various file formats to choose from, depending on the software used to create them. supporting existing pages providing a musical backdrop imparting additional information Next >

Web Page Design 2 Information Technology Browser Compatibility play any animation, audio file or video clip display layout and pagination in a similar way Both main browsers, Microsoft Internet Explorer and Netscape Navigator, have unique features that are not supported by each other. Browser compatibility should be regularly tested to ensure that in general most computers: show color correctly Care should be taken when creating your site to ensure that it is supported by both. Next >

Web Page Design 2 Information Technology 10 A) By preparing two different web sites B) By regular testing C) By using a range of colors and fonts D) By reducing video to a bare minimum frame rate How is browser compatibility best ensured? Question

Web Page Design 2 Information Technology There is a multitude of important issues to be considered when developing professional web sites. This presentation has provided an overview of developing such pages, including: creating professional web sites page content interactivity & navigation browser compatibility Summary End >