Creating Accessible Web Sites with EPiServer
|
|
- Lynn Briggs
- 5 years ago
- Views:
Transcription
1 Creating Accessible Web Sites with EPiServer Abstract This white paper describes how EPiServer promotes the creation of accessible Web sites. Product version: 4.50 Document version: 1.0
2 2 Creating Accessible Web Sites with EPiServer Table of Contents INTRODUCTION 3 ACCESSIBILITY GUIDELINES 3 ACCESSIBILITY FEATURES OF THE EXAMPLE WEB SITE 3 ACCESSIBILITY FEATURES WHEN CREATING WEB CONTENT 4 FEATURES IN THE DHTML EDITOR... 4 FEATURES IN THE EDIT FORM DIALOG... 5 FEATURES IN THE MICROSOFT OFFICE ADD-IN... 6 The contents of this document are protected by copyright. Changes to the content or partial copying of the content may not be carried out without permission from ElektroPost Stockholm AB. The document may be freely distributed in its entirety, either digitally or in printed format, to all EPiServer users. EPiServer is a registered trademark of ElektroPost Stockholm AB. Other product and company names mentioned in this document may be the trademarks for their respective owners.
3 Introduction 3 Introduction A Web site is visited by all kinds of users, including those with disabilities. Ensuring the usability of a Web site therefore also includes ensuring accessibility for all users, including those that are dependent on special browsers or devices to use the Web site. The overall level of accessibility of an EPiServer Web site is influenced on one hand by the frameworks and template pages used for the site and on the other hand by the content entered by editors. Accessibility issues should, therefore, be taken into account both during the development phase of the site, and on an everyday basis by the Web editors updating the content. EPiServer initially comes with a set of sample templates, an example Web site. The sample templates can be used as a starting point for the actual Web site, modifying their design and functionality to suit the actual site. In doing this, accessibility guidelines should be applied to ensure that the resulting site is accessible. From this point it is up to the editors to create accessible content using the built-in features of EPiServer. Accessibility Guidelines The World Wide Web Consortium s (W3C) Web Accessibility Initiative (WAI) has elaborated recommendations and guidelines for how to build an accessible site as well as for how to make the content accessible. These recommendations can be found at These guidelines are the main accessibility guidelines when it comes to Web accessibility and are, therefore, the main guidelines used in the EPiServer development process. Accessibility Features of the Example Web Site The example Web site that is delivered with EPiServer, and includes the sample templates, has been developed with accessibility in mind, especially since it is often used as a starting point when developing a customer site. The accessibility features of the sample templates are: Resizable Increasing or decreasing the Web browser s text size makes the whole page larger or smaller. Separation of content and presentation Cascading style sheets (CSS) are used to avoid formatting directly in the code. This makes the site easier to browse when using an alternative browser or when the visitor has disabled styles in order to browse the page using the browser s default styles. Div structure instead of tables for page layout Tables are not used for pure layout reasons. This makes the site easier to browse when using an alternative browser. Keyboard shortcuts Fundamental functions of the site can be easily accessed by using keyboard shortcuts, which are important for users that rely on a keyboard or devices other than a pointing device. A keyboard shortcut is used by pressing the ALT key together with the access key. The following access keys are available in EPiServer s example site:
4 4 Creating Accessible Web Sites with EPiServer S Skip navigation and go directly to content 1 Start page 3 Site map 4 Search Built-in support for Phoneticom s ReadSpeaker A page s content can be listened to using the ReadSpeaker software. Note As previously explained, the sample templates are only used as a basis for developing a customer site. We cannot, therefore, guarantee that a customer site contains all of the accessibility features mentioned above. Please contact the partner that developed the specific site for information about the accessibility features of the site s templates. Technical Note The example Web site has been developed considering the WAI guidelines, which recommend following the current Web standards. The example site has, therefore, been developed considering the XHTML 1.1 and CSS 2.1 standards. Accessibility Features when Creating Web Content The intention of EPiServer is to help editors create accessible content. EPiServer's many built-in features will get editors a long way towards creating an accessible Web site. Features in the DHTML Editor There are many features for enhancing accessibility included in EPiServer s DHTML Editor and the tools used by the editor. The current features are listed below. Alternative Texts for Images When inserting an image, the editor can enter an alternative text describing the image for visitors that can't see the image. The editor can also choose not to enter a text, in case the image is purely used for decoration and does not have any meaning (e.g. dots or lines). Technical Note The entered text is used to set the alt attribute of the img element. If no text is entered, alt= is rendered. Link Titles When inserting a hyperlink, the editor can enter a link title describing the link. This might be important in case the link text itself isn t clear enough when read out of context, which might be the case in some non-visual browsers. Technical Note The entered text is included in the title attribute of the a element. Separation of Content and Presentation When formatting content, the editor can choose between a set of predefined styles instead of setting fonts, colors, etc. directly for a paragraph, heading or text. A predefined style can also be set for an image to avoid directly applying borders, alignment, etc. This makes the content easier to browse when using an alternative browser or when the visitor has disabled styles in order to browse the page using the browser s default styles. The possibility to set direct styles is also available in EPiServer for cases when the predefined styles are not enough. This can be disabled by the site administrator.
5 Accessibility Features when Creating Web Content 5 Technical Note The selected style is used to set the class attribute of the corresponding element, avoiding the use of font elements, border attributes, etc. Table Caption and Summary The editor can choose to enter a caption text and a summary text for a table. The caption text should describe the nature of the table and is displayed as a title on top of the table. The summary text should describe the purpose and structure of the table for visitors using non-visual browsers, and is not displayed in a visual browser. Technical Note The caption text is used inside the caption element. The summary text is used to set the summary attribute of the table element. Table Header and Data Cells The editor can choose to classify a table cell as a header cell. Otherwise it is considered to be a data cell by default. This makes it possible for browsers to distinguish between the two types and render them accordingly, for instance when styles are disabled in a visual browser or when using a non-visual browser. Technical Note A data cell is rendered as a td element and a header cell is rendered as a th element. Categorizing Table Cells The editor can choose to categorize a table cell in several ways so that a non-visual browser can present the contents of the table in an understandable way. The scope of a table header cell can be set in order to indicate if the header applies to a row or to a column. The axis of a cell can be set to indicate that the cell is part of a certain category. The headers of a cell can be set to indicate which cells are the headers for the cell. This is done by specifying the ID of the header cells, which requires that an ID has been set for the header cells. Technical Note The selected scope value, row or col, is used to set the scope attribute of the th element. The entered axis value is used to set the axis attribute of a th or td element. The entered headers value is used to set the headers attribute of a td element. The entered ID is used to set the id attribute of a th or td element. Relative Size for Images, Tables and Table Cells The editor can choose to set a relative width and/or height, in percent, for an image, a table or a table cell instead of pixel dimensions. This makes resizing easier, changing the text size of the browser, since the image, table or table cell is then adapted to the surrounding element that might be resized if the page template has been designed accordingly. Technical Note A relative width or height for a table is used to set the width or height attribute of the table, td or th element. A relative width or height for an image is used to set the width or height property of the style attribute of the img element. Features in the Edit Form Dialog There are specific accessibility issues that are important when creating a form. With this in mind, the Edit Form dialog of EPiServer has the following accessibility features. Labeling Form Elements The editor can choose to specify a header text that will be used as a label for a form field, both displaying it as a text next to the field and permitting non-visual browsers to associate the label with its field. Technical Note The entered text is used inside the label element. The for attribute of the label element is set to the value of the id attribute of the corresponding form field element.
6 6 Creating Accessible Web Sites with EPiServer Form Element Titles The editor can choose to specify a ToolTip text that will be used as a title for a form field. This ToolTip is often displayed in visual browsers (depending on the type of field and the browser), and provides non-visual browsers with a description of the field. Technical Note The entered text is included in the title attribute of the form field element. Features in the Microsoft Office Add-In The Office add-in permits the editor to publish Microsoft Office documents to EPiServer directly from Word, Excel or PowerPoint. The content and formatting of the Office documents cannot be controlled by EPiServer while still in the Office program, but the editor has several ways of ensuring accessibility in the final EPiServer content. Alternative Texts for Images When inserting an image in an Office document, the editor can enter an alternative text describing the image for visitors that can't see the image. This is made by right-clicking the image and selecting Format Picture, and then filling in the text box on the Web tab. Technical Note The entered text is used to set the alt attribute of the img element, and this information is preserved when transferred to EPiServer. Link Titles When inserting a hyperlink, the editor can enter a link title describing the link. This might be important in case the link text itself isn t clear enough when read out of context, which might be the case in some non-visual browsers. Technical Note The entered text is included in the title attribute of the a element, and this information is preserved when transferred to EPiServer. Separation of Content and Presentation When formatting content in an Office document, the editor can choose to use the predefined formatting styles instead of setting fonts, colors, etc. directly for headings and body text. An Office document using the formatting styles Normal, Heading 1, Heading 2 and Heading 3 will transfer into an EPiServer page with the corresponding styles for the Web site. This ensures accessibility for the content as well as applying the Web look for all pages, regardless of whether they are created in EPiServer or in Office. Technical Note The selected Office heading styles Heading 1, Heading 2 and Heading 3 are transformed into h1, h2 and h3 elements when transferred to EPiServer. Adjustable Level of Filtering In order to ensure a higher level of accessibility, Web site administrators can choose to use a strict filter for the conversion of documents from Office to EPiServer. This will remove code that does not apply to current Web standards and that might cause accessibility problems. However, using a strict filter will also mean that a great part of the original formatting is lost, possibly making the EPiServer page rather different from the original. It is also possible to use a more tolerant filter for the conversion. More of the original formatting is preserved in this way, but it may cause accessibility problems. Technical Note The level of the filter determines the elements and attributes that are permitted/prohibited, and will affect the content of the EPiServer version of the Office document. EPiServer's strict and tolerant filters can be modified or replaced by custom filters.
Accessible Web Sites and EPiServer
Accessible Web Sites and EPiServer How implementation of accessible Web sites can increase equal access and opportunities for everyone using the Web. WHITE PAPER WHAT IS ACCESSIBILITY? Accessibility affects
More informationAccessibility of EPiServer s Sample Templates
Accessibility of EPiServer s Templates An evaluation of the accessibility of EPiServer s sample according to current recommendations and guidelines elaborated by the World Wide Web Consortium s (W3C) Web
More informationMicrosoft Office Integration
Microsoft Office Integration Product version: 4.60 Document version: 1.0 Document creation date: 23-03-2006 Purpose This technical note describes the functionality of the Microsoft Office integration with
More informationEPiServer s Compliance to WCAG and ATAG
EPiServer s Compliance to WCAG and ATAG An evaluation of EPiServer s compliance to the current WCAG and ATAG guidelines elaborated by the World Wide Web Consortium s (W3C) Web Accessibility Initiative
More informationPage Layout Using Tables
This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,
More informationDreamweaver: Accessible Web Sites
Dreamweaver: Accessible Web Sites Introduction Adobe Macromedia Dreamweaver 8 provides the most complete set of tools available for building accessible web sites. This workshop will cover many of them.
More informationUsing Adobe Contribute 4 A guide for new website authors
Using Adobe Contribute 4 A guide for new website authors Adobe Contribute allows you to easily update websites without any knowledge of HTML. This handout will provide an introduction to Adobe Contribute
More informationDreamweaver CS3 Concepts and Techniques
Dreamweaver CS3 Concepts and Techniques Chapter 3 Tables and Page Layout Part 1 Other pages will be inserted in the website Hierarchical structure shown in page DW206 Chapter 3: Tables and Page Layout
More informationRich Text Editor Quick Reference
Rich Text Editor Quick Reference Introduction Using the rich text editor is similar to using a word processing application such as Microsoft Word. After data is typed into the editing area it can be formatted
More informationContent Mirroring in EPiServer
Content Mirroring in EPiServer Abstract From EPiServer 4.50 it is possible to define a selection of pages that can be mirrored to, for example, another system. This white paper describes the functionality
More information[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6
[AVWSQ-ADWCS6]: WSQ ICDL Adobe Dreamweaver CS6 Length : 2 Days Audience(s) : New or existing users Level : 3 Technology : Adobe Dreamweaver CS6 program Delivery Method : Instructor-Led (Classroom) Course
More informationUNIVERSITY OF NORTH CAROLINA WILMINGTON
Department: Contact Person: Date: Email: Online - Web & Course Accessibility Checklist Text, presentation & content Text equivalent is provided for every non-text element (i.e., image) (Solution: add an
More informationIntegrating with EPiServer
Integrating with EPiServer Abstract EPiServer is an excellent tool when integration with existing systems within an organization is a requirement. This document outlines the Web services that are shipped
More informationBlackboard staff how to guide Accessible Course Design
The purpose of this guide is to help online course authors in creating accessible content using the Blackboard page editor. The advice is based primarily on W3C s Web Content Accessibility Guidelines 1.0
More informationHow to lay out a web page with CSS
How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS3 to create a simple page layout. However, a more powerful technique is to use Cascading Style Sheets (CSS).
More informationPRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA
PRESENCE RadEditor Guide SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA 95066 800-920-3897 www.schoolmessenger.com Contents Contents... 2 Introduction... 3 What is RadEditor?... 3 RadEditor
More informationEPiServer CMS. Editor User Guide update 15-1
EPiServer CMS Editor User Guide update 15-1 EPiServer CMS Editor User Guide update 15-1 Table of Contents 3 Table of contents Table of contents 3 Introduction 5 Features, licenses and releases 5 Web-based
More informationDesign your source document with accessibility in mind. Do NOT use character formatting for headings, use the program s styles.
Contents 2 Create an Accessible Microsoft Word Document 2 Use Styles 3 Columns 5 Lists 6 Tables 7 Links 7 Add Alternative Text 9 Microsoft Word 2010 Accessibility Checker Adobe Acrobat X Creating Accessible
More informationEpiserver CMS. Editor User Guide
Episerver CMS Editor User Guide Episerver CMS Editor User Guide update 15-5 Table of Contents 3 Table of contents Table of contents 3 Introduction 11 Features, licenses and releases 11 Online user guide
More informationDreamweaver Tutorial #2
Dreamweaver Tutorial #2 My web page II In this tutorial you will learn: how to use more advanced features for your web pages in Dreamweaver what Cascading Style Sheets (CSS) are and how to use these in
More informationCSS MOCK TEST CSS MOCK TEST III
http://www.tutorialspoint.com CSS MOCK TEST Copyright tutorialspoint.com This section presents you various set of Mock Tests related to CSS. You can download these sample mock tests at your local machine
More informationDeveloping with XForms
Developing with XForms Product version: 4.60 Document version: 1.0 Document creation date: 29-03-2006 Purpose EPiServer XForms contains logic to store and present forms and data posted from forms. Together
More informationWord Creating & Using Tables. IT Training & Development (818) Information Technology
Information Technology Word 2007 User Guide Word 2007 Creating & Using Tables IT Training & Development (818) 677-1700 training@csun.edu www.csun.edu/it/training Table of Contents Introduction... 1 Anatomy
More informationCreating accessible forms
Creating accessible forms Introduction Creating an accessible form can seem tricky. Some of the questions people commonly ask include: Can I use protected forms? How do I lay out my prompts and questions?
More informationIndependence Community College Independence, Kansas
Independence Community College Independence, Kansas C O N T E N T S Unit 1: Creating, Modifying, and Enhancing FrontPage Webs and Pages 1 Chapter 1 Investigating FrontPage 2002 3 Exploring World Wide Web
More informationEpiserver CMS. Editor User Guide
Episerver CMS Editor User Guide Episerver CMS Editor User Guide 17-2 Release date 2017-03-13 Table of Contents 3 Table of contents Table of contents 3 Introduction 11 Features, licenses and releases 11
More information1 Introduction Working with Folders Working with Images and Files Creating a Banner Image... 39
Inn Websitee User Manual Produced by the Umbraco Community Umbraco v4 [9. 16.13] Contents 1 Introduction... 3 1.1 American Inns of Court Inn Websites... 3 1.2 Introduction to Umbraco... 3 2 Getting Started
More informationEpiserver CMS. Editor User Guide
Episerver CMS Editor User Guide Episerver CMS Editor User Guide update 16-1 Table of Contents 1 Table of contents Table of contents 1 Introduction 8 Features, licenses and releases 8 Copyright notice 9
More information1. What tool do you use to check which cells are referenced in formulas that are assigned to the active cell?
Q75-100 1. What tool do you use to check which cells are referenced in formulas that are assigned to the active cell? A. Reference Finder B. Range Finder C. Reference Checker D. Address Finder B. Range
More informationITEC447 Web Projects CHAPTER 9 FORMS 1
ITEC447 Web Projects CHAPTER 9 FORMS 1 Getting Interactive with Forms The last few years have seen the emergence of the interactive web or Web 2.0, as people like to call it. The interactive web is an
More informationUnit 8. Lesson 8.1. Microsoft FrontPage. Introduction. Microsoft FrontPage-1. Microsoft FrontPage
Microsoft FrontPage Unit 8 Microsoft FrontPage Introduction Lesson 8.1 Microsoft FrontPage-1 A number of Software Packages are available in market for creating a website. Among popular software s are Dreamweaver,
More informationDeccansoft Software Services
Deccansoft Software Services (A Microsoft Learning Partner) HTML and CSS COURSE SYLLABUS Module 1: Web Programming Introduction In this module you will learn basic introduction to web development. Module
More informationGetting Started with CSS Sculptor 3
Getting Started with CSS Sculptor 3 With CSS Sculptor, you can quickly create a cross-browser compatible layout with custom widths, margins, padding, background images and more. Additionally, you can use
More informationEpiserver CMS. Editor User Guide
Episerver CMS Editor User Guide Episerver CMS Editor User Guide 17-6 Release date 2017-12-04 Table of Contents 3 Table of contents Table of contents 3 Introduction 11 Features, licenses and releases 11
More informationWeb Accessibility Checklist
Web Accessibility Checklist = Web Content Accessibility Guidelines published by the World Wide Web Consortium (W3C) 508 = Section 508 of the Rehabilitation Act = Both CATE and Moodle take care of the rule
More informationDETAILED SYLLABUS 1. INTRODUCTION TO COMPUTER
DETAILED SYLLABUS 1. INTRODUCTION TO COMPUTER 1.0 Introduction 1.1 Objectives 1.2 What is Computer? 1.2.1 History of Computers 1.2.2 Characteristics Of Computer System 1.2.3 Basic Applications of Computer
More informationHow to set up a local root folder and site structure
Activity 2.1 guide How to set up a local root folder and site structure The first thing to do when creating a new website with Adobe Dreamweaver CS3 is to define a site and identify a root folder where
More informationCOMSC-030 Web Site Development- Part 1. Part-Time Instructor: Joenil Mistal
COMSC-030 Web Site Development- Part 1 Part-Time Instructor: Joenil Mistal Chapter 9 9 Working with Tables Are you looking for a method to organize data on a page? Need a way to control our page layout?
More informationFCKEditor v1.0 Basic Formatting Create Links Insert Tables
FCKEditor v1.0 This document goes over the functionality and features of FCKEditor. This editor allows you to easily create XHTML compliant code for your web pages in Site Builder Toolkit v2.3 and higher.
More informationChapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21
Table of Contents Chapter 1 Getting Started with HTML 5 1 Introduction to HTML 5... 2 New API... 2 New Structure... 3 New Markup Elements and Attributes... 3 New Form Elements and Attributes... 4 Geolocation...
More informationFormatting a Report with Word 2010
Formatting a Report with Word 2010 The basics Although you can use Word to do a great many formatting tasks, here we will concentrate on the basic requirements for good presentation of a report. These
More informationMicrosoft Expression Web Quickstart Guide
Microsoft Expression Web Quickstart Guide MS-Expression Web Quickstart Guide Page 1 of 24 Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program,
More informationExcel Select a template category in the Office.com Templates section. 5. Click the Download button.
Microsoft QUICK Excel 2010 Source Getting Started The Excel Window u v w z Creating a New Blank Workbook 2. Select New in the left pane. 3. Select the Blank workbook template in the Available Templates
More informationHTML and CSS COURSE SYLLABUS
HTML and CSS COURSE SYLLABUS Overview: HTML and CSS go hand in hand for developing flexible, attractively and user friendly websites. HTML (Hyper Text Markup Language) is used to show content on the page
More informationTable Basics. The structure of an table
TABLE -FRAMESET Table Basics A table is a grid of rows and columns that intersect to form cells. Two different types of cells exist: Table cell that contains data, is created with the A cell that
More informationAdobe Dreamweaver CS4
Adobe Dreamweaver CS4 About Dreamweaver Whether creating simple blog pages complex web sites, Dreamweaver provides users with a powerful set of web-design tools necessary f the task. Its userfriendly interface
More informationStatus Bar: Right click on the Status Bar to add or remove features.
Excel 2013 Quick Start Guide The Excel Window File Tab: Click to access actions like Print, Save As, etc. Also to set Excel options. Ribbon: Logically organizes actions onto Tabs, Groups, and Buttons to
More informationWebsite Development with HTML5, CSS and Bootstrap
Contact Us 978.250.4983 Website Development with HTML5, CSS and Bootstrap Duration: 28 hours Prerequisites: Basic personal computer skills and basic Internet knowledge. Course Description: This hands on
More informationProject 1: Creating a Web Site from Scratch. Skills and Tools: Use Expression Web tools to create a Web site
E00EW3.qxp 4/14/2007 3:17 PM Page 1 Workshops w Introduction The Workshop is all about being creative and thinking outside of the box. These workshops will help your right-brain soar, while making your
More informationWorking with Tables in Word 2010
Working with Tables in Word 2010 Table of Contents INSERT OR CREATE A TABLE... 2 USE TABLE TEMPLATES (QUICK TABLES)... 2 USE THE TABLE MENU... 2 USE THE INSERT TABLE COMMAND... 2 KNOW YOUR AUTOFIT OPTIONS...
More informationUSER GUIDE MADCAP FLARE Accessibility
USER GUIDE MADCAP FLARE 2018 Accessibility Copyright 2018 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this document
More informationFinal Exam Study Guide
Final Exam Study Guide 1. What does HTML stand for? 2. Which file extension is used with standard web pages? a..doc b..xhtml c..txt d..html 3. Which is not part of an XHTML element? a. Anchor b. Start
More informationInsert/Edit Image. Overview
Overview The tool is available on the default toolbar for the WYSIWYG Editor. The Images Gadget may also be used to drop an image on a page and will automatically spawn the Insert/Edit Image modal. Classic
More informationInformation Systems Center. FrontPage 2003 Reference Guide for COMM 321 & 421
Information Systems Center FrontPage 2003 Reference Guide for COMM 321 & 421 September 2008 Table of Contents Portfolio Web Sites & Web Pages... 1 Open Your Portfolio Web Site in FrontPage for Editing...
More informationUniversity of Wyoming. Web Accessibility Guidelines
1 Web Accessibility Guidelines 2 TABLE OF CONTENTS Alternative Text... 3 Title Attributes... 4 Heading 1... 5 Sub Heading... 6 Text in Images... 7 Iframe Objects... 8 Embed Objects... 9 Use of Lists...
More informationDreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production
Dreamweaver CS 5.5 Creating Web Pages with a Template University Information Technology Services Training, Outreach, Learning Technologies, and Video Production Copyright 2012 KSU Department of Information
More informationB.E. Publishing Correlations to The Office Specialist.com, 2E to Microsoft Office Specialist Word 2016 Core (77-725)
Correlations to The Office Specialist.com, 2E to Microsoft Office Specialist Word 2016 Core (77-725) B.E. Publishing Correlations to The Office Specialist.com, 2E to Microsoft Office Specialist Word 2016
More informationUsing Sitecore 5.3.1
Using Sitecore 5.3.1 An End-User s Guide to Using and Administrating Sitecore Author: Sitecore Corporation Date: December 12, 2007 Release: Rev. 1.0 Language: English Sitecore is a registered trademark.
More informationChapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10
CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties
More informationCenter for Faculty Development and Support Making Documents Accessible
Center for Faculty Development and Support Making Documents Accessible in Word 2007 Tutorial CONTENTS Create a New Document and Set Up a Document Map... 3 Apply Styles... 4 Modify Styles... 5 Use Table
More informationEpiserver CMS. Editor User Guide
Episerver CMS Editor User Guide Episerver CMS Editor User Guide 18-2 Release date 2018-03-19 Table of Contents 3 Table of contents Table of contents 3 Introduction 8 Features, licenses and releases 8 Copyright
More informationWorking with Multiple Languages in EPiServer
Working with Multiple Languages in EPiServer Product version: 4.60 Document version: 1.1 Document creation date: 04-04-2006 Purpose EPiServer's support for multilingual Web sites (multi-language) has been
More informationProduct Accessibility Conformance Report
Product Accessibility Conformance Report Name of Product / Version Number: Contact for more information: Gillian Neff / gillian.neff @clarivate.com Clarivate Analytics remains dedicated to developing software
More informationStarting Excel application
MICROSOFT EXCEL 1 2 Microsoft Excel: is a special office program used to apply mathematical operations according to reading a cell automatically, just click on it. It is called electronic tables Starting
More informationMS Word 2013 Accessibility Fundamentals
MS Word 2013 Accessibility Fundamentals Adapted with permission from ACCESSIBILITY FUNDAMENTALS FOR MICROSOFT OFFICE 2013, New Horizons Computer Learning Centers, 2014 INTRODUCTION Accessibility is the
More informationThe Text Editor appears in many locations throughout Blackboard Learn and is used to format text. For example, you can use it to:
About the Text Editor The Text Editor appears in many locations throughout Blackboard Learn and is used to format text. For example, you can use it to: Add items to Content Areas, Learning Modules, Lesson
More informationNauticom NetEditor: A How-to Guide
Nauticom NetEditor: A How-to Guide Table of Contents 1. Getting Started 2. The Editor Full Screen Preview Search Check Spelling Clipboard: Cut, Copy, and Paste Undo / Redo Foreground Color Background Color
More informationBeginners Guide to Snippet Master PRO
Beginners Guide to Snippet Master PRO This document assumes that Snippet Master has been installed on your site. If not please contact the Bakas IT web team at webreg@bakasit.com.au. Initial Login Screen...
More informationChapter 5 Making Life Easier with Templates and Styles
Chapter 5: Making Life Easier with Templates and Styles 53 Chapter 5 Making Life Easier with Templates and Styles For most users, uniformity within and across documents is important. OpenOffice.org supports
More informationPowerPoint Introduction. Video: Slide Basics. Understanding slides and slide layouts. Slide Basics
PowerPoint 2013 Slide Basics Introduction PowerPoint presentations are made up of a series of slides. Slides contain the information you will present to your audience. This might include text, pictures,
More informationBasic Computer Course
Basic Computer Course KNOWING COMPUTER: - 3. What is Computer? Basic Applications of Computer 4. Components of Computer System Central Processing Unit Keyboard, mouse and VDU Other Input devices Other
More informationNew Perspectives on Microsoft Excel Module 1: Getting Started with Excel
New Perspectives on Microsoft Excel 2016 Module 1: Getting Started with Excel 1 Objectives, Part 1 Open and close a workbook Navigate through a workbook and worksheet Select cells and ranges Plan and create
More informationWeb Manager 2.0 User s Manual Table of Contents
Web Manager 2.0 User s Manual Table of Contents Table of Contents... 1 Web Manager 2.0 Introduction... 2 Rights and Permissions... 2 User Access Levels... 2 Normal Access... 2 Publisher Access... 2 WM2
More informationSolo 4.6 Release Notes
June9, 2017 (Updated to include Solo 4.6.4 changes) Solo 4.6 Release Notes This release contains a number of new features, as well as enhancements to the user interface and overall performance. Together
More informationCreate a Contact Sheet of Your Images Design a Picture Package Customize Your Picture Package Layout Resample Your Image...
72 71 Create a Contact Sheet of Your Images................... 158 Design a Picture Package............ 160 73 Customize Your Picture Package Layout.... 162 74 Resample Your Image.................... 164
More informationSWsoft SiteBuilder 3.1 for Windows
SWsoft, Inc. SWsoft SiteBuilder 3.1 for Windows User's Guide (c) 1999-2006 ISBN: N/A SWsoft, Inc. 13755 Sunrise Valley Drive Suite 325 Herndon VA 20171 USA Phone: +1 (703) 815 5670 Fax: +1 (703) 815 5675
More informationSeven Steps to Creating an Accessible PowerPoint Slideshow
Seven Steps to Creating an Accessible PowerPoint Slideshow Disability Access Services i About Disability Access Services Centralized Resource and Information on Disability Access Disability Access Services
More informationCreating Web Pages with SeaMonkey Composer
1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it
More informationHow to Edit Your Website
How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing
More informationCA Productivity Accelerator 12.1 and Later
CA Productivity Accelerator 12.1 and Later Localize Content Localize Content Once you have created content in one language, you might want to translate it into one or more different languages. The Developer
More informationCreating Accessible Microsoft Word 2003 Documents Table of Contents
Table of Contents Creating Accessible Microsoft Word Documents...1 Introduction...2 Templates...2 Default Settings...2 Set the Language...2 Change Default Settings...2 To change the default Font:...2 To
More informationADOBE Dreamweaver CS3 Basics
ADOBE Dreamweaver CS3 Basics IT Center Training Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu This page intentionally left blank 2 8/16/2011 Contents Before you start with Dreamweaver....
More informationBootstrap All-in-One
Solving big problems is easier than solving little problems. Sergey Brin Bootstrap All-in-One A Quick Introduction to Managing Content in Cascade Alex King, Jay Whaley 4/28/17 Bootstrap Docs Facilities
More informationUsing Dreamweaver To Edit the Campus Template Version MX
Using Dreamweaver To Edit the Campus Template Version MX Tennessee Tech University Clement Hall 215 Dreamweaver is an HTML (Hypertext Markup Language) editor that allows you to create HTML pages. This
More informationSet & Forget Marketing
Set & Forget Marketing POS Sites User Guide A Product Of Table of Contents Introduction... 1 Before you Begin.... 2 1. Decide on the look and feel of your Marketing E-mails... 2 2. Getting your Logo in
More informationMS Word 2010 Accessibility Fundamentals
MS Word 2010 Accessibility Fundamentals Adapted with permission from Accessibility Fundamentals for Microsoft Office 2013, New Horizons Computer Learning Centers, 2014 INTRODUCTION Accessibility is the
More informationMarketplace Simulations Accessibility Conformance Report Based on Voluntary Product Accessibility Template (VPAT ) 1
Marketplace Simulations Accessibility Conformance Report Based on Voluntary Product Accessibility Template (VPAT ) 1 Name of Product: Marketplace Simulations Date: September 20, 2017 Contact information:
More informationFrontPage 2000 Tutorial -- Advanced
FrontPage 2000 Tutorial -- Advanced Shared Borders Shared Borders are parts of the web page that share content with the other pages in the web. They are located at the top, bottom, left side, or right
More informationVirto SharePoint Forms Designer for Office 365. Installation and User Guide
Virto SharePoint Forms Designer for Office 365 Installation and User Guide 2 Table of Contents KEY FEATURES... 3 SYSTEM REQUIREMENTS... 3 INSTALLING VIRTO SHAREPOINT FORMS FOR OFFICE 365...3 LICENSE ACTIVATION...4
More informationc122sep2214.notebook September 22, 2014
This is using the border attribute next we will look at doing the same thing with CSS. 1 Validating the page we just saw. 2 This is a warning that recommends I use CSS. 3 This caused a warning. 4 Now I
More informationHtml basics Course Outline
Html basics Course Outline Description Learn the essential skills you will need to create your web pages with HTML. Topics include: adding text any hyperlinks, images and backgrounds, lists, tables, and
More informationQuark XML Author October 2017 Update with Business Documents
Quark XML Author 05 - October 07 Update with Business Documents Contents Getting started... About Quark XML Author... Working with documents... Basic document features... What is a business document...
More informationC1 CMS User Guide Orckestra, Europe Nygårdsvej 16 DK-2100 Copenhagen Phone
2017-02-13 Orckestra, Europe Nygårdsvej 16 DK-2100 Copenhagen Phone +45 3915 7600 www.orckestra.com Content 1 INTRODUCTION... 4 1.1 Page-based systems versus item-based systems 4 1.2 Browser support 5
More informationUsing Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links
Using Dreamweaver CC 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationEPiServer CMS. Editor User Guide update 14-1
EPiServer CMS Editor User Guide update 14-1 EPiServer CMS Editor User Guide update 14-1 Table of Contents 3 Table of contents Table of contents 3 Introduction 5 Features, licenses and releases 5 User guide
More informationCreating Tables in a Web Site Using an External Style Sheet
HTML 4 Creating Tables in a Web Site Using an External Style Sheet Objectives You will have mastered the material in this chapter when you can: Define table elements Describe the steps used to plan, design,
More informationThe Dreamweaver Interface
The Dreamweaver Interface Let s take a moment to discuss the different areas of the Dreamweaver screen. The Document Window The Document Window shows you the current document. This is where you are going
More informationDazzle the Web with Dynamic Dreamweaver, Part II
Dazzle the Web with Dynamic Dreamweaver, Part II In the second Dreamweaver workshop we will learn the following skills: 1. Adding hyperlinks to our home page 2. Adding images to our home page 3. Creating
More information6. In the last Import Wizard dialog box, click Finish. Saving Excel Data in CSV File Format
PROCEDURES LESSON 39: WKING WITH FILE FMATS Using the Compatibility Checker 2 Click Info 3 Click Check for Issues 4 Click Check Compatibility 5 Review the issues and click OK Importing a File 1 Click the
More informationStyles, Style Sheets, the Box Model and Liquid Layout
Styles, Style Sheets, the Box Model and Liquid Layout This session will guide you through examples of how styles and Cascading Style Sheets (CSS) may be used in your Web pages to simplify maintenance of
More information