The HTML Editor INFORMZ USER GUIDE: Version 1.0 January 13, 2013

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "The HTML Editor INFORMZ USER GUIDE: Version 1.0 January 13, 2013"

Transcription

1 INFORMZ USER GUIDE: The HTML Editor Version 1.0 January 13, 2013 ABOUT THIS GUIDE This guide provides an overview of the HTML editor used by Informz. This guide does not cover all aspects of the editor, but covers basic functionality, frequent user actions, and any known quirks discovered during testing. This guide can be used as a reference while learning how to create content with the editor. Page 1 of 34

2 CONTENTS INTRODUCTION... 4 BROWSERS... 4 GETTING TO KNOW THE EDITOR... 4 USER INTERFACE... 4 TOOLBAR OPTIONS... 5 KEY EDITOR FEATURES... 8 SOURCE CODE BUTTON... 8 CSS BUTTON... 9 UNLINK BUTTON... 9 HTML TAG NAVIGATOR... 9 USING THE HTML EDITOR TABLES HOW DO I INSERT A TABLE HOW DO I MODIFY A TABLE HOW DO I DELETE A TABLE HOW DO I CREATE NESTED TABLES HOW DO I MODIFY TABLE ROWS HOW DO I MODIFY TABLE COLUMNS HOW DO I SET DIFFERENT WIDTHS FOR TABLE COLUMNS HOW DO I MERGE TABLE CELLS HOW DO I SPLIT MERGED CELLS HOW DO I APPLY STYLING TO A SINGLE TABLE CELL HOW DO I APPLY A BORDER TO A TABLE HOW DO I ALIGN TEXT IN TABLES HOW DO I INSERT A HORIZONTAL LINE (HR TAG) INTO A TABLE CELL IMAGES HOW DO I INSERT IMAGES HOSTED EXTERNALLY HOW DO I WRAP TEXT AROUND AN IMAGE WITH PADDING HOW DO I PASTE IMAGES FROM AN EXTERNAL SOURCE HYPERLINKS HOW DO I INSERT HYPERLINKS HOW DO I UPDATE HYPERLINKS Page 2 of 34

3 HOW DO I APPLY COLOR TO A HYPERLINK HOW DO I APPLY A COLOR AND BOLD A HYPERLINK HOW DO I REMOVE THE UNDERLINE FROM A HYPERLINK BULLETED OR NUMBERED LISTS HOW DO I CREATE SINGLE-LEVEL BULLETED or Numbered LISTS HOW DO I CREATE MULTI-LEVEL BULLETED LISTS PASTING CONTENT HOW DO I PASTE WITH FORMATTING HOW DO I PASTE AS PLAIN TEXT HOW DO I PASTE HTML CODE KEYBOARD SHORTCUTS: CUT, COPY, AND PASTE HOW DO I CUT CONTENT HOW DO I COPY CONTENT HOW DO I PASTE CONTENT USING THE CSS BUTTON HOW DO I USE THE TEXT & COLOR TAB HOW DO I USE THE BLOCK TAB HOW DO I USE THE BOX TAB HOW DO I USE THE BORDER TAB HOW DO I USE THE LIST TAB LEARN MORE Page 3 of 34

4 INTRODUCTION Informz integrates with a third-party HTML editor, TinyMCE, to create content, story layouts, templates, and more. This HTML editor is JavaScript based, and therefore does not require additional plug-ins installed to use. BROWSERS Informz s recommended browser is Firefox, but the editor has been tested by Informz in the following browsers: Firefox ( version 25.0 and newer) Chrome Internet Explorer 9 The HTML editor will certainly work in other browsers, but since each browser handles HTML code differently, there is no guarantee that all the features will work perfectly. GETTING TO KNOW THE EDITOR After a search for the most reliable and feature-rich HTML editor, the editor was selected by Informz because of its ease-of-use and features. The editor allows users with limited or no HTML knowledge to create visually pleasing content and templates, while those with more advanced HTML skills can work directly in the source code. USER INTERFACE The editor s interface is clean and sleek, with large solid black icons on a grey gradient background. Each icon displays a tooltip bubble when hovering over the icon with the mouse cursor. Page 4 of 34

5 TOOLBAR OPTIONS ICON/BUTTON TOOL TIP TEXT DESCRIPTION KEYBOARD SHORTCUT Cut Cut selected content CTRL+X Copy Copy selected content CTRL+C Paste Paste cut/copied content CTRL+V ADDITIONAL NOTES Button does not work in newer browsers; must use keyboard shortcut Button does not work in newer browsers; must use keyboard shortcut Button does not work in newer browsers; must use keyboard shortcut Paste as Text Paste content as plain text N/A Undo Undo the last action CTRL+Z Redo Redo the last action CTRL+Y Font Family List of available fonts N/A Button enabled only when action is available Button enabled only when action is available Contains web-safe fonts and fonts defined on the Informz font page Font Sizes List of font sizes available N/A Contains font sizes in points Bold Bold text CTRL+B Italic Italicize text CTRL+I Underline Underline text CTRL+U Strikethrough Strikethrough text N/A Subscript Subscript the text N/A Superscript Superscript the text N/A Text Color Background Color Set text color of selected content Set background color of selected content N/A N/A Menu displays: Custom colors defined in the Color section of Informz 40 predefined colors A text field to enter HEX code Menu displays: Custom colors defined in the Color section of Informz 40 predefined colors Text field to enter HEX code Edit Style Apply inline CSS styling to selected content N/A Page 5 of 34

6 Source Code Open the HTML code view N/A Align Left Left align selected content N/A Align Center Center align selected content N/A Align Right Right align selected content N/A Bullet List Numbered List Decrease Indent Increase Indent Create or modify a bulleted (unordered) list Create or modify a numbered (ordered) list Decrease the paragraph or list indent Increase the paragraph or list indent N/A N/A N/A N/A Block Quote Set text as block quote N/A Preferred method to indent Insert/Edit Table Insert/Edit Image Insert, edit, and delete a table Insert an image N/A N/A Bookmark Insert a bookmark N/A Insert/Edit Hyperlink Unlink Insert a hyperlink Remove hyperlink from content N/A N/A Horizontal Line Insert a horizontal rule or line N/A Special Character Insert a special character or symbol N/A Social Networking Insert social networking icons N/A Allows subscribers to share content of the mailing Personalization Insert Informz/remote personalization codes N/A Content Codes Insert Informz content codes N/A Informz custom button Content Manager Insert the body or summary of an active Content Manager story N/A Informz custom button RSS Feeds Insert RSS feed content N/A Informz custom button Story Layouts Insert a Story Layout N/A Only available in Mailing Designer Page 6 of 34

7 Multi Doc Upload Upload multiple documents and automatically insert links N/A Only available in Mailing Designer Find and Replace Find and replace text CTRL + F Clear Formatting Removes formatting from content N/A Text Version Recreate or edit the text version Page 7 of 34

8 KEY EDITOR FEATURES The HTML editor offers similar features to those found in a word-processing application, but also includes a few key features that make content creation even easier. SOURCE CODE BUTTON The Source Code button allows quick access to the HTML code of the content. When the button is clicked, the source code (HTML) loads in a separate window on top of the editor. Tips & Tricks When opening the Source Code window, the position of the cursor and the highlighted HTML code is the location of the cursor in the Editor view. Features of the Source Code view include the following: HTML editing Color-coded HTML tags Find & replace buttons Automatic cursor positioning and highlighting when switching from Editor view to Source Code view Page 8 of 34

9 CSS BUTTON The CSS button provides a way to apply inline styles to any HTML element through an easy-to-use dialog window without requiring advanced HTML or CSS knowledge. To use this feature, highlight the content, then click the CSS button. When the Style window opens, define the styling for the selected content, and then click the Update button. The HTML code for the selected content will update to include the newly defined inline CSS style. To learn about the CSS button and each tab in the dialog, see the Using the CSS Button section in this document. UNLINK BUTTON The Unlink button provides a quick way to remove unwanted hyperlinks from the content without altering the code directly. To use this button, highlight the hyperlinked content and click the Unlink button. The hyperlink HTML code is removed without removing the text itself. HTML TAG NAVIGATOR The HTML tag navigator provides an easy way to select an HTML tag without the need for highlighting content. To use this feature, place your cursor in the content, then select the tag from the HTML tag navigator at the bottom of the window. This ensures the correct HTML tag is selected. This is very helpful when styling HTML elements using the CSS toolbar button. Page 9 of 34

10 USING THE HTML EDITOR Not all HTML editors behave the same or offer the same tools. This editor is no exception. The following sections will cover some of the popular How Do I questions. TABLES HOW DO I INSERT A TABLE 1. Place the cursor in the content area. 2. Click on the Table toolbar button to open the sub-menu. 3. Select Insert Table to open the grid. 4. Highlight the number of rows and columns to include in the table and click. HOW DO I MODIFY A TABLE 1. Select the table within the content. 2. Right-click on the table or click the Table toolbar button. 3. Select the Table Properties menu option. 4. Modify the table properties. 5. Click OK. Tips & Tricks To quickly select a table, place the cursor in a table cell then select the word, table, from the HTML tag navigator found in the lower section of the editor. Page 10 of 34

11 HOW DO I DELETE A TABLE 1. Select the table within the content. 2. Right-click on the table or click the Table toolbar button. 3. Select the Delete Table menu option. HOW DO I CREATE NESTED TABLES 1. Place the cursor in the content area. 2. Click on the Table toolbar button to open the sub-menu. 3. Select Insert Table to open the grid. 4. Highlight the number of rows and columns to include in the nested table and click. 5. When the table is inserted into the content area, place the cursor inside a table cell. 6. Repeat steps 2-4. Tips & Tricks Use the CSS button to apply padding to tables or individual table cells. Page 11 of 34

12 HOW DO I MODIFY TABLE ROWS ADD ROWS 1. Place the cursor in a table cell. 2. Right-click on the table or click the Table toolbar button. 3. Select the Row menu option to open a sub-menu. 4. Select either Insert row before or Insert row after. ADDITIONAL ROW OPTIONS Before selecting any of the following row option, be sure to place the cursor in the table row that will be affected. 1. Delete Row: Use this when a table row needs to be removed from the table permanently. 2. Cut Row: Use this option when the row s content is accurate but the row needs to be shifted up or down in the table. 3. Copy Row: Use this option when a table row needs to be duplicated in the table. 4. Paste Row Before/Paste Row After: Use either option when a copied or cut table row needs to be added back into the table. 5. Row Properties: Use this option to adjust the height or alignment of the table row. HOW DO I MODIFY TABLE COLUMNS ADD COLUMNS 1. Place the cursor in a table cell. 2. Right-click on the table or click the Table toolbar button. 3. Select the Column menu option to open a sub-menu. 4. Select either Insert column before or Insert column after. DELETE COLUMNS 1. Place the cursor in a table cell. 2. Right-click on the table or click the Table toolbar button. 3. Select the Column menu option to open a sub-menu. 4. Select Delete column. Page 12 of 34

13 HOW DO I SET DIFFERENT WIDTHS FOR TABLE COLUMNS 1. Insert a table with multiple columns. 2. Highlight all the cells in a column. 3. With the cells highlighted, right-click to open a menu. 4. Select Cell, then Cell Properties. 5. In the width field, add the column width in pixels. HOW DO I MERGE TABLE CELLS 1. Highlight the cells to merge. 2. Right-click on the table or click the Table toolbar button. 3. Select the Cell menu option to open a sub menu. 4. Select Merge Cells. HOW DO I SPLIT MERGED CELLS 1. Place the cursor in the recently merged table cell. 2. Right-click on the table or click the Table toolbar button. 3. Select the Cell menu option to open a sub menu. 4. Select Split Cells. The split cells option will only work on cells previously merged. Page 13 of 34

14 HOW DO I APPLY STYLING TO A SINGLE TABLE CELL 1. Place the cursor in the table cell. 2. Select the td tag found in the HTML tag navigator section of the editor. When selected, the table cell will appear to have a grey border around it. 3. With the table cell highlighted, click the CSS toolbar button to open the style dialog. 4. Apply the desired styling to the table cell. To learn how to use the CSS button and each tab in the dialog, read through the Using the CSS Button section. HOW DO I APPLY A BORDER TO A TABLE 1. Insert a table. 2. Select the table (sizing handles or boxes will appear around the table). To ensure that the table is selected, click on the table element in the HTML tag navigator. 3. Click the CSS toolbar button. 4. When the Style dialog opened, select the Border tab: a. STYLE: Select the style border (solid, dashed, dotted) b. WIDTH: Select the thickness of the border ( 1= thinnest) c. COLOR: Select the color for the border Page 14 of 34

15 If all four sides of the border should look the same, make sure the Same for All checkbox is selected and the Top row is filled out for style, width, and color. If each side will have a different style or no border at all, uncheck the Same for All checkbox and set the style, width, and color for each side. If a border is not required on a side, leave all fields for that side blank. HOW DO I ALIGN TEXT IN TABLES METHOD 1: USING CELL PROPERTIES 1. Insert a table. 2. Place the cursor in a table cell. 3. Right-click to open a menu. 4. Select Cell and then Cell Properties. 5. Set the Alignment field. Page 15 of 34

16 METHOD 2: USING THE CSS TOOLBAR BUTTON 1. Insert a table. 2. Select the Table toolbar button. 3. With the table selected, click the CSS toolbar button. 4. When the Style dialog opens, select the Block tab. 5. Select an alignment in the Text Align field. This will apply the text align style to the table cell. HOW DO I INSERT A HORIZONTAL LINE (HR TAG) INTO A TABLE CELL 1. Insert a table. 2. Add content into a table cell. 3. Position the cursor at the location for the horizontal line. 4. Click the Insert Horizontal Line icon. If the horizontal line is added to the table cell before the content, the editor only allows content to be added after the line, not before it. Page 16 of 34

17 IMAGES HOW DO I INSERT IMAGES HOSTED EXTERNALLY 1. Outside of Informz, copy the full URL of the image hosted externally. (example: 2. In the Informz HTML editor, click the Image toolbar button. 3. Paste the full URL in the Image URL field. 4. If necessary, set the image properties (Alt Text, Alignment or Display). 5. Click the Insert button. 6. The image is inserted into the content without having to be uploading into Informz. Page 17 of 34

18 HOW DO I WRAP TEXT AROUND AN IMAGE WITH PADDING 1. Insert a 1 x 1 table at the beginning of a paragraph. 2. Insert an image into the table cell. 3. Select the table to display the square handles in each corner. 4. Select a corner handle and drag the table height and width to match the size of the image. Page 18 of 34

19 5. With the table selected, open the Table Properties dialog. a. Add a numeric value to the Cell Padding field (the greater the number, the greater the whitespace). b. Set the Alignment field to Left or Right. c. Click on the OK button. 6. The table with the image shifts to the right with the text wrapping around it. HOW DO I PASTE IMAGES FROM AN EXTERNAL SOURCE Images cannot be copied from an external source and pasted into the HTML editor. To insert images into the content, images must be uploaded into the Asset Manager and then inserted, or if hosted externally the URL can be added into the Insert Image dialog. Page 19 of 34

20 HYPERLINKS HOW DO I INSERT HYPERLINKS 1. Highlight the content to link. 2. Click the Hyperlink toolbar button. 3. Select the type of hyperlink and complete the form. HOW DO I UPDATE HYPERLINKS There are a few ways to update the web address of an existing hyperlink in the content: METHOD 1 1. In the content, highlight the entire link. Avoid highlighting extra spaces or characters. 2. Click the Hyperlink toolbar button. 3. Update the web address. 4. Click the Insert Hyperlink button. METHOD 2 1. Place the cursor in the hyperlink. 2. Select the a tag from the path HTML tag navigation section. The hyperlink will automatically highlight. 3. Click the Hyperlink toolbar button. 4. Update the web address. 5. Click the Insert Hyperlink button. METHOD 3 1. In the content area, place the cursor in the hyperlink. 2. Click the Hyperlink toolbar button. 3. Update the web address. 4. Click the Insert Hyperlink button. Page 20 of 34

21 HOW DO I APPLY COLOR TO A HYPERLINK METHOD 1: USING THE TOOLBAR OPTION, FONT COLOR 1. Place the cursor in the hyperlink. 2. Click the a tag from the HTML tag navigator section located below the content region. This will highlight the entire hyperlink. 3. With the link highlighted, click the Text Color toolbar button to expand the color list. 4. Select a color from the menu or enter the color in the HEX color code. When the color is applied to the link, the color is added as an inline style on the link tag. METHOD 2: USING THE CSS TOOLBAR OPTION 1. Place the cursor in the hyperlink. 2. Click the a tag from the HTML tag navigator located below the content region. This will highlight the entire hyperlink. Something to Note When changing the color of text that contains a previously colored hyperlink, the color of the hyperlink may take on the same color as the text. If this happens, simply reapply the color to the hyperlink. 3. With the link highlighted, click the CSS toolbar button. 4. In the Style dialog window, update the Color field with the desired color 5. Click the Update button. When the color is applied to the link, the color is added as an inline style on the link tag. Page 21 of 34

22 HOW DO I APPLY A COLOR AND BOLD A HYPERLINK METHOD 1: USING THE FONT COLOR AND BOLD TOOLBAR OPTION 1. Place the cursor in the hyperlink. 2. Click the a tag from the HTML tag navigator section. This will highlight the entire hyperlink. 3. With the link highlighted, click the Text Color toolbar button to expand the color list. 4. Select a color. 5. With the link still highlighted, click on the B (bold) icon. METHOD 2: USING THE CSS TOOLBAR OPTION Tips & Tricks If the link is bolded first and then the color is applied, the editor will apply the color to the bold tag (<strong>) and not the hyperlink tag. This may result in unwanted styling. 1. Place the cursor in the hyperlink. 2. Click the a tag from the HTML tag navigator section. This will highlight the entire hyperlink. 3. With the link highlighted, click the CSS toolbar button. 4. In the Style dialog window, update the following fields: a. Weight = bold b. Color = desired color 5. Click the Update button. When the color and weight are applied to the link, the styles are added as inline styles on the link tag. Page 22 of 34

23 HOW DO I REMOVE THE UNDERLINE FROM A HYPERLINK 1. Place the cursor in the hyperlink. 2. Click the a tag from the HTML tag navigator section. This will highlight the entire hyperlink. Tips & Tricks The CSS style dialog is a handy tool when needing to change the font, the color or the decoration of a hyperlink. 3. With the link highlighted, click the CSS toolbar button. 4. When the Style dialog opens, go to the Text tab. 5. In the Decoration section, check the box for NONE. 6. Click Update to save styling. Page 23 of 34

24 BULLETED OR NUMBERED LISTS HOW DO I CREATE SINGLE-LEVEL BULLETED OR NUMBERED LISTS METHOD 1 1. Place the cursor on a new line (paragraph). 2. Click the Bulleted List toolbar button or the Numbered List toolbar button. 3. When the bullet appears, begin typing. 4. Hit the <ENTER> key to start a new bullet item in the list. METHOD 2 1. Type the first list item. 2. Hit the <ENTER> key to start a new bullet item 3. Repeat until all list items appear. 4. Highlight all items for the list. 5. Click the Unordered or Ordered List toolbar button to create the bulleted list. Page 24 of 34

25 HOW DO I CREATE MULTI-LEVEL BULLETED LISTS 1. Highlight all the lines of text that should be in the list. 2. Click on the Ordered List or Unordered List toolbar button. 3. Place the cursor at the beginning of the line that needs to be indented. 4. Click the Increase Indent toolbar button. This will shift the bulleted line to the right and will change the bullet to the next level bullet. Page 25 of 34

26 PASTING CONTENT HOW DO I PASTE WITH FORMATTING When copying formatted content, paste the content into the editor by holding down the CRTL (Control) key while pressing on the letter V. Things to know about the paste function: 1. Images will not paste into the editor. Images must be uploaded into the Asset Manager and inserted into the editor. 2. Basic HTML elements will paste into the editor. These elements include tables, bold or italic text, hyperlinks, paragraphs, lists, etc. 3. Basic styling will paste into the editor. These styling attributes include font, font color, font size, and background color. Tips & Tricks If the styling (colors, fonts, etc) is not quite right, remove the existing formatting by highlighting the content and selecting the Clear Formatting toolbar button. HOW DO I PASTE AS PLAIN TEXT When style and structure of the external content is not wanted, turn on the Paste as Text function before pasting the content into the editor. 1. Click the Paste as Text toolbar button 2. Click the OK button from the informational dialog. 3. Paste copied content into the editor by holding down the CRTL key while pressing on the letter V. 4. After pasting is complete, deselect the Paste as Text button so it has the lighter grey background. 5. Format and style content. What to know about the Paste as Text function: 1. Styling (colors, fonts, etc) will be stripped out of the content. 2. HTML elements (tables, links, bold tags, etc.) will be stripped from the content. 3. This function creates a plain canvas so there is more control over the styling within the editor. Page 26 of 34

27 HOW DO I PASTE HTML CODE Content created in an external web editor can be pasted into the editor as HTML code. 1. Copy external HTML code. 2. Click on the Source Code toolbar button to open the source code window. 3. Paste HTML code into the Source Code window. 4. Click the Update button to save the code and to return to the editor view. KEYBOARD SHORTCUTS: CUT, COPY, AND PASTE In newer, more modern browsers such as Firefox, the browser blocks the functionality of the Cut, Copy, and Paste buttons, leaving only the keyboard shortcuts as the only method to perform these options. The following sections explain how to use these keyboard shortcuts. HOW DO I CUT CONTENT 1. Highlight the content. 2. Hold down the CTRL key while pressing the X key. Page 27 of 34

28 HOW DO I COPY CONTENT 1. Highlight the content. 2. Hold down the CTRL key while pressing the C key. HOW DO I PASTE CONTENT 1. Highlight the content. 2. Hold down the CTRL key while pressing the V key. Page 28 of 34

29 USING THE CSS BUTTON The CSS button provides a way to apply inline CSS to HTML elements without needing to write or even know how to write HTML or CSS code. To use the CSS button use these steps: 1. Highlight the content or select an element in the HTML tag navigator. 2. Click the CSS toolbar button. 3. Customize the look of the content by setting different options within the Style dialog. The following sections breakdown each tab in the Style dialog. HOW DO I USE THE TEXT & COLOR TAB The Text & Color tab is used to define the look of the content. OPTION Font Size Line Height Decoration Weight Style Color Background Color USE Defines the type of font. The dropdown list contains web-safe fonts and Informz defined font*. Defines size of the content. A numeric value must be added to the first field, followed by selecting a unit type. Define the white space between the lines. A numeric value must be added to the first field, followed by selecting a unit type Defines the type of line decoration to apply to the content. This is useful when removing the underline from a hyperlink. Defines the boldness of the selected content. Defines the font styling (italic, oblique). Defines the color of the selected content. Click in the color text field to open a color picker or type in the HEX code. Defines the background color of the selected content (including tables). Click in the color text field to open a color picker, or type in the HEX code. *Informz defined font: To add to the font dropdown list, go to Mailings- -> Templates--> Fonts. Page 29 of 34

30 HOW DO I USE THE BLOCK TAB The Block tab is used to format the alignment and the spacing of text. OPTION Display Text Align Vertical Align Word Spacing Letter Spacing Text Indent USE Defines the positioned of the selected content. Useful for images. Block will position an image on its own line, while Inline will keep the image positioned in the middle of another HTML tag. Defines the left, right, or center alignment of the selected content. Defines the vertical alignment (top, bottom, etc). Useful when the content in a table cell needs to be shifted to the top. Defines the white space between each word of the selected content. Defines the white space between each letter of the selected content. Defines the indentation of the selected content. Useful for when the Indent toolbar option doesn t indent the right amount. Page 30 of 34

31 HOW DO I USE THE BOX TAB The Box tab is used to format a block of content, such as paragraphs or tables. OPTION Padding USE Defines white space above, below, or to the sides of a table cell, paragraph, or any HTML element. To apply the same padding for all four sides: Check the box for Same for All and enter a numeric value in the text field for Top, followed by a unit selected from the dropdown field. This value is applied to all sides. To apply different padding to each side: Uncheck the Same for All checkbox. Enter the numeric value and select a unit for each side that needs padding. If a side is left blank, no extra padding is applied. Margin Defines the exact placement of content, as well as the size of the container the content resides in. To apply the same,margin for all four sides: Check the box for Same for All and enter a numeric value in the text field for Top followed by a unit selected from the dropdown field. This value will be applied to all sides. To apply different margins to each side: Uncheck the Same for All checkbox. Enter the numeric value and select a unit for each side that needs padding. If a side is left blank, no extra margin spacing will be applied. Page 31 of 34

32 HOW DO I USE THE BORDER TAB The Border tab is used when borders are required on any four sides of an HTML element, such as a table cell. OPTION Style USE Defines the appearance of the border line. To set the same style for all four sides: Check the Same for All box and select a style from the top dropdown. To set different styles for each side: Uncheck the Same for All checkbox and select a style for the necessary side. Width Defines the thickness of the border line. To set the same width for all four sides, check the Same for All box, then enter a numeric value in the top field and select the unit. Page 32 of 34

33 To set different width for each side, Uncheck the Same for All checkbox and select a style for each side. Color Defines the color of the border line. To set the same color for all sides: Check the Same for All checkbox and select a color from the top field. To set different colors for each side: Uncheck the Same for All checkbox and select a color for the side(s). IMPORTANT NOTE: To define a single side, the full row must be defined. For example, if Top and Bottom have a style, the Top and Bottom must also have a width and color. Page 33 of 34

34 HOW DO I USE THE LIST TAB The List tab can be used to define the placement of the bullet or the type of bullet. OPTION Type Position USE Defines the type (disc, square, none) of the List item. Defines the position (inside or outside) of the bullet icon for the List item. Inside will add a little extra indentation to the list. LEARN MORE If you would like to learn more about CSS styling and how to use each attribute, please visit: For more information or for helpful tips and tricks, please contact your emarketing Advisor. Page 34 of 34

HTML CREATOR. HTML Creator

HTML CREATOR. HTML Creator HTML CREATOR The HTML Creator is an HTML editing tool that allows you to create content in HTML without having to enter HTML tags. Similar to a word processor, you can easily create and maintain content

More information

Understanding the Advanced Template Editor

Understanding the Advanced Template Editor Quick Start Guide to: Understanding the Advanced Template Editor The basic template editor in Swiftpage is used to create templates that began as imported templates or global advanced templates. (One function

More information

Understanding the Advanced Template Editor

Understanding the Advanced Template Editor Understanding the Advanced Template Editor The Sage E-marketing for Sage CRM Advanced Template Editor is a tool for customers with a working knowledge of HTML design. It is a WYSISYG editor that can modify

More information

User Guide. Appendix A. RadEditorAjax

User Guide. Appendix A. RadEditorAjax User Guide Appendix A Table of Contents About this Chapter... 3 What is?... 3 Section 1: at a Glance... 5 Publishing Options... 11 Keyboard Shortcuts Quick Reference... 12 Section 2: Formatting Tools...

More information

JustEdit WYSIWYG Toolbar

JustEdit WYSIWYG Toolbar JustEdit WYSIWYG Toolbar Overview When entering JustEdit, users will encounter the JustEdit toolbar, which has a variety of functions available in order to make editing the page easier. The icons present

More information

Your Personal Homepage

Your Personal Homepage Your Personal Homepage You can use your Personal Homepage to share information about yourself, something that interests you, or a course topic. Your classmates can view your home page from the Classlist

More information

Guide to the Text Editor. *Note: Compliance Assist may not use every feature described.

Guide to the Text Editor. *Note: Compliance Assist may not use every feature described. *Note: Compliance Assist may not use every feature described. Table of Contents 1.1: Toolbar Buttons...3 1.1.1: Miscellaneous Buttons...3 1.1.2: Inserting Elements...4 1.1.3: Formatting Text Appearance...5

More information

User Guide. Appendix A. RADEditor

User Guide. Appendix A. RADEditor User Guide Appendix A RADEditor Table of Contents About this Chapter... 4 What is RadEditor?... 4 Section 1: RadEditor at a Glance... 5 Publishing Options... 9 Keyboard Shortcuts Quick Reference... 9 Section

More information

WYSIWYG Toolbar. File Functions. Cut, Copy, Paste, Find Functions. Undo Redo Functions. Page 1 of 7

WYSIWYG Toolbar. File Functions. Cut, Copy, Paste, Find Functions. Undo Redo Functions. Page 1 of 7 File Functions Save Save As Revert to Last Save Click on the "Save" button to save the current file on the staging server and exit the WYSIWYG editor. Remember, it will not be live on the production server

More information

Using the Text Editor in the Pressero System

Using the Text Editor in the Pressero System Using the Text Editor in the Pressero System Updated 5-15-11 Table of Contents About The Editor... 2 Toolbars... 3 Toolbar Buttons... 4 Formatting Text Appearance... 4 Formatting Paragraphs & Lists...

More information

Below is the toolbar for the Rich Text Editor on the SharePoint Portal.

Below is the toolbar for the Rich Text Editor on the SharePoint Portal. Rich Text Editor Below is the toolbar for the Rich Text Editor on the SharePoint Portal. You will find instructions for using each of these functions on the following pages. 1. Cut 2. Copy 3. Paste 4.

More information

WYSIWYG Tips and FAQ

WYSIWYG Tips and FAQ WYSIWYG Tips and FAQ Version 1.0 WYSIWYG: What you see is what you get. This is an abbreviation for the type of editor Acalog uses. You will layout your content in the editor, and when you hit preview,

More information

How to Edit Text with the Text Editor

How to Edit Text with the Text Editor How to Edit Text with the Text Editor Your Agent123 Text Editor was designed to work like Microsoft Word or any similar Word Processing program. Help The Text Editor Module is where you edit existing content

More information

Web Candy Design Inc. 1 JCE Editor Manual

Web Candy Design Inc. 1 JCE Editor Manual Web Candy Design Inc. 1 JCE Editor Manual Table of Contents What is JCE? 3 What is an Article? 3 Sections & Categories Explained 3 Why use Sections & Categories 3 Sections and Categories vs. Menu Organization

More information

WYSIWYG Editor in Detail

WYSIWYG Editor in Detail WYSIWYG Editor in Detail 1. Print prints contents of the Content window 2. Find And Replace opens the Find and Replace dialogue box 3. Cut removes selected content to clipboard (requires a selection) 4.

More information

7 th Annual LiveText Collaboration Conference. Advanced Document Authoring

7 th Annual LiveText Collaboration Conference. Advanced Document Authoring 7 th Annual LiveText Collaboration Conference Advanced Document Authoring Page of S. La Grange Road, nd Floor, La Grange, IL 6055-455 -866-LiveText (-866-548-3839) edu-solutions@livetext.com Page 3 of

More information

Mastering the JangoMail TinyMCE HTML Editor

Mastering the JangoMail TinyMCE HTML Editor JangoMail Tutorial Mastering the JangoMail TinyMCE HTML Editor With JangoMail, you have the option to use our built-in WYSIWYG HTML Editors to compose and send your message. Note: Please disable any pop

More information

Contents - This is Dept. of Surgery modified version of the manual. Missing pages were removed intentionally.

Contents - This is Dept. of Surgery modified version of the manual. Missing pages were removed intentionally. Contents - This is Dept. of Surgery modified version of the manual. Missing pages were removed intentionally. 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode

More information

Help on Icons and Drop-down Options in Document Editor

Help on Icons and Drop-down Options in Document Editor Page 1 of 5 Exact Synergy Enterprise Help on Icons and Drop-down Options in Document Editor Introduction The following table provides descriptions on the icons and drop-down options that are available

More information

Umbraco v6 Editors Manual

Umbraco v6 Editors Manual Umbraco v6 Editors Manual Produced by the Umbraco Community Umbraco // The Friendly CMS Contents 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode Interface...

More information

MS Word 2007 practical notes

MS Word 2007 practical notes MS Word 2007 practical notes Contents Opening Microsoft Word 2007 in the practical room... 4 Screen Layout... 4 The Microsoft Office Button... 4 The Ribbon... 5 Quick Access Toolbar... 5 Moving in the

More information

Microsoft FrontPage. 1. Introduction

Microsoft FrontPage. 1. Introduction 1. Introduction Microsoft FrontPage is a full featured HTML editor. A Web site is a group of HTML pages and graphics that are interconnected with hyperlinks. A FrontPage Web site is a site created in FrontPage.

More information

Umbraco v4 Editors Manual

Umbraco v4 Editors Manual Umbraco v4 Editors Manual Produced by the Umbraco Community Umbraco // The Friendly CMS Contents 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode Interface...

More information

Quick Start Guide To: Using the Sage E-marketing Online Editor

Quick Start Guide To: Using the Sage E-marketing Online Editor Quick Start Guide To: Using the Sage E-marketing Online Editor When you first enter the Sage E-marketing online editor, you will see two tabs on the left-hand side of the screen: Content Editor and Customize

More information

How to use the WYSIWYG

How to use the WYSIWYG How to use the WYSIWYG The WYSIWYG Editor is a text editor, similar to MS Word, that is used to produce program brochures in Web page format. WYSIWYG is pronounced whizzy-wig and stands for, What You See

More information

WYSIWYG Manual Ironcities Stadt Kolbermoor 2012

WYSIWYG Manual Ironcities Stadt Kolbermoor 2012 WYSIWYG Manual Ironcities Stadt Kolbermoor 2012 WYSIWYG Editor Manual TinyMCE used on http://www.ironcities.net is a WYSIWYG (what you see is what you get) editor that allows users a familiar word-processing

More information

Joomla Article Advanced Topics: Table Layouts

Joomla Article Advanced Topics: Table Layouts Joomla Article Advanced Topics: Table Layouts An HTML Table allows you to arrange data text, images, links, etc., into rows and columns of cells. If you are familiar with spreadsheets, you will understand

More information

Microsoft Word 2010 Tutorial

Microsoft Word 2010 Tutorial Microsoft Word 2010 Tutorial GETTING STARTED Microsoft Word is one of the most popular word processing programs supported by both Mac and PC platforms. Microsoft Word can be used to create documents, brochures,

More information

Getting Started in Microsoft Word Click on the Start menu > All Programs > Microsoft Office and select Microsoft Office Word 2007 from the list.

Getting Started in Microsoft Word Click on the Start menu > All Programs > Microsoft Office and select Microsoft Office Word 2007 from the list. Microsoft Word Part 1 Office 2007 Getting Started in Microsoft Word 2007 Opening Word Double click the Word icon on the desktop. OR If there is no shortcut icon on the desktop: Click on the Start menu

More information

UNPAN Portal Content Management System (CMS) User Guide

UNPAN Portal Content Management System (CMS) User Guide UNPAN Portal Content Management System (CMS) User Guide www.unpan.org User Manual Version 1.0 260309 Page 1 of 36 Table of Contents A. UNPAN Sitemap... 3 B. DPADM Sitemap... 4 C. Introduction to UNPAN

More information

HTML Editor Contents. User Guide Updated August 22, 2008

HTML Editor Contents. User Guide Updated August 22, 2008 HTML Editor 8.3.0 User Guide Updated August 22, 2008 Contents About this guide Audience Related guides HTML Editor Overview Accessing the HTML Editor HTML Editor tabs HTML Editor Views HTML Editor Icons

More information

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide CONTENTM WEBSITE MANAGEMENT SYSTEM Getting Started Guide Table of Contents CONTENTM WEBSITE MANAGEMENT SYSTEM... 1 GETTING TO KNOW YOUR SITE...5 PAGE STRUCTURE...5 Templates...5 Menus...5 Content Areas...5

More information

Manual: BrightEdit. This manual is written for MailPlus Marcom and ecom.

Manual: BrightEdit. This manual is written for MailPlus Marcom and ecom. Manual: BrightEdit This manual is written for MailPlus Marcom and ecom. Table of contents Introduction... 1 1 BrightEdit set-up... 2 1.1 The main menu... 4 1.2 The toolbar... 5 1.3 The template... 6 1.4

More information

SOCS Javascript Editor

SOCS Javascript Editor Javascript Editor Tool Bar and Buttons Insert Article Redirect Use the Article Redirect icon when you want a Section to redirect to another website, to a webpage or file within your site. The article containing

More information

Drupal Tutorial Editing the Vision and Security Technology (VAST) Website

Drupal Tutorial Editing the Vision and Security Technology (VAST) Website Drupal Tutorial Editing the Vision and Security Technology (VAST) Website How to use the Drupal content management system to edit the Vision and Security Technology (VAST) website. Note: This tutorial

More information

Microsoft Word 2013 Tutorial

Microsoft Word 2013 Tutorial Microsoft Word 2013 Tutorial GETTING STARTED Microsoft Word is one of the most popular word processing programs supported by both Mac and PC platforms. Microsoft Word can be used to create documents, brochures,

More information

CKEditor Javascript Editor

CKEditor Javascript Editor Tool Bar and Buttons CKEditor Javascript Editor Insert Drop Doc Use the Drop Doc Form option on the tool bar to create a form to post to your SOCS site. Visitors can complete the information online and

More information

SharePoint Basic Editing. Text. Creating List

SharePoint Basic Editing. Text. Creating List Text Putting Text on the Page 1. Entering text on the web page is just like typing in a word processing document. Lines will wrap within a paragraph. 2. Enter = Paragraph Break (leaves a blank line) 3.

More information

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site.

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. Updating a Site in Drupal If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. You should be able to find your site at a URL similar to

More information

Tables. Miscellaneous. Tips

Tables. Miscellaneous. Tips Getting Started Definitions Screen layout Views Create a web using the web wizard Create a web page from a template Report view Open a web Save a web Page Properties Text General properties Themes Removing

More information

Blackboard 9.1 SP 11 The Content Editor

Blackboard 9.1 SP 11 The Content Editor Blackboard 9.1 SP 11 The Content Editor Introduction Blackboard has introduced a new content editor. The content editor is available to instructors, teaching assistants and students throughout Blackboard.

More information

Google Docs Basics Website: http://etc.usf.edu/te/

Google Docs Basics Website: http://etc.usf.edu/te/ Website: http://etc.usf.edu/te/ Google Docs is a free web-based office suite that allows you to store documents online so you can access them from any computer with an internet connection. With Google

More information

Office: Word for Beginners

Office: Word for Beginners Office: Word for Beginners What is Word? Word 2013 is a word processing application that allows you to create a variety of documents like letters, flyers, and reports. Additional Resources: http://www.gcflearnfree.org/office2013/word2013

More information

Using econtentmanager s ewebeditpro Editor

Using econtentmanager s ewebeditpro Editor Using econtentmanager s ewebeditpro Editor econtentmanager comes with its own content editor, called ewebeditpro. With ewebeditpro, you can add and modify your page content with WYSIWYG ease-of-use. The

More information

If you want to go back to the normal text just. Editing the code in HTML is a technical feature and it should only be done by advanced users.

If you want to go back to the normal text just. Editing the code in HTML is a technical feature and it should only be done by advanced users. Content Editor Audience: Website Administrators, Faculty/ Staff, CMS Page Authors and Publishers The Content Editor is how the regular user can create true HTML pages. This editor has similar functions

More information

Drupal Training Guide

Drupal Training Guide Drupal Training Guide Getting Started Drupal Information page on the IT site: http://it.santarosa.edu/drupal On this page is information about Drupal sign up, what Drupal is, which is a content management

More information

Content Management System

Content Management System OIT Training and Documentation Services Content Management System End User Training Guide OIT TRAINING AND DOCUMENTATION oittraining@uta.edu http://www.uta.edu/oit/cs/training/index.php 2009 CONTENTS 1.

More information

To change title of module, click on settings

To change title of module, click on settings HTML Module: The most widely used module on the websites. This module is very flexible and is used for inserting text, images, tables, hyperlinks, document downloads, and HTML code. Hover the cursor over

More information

Micro soft Expression Web 4

Micro soft Expression Web 4 University of Texas at Arlington Micro soft Expression Web 4 Beginner s Guide 2011 1 2 Table of Contents UTA Web Pages... 5 Connecting to your Website... 5 Copying files from your Website... 8 To open

More information

Website Editor User Guide

Website Editor User Guide CONTENTS Minimum System Requirements... 3 Design Your Website... 3 Choosing your Theme... 4 Choosing your Header Style... 4-5 Website Content Editor... 6 Text Editor Toolbar features... 6 Main Menu Items...

More information

Drag-and-drop editor. Quick Start Guide

Drag-and-drop editor. Quick Start Guide Drag-and-drop editor Quick Start Guide Contents Introduction 3 Drag-and-drop editor interface 4 Working with elements 6 Adding and moving elements 7 Resizing of elements 8 Editing your template 9 Working

More information

Microsoft Word 2013 Part 1: Introduction to Word

Microsoft Word 2013 Part 1: Introduction to Word CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Microsoft Word 2013 Part 1: Introduction to Word Summer 2014, Version 1.0 Table of Contents Introduction...3 Starting Word...3 Overview

More information

Do It Yourself Website Editing Training Guide

Do It Yourself Website Editing Training Guide Do It Yourself Website Editing Training Guide Version 3.0 Copyright 2000-2011 Sesame Communications. All Rights Reserved. Table of Contents DIY Overview 3 What pages are editable using the DIY Editing

More information

Chapter 3: The Schoolwires Editor

Chapter 3: The Schoolwires Editor : The Schoolwires Editor By the end of this chapter, you will be able to: Insert and format text. Insert and format images. Insert and format tables. Insert links. Use ActiveBlocks to enhance your pages.

More information

Mastering the JangoMail EditLive HTML Editor

Mastering the JangoMail EditLive HTML Editor JangoMail Tutorial Mastering the JangoMail EditLive HTML Editor With JangoMail, you have the option to use our built-in WYSIWYG HTML Editors to compose and send your message. Note: Please disable any pop

More information

Converting Prospects to Purchasers.

Converting Prospects to Purchasers. Email Template Guide LASSO EMAIL TEMPLATE EDITOR... 2 ABOUT LASSO EMAIL TEMPLATE EDITOR... 2 CREATING AN EMAIL TEMPLATE... 2 ACCESSING EMAIL TEMPLATES... 2 ADDING AN EMAIL TEMPLATE FOLDER... 3 BASIC PRINCIPLES

More information

Cascade Server. End User Training Guide. OIT Training and Documentation Services OIT TRAINING AND DOCUMENTATION. oittraining@uta.

Cascade Server. End User Training Guide. OIT Training and Documentation Services OIT TRAINING AND DOCUMENTATION. oittraining@uta. OIT Training and Documentation Services Cascade Server End User Training Guide OIT TRAINING AND DOCUMENTATION oittraining@uta.edu http://www.uta.edu/oit/cs/training/index.php 2013 CONTENTS 1. Introduction

More information

P a g e 0. Training Guide for the Content Management System

P a g e 0. Training Guide for the Content Management System P a g e 0 Training Guide for the Content Management System P a g e 1 Table of Contents: Website Administration Page 2 Editing Pages Page 3 Adding Images. Page 4 Editor Toolbar Key... Page 5 & 6 Training

More information

Microsoft Word 2010: Working with Styles

Microsoft Word 2010: Working with Styles CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Microsoft Word 2010: Working with Styles Fall 2014, Version 1.1 Table of Contents Introduction...3 Formatting Documents...3 Live

More information

NDSU Technology Learning & Media Center. Introduction to Google Sites

NDSU Technology Learning & Media Center. Introduction to Google Sites NDSU Technology Learning & Media Center QBB 150C 231-5130 www.ndsu.edu/its/tlmc Introduction to Google Sites Get Help at the TLMC 1. Get help with class projects on a walk-in basis; student learning assistants

More information

Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu)

Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Updated on 10/17/2014 Table of Contents About... 4 Who Can Use It... 4 Log into Ingeniux... 4 Using Ingeniux

More information

MS Word Manual. ICT Staff Training & Development, University of the Western Cape. ICS Department: e-learning. Office:

MS Word Manual. ICT Staff Training & Development, University of the Western Cape. ICS Department: e-learning. Office: MS Word Manual ICT Staff Training & Development, University of the Western Cape ICS Department: e-learning Office: 021 959 2504 E-mail: e-learning@uwc.ac.za 1 Table of Contents Introduction to Microsoft

More information

Introduction to Drupal 6

Introduction to Drupal 6 Ready Reference 063014 Introduction Introduction to Drupal 6 This page provides instructions for using the Drupal Web Content Management System. Drupal makes publishing content relatively easy and allows

More information

Introduction to Drupal

Introduction to Drupal Introduction to Drupal Login 2 Create a Page 2 Title 2 Body 2 Editor 2 Menu Settings 5 Attached Images 5 Authoring Information 6 Revision Information 6 Publishing Options 6 File Attachments 6 URL Path

More information

Word Processing programs and their uses

Word Processing programs and their uses Word Processing programs and their uses An application that provides extensive tools for creating all kinds of text based programs. They are not limited to working with text and enable you to add images

More information

Item Editor Reference Guide

Item Editor Reference Guide Item Editor Reference Guide This reference guide is intended for all iwebfolio users. The item editor is the editing tool that appears when a user is editing an item within a portfolio or template. This

More information

Tips and tricks with Text boxes in Mahara

Tips and tricks with Text boxes in Mahara Tips and tricks with Text boxes in Mahara This tutorial assumes that you know how to drag a Text box block down to your page content area. Contents 1. The parts of a Text box... 2 2. What each of the buttons

More information

Microsoft Word 2007 (Getting Started) Screen Layout

Microsoft Word 2007 (Getting Started) Screen Layout Microsoft Word 2007 (Getting Started) Screen Layout Menus When you begin to explore Word 2007 you will notice a new look to the menu bar. There are three features that you should remember as you work within

More information

Quick Reference Guide

Quick Reference Guide Simplified Web Interface for Teachers Quick Reference Guide Online Development Center Site Profile 5 These fields will be pre-populated with your information { 1 2 3 4 Key 1) Website Title: Enter the name

More information

Microsoft Word Getting Started. Graphics. Symbols & Characters Equations Illustrations, Pictures & Smart Art Watermarks

Microsoft Word Getting Started. Graphics. Symbols & Characters Equations Illustrations, Pictures & Smart Art Watermarks Microsoft Word 2007 Getting Started Microsoft Office Button The Ribbon (formerly toolbar) Quick access Toolbar Working with Documents Creating a New Document Opening an Existing Document Saving a Document

More information

Introduction. Steps in Creating Web Pages

Introduction. Steps in Creating Web Pages 1 of 7 Introduction A basic web page is a plain text file that has been marked up with tags around a word or phrase to describe how it should be displayed by the web browser. To see the HTML codes of any

More information

GOOGLE DOCS APPLICATION WORK WITH GOOGLE DOCUMENTS

GOOGLE DOCS APPLICATION WORK WITH GOOGLE DOCUMENTS GOOGLE DOCS APPLICATION WORK WITH GOOGLE DOCUMENTS Last Edited: 2012-07-09 1 Navigate the document interface... 4 Create and Name a new document... 5 Create a new Google document... 5 Name Google documents...

More information

Word 2007/2010 Level II Styles

Word 2007/2010 Level II Styles Word 2007/2010 Level II Styles A style is a set of formatting characteristics, such as font name, size, color, paragraph alignment and spacing. Some styles are automatically included in your document in

More information

Microsoft Word 2010 Scavenger Hunt. The commands in Microsoft Word 2003 are similar to that of Microsoft Word 2010 except the placement if different.

Microsoft Word 2010 Scavenger Hunt. The commands in Microsoft Word 2003 are similar to that of Microsoft Word 2010 except the placement if different. Microsoft Word 2010 Scavenger Hunt The commands in Microsoft Word 2003 are similar to that of Microsoft Word 2010 except the placement if different. This scavenger hunt will help you get acquainted with

More information

Introduction to CommonSpot 5.0. Presented by OHSU Web Strategies

Introduction to CommonSpot 5.0. Presented by OHSU Web Strategies Introduction to CommonSpot 5.0 Presented by OHSU Web Strategies Introduction to CommonSpot 5.0 Lesson Summary Turning Off Web Browser Pop up Blockers Internet Explorer 7.x (Win): Tools Pop-up Blocker Turn

More information

Creating Web Pages with Microsoft FrontPage

Creating Web Pages with Microsoft FrontPage Creating Web Pages with Microsoft FrontPage 1. Page Properties 1.1 Basic page information Choose File Properties. Type the name of the Title of the page, for example Template. And then click OK. Short

More information

Basic tutorial for Dreamweaver CS5

Basic tutorial for Dreamweaver CS5 Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to

More information

PowerPoint 2007 Basics Website: http://etc.usf.edu/te/

PowerPoint 2007 Basics Website: http://etc.usf.edu/te/ Website: http://etc.usf.edu/te/ PowerPoint is the presentation program included in the Microsoft Office suite. With PowerPoint, you can create engaging presentations that can be presented in person, online,

More information

Penn State Behrend Using Drupal to Edit Your Web Site August 2013

Penn State Behrend Using Drupal to Edit Your Web Site August 2013 Penn State Behrend Using Drupal to Edit Your Web Site August 2013 Alternative Format Statement This publication is available in alternative media upon request. Statement of Non-Discrimination The Pennsylvania

More information

collab.virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu

collab.virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu Revised 4/28/2014 CONTENTS The eclps Overview... 3 Objectives... 3 Adding the Syllabus or Lessons Tool to

More information

Website Builder Documentation

Website Builder Documentation Website Builder Documentation Main Dashboard page In the main dashboard page you can see and manager all of your projects. Filter Bar In the filter bar at the top you can filter and search your projects

More information

Sitecore Web CMS V 8.0

Sitecore Web CMS V 8.0 DOUGLAS COLLEGE Sitecore Web CMS V 8.0 User Guide Douglas College 6/10/2015 Produced by the Marketing and Communications Office Contents 1.0 An introduction to Sitecore... 3 1.1 System requirements...

More information

Using Wikis Student Guide

Using Wikis Student Guide Using Wikis Student Guide Library and Learning Support 1. Overview 9. Creating anchors and anchors links 2. Accessing a wiki in mybu 10. Inserting images 3. The wiki page 11. Uploading and embedding videos

More information

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK

More information

USING THE UVACOLLAB EDITOR

USING THE UVACOLLAB EDITOR UVACOLLAB USING THE UVACOLLAB EDITOR UVaCollab User Guide Series collab-support@virginia.edu CONTENTS Overview... 3 Objectives... 3 Using the Editor in UVaCollab... 4 Important Caveats... 4 Saving Your

More information

BT Community Web Kit User Guide

BT Community Web Kit User Guide BT Community Web Kit User Guide Version 5 February 2012 Page 1 Contents About BT Community Web Kit... 5 The User Guide... 5 Getting Started... 5 Home Page... 6 BT Community Web Kit Site Navigation... 6

More information

How to Edit Your Website

How 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 information

Table of Contents. WCM Detailed Instructions... 7

Table of Contents. WCM Detailed Instructions... 7 WCM Users Guide Table of Contents Quick Start Logging In... 1 Locating a Page... 1 Opening a Page... 1 Editing a Page... 2 Editing the Home Page (Modules & Blocks... 2 Using the Word Processor... 3 Insert

More information

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,

More information

Excel Introduction

Excel Introduction Excel 2013 - Introduction Table of Contents Introduction... 1 Starting Excel... 1 Layout... 1 Ribbon... 3 Quick Access Toolbar... 3 Mini Toolbar... 4 File tab... 4 Formula Bar... 4 Overview of Workbooks...

More information

Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts

Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade Exercise: Creating two types of Story Layouts 1. Creating a basic story layout (with title and content)

More information

Using the Notes Tool. Companion for using Version 7 of TheBrain. Posted April, TheBrain Technologies LP. All Rights Reserved.

Using the Notes Tool. Companion for using Version 7 of TheBrain. Posted April, TheBrain Technologies LP. All Rights Reserved. Using the Notes Tool Companion for using Version 7 of TheBrain. Posted April, 2012 2012. TheBrain Technologies LP. All Rights Reserved. TheBrain, PersonalBrain, Brain, Thought, Thoughts, and Work the Way

More information

USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor

USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor USER GUIDE Unit 4: Schoolwires Chapter 1: Schoolwires Centricity Version 4.2 TABLE OF CONTENTS Introduction... 1 Audience and Objectives... 1 Getting Started... 1 How the Works... 2 Technical Requirements...

More information

DRUPAL WEB EDITING TRAINING

DRUPAL WEB EDITING TRAINING LOGIN AND VIEW CONTENT Work in Firefox DRUPAL WEB EDITING TRAINING the black logo in the upper right corner to log into Drupal The User Work Area will come up: General Information My Recent Edits the content

More information

User Guide. Chapter 6. Teacher Pages

User Guide. Chapter 6. Teacher Pages User Guide Chapter 6 s Table of Contents Introduction... 3 Tips for s... 4 Pitfalls... 5 Key Information... 6 I. How to add a... 6 II. How to Edit... 9 SharpSchool s WYSIWYG Editor... 10 Publish a... 17

More information

END USER DOCUMENTATION

END USER DOCUMENTATION Version 2010.1.415 End-user manual Last revision: May 04, 2010 1 1 ABOUT THIS GUIDE... 5 1.1 PURPOSE... 5 1.2 WHO SHOULD USE THIS GUIDE... 6 2 ABOUT RADEDITOR... 6 3 RADEDITOR TOOLBARS... 6 4 SYSTEM MODULES...

More information

-SoftChalk LessonBuilder-

-SoftChalk LessonBuilder- -SoftChalk LessonBuilder- SoftChalk is a powerful web lesson editor that lets you easily create engaging, interactive web lessons for your e-learning classroom. It allows you to create and edit content

More information

Microsoft Excel 2013 Part 1: Introduction to Excel

Microsoft Excel 2013 Part 1: Introduction to Excel CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Microsoft Excel 2013 Part 1: Introduction to Excel Summer 2014, Version 1.0 Table of Contents Introduction...3 Starting Excel...3

More information

Creating Accessible Documents in Word 2011 for Mac

Creating Accessible Documents in Word 2011 for Mac Creating Accessible Documents in Word 2011 for Mac NOTE: Word 2011 for Mac does not offer an Accessibility Checker. After creating your document, you can double-check your work on a PC, to make sure your

More information

Vodafone Business Product Management Group. Hosted Services EasySiteWizard Pro 8 User Guide

Vodafone Business Product Management Group. Hosted Services EasySiteWizard Pro 8 User Guide Vodafone Business Product Management Group Hosted Services EasySiteWizard Pro 8 User Guide Vodafone Group 2010 Other than as permitted by law, no part of this document may be reproduced, adapted, or distributed,

More information