Testing and Maintaining a Web Site Presented by: Angelo Russo Student number: 10 Acknowledgement: This information is primarily gathered from: – Web Design,

Slides:



Advertisements
Similar presentations
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Advertisements

Other areas in the No Wrong Door website that you may find useful are… Whats New (inc. education and training) You can access this area via the menu on.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Objectives Moodle is an online learning environment where instructors & their students interact. In this workshop you will learn: 1.Configure system requirements.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Web 2.0 Testing and Marketing E-engagement capacity enhancement for NGOs HKU ExCEL3.
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.
]. Website Must-Haves Know your audience Good design Clear navigation Clear messaging Web friendly content Good marketing strategy.
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
HTML and Designing Web Pages. u At its creation, the web was all about –Web pages were clumsily assembled –Web sites were accumulations of hyperlinked.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
SEO Presentation High Level SEO overview 08 th December 2010.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Web Design, 4 th Edition 7 Promoting and Maintaining a Web Site.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Adobe Dreamweaver CS5 Introduction Web Site Development and Adobe Dreamweaver CS5.
Web Development Life Cycle from Beginning to End…and BEYOND!
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
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.
Dreamweaver Domain 3 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 6 KellerAdobe CS5 ACA Certification Prep Dreamweaver Domain 6: Evaluating.
Progress Report: Project 4 Web Solutions. Interviews (Jennifer) Usability Testing (Andrea Kayne) Final Report due Accessibility Analysis (Andrea.
Adobe Certified Associate Objectives 6 Evaluating and Maintaining a site.
Website Project Development Presentation by APNARAJ.COM.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.
strategize We listen and give clients what they really want, without being afraid to express our expert point of view. We are a creative group of professionals.
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.
Tools For State and Local Web Sites Web Style, Site Headers and Promotion Banners.
Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 5 Key Concepts 1 Copyright © Terry Felke-Morris.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
You Must… Gather answers to the following questions: Decide what your website will be about. Identify who your audience would be for this site. Outlined.
Thực hiện: D3 GVLT: BROWERS. Browser Compatibility I Check the compatibility II Tools III.
Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Unit 13 – Website Development FEATURES OF WEBSITES.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
The Internet & Web Browsers Business Webpage Design Created by Kelly Seale Adapted by Jill Einerson.
TESTING AND MAINTAINING A WEB SITE Presented by: Robert O'Neill student number:8 Acknowledgement: This information is primarily gathered from: Web Design,
Chapter Objectives Explain how to test a website before it is published Describe how to publish a website to a web server Identify ways to promote a published.
Pre-Production Meet with the client to create a project plan:
2.2 Internet Basics.
Web Site Design Plan Checklist
Publishing and Maintaining a Website
BTEC NCF Dip in Comp - Unit 15 Website Development Lesson 12 – Publish and Test Mr C Johnston.
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.
Getting Started with Dreamweaver
Objective % Explain concepts used to create websites.
Research in a Digital Media Environment
Unit 01 –Website Development
Web Development Life Cycle from Beginning to End…and BEYOND!
Maintaining Your Site Module 8: Web Publishing and Maintenance
LO4 - Be Able to Update Websites to Meet Business Needs
Website Testing Checklist
Web Standards and Accessible Design.
Website Testing EIT, Author Gay Robertson, 2018.
Objective Explain concepts used to create websites.
Designing a Web Site.
Web Development Life Cycle from Beginning to End…and BEYOND!
WEB DESIGN Cross 11, Tapovan Enclave Nala pani Road, Dehradun : ,
Presentation transcript:

Testing and Maintaining a Web Site Presented by: Angelo Russo Student number: 10 Acknowledgement: This information is primarily gathered from: – Web Design, 5th ed. – Jennifer Campbell – CENGAGE Publishing, 2015

Self-Testing the Site Self-testing is the first phase of prepublication website testing. It is the time to test the website's structure and page layout, color scheme, and other elements.

Importance of Self-Testing Testing helps ensure the website's pages look and function as designed and confirm that all asptects of the design plan have been satisfied.

Test Images & Multimedia To verify that the page code does not contain misspellings of the image or multimedia file names and does not link to an invalid folder location or external webpage.

Test Navigation Test the navigation and search tools and examine the website's structure to determine whether visitors can find all pages easily.

Test All Links Test all internal and external links to make certain they work properly and none are broken and/or do not work. Verify that the link text identifies its target clearly and that the correct page opens when clicked. If relevant, make sure that the new page opens in the same browser window, a new tab, or a new window as specified.

Check All Text Make sure all text is in a readable font and appropriate size and color for the page, its surroundings, and its background color.

Check for WAI Compliance WAI stands for Web Accessibility Initiative and develops guidelines widely regarded as the international standard for Web accessibility. Be sure to include a text equivalent for all nontext elements to satisfy WAI guidelines for images and multimedia.

Test Site on Different Browsers Use different major and some minor browsers such as Internet Explorer, Mozilla Firefox, Google Chrome, Opera, and Safari. Be sure to test different versions of these browsers as well to ensure compatability, or to be able to properly list incompatible versions to visitors. Test the site on different devices, platforms, and screen sizes. Expect a reasonable range of variances as long as the page appears legible and looks well laid out in each instance.

Target Audience Testing Target audience testing is the second test phase that involves recruiting a small group of people to act as testers.

How to Organize a Test Group When choosing a test group, include colleagues not involved in the website development, people who represent the target audience, and include other interested parties as well.

Target Audience Testing: Observations Observe the testers to determine the following: – Which pages appear to appeal to them? – Which pages appear to disinterest them? – How much time do they spend on various pages? – Which links do they visit or ignore? – How easily do they navigate the website? – Do they at any time demonstrate any confusion or frustration?

Target Audience Testing: Questions to Ask The test audience survey should include questions such as the following: – Did the website's content satisfy your needs, wants, and expectations for content at the website? – Was the website's content interesting and valuable? – Was it easy or difficult to navigate the website? – What improvements, if any, would you suggest for the website? – Would you return to the website and recommend it to others?

Website Promotion Once the website is published, it needs to be promoted in order to reach the target audience. Ways to promote a website include: – Online through blogs, social media, search tool advertising, affiliate programs, link exchanges, RSS feeds, and advertising. – Traditional promotion techniques such as word of mouth, print materials, and promotional giveaways.

Maintainance of the Site Web design is a continuing process and that the work of developing, creating, and maintaining a website is never really finished. Ongoing maintenance, updating and retesting are needed on a regular basis by doing the following: Add/promote timely content by changing photographs, add to/substitute text, publicize upcoming events, and offer timely tips or create a frequently updated blog. Use social media, opt-in , and other methods to promote new content to your audience. Check for broken links and add new links. Ensure your website visitors can find content by maintaining a functional navigational system that includes links to the primary pages in your website, and including a search feature. Include ways to get user feedback, and then act on that feedback. Evaluate & implelment new technologies and adapt your content to new platforms or devices when they can further your website's objectives and increase its accessibility and usability, as well as fit into your website budget and meet your audience's expectations.

Evaluate Website Performance Evaluating the performance, or benchmarking, of a personal site or a commercial site will show strengths and weaknesses in the content and pages. To evaluate a website, visitor feedback, web server log analysis of visitors, and web analytics of visitor data can be used to show a site's performance over a period of time.