How to Create Top Ranking Searchable and Accessible Documents Chris Pollett and Elizabeth Tu April, 2010.

Slides:



Advertisements
Similar presentations
Chapter 3 – Web Design Tables & Page Layout
Advertisements

Chapter 3 Creating a Business Letter with a Letterhead and Table
Creating and Editing a Web Page Using Inline Styles
Microsoft Expression Web-Illustrated Unit C: Adding Text and Links.
COE201 – Computer Proficiency Mr. Hamze Msheik
 Steps how to design a web page using Microsoft Frontage Steps how to design a web page using Microsoft Frontage  Video related to the topic Video related.
Creating Accessible Word Documents by Debbie Lyn Jones, IT Manager I, NSU Webmaster FRIDAY, JANUARY 23, 2015.
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Chapter 3 Tables and Page Layout
Microsoft Excel 2010 Chapter 7
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Lab 3 Creating Reports and Tables.
Macromedia Dreamweaver MX 2004 Design Professional Tables WORKING WITH.
How to Create Accessible PowerPoint Presentations Elizabeth Tu and Thayer Watkins April, 2010.
IWebFolio Using a Template Tutorial Images in this tutorial:
Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.
Website Tutorial. Administration  Log on by clicking Login on the footer of almost any page  Your Username is.
Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.
Macromedia Dreamweaver CS4 Tutorial. Example of the website1 folder & images folder inside Create a folder on your computer called website1 to hold all.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.
Website Design CLA – Transportation. Defining a Site Select: Site – New - Site Click Next.
Dreamweaver CS4 Concepts and Techniques Chapter 7 Page Layout with Frames.
Half Moon Bay Townsite Website Page 1. Half Moon Bay Townsite Website Gathering site information If we did our own town as the subject for our website,
Web Technologies Website Development Trade & Industrial Education
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit F Creating Links and Navigation Bars.
XP New Perspectives on Microsoft Office FrontPage 2003 Tutorial 4 1 Microsoft Office FrontPage 2003 Tutorial 4 – Using Shared Borders and Themes.
WELCOME EF 105 Spring EF 105 Computer Methods in Engineering Problem Solving Week 2: FrontPage Introduction to Software Use to create Web Pages.
Intro to Dreamweaver Web Design Section 7-1 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course.
Website Development with Dreamweaver
Mozilla Suite 1.7 Web Browser and newsgroup client, IRC chat client, and HTML editing Download:
CIS 205—Web Design & Development Dreamweaver Chapter 5 Using HTML Tables to Lay Out a Page.
Creating Tables and Lists Lesson 9. Skills Matrix SKILL #MATRIX SKILL 4.2.1Create tables and lists 4.2.2Sort content 4.3.1Apply Quick Styles to tables.
Project 2 Adding Web Pages, Links, and Images Dreamweaver MX 2004 Concepts and Techniques.
Creating Links – Lesson 31 Creating Links Lesson 3.
Dreamweaver CS4 Concepts and Techniques Chapter 2 Adding Web Pages, Links, and Images.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
Moodle with Style Integrating new technologies to empower learning and transform leadership.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
Accessible Word and PDF documents
McGraw-Hill Career Education© 2008 by the McGraw-Hill Companies, Inc. All Rights Reserved. Office Word 2007 Lab 3 Creating Reports and Tables.
January 2006Colby College ITS Setting Up Course Pages.
Dreamweaver MX. 2 Tools for Code Editing (p. 366) n An HTML editor like Dreamweaver writes most of the code you need, but at times you will need to perform.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Creating and Editing a Web Page
Summary Slide Printing Handouts Animations Slide Transitions Animate text Hyperlinks Action Buttons Adding sound to your PowerPoint presentationAdding.
Web Site Development - Process of planning and creating a website.
Microsoft Office 2013 Try It! Chapter 4 Storing Data in Access.
Creating and Editing a Web Page Using Inline Styles
Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.
Building a Website: Layout Fall Overall Structure: Home Page Title Section Title Frame Picture UNCP Math Menu Content Footer Contact Information.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Chapter 7 Creating Templates, Importing Data, and Working with SmartArt, Images, and Screen Shots Microsoft Excel 2013.
Accessibility and Teaching Online Beth Case Program Manager for Digital, Emerging, and Assistive Technologies University of Louisville, Delphi Center.
Finally getting to html and CSS… Tim Berners-Lee, the writer of the software program that makes him the inventor of the WWW, defines the Internet as a.
With Microsoft FrontPage 2000
Intro to Dreamweaver Web Design Section 8-1
Chapter A - Getting Started with Dreamweaver MX 2004
Creating Links – Lesson 3
Creating Accessible PDFs from Word Docs
Cheat Sheet CSCI 100 JW Ryder
Cheat Sheet CSCI 100 JW Ryder
Accessible Slide Template
4.00 Apply procedures to add content by using Dreamweaver. (22%)
Accessible Slide Template
Presentation transcript:

How to Create Top Ranking Searchable and Accessible Documents Chris Pollett and Elizabeth Tu April, 2010

Agenda Part I  Tips in Making Top Ranking Searchable Pages  Tips in Making Accessible Documents  The LIST  What are the Common Elements? Part II  Instructions on Creating Accessible Documents  References 2 Center for Faculty Development and Support

Tips in Making Top Ranking Searchable Pages Elements in creating top ranking searchable pages:  Anchor Text  Provide relevant descriptions for the title of content page, non-text information such as, images, programs, databases, links, navigation map, etc.  Link Structure  Provide a variety of relevant external links pointing to your site, links with anchor text and pointing to a variety of different links 3 Center for Faculty Development and Support

Tips in Making Top Ranking Searchable Documents (continued)  Meta Tags  Provides meta html or xhtml elements to explain the page via keywords or other structured header elements so as the page will be grouped correctly  Keyword Frequency and Relevancy  Provides relevant and repeated keywords for your page to receive higher ranking or increase traffic 4 Center for Faculty Development and Support

Tips in Making Accessible Documents  Accessible documents  Digital documents which can be read by screen reader software for users with disabilities  The LIST -  To be considered as accessible documents, there are four elements:  Links  Images  Structure  Tables 5 Center for Faculty Development and Support

What are the Common Elements? For creating top ranking searchable pages  Anchor text, meta tags, keyword frequency and relevancy to increase traffic or top ranking by the search engine for your page For creating accessible documents  Consider any Links, Images, and Structure elements in your document. 6 Center for Faculty Development and Support

PART II INSTRUCTIONS ON CREATING ACCESSIBLE DOCUMENTS 7 Center for Faculty Development and Support

Links If there are any web links in your documents, make sure to include the following information  Provide a meaningful name for the website  Add the URL web address  Link the name of the website 8 Center for Faculty Development and Support

Links (continued) Instructions on how to create hyperlinks for your documents in MS Word 2007: 1. Highlight the name of the web site 2. On the Insert tab select Hyperlink from the Links group 9 Center for Faculty Development and Support

Links (continued) 3. In the Insert Hyperlink window, enter the URL in the Address box at the bottom. 4. Click OK. 10 Center for Faculty Development and Support

Links (continued) Here is a sample of the name of the website which has been hyperlinked and URL displayed. Note: The more relevant links you include in your document with anchor text and the more links pointing to your website, the more traffic you will have for your page. 11 Center for Faculty Development and Support

Links (continued) Why do I need to hyperlink the name of the website? A: Screen reader software such as, JAWS, can provide a list of hyperlinks for users with disabilities. It is more meaningful to read the name of the website than the long URL or click here. See a sample of the Links list generated by JAWS below. 12 Center for Faculty Development and Support

Images If there are images, graphics, figures or any non-text information in your document, make sure to include descriptive alternative texts or caption. 1.Right-click on the image and select Format Picture at the bottom. 13 Center for Faculty Development and Support

Images (continued) 2.In the Format Picture window, click the Alt Text tab. 3.Enter descriptive information in the Alternative text box. 4.Click OK. 14 Center for Faculty Development and Support

Structure Why is it important to have a structure for your document? A: Screen reader software can provide a listing of heading style for users with disabilities to navigate quickly to any parts of the document. See a sample of the Heading list generated by JAWS below. 15 Center for Faculty Development and Support

Structure Instructions on how to assign heading style in MS Word On Home tab, click on the More icon in the Styles group. 16 Center for Faculty Development and Support

Structure (continued) 2.In the More Style pop-up box select your desirable style such as, Heading 1, Heading 2, Heading 3, etc. 17 Center for Faculty Development and Support

Structure (continued) 3.Go to View tab and check the Document Map box in Show/Hide group. 4.A list of your assigned heading style will appear on the Document Map panel on the left. 18 Center for Faculty Development and Support

Structure (continued) 5.To change the style, right click the heading style and select Modify… 19 Center for Faculty Development and Support

Structure (continued) 6.A preview of the format and specification of your default heading style will be displayed. Any changes you make in the Modify Style window will be reflected throughout your entire document. 20 Center for Faculty Development and Support

Structure (continued) 7.Click on the Format button on the lower left corner and select Paragraph. 8.In the Paragraph window, use the Before and After boxes in the Spacing area to format the spacing between paragraphs instead of using the carriage returns. Note: Carriage returns will be read as “blank.” 21 Center for Faculty Development and Support

Table If you have any tabular information in your document, use Table instead of tab keys to organize it  Plan the sequence of your tabular information carefully. Screen reader reads the table from left to right, one cell at a time, and from the top row to the next.  Make sure to repeat header row when table expands to more than one page. 22 Center for Faculty Development and Support

Table (continued) Instructions on how to repeat header row in MS Word Select the header row. 2.Right click it and select Table Properties. 23 Center for Faculty Development and Support

Table (continued) 3.From Table Properties window click Row tab 4.Check the box next to Repeat as header row at the top of each page. 5.Click OK. 24 Center for Faculty Development and Support

Summary Reaching out to as many people as you can… 25 Center for Faculty Development and Support

References  Definition of Anchor Text at Text  The Anatomy of a Large-Scale Hypertextual Web Search Engine at The Anatomy of a Large-Scale Hypertextual Web Search Engine  Top 5 Ranking Factor at Top 5 Ranking Factor  Traffic Generation Tips at at-is-a-natural-link-structure/ Traffic Generation Tips  Thanks to Chris Pollett for introducing the elements in creating top-ranking searchable pages  Thanks to Jean Shiota for providing technical support 26 Center for Faculty Development and Support