Maintainability What is the primary task for the maintainability of a web site? Web sites designers must be aware that during the lifetime of a site one.

Slides:



Advertisements
Similar presentations
Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.
Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.
Chapter 11 Designing Effective Output Systems Analysis and Design Kendall & Kendall Sixth Edition © 2005 Pearson Prentice Hall.
Tutorial 6 Working with Web Forms
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Chapter 4 Adding Images. Inserting and Aligning Images Using CSS When you choose graphics to add to a web page, it’s important to use graphic files in.
Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
Nat 4/5 - Software Design and Development – Low Level Operations - 1 National 4/5 – Computing Science Information Systems Design and Development Media.
Chapter 15 Designing Effective Output
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Adding Images & Working with Images Unit 2. TITLE CORNELL NOTES TOPIC: NOTES: Name: Date:08/10/2009 Period : Summary: To display Art To display Photographs.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.
Unit 8.2 / Lesson 1 / presentation1a Web Elements.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
12 Developing a Web Site Section 12.1 Discuss the functions of a Web site Compare and contrast style sheets Apply cascading style sheets (CSS) to a Web.
Week 11 Creating Framed Layouts Objectives Understand the benefits and drawbacks of frames Understand and use frame syntax Customize frame characteristics.
LOGO FORMs in HTML CHAPTER 5 Eastern Mediterranean University School of Computing and Technology Department of Information Technology ITEC229 Client-Side.
1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.
Chapter 8 HTML Frames. 2 Principles of Web Design Chapter 8 Objectives Understand the benefits and drawbacks of frames Understand and use frames syntax.
Testing and Maintaining a Web Site Presented by: Angelo Russo Student number: 10 Acknowledgement: This information is primarily gathered from: – Web Design,
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.
Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
MIMOS Berhad. All Rights Reserved. Nazarudin Wijee Mohd Sidek Salleh Grid Computing Lab MIMOS Berhad P-GRADE Portal Heuristic Evaluation.
IF-ITB/EN/Des 2004 IF1191 – Web Design & Usability Page 1 Web Design & Usability Elfan Nofiari Departemen Teknik Informatika ITB.
Tutorial 6 Working with Web Forms. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore how Web forms interact with.
Microsoft Expression Web 3 – Illustrated Unit G: Designing Site Navigation.
AGCJ 407: Web Authoring in Agricultural Communications Design Characteristics AGCJ 407 Web Authoring in Agricultural Communications.
XP New Perspectives on Macromedia Dreamweaver MX 2004 Tutorial 5 1 Adding Shared Site Elements.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
© Ms. Masihi.  A Web page contains text and images that convey specific information to viewers.  To create a new web page, open Dreamweaver and select.
Tutorial 6 Working with Web Forms
SageFox PowerPoint Slide
SageFox PowerPoint Slide
Chapter 11 Designing Effective Output
TITLE GOES HERE Your Subtitle PROFESSIONAL STARTER BUSINESS UNLIMITED
Cascading Style Sheets
Link Label Text Label… Click Here… Image Image Lorem Ipsum Lorem Ipsum
TITLE GOES HERE Your Subtitle PROFESSIONAL STARTER BUSINESS UNLIMITED
Dr. Martin Luther King, Jr.
1.01 Investigate graphic types and file formats.
TITLE GOES HERE 03 OPTION 04 OPTION 02 OPTION 01 OPTION Your Subtitle
$ % $96.81 SageFox PowerPoint Slide Lorem Ipsum Lorem Ipsum
Publishing and Maintaining a Website
Getting Started with Dreamweaver
Web Design and Development
Chapter 1 Editing a Photo
TITLE GOES HERE Step #2 Step #4 Step #1 Step #3 Step #5 Your Subtitle
TITLE GOES HERE 03 OPTION 04 OPTION 02 OPTION 01 OPTION Your Subtitle
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Cascading Style Sheets™ (CSS)
Slide Title.
SageFox PowerPoint Slide
Unit 14 Website Design HND in Computing and Systems Development
Teaching slides Chapter 6.
Website Planning EIT, Author Gay Robertson, 2018.
Chapter 16 The World Wide Web.
TITLE GOES HERE Step #2 Step #4 Step #1 Step #3 Step #5 Your Subtitle
Elements of Effective Web Design
Designing a Web Site.
TITLE GOES HERE Your Subtitle LOREM IPSUM LOREM IPSUM LOREM IPSUM
Lorem Ipsum Lorem Ipsum Lorem Ipsum
Presentation transcript:

Maintainability What is the primary task for the maintainability of a web site? Web sites designers must be aware that during the lifetime of a site one must be able to add easily new elements (documents, pages, links, etc.). What is important for the maintainability? It is important to port the site from one server to the other without difficulties. What makes a web site easily portable? If links are internal to the site, the use of relative links makes the site easily portable. On the contrary, external links must be frequently checked to make sure that the link can still be traversed. When designing a web site one must ask himself: could another icon be designed that would fit into the current set? Can the image be easily replaced or can additional graphics be easily incorporated into the existing image? Who wrote the page? When was it last updated? This can be useful when another person takes over site maintenance. Source: WebSAT - National Institute of Standards and Technology

Accessibility What are the main problems regarding the accessibility to a site? Differences in hardware and software platforms are undoubtedly the main elements that may or may not limit the access to a web site. What kind of shortcoming these differences can cause? The Internet connection speed is surely affected. With low capabilities, time to load pages with large amounts of graphics or to download software may become intolerable. Do these differences affect Internet Browsers performance? Yes. For example, frames may not be supported and colours may be treated differently. Are audio and video capabilities important for a web site? Surely they make the site more interesting and pleasant, however one must keep in mind that not all visitors to the web site may have these capabilities on their PC Source: WebSAT - National Institute of Standards and Technology

Form use What is the main purpose of a form use? Using a form is a good way of collecting information from web site users. Who should be interested in posting a form? All web sites interested in having viewers and customers registered, for instance e-commerce sites, on-line job recruitment, data banks, etc. What is important for making customers at ease when filling the form? Text fields must be clearly labelled. Option fields must also be indicated because viewers do not want to lose time. Send (submit) and clear (reset) buttons should be provided. Finally the presence of useless horizontal lines across the form should be avoided as many viewers see these as stopping points and do not scroll beyond them. Source: WebSAT - National Institute of Standards and Technology

Form use What is the main purpose of a form use? Using a form is a good way of collecting information from web site users. Who should be interested in posting a form? All web sites interested in having viewers and customers registered, for instance e-commerce sites, on-line job recruitment, data banks, etc. What is important for making customers at ease when filling the form? Text fields must be clearly labelled. Option fields must also be indicated because viewers do not want to lose time. Send (submit) and clear (reset) buttons should be provided. Finally the presence of useless horizontal lines across the form should be avoided as many viewers see these as stopping points and do not scroll beyond them. Source: WebSAT - National Institute of Standards and Technology

Navigation What are the elements that can provide navigation aids? Links are very important as tools of navigation. This is true because many people do not use the Back buttons for navigation. How should links be displayed? Users are used to associate blue underlining with links. What should links tell? Links should be descriptive of what users will find upon visiting.However the number of words in links should not be so long as to ensure that the link will consume more than one line (if links are continued on two lines there could be misunderstanding whether there is one or two links). Should links be embedded? Yes, otherwise they are difficult to see. Should links open a new browser window? No, because non expert users could have difficulties in getting back to the original window. Source: WebSAT - National Institute of Standards and Technology

Performance What are the problems connected with an Internet site performance? The main issue concerns the time it takes a viewer to download a document or a software. Is there an maximum amount of graphics that can be posted on the site? The total amount of graphics should be 30K or less. Everything greater than this amount can result in load times of more than 20-20 seconds for low end connections. Are height and width of an image important? Yes, because graphics with an unspecified size load slower. Is there any specific format in which images should not be posted? The JPEG format should not be used since all browsers are not capable of displaying its images. What is the acceptable banner size? To ensure that the majority of users will not have to scroll horizontally to view a banner, the banner size should be less than 500 pixel (which is the default size of browser pages). Source: WebSAT - National Institute of Standards and Technology

Readability What makes a text less readable? If the web page contains numerous animations, scrolling or blinking text, it is likely that users are easily distracted from actually concentrating on the information contained. Is a ‘dense’ web page a good web page? Highlighting techniques, such as the use of bold or larger font sizes, blinking, marquee style, are used to direct the readers’ attention to important material. However the more highlighting the more difficult it becomes to locate important information and to read a stationary text. What size should web pages have? Web pages should be of a size such that users do not have to scroll more than three or four times to reach the end of the section. Also it is suggested not using horizontal lines across the web, because this can confuse the readers and let them think to have reached the end of the web page. Source: WebSAT - National Institute of Standards and Technology