Introduction to the HTML Editor HTML Editor

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

Layout Manager - Toolbar Reference Guide

APPENDIX THE TOOLBAR. File Functions

Using the Text Editor Tutorial

WYSIWYG Editor: Users Manual

Nauticom NetEditor: A How-to Guide

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

Rich Text Editor Quick Reference

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

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

OU EDUCATE TRAINING MANUAL

BHM Website Teacher User Guide

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

FCKEditor v1.0 Basic Formatting Create Links Insert Tables

Introduction to Microsoft Word 2010

Zeppelin Website Content Manager User Manual

Country Communication Pages

The PlainHTML Content Editor

Computer Nashua Public Library Introduction to Microsoft Word 2010

Introduction to Microsoft Word 2010

Requirements Document

Free Form Text Page Wizard: Version 9.3

Content App Guide. Blackboard Web Community Manager

The Telerik Rad Editor might not be available if you are using a browser other than Internet Explorer or Firefox.

Microsoft Word 2011 Tutorial

Do It Yourself Website Editing Training Guide

Introduction to FrontPage 2002

Creating Web Pages with SeaMonkey Composer

Beginners Guide to Snippet Master PRO

OmniUpdate. Web Contributors Guide. University Information Technology Services. Training, Outreach, Learning Technologies, & Video Production

Reference Services Division Presents WORD Introductory Class

GoLive will first ask you if your new site will be for one individual or a work group; select for a Single User, and click Next.

FileNET Guide for AHC PageMasters

Enhancing your Page. Text Effects. Paragraph Effects. Headings

SnapCMS Website Administration

FirmSite Control. Tutorial

Dreamweaver MX Overview. Maintaining a Web Site

QUICK REFERENCE GUIDE

Microsoft Word Introduction to Word Processors

Managing Your Schoolwires Web Site

FileNET Guide for AHC PageMasters

Quick Reference Guide OU Campus

MS Word Basics. Groups within Tabs

Best Practices for Using the Rich Text Editor

Lava New Media s CMS. Documentation Page 1

OU Campus. Web Editors Guide. University Information Technology Services. Training, Outreach, Learning Technologies, & Video Production

WCMS Designing Content

Lesson 4 - Creating a Text Document Using WordPad

Dreamweaver Basics Outline

MICROSOFT WORD 2010 Quick Reference Guide

Website Training Guide for Staff

Website Editor. User Guide - Table of Contents. Overview. Use Case(s) Accessing the Tool. Editor Tools. Quick Tab Toolbar. Menu Bar.

Best Practices for Using the Rich Text Editor

Table of Contents. Look for more information at

The Online elearning Course Creation Tool

Web Content. Overview. Web Content Mini WYSIWYG Editor

How to Use Moodle's Text Editor

Introduction to Word 2010

Resetting Your Password

INFORMATION TECHNOLOGY

page 1 OU Campus User Guide

Contents. Copyright 2016 CMS e-learning Department. All Rights Reserved For more handouts visit:

USING JOOMLA LEVEL 3 (BACK END) OVERVIEW AUDIENCE LEVEL 3 USERS

Microsoft Word 2007 on Windows

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

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

Introduction to Microsoft Word

Guide. Use Design Space Edit Bar? How Do I. Let s Start. Editing Images. Design Space Edit Bar Tutorial 1/13

GRAPHIC WEB DESIGNER PROGRAM

Figure 1.1 GENESIS Log In Page

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

Schoolwires Editor Best Practices. Schoolwires Centricity2

DotNetNuke 5.1 Superuser Manual

The major change in Word is the ribbon toolbar. The File menu has been replaced with a button.

DRAFT. Table of Contents About this manual... ix About CuteSITE Builder... ix. Getting Started... 1

Quick Reference Guide

Adding Text and Images. IMCOM Enterprise Web CMS Tutorial 1 Version 2

NETZONE CMS User Guide Copyright Tomahawk

San Pedro Junior College. WORD PROCESSING (Microsoft Word 2016) Week 4-7

Home Moves to opening slide PowerPoint. Moves cursor to the end of a line. End Moves to end of slide show PowerPoint

Creating and Managing Your Personal Mines Website on WordPress

JustEdit. Overview. Path Status Bar

Introduction to MS Word XP 2002: An Overview

Microsoft Word Tutorial

Bridge Course Information and Communication Technology

Quark XML Author October 2017 Update with Business Documents

Microsoft. Computer Training Center 1515 SW 10 th Avenue Topeka KS

Drupal 7 guide CONTENTS. p. 2 Logging In

Lions Australia Oz Clubhouse Instructions Revised 14 Feb 2014

Users who require access to this application must seek it from their Security Administrator.

LMS User Guide Release December 2017

Section Editor Quick Start. Schoolwires Academic Portal Version 4.0

Table of Contents. Page 2 of 72. High Impact 4.0 User Manual

How to Edit Your Website

SPARK. User Manual Ver ITLAQ Technologies

Learn more about Pages, Keynote & Numbers

Add Bullets and Numbers

EventsNow. Getting Started Guide

AGLOWNET WORDPRESS HOW-TO

ADRION PROJECT WEBSITES USER S MANUAL

Transcription:

HTML Editor This is the Editing window. Let's do a quick rundown of each tool. 1

Undo A click on the Undo button undoes the last edit performed on the page. Repeated clicks on the button will eventually lead to all edits perfrmed during the current session to be undone. 2

Redo The same applies to the Redo button, which brings back on screen those edits removed by using the Undo button. 3

Bold The Bold tool will bold the font of any highlighted text in the current document. To use, highlight the text you would like to make bold and click on the Bold icon. 4

Italic The Italic tool will italicize the font of any highlighted text in the current document. To use, highlight the text you would like to make italic and click on the Italic icon. 5

Bulleted List The Bulleted List tool will created a bulleted list using any highlighted paragraphs. Clicking on the arrow next to the icon will give you a selection of alternative bullets. 6

Ordered List The Ordered List tool will create a numbered list using any highlighted paragraphs. The first paragraph willb e number 1, the second paragraph number 2 and so on. Again, clicking on the arrow next to the icon will give you a selection of different formats for the numbering. 7

Insert Link The Insert Link tool will create a link from any highlighted text. The link can lead to a separate URL, a page within our site or a document contained within your site. For more information on this tool, please read the Link Tutorial. 8

Unlink Tool The Unlink tool will remove an existing link. Simply highlight the link and click on the Unlink icon. 9

Anchor Tool The Anchor tool lets you place inpage links ie: FAQ page. For more information on this tool, please watch the Anchor Tutorial. 10

Insert Image The Insert Image tool will place any image into the body of your document. Place the cursor where you would like the image to be and then proceed to click on the Insert Image tool. For more information on this tool, please read the Inserting Images Tutorial. 11

Insert MailTo Link Instead of placing bare mailto: hyperlinks into your pages, where spambots can harvest them, use the MailTo plug-in. Ultimately, this will reduce the amount of spam in your mailbox. For more information on this tool, please read the MailTo Tutorial. 12

Headers The Header scrolldown contains a list of preformatted header styles. To use, highlight the word(s) you would like to make a header from and proceed to select one of the styles. The styles are preformatted and will vary from website to website. 13

Cut The Cut Tool will cut onto the clipboard any highlighted text. 14

Copy The Copy Tool will copy onto the clipboard any highlighted text. 15

Paste The Paste Tool will paste into your page any text contained on the clipboard. 16

Paste as Text Paste As Text automatically formats text you copy off applications (like MS Word) to plain text. By using this tool, you are making sure that any formatting is left behind when copying and pasting. 17

Select all Selecting this tool will select all the text contained in the content area. 18

Find and Replace The Search and Replace tool allows you to search for a specific text and replace it with another text. 19

Source Code The Source Code tool lets you view and edit the HTML source code. This is recommended only for users familiar with the HTML language. 20

Insert Application This tool will insert a variety of different applications. For more information on this tool, please watch the Inserting Application tutorial. 21

Insert Video This tool will let you insert an embed code from sites like YouTube. For more information on this tool, please read the Embedding Content tutorial. 22

Special Character The Special Character tool lets you place any symbol or custom character onto your page. Simply click on the menu item and select the desired character. 23

Horizontal Line The Horizontal Line tool will insert an horizontal line wherver your cursor is located. 24

Nonbreaking Space The Nonbreaking Space tool will insert a non-breaking space wherever your cursor is located. A non-breaking space will prevent an automatic line break (line wrap) at its position. 25

Block Styles This contains a list of preformatted block styles. To use, please the cursor anywhere in the paragraph you would like changed and proceed to select one of the styles. The styles are preformatted and will vary from website to website. To determine what each style looks like, apply the particular style to some text and click on Submit. 26

Inline Styles This contains a list of preformatted inline styles. To use, please the cursor anywhere in the paragraph you would like changed and proceed to select one of the styles. 27

Alignment The Alignment tool lets you align a certain paragraph. The options are: Left, Center, Right and Justify. To use, highlight a paragraph and select the desired alignment. 28

Indents The Increase Indent tool will place the selected paragraph farther to the right to separate it from the surrounding text. This tool is particularly useful when wanting to subset numbered or bulleted lists. The Decrease Indent tool will undo any indenting performed using the Increase Indent tool. 29

Font Family The Font Family tool contains a list of universal web-friendly fonts. To use, highlight the text you would like to change and select the desired font. Warning: your website was carefully designed using considerations such as color, fonts and layout. This should be used very carefully. 30

Font Sizes The Font Sizes tool contains a list of possible font sizes. To use, highlight the text you would like to change and select the desired font. Warning: your website was carefully designed using considerations such as color, fonts and layout. This should be used very carefully. Consider using the Headers tool instead. 31

Text Color The Text Color tool will change the color of the font of any highlighted text in the current document. Warning: your website was carefully designed using considerations such as color, fonts and layout. This should be used very carefully. 32

Background Color The Background Color tool will change the color of the background of any highlighted text in the current document. Warning: your website was carefully designed using considerations such as color, fonts and layout. This should be used very carefully. 33

Special This tool will contain a list of specifically designed CSS classes for your website. If the list is empty, you can ignore this dropdown. 34

Clear Formatting This tool will erase any hidden formatting codes contained within a block of text. Simply highlight the text and click on this tool to remove the formatting. 35

Tables The Table tool will insert any table into the body of your document. Place the cursor where you would like the table to be then proceed to click on the Insert Table tool, which will let you select how many rows and columns you would like. For more information on this tool, please read the Tables Tutorial. 36