Www.monash.edu.au Monash Web Workshop Facilitator: Dey Alexander Establishing a quality assurance process for your website.

Slides:



Advertisements
Similar presentations
The Web Wizards Guide to HTML Chapter One World Wide Web Basics.
Advertisements

HINARI – Accessing Articles: Problems and Solutions.
E-shop Workshop Building an electronic storefront for your business.
HTML Lesson 4 Hyper Text Markup Language. Assignment Part 3  Save your last html file as “FirstName3.htm”  Set the title as “FirstName LastName Third.
Creating and Editing a Web Page Using Inline Styles
Accessing and Using the e-Book Collection from EBSCOhost ® When an arrow appears, click to proceed to the next slide at your own pace. To go back, click.
SEO Best Practices with Web Content Management Brent Arrington, Services Developer, Hannon Hill Morgan Griffith, Marketing Director, Hannon Hill 2009 Cascade.
By fox. You will need to log onto your computer and the you will need to open up any searching device : Google chrome, internet explorer or fire fox.
Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
Creating Accessible Word Documents by Debbie Lyn Jones, IT Manager I, NSU Webmaster FRIDAY, JANUARY 23, 2015.
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
IS 360 Web Promotion. Slide 2 Overview How to attract visitors.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
1 CT30A8901 Service Oriented Communications Chapter ?: Book Group ?: Firstname Lastname.
Chapter 4 Planning Site Navigation. Principles of Web Design 2nd Ed. Chapter 4 2 Principles of Web Design Chapter 4 Objectives Create usable navigation.
Dawn Pedersen Art Institute. Introduction All your hard design work will suffer in anonymity if people can't find your site. The most common way people.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
An Introduction to Content Management. By the end of the session you will be able to... Explain what a content management system is Apply the principles.
Microsoft Expression Web - Illustrated Unit B: Creating a Web Site.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
EPA Web Procedures and Standards October 26, 2010.
Press Esc to Exit ©2011 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in.
© 2011 Delmar, Cengage Learning Chapter 7 Managing a Web Server and Files.
EOrganic Workspace Training Vegetable Group Intensive January
Log on to Digital Locker Website You should be able to log on using Internet Explorer browser at the campus. You may need to log in using Mozilla FireFox.
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.
Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.
Making a Game Linking Slides. To link slides: 1.Prepare your storyboard 2.Complete all slides 3.Link the slides.
Visual Basic.NET Comprehensive Concepts and Techniques Chapter 2 The Visual Basic.NET Integrated Development Environment.
An Introduction To Websites With a little of help from “WebPages That Suck.
Dreamweaver MX Unit B CIS 205—Web Site Design and Development.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Website Project Development Presentation by APNARAJ.COM.
Dreamweaver Edulaunch Project 1 EQ: What are the key concepts when building the first page of a web site?
Validating, Promoting, & Publishing Your Web Site Writing For the Web The Internet Writer’s Handbook 2/e.
Functional English Week of
System for Administration, Training, and Educational Resources for NASA SATERN Overview for Users December 2009.
Developed by Kelly J Howard.
QA for MIMAS A Case Study Anne McCombe MIMAS
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
1. Visit 2. Click on
Teacher In-service January 25, 2013 Presented by Kevin Pedersen of.
OUCampus 202 Special Templates, Reusable Content, Social Media.
We now will use Advanced Search Builder option. Access to Advanced is from the initial PubMed page or the Search Results page. Advanced Search.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
The Web Wizard’s Guide to HTML Chapter One World Wide Web Basics.
Journals can be accessed by title from an alphabetical list. For this exercise, click on ‘L’ from the A-Z list. Note: there also is a View complete list.
Web Design (8) Images (2). My Holiday Photos An exercise in adding and linking images. Create a new website folder calling it ‘My Holiday Photos’. In.
Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
Ch 13 HTML and CSS Web Standards Solutions A Web Standardistas’ Approach.
Ocean Observatories Initiative R2.0 Beta Session 2 January 9, ION R2.0 Beta Test Session 2: Working with Marine Resources Susanne Jul, Lynn Morgan,
Thực hiện: D3 GVLT: BROWERS. Browser Compatibility I Check the compatibility II Tools III.
Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
Before We Begin Please download the files from as we will be using them in our walkthroughs.
Advanced NIMAC for Authorized Users 1www.nimac.us.
SEARCH ENGINE OPTIMIZATION, SECURITY, MAINTENANCE.
OCR Nationals in ICT (2010) : Unit 01 Using ICT in BusinessAO3 – Create a business presentation Pupil Name.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Title Subtitle. Statement #1 Delete this text box, and add a powerful image from your “Go Green” folder. Make the image fill the screen (and don’t place.
Search can be Your Best Friend You just Need to Know How to Talk to it IW 306 Ágnes Molnár.
Community Engagement Web Community Manger (WCM) - Schoolwires
Cataloging the Internet
WordPress Unit Web Coordinators
Presentation transcript:

Monash Web Workshop Facilitator: Dey Alexander Establishing a quality assurance process for your website

2 Why you need a quality assurance process We publish too many pages with errors We don’t pay enough attention to the quality of our web pages How much more attention is paid to the quality of printed brochures and document? Why is the quality of the latter always treated more seriously?

3 Some of the errors on our pages Content errors Broken links Markup errors Cross-browser compatibility problems Accessibility problems Broken scripts/SSIs

4 Example – content errors A page with no title, and no content! (See

5 Example – broken links Summary of link problems on the Monash A-Z index (see

6 Example – markup errors Markup errors on CSSE home page (see

7 Example – cross-browser compatibility problems This page displays OK in Netscape 4.79 but not in Mozilla 1.5 (see

8 Example – accessibility problems This page is not accessible to screenreaders or text browsers (see

9 Example – script/SSI problems An error in the path to the footer SSI (see

10 Establishing QA processes What processes are needed? –Content review process –Design process –Maintenance process Communication issues –Communicate processes to ALL people publishing to your website –Provide training and support so that processes are understood and used –Establish expectation/culture of accountability for quality of individual pages

11 QA for content development What should be included in this process? –Self-review –Peer-review –Content approval –Determine a maintenance cycle See Web Content Quality Assurance ProcedureWeb Content Quality Assurance Procedure

12 QA for new design/development What should be included in the process? –Markup validation –Link integrity check –Metadata check (title, keywords, description) –Content check (text, images, etc.) –Accessibility check –Check page size (key pages) –Cross-browser check –Screen resolution check –Script/SSI check See Web Design Quality Assurance ProcedureWeb Design Quality Assurance Procedure

13 QA for maintenance What should be included in the process? –Markup validation –Link integrity check –Check content changes –Accessibility check See Web Maintenance Quality Assurance ProcedureWeb Maintenance Quality Assurance Procedure

14 Questions? Reminder –Please add your name to attendance book –Please complete your feedback form