The Text Editor appears in many locations throughout Blackboard Learn and is used to format text. For example, you can use it to:

Similar documents
This type of content can be added to any content area (such as Subject Materials) or a Learning Module.

EDITOR GUIDE. Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9

WYSIWYG Editor: Users Manual

The content editor has two view modes: simple mode and advanced mode. Change the view in the upper-right corner of the content editor.

Nauticom NetEditor: A How-to Guide

TinyMCE Users Guide. This user manual will show you all the basics of the TinyMCE editor.

DREAMWEAVER QUICK START TABLE OF CONTENT

HTML, XHTML, and CSS. Sixth Edition. Chapter 1. Introduction to HTML, XHTML, and

WEB APPLICATION DEVELOPMENT. How the Web Works

Best Practices for Using the Rich Text Editor

Creating Content in a Course Area

Chapter 1 Getting Started with HTML 5 1. Chapter 2 Introduction to New Elements in HTML 5 21

Best Practices for Using the Rich Text Editor

Dreamweaver CS 5.5. University Information Technology Services. Training, Outreach, Learning Technologies, and Video Production

Adding Items to the Course Menu

U of S Course Tools. Course Tools Basics and Building Content For Instructors

Insert/Edit Image. Overview

CMS Training. Web Address for Training Common Tasks in the CMS Guide

Reading and Posting to Wikis in Blackboard

Using the Text Editor Tutorial

Do It Yourself Website Editing Training Guide

Blackboard staff how to guide Accessible Course Design

ADOBE Dreamweaver CS3 Basics

SoftChalk 10. Level 1. University Information Technology Services. Learning Technologies, Training, Audiovisual, and Outreach

Creating Web Pages with a Template

Adobe Dreamweaver CS5/6: Learning the Tools

How to Use Moodle's Text Editor

Page Content. Inserting Text To add text to your document, you can type the text directly or use Cut or Copy and Paste or Paste Special.

Using the WYSIWYG HTML editor

FirmSite Control. Tutorial

Save Forum Messages will be sent and Pages will be completed by pressing this Save button.

News Ticker. User Guide

1 Ctrl + X Cut the selected item. 2 Ctrl + C (or Ctrl + Insert) Copy the selected item. 3 Ctrl + V (or Shift + Insert) Paste the selected item

FrontPage 2000 Tutorial -- Advanced

FCKEditor v1.0 Basic Formatting Create Links Insert Tables

icc.edu/library Films on Demand Guide for Faculty and Staff

C1 CMS User Guide Orckestra, Europe Nygårdsvej 16 DK-2100 Copenhagen Phone

University of Pittsburgh Communications Services. Basic Training Manual Drupal 7

Attributes & Images 1 Create a new webpage

BHM Website Teacher User Guide

A network is a group of two or more computers that are connected to share resources and information.

Using Dreamweaver To Edit the Campus Template Version MX

OU EDUCATE TRAINING MANUAL

User Guide. Chapter 6. Teacher Pages

Introduction to FrontPage 2002

Dreamweaver MX Overview. Maintaining a Web Site

Step 1 Download and Install KompoZer Step by step instructions to build your first web page using KompoZer web editor.

Embedding SoftChalk In Blackboard. SoftChalk Create 9

APPENDIX THE TOOLBAR. File Functions

Lava New Media s CMS. Documentation Page 1

Start by launching Mozilla To start making a web page, go to File -> New -> Composer Page

Chapter 1 Introduction to HTML, XHTML, and CSS

Creating Web Pages with SeaMonkey Composer

Layout Manager - Toolbar Reference Guide

Web Authoring Guide. Last updated 22 February Contents

PRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA

Blackboard 1: Building a Course Site

Introduction Add Item Add Folder Add External Link Add Course Link Add Test Add Selection Text Editing...

Understanding the Web Design Environment. Principles of Web Design, Third Edition

The Text scrap sheet is also needed for copying image and webpage URLs for easy access. Additionally you will use it to look at HTML when needed.

Submitting Assignments

Web Content. Overview. Web Content Mini WYSIWYG Editor

TEACHER PAGES USER MANUAL CHAPTER 6 SHARPSCHOOL. For more information, please visit: Chapter 6 Teacher Pages

Objective % Select and utilize tools to design and develop websites.

Managing Your Schoolwires Web Site

ADOBE DREAMWEAVER CS4 BASICS

Lesson 5 Introduction to Cascading Style Sheets

User s guide to using the ForeTees TinyMCE online editor. Getting started with TinyMCE and basic things you need to know!

Netscape Composer Tutorial

Computer Shortcuts. Files menu options in current program. Edits options in current program Universal Help in almost every Windows program.

In so many ways summary

Instructor User Guide Table Of Contents

Table of Contents. Overview... 4 Advanced Content Items... 4 Accessibility... 4 iframe Textpoppers Math Characters and Equations...

Adobe Dreamweaver CS5 Tutorial

CREATING ANNOUNCEMENTS. A guide to submitting announcements in the UAFS Content Management System

Schoolwires Editor Best Practices. Schoolwires Centricity2

VoiceThread Frequently Asked Questions

Unit 5 Web Publishing Systems Page 1 of 13 Part 4 HTML Part 4

Using Adobe Contribute 4 A guide for new website authors

Section Editor Quick Start. Schoolwires Academic Portal Version 4.0

Creating Web Pages with Mozilla s Composer and Uploading Files with CuteFTP

Blackboard 1: Course Sites

FrontPage 98 Quick Guide. Copyright 2000 Peter Pappas. edteck press All rights reserved.

Zeppelin Website Content Manager User Manual

Beginners Guide to Snippet Master PRO

HTML. Mohammed Alhessi M.Sc. Geomatics Engineering. Internet GIS Technologies كلية اآلداب - قسم الجغرافيا نظم المعلومات الجغرافية

Rich Text Editor Quick Reference

Microsoft Word Training

Changing Worksheet Views

Dreamweaver Basics Outline

Website Management with the CMS

Joomla! Frontend Editing

The SBCC Web Publishing Process The process of creating new web pages or editing existing pages within the OmniUpdate system is straightforward.

HTML. Hypertext Markup Language. Code used to create web pages

page 1 OU Campus User Guide

Requirements Document

Blackboard Community System User Manual

How to set up a local root folder and site structure

9 Tables Part I. Session 45: Creating Tables Session 46: Modifying the Layout of Tables Session 47: Formatting the Design of Tables. Unit.

Step 1: Add New Tooltip Module

Transcription:

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 Plans, and folders Create Announcements, Assignments, discussion messages, and test questions You can use the Text Editor to: Format text and paragraphs Create and format tables Insert hyperlinks, images, and horizontal lines Add links to document files Insert multimedia files Compatible Browsers For Windows operating systems: Internet Explorer 7.0 and 8.0 Mozilla Firefox 2.0 and 3.0 For Macintosh operating systems: Mozilla Firefox 2.0 and 3.0 Safari 3.0 Safari 2.0 (supports Text Editor Lite) 2009 Blackboard Inc. Page 1 of 12 Using the Text Editor

In the following example, a content item was created using the Text Editor. The letters indicate the function used to create each item. Detailed instructions are provided in the following pages. Take Note A Embedded image B Color in the heading C Table D Links to URLs E Link to a document 2009 Blackboard Inc. Page 2 of 12 Using the Text Editor

Text Editor Functions The Text Editor interface is similar to a word processor and allows you to perform basic HTML functions without any knowledge of HTML. The Text Editor has three collapsible rows of buttons: The first row contains functions for formatting text, similar to functions in a word processor. The second row contains functions for working with text already typed in the text box, such as spell checking, cutting and pasting, undoing the last action, and markup validation. The third row contains functions for attaching documents, images, and media files. This row only appears in selected areas within Blackboard Learn. For example, it is available when adding items to Content Areas, but not when creating questions in Test Manager. NOTE: Collapse any row using the caret to the left of the row. 2009 Blackboard Inc. Page 3 of 12 Using the Text Editor

Adding Links to Documents or Other Content You can include links to documents by using the Attach File function. The following file types can be attached:.doc,.exe,.html,.htm,.pdf,.ppt,.pps,.txt,.wpd,.xls, and.zip. NOTE: Files that are added as attachments from a local drive are automatically added to Course Files. Once in Course Files, attachments can be organized into folders so they can be located easily. QUICK STEPS: adding links to documents 1 In the Text Editor, position the pointer and click where you want to add the link to the file. 2 Click Attach File in the third row of Text Editor functions. 2009 Blackboard Inc. Page 4 of 12 Using the Text Editor

Adding Links to Documents or other Content Complete the Insert Content Link page: 3 On the Insert Content Link page, Browse for the file on your local computer or in Course Files. 4 Type a Name of Link to File. If a name is not added, the file name is used as the link name. 5 Add Alt Text. Alternative text will appear when a user moves the mouse over the link and it will be read by screen readers. 6 Decide whether the attachment will open in a new window. 7 Click Submit. 8 On the Content Link Added page, confirm the addition by clicking Submit. 2009 Blackboard Inc. Page 5 of 12 Using the Text Editor

TIP: Click Preview to see how the item will appear to students. 2009 Blackboard Inc. Page 6 of 12 Using the Text Editor

Embedding Images You can embed images in content by using the Attach Image function. You can include the following file types:.gif,.jif,.jpg, jpeg,.tiff,.wmf,.png. Optionally, when you attach an image, you can add a URL where the user will be taken after clicking the image. For example, if you are attaching an image of Mars, you can type the URL for the NASA Mar s Exploration Web site. QUICK STEPS: embedding images 1 In the Text Editor, position the pointer and click where you want to add the image. 2 Click Attach Image in the third row of Text Editor functions. 2009 Blackboard Inc. Page 7 of 12 Using the Text Editor

Complete the Insert Image page first by selecting the source for the image and then adding in the required information: 3 Browse for the file on your local computer, in Course Files, or use a source URL to link to the image on another server. 4 Optionally, type the image width and height in pixels. You can adjust the size later, if necessary. 5 If you want the image to contain a link to a URL, type the URL and select whether to launch the site in a new window. 6 Optionally, select the Border width. You can adjust the size later, if necessary. 7 Type Alt Text. Alternative text will appear when a user moves the mouse over the link and it will be read by screen readers. 8 Click Submit. The image is added. 2009 Blackboard Inc. Page 8 of 12 Using the Text Editor

2009 Blackboard Inc. Page 9 of 12 Using the Text Editor

Inserting URLs Use the Hyperlink function to include links to Web sites. QUICK STEPS: inserting URLs 1 In the Text Editor, select the text the user will click to access the Web site. 2 Click Hyperlink in the second row of Text Editor functions. 3 On the Insert Link page, type the URL, including the http:// 4 Optionally, type text that will appear when the cursor is positioned over the hyperlink. 5 Select the check box to have the link open in a new window, if you want. 6 Click Submit. The hyperlink is created. 2009 Blackboard Inc. Page 10 of 12 Using the Text Editor

Editing Source HTML When you perform functions using the Text Editor, the HTML code is automatically inserted for you. For example, if an image is embedded in an item, the Insert Image page prompts you to add the border size for the image. Behind the scenes, the HTML code is added based on the information you provided. To edit the information in the future, use the Toggle HTML Source Mode function to display the code. The code can then be edited as you want. After you have finished editing, click the Toggle HTML Source Mode function to return to normal mode. 2009 Blackboard Inc. Page 11 of 12 Using the Text Editor

If you have made changes to the source code, you can check them using the Markup Validation function. Any errors in the markup will appear in a separate window and the code can be corrected. After you have corrected the code, run the Markup Validation function again. NOTE: Validation of source code is run against XHTML 1.0 Strict rules. Not all reported errors will cause pages to malfunction. However, errors can affect the way a page appears, how style sheets are employed, and accessibility. For more information on XHTML 1.0 Strict, see the World Wide Web Consortium XHTML 1.0 The Extensible HyperText Markup Language (Second Edition), http://www.w3.org/tr/xhtml1/. 2009 Blackboard Inc. Page 12 of 12 Using the Text Editor