Drupal A Guide for Web Editors

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Drupal A Guide for Web Editors"

Transcription

1 University Information Technology Services Kennesaw State University Drupal A Guide for Web Editors Last updated on March 3, 2010

2 Copyright 2010 KSU Dept. of Information Technology Services This document may be downloaded, printed or copied for educational use without further permission of the Information Technology Services Department (ITS), provided the content is not modified and this statement is not removed. Any use not stated above requires the written consent of the ITS Department. The distribution of a copy of this document via the Internet or other electronic medium without the written permission of the KSU ITS Department is expressly prohibited. Published by Kennesaw State University ITS 2010 The publisher makes no warranties as to the accuracy of the material contained in this document and therefore is not responsible for any damages or liabilities incurred from its use.

3 Contents Introduction... 1 Requirements... 2 Accessing the website to be edited... 2 Creating a new webpage... 4 Text formatting... 7 Hyperlinks... 7 Tables... 8 Images Pasting content into the WYSISYG editor Revision Information File attachments Authoring information Publishing options Editing an existing page Deleting an existing page Editing the Navigation Bar Links Editing the Left Sidebar Links Adding to the FAQ Editing a FAQ Deleting a FAQ Drupal Terms Getting Help... 27

4 Introduction Welcome to the Drupal guide for web editors. This booklet aims at providing the stepping stone to edit a website developed in Drupal by offering detailed step by step instructions. Drupal is an online Content Management System that allows you to easily publish, manage, and organize a wide variety of content on a website such as adding pages, changing text and photos, and creating a list of FAQ s, without the need for a web design desktop application such as Dreamweaver. Drupal is also very intuitive (for example: to edit a page, you simply navigate to that page, then click the Edit button, which only appears once you are logged in). Learning Drupal will enable you to update your own portion of the website through an easy to use WYSIWIG (what you see is what you get) text editor, similar to editing in Microsoft Word. You will learn how to edit and add new web pages, manage the menu options, upload an image to the content area, and upload a document with a corresponding hyperlink. With the Drupal system, you can learn to do all of these tasks without using or knowing any html! 1

5 Getting Started Requirements The assumption is that you have been provided access to a KSU themed site developed for your department. There is no software to download or install. You do not need any knowledge of HTML. You can use either a PC or Apple Mac. Accessing the website to be edited 1. Launch the browser of your choice: Mozilla Firefox, Apple Safari or Internet Explorer. Note that some Drupal functionality works better with certain browsers than with others. For example, Internet Explorer for Windows and Safari for Mac do not consistently display WYSIWYG (what you seeis what you get) editing tools. Using Firefox is recommended when working in Drupal as this browser/cms pair has performed well on both Windows and Mac platforms. 2. Point the browser to the website by entering the URL address followed by /user. For example: This will take you to the user login screen as supposed to the actual website s homepage. Figure 1 Login URL 2

6 Figure 2 User Login Page 3. You must be logged in to edit the website. Enter your NetID and password in the login fields. Figure 3 NetID and Password 3

7 4. Navigate to any page on your site. You will notice that at the top of each page there are now two tabs: View and Edit. The View option allows you to see what the site visitors see; the Edit option allows you to change the content on that page. 5. To edit a page simply click the Edit tab. Figure 4 View & Edit Tabs Creating a new webpage If you wish to create a new page, click on Create a page. from the Manage Your Site menu on the left side of the page. Figure 5 Create a Page The Create Page screen appears. 4

8 Figure 6 Create a Page Screen 5

9 1. Enter a title. 2. Click on Menu Settings to expand the area and see more options. Figure 7 Menu Options Expandable Link 3. Enter a menu link title to appear on the links menu. (i.e.: Home) The Menu Link Title should be what you want the name of the actual link to be. Figure 8 Menu Settings 4. Parent Item The drop down menu shows your existing menus and their respective menu items. You can simply select the title of a menu to have your new menu item inserted at the top level of that menu, or you can select a menu item to make your new menu item a child sub menu of that parent menu item. 5. Weight The weight range is from 50 to 50, where 50 is the lightest and floats at the top and, on the contrary, 50 is the highest value and comes at the bottom. 6. Create the body of the page with the help of the formatting toolbar of the WYSIWYG 1 Editor. See Figure 9 1 WYSIWYG: What You See Is What You Get 6

10 Text formatting Figure 9 Formatting Toolbar You can adjust the font size by selecting one of the ten options available from the pull down menu. You can change the font color by clicking on the Text Color button: You also have bold, italics, and bullet list styling options on the toolbar. Hyperlinks You can easily insert links onto the body of your webpage. Links can direct users to either another web page or an address Type the word or sentence you would like to link and highlight it Click in the Insert/Edit Link button. The Link screen appears Select the Link Type from the drop down menu: URL or E Mail For an URL, select the Protocol from the drop down menu: ftp://, news://, or other Type the URL or web address in the URL field without the protocol If you would like the link to open up in a new window, click on the Target tab and select New Window (_blank) from the pull down menu. Figure 10 Link Info 1.7. Click OK to confirm the new link Right clicking on the link will give you the options to open, edit, and remove the link. Figure 11 Link Target 7

11 Tables 1.1. In the WYSIWIG editor, place your cursor where you would like the table to appear Click on the Insert/Edit Table button. The Table Properties screen appears. Figure 12 Table Properties 1.3. Specify the number of rows and columns for your table in the appropriate fields Specify the thickness of the table s bor der (in pixels) or set it to 0 (zero) to make it invisible Set the alignment of your table content to left, center, or right Specify the width of your table in pixels or percentage. For example, if you set the width at 50 percent, the table will take 50 percent of the editing area s width You can insert spacing between cells by increasing the cell spacing. The higher the number, the further apart the cells will be You can insert padding between the cells borders and their content (i.e.: text, image) by increasing the cell padding Use the caption field to give an optional title to your table. The title will appear above the table Use the Summary field to type an optional comment. The comment will not appear in the table. It is for usage only. Refer to Figure 13 for an example of a table and its properties. 8

12 Figure 13 Table Example Working with the table 1.1. To adjust the table properties: Right click on the table Select Table Properties from the menu Make your modifications and click OK To delete the table: Right click on the table. Figure 14 Table Context Menu Select Delete Table from the menu. 9

13 1.3. To adjust cell properties: Right click on the table Select Cell from the menu Select Cell Properties. The Cell Properties screen appears. Figure 15 Accessing Cell Properties Figure 16 Cell Properties Cell Properties give you the following options: Width: To set the cell width in pixels or in percentage of the table width. Height: To set the height of the cell. Word Wrap: To turn on/off word wrapping. Horizontal Alignment: To determine the horizontal alignment of the text in your cell. It can be set to Left, Center or Right. Vertical Alignment: To determine the vertical alignment of the text in your cell. It can be set to Top, Middle, Bottom or Baseline. Rows span: To extend vertical rows. Columns span: To extend cells on a horizontal row (left and right). 10

14 Background color: To set the background color of your cell. You can either select a color or type it manually. Border Color: To set the color of your cells border. You can either select a color or type it manually To insert or delete rows, columns and cells: Right click on the table Select Cell, Row or Column Select Insert or Delete Images Figure 17 Adding & Deleting Cells, Rows & Columns 1.1. In the WYSIWYG Editor, place your cursor where you would like the image to appear Click on the Insert/Edit Image button. The Image Properties screen appears. Figure 18 Image Properties 11

15 1.3. Click on the Browse Server button to upload an image from your computer hard drive, USB flash drive or network. The Browse Server button is located to the right of the URL field On the next screen, which displays the site s media assets directory, click on Upload. Figure 19 Media File Manager 1.5. The File: field appears. Click on the Browse button Locate and select the file you want to upload and click on the Open button Click on the Upload button. The file has now been added to the File name list You can manipulate the image, if necessary: If you need to delete the image file, click on the file name to select it then click on Delete If you need to resize the image, click on the file name to select it then click on Resize. Enter a new width and a new height then click on the Resize button If you would like to create a thumbnail, click on the file name to select it then click on Thumbnails. Check one or more of the size options then click on the Create thumbnails button Click on Send to FCKEditor to close the window and place the image on the Image Properties screen. Note that the path to the image fills the URL field and that the image appears in the Preview pane Enter a short image description in the Alternative Text field. This is for inputting text to display in case the image does not appear. 12

16 Figure 20 Image URL & Alternate Text Image positioning The default placement of an image is left aligned, with the base of the image lining up with the base of any text next to the insertion point. When an image is left aligned, any text next to that image will start at the top of the image and wrap around the right and bottom of the image. The tool for inserting the image lets you change the alignment of the image Select Right from the Align drop down list to align the image to the right. The text will then wrap around the left and bottom of the image. The default spacing between the image and the text is narrow. You can increase both the vertical and the horizontal spaces around the image Enter your spacing in pixels in the HSpace field for horizontal space and in the VSpace field for vertical space. In our example, we have 50 for hspace and 15 for vspace. Refer to figures 15 and 16 to see how hspace and vspace affect the positioning of text around the image. 13

17 Figure 21 No Spacing Figure 22 Spacing 1.3. By default, the image does not have a border. You can add a border around the image by entering a thickness value in the Border field. The number you input will be the width in pixels of the border. The higher the number, the thicker the border becomes Click on the Link tab if you need to link the image to another webpage Enter a URL to an external website or click on the Browse Server button to link the image to a page on your site If you would like the link to open up in a new window, select New Window (_blank) from the pull down menu under Target Click on OK to set the image properties and return to the edit screen If you need to modify these image properties, right click on the image and select Image Properties from the menu. 14

18 Pasting content into the WYSISYG editor You can easily copy/cut content created outside Drupal into the editor Select and copy/cut the content you need to insert into your Drupal page In the WYSIWYG editor, right click where you want to insert content and select Paste. A Paste window may appear depending on the web browser you are using Hit ctrl+v to paste the content into the window Click Ok. Revision Information You will find the Revision Information feature below the WYSIWYG editor. This tool allows you to create a history of edits made to the page along with explanations of the additions and changes made Click on Revision Information to expand the area Select the checkbox next to Create new Revision Enter an explanation for the revision in the Log Message window. Figure 23 Revision Information Entry You will now see a Revisions tab when viewing the page. Figure 24 Revisions Tab 15

19 1.4. Click on the Revisions tab to view the history of revisions, revert to an earlier revision, and delete revisions. Figure 25 Revisions Log To delete a revision, click on delete next to the revision to be removed. Figure 26 Delete Confirmation To revert to an earlier revision, click on revert next to the revision set to replace the current version. Figure 27 Revert Confirmation Note that the reverting mechanism does not delete the current revision. Instead, it clones the earlier revision that the page is reverted to and places that copy ahead of the replaced revision. For example, you have 4 revisions: 1, 2, 3, current. When you decide to revert to revision 2, a copy of revision 2 is made and set as the current revision. You then have 5 revisions: 1, 2, 3, 4, current, where revision 4 is the previous current revision and the current revision is a copy of revision 2. 16

20 Click on the Edit tab. File attachments 1.1. Click on File attachments to expand the area Click once on the file to select it then click on the Open button Click on the Attach button. The file uploads. Figure 28 File Attachments Click on the Browse button to find your document. You may upload any document with the following extensions: jpg, jpeg, gif, png, txt, doc, docx, xls, xlsx, pdf, ppt, pptx, pps, ppsx, odt, ods, odp. The maximum file size is 100 Megabytes. Figure 30 Attached File Figure 29 Attachment 17

21 1.5. The attached file is placed on the page but it will not be accessible by users unless you place a link to the document on the page Insert a link to the document Place the cursor in the editor where you want to insert the link to the attached file Enter some text for the link and highlight it. (i.e.: Click here to view document) Click on the Insert/Edit Link button on the toolbar. The Link window appears Click on the Browse Server button Click on the file you attached to select it Click on Send to FCKEditor Click Ok. Authoring information This section conta ins the name of the user who edited the page as well as a time/date stamp. Figure 31 Authoring Information Publishing options This area lets you set the publishing options for the page. The different options will do the following: Published: This option sets a flag on the content you are editing that marks it as being published. Once you click on the Submit button, the content will appear on the site. If it is not published, the content will be stored, but it will remain invisible to most users. 18

22 Promoted to front page: This option will place the content on the front page of your site. Sticky at the top of lists: This option sets a flag on the content that tells the system that if the content is shown in a list, then this item will float at the top of the list. 1. Click on the Preview button at the end of the page. The content preview appears at the top of the page. Always preview before submission for confirmed output. 2. Click on the Submit button at the bottom of the page. A confirmation message should appear to inform you that the page has been added and the menu link has been created. 3. Log out then click on the link to the page you just created to see how your page appears to site visitors. 4. To log back in, return to Editing an existing page 1. Click on the link to the page you want to modify Click on the Edit tab. Make your edits. Click on the Save button. Deleting an existing page 1. Click on the link to the page you want to modify. 2. Click on the Edit tab. 3. Click on the Delete button at the bottom of the page. Editing the Navigation Bar Links Figure 32 Edit the Navigation Bar Links 19

23 1. Click on Edit the Navigation Bar Links under Manage Your Site to access the Navigation Bar Menu. The Navigation Bar Menu screen appears. Figure 33 Navigation Bar Menu 2. The List Items tab allows you to configure your menu items The Enabled option allows you to set the links visibility on the navigation bar De select a checkbox to render a menu item invisible Select its checkbox to make a menu item visible Drag and drop menu items to reorder them by clicking and dragging this symbol: Figure 34 Reordering Menu Items 2.5. Select the Expanded checkbox to display any child links Click on edit next to the menu item you want to edit Make your changes Click on Save Click on delete next to the menu item you want to delete and confirm the deletion. 20

24 Figure 35 Menu Item Deletion Confirmation 2.8. Click on the Save Configuration button to validate all of your changes. 3. The Add item tab lets you add one or more menu items to the navigation bar menu Enter the actual link into the Path field Enter a Menu Link Title to be displayed on the navigation bar Enter an optional descriptio n. This description will be displayed when a mouse cursor hovers over the menu item Select the Enabled and Expanded options as needed Set the link as parent or place it under a Parent Item Set an optional weight to adjust the order of the links Click on the Save button. 21

25 Figure 36 Adding a Menu Item 22

26 4. The Edit Menu tab allows you to change the name of the navigation bar menu and its description. Editing the Left Sidebar Links Figure 37 Edit Navigation Bar Menu Title Click on Edit the Left Sidebar Links under Manage Your Site to access the Left Sidebar Links. The Left Sidebar Links screen appears. Follow the same steps as for the Navigation Bar Menu. 23 Figure 38 Left Sidebar Links

27 Adding to the FAQ Frequently Asked Questions or FAQ s can be great resources for helping site visitors find information. In Drupal, you enter each question as a separate piece of content. Each question added will appear, and when clicked on, its answer will be revealed. Creating a FAQ: If you wish to create a new page, click on Add to the FAQ. from the Manage Your Site menu on the left side of the page. The Create FAQ screen appears. Figure 39 Create FAQ 24

28 1. Click on Menu Settings to expand the area and enter the information as you did when you created a new page. 2. Enter the question you wish to display in the Question: text field. 3. Enter the answer to your question in the Answer: text field. 4. Scroll down to the other options and enter any information as necessary. 5. Click on the Preview button at the end of the page. The content preview appears at the top of the page. Figure 40 Preview FAQ 6. Click on the Save button when you are done adding the content. 7. Repeat the process to add additional questions and answers to the FAQ s. Editing a FAQ 1. Go to the Frequently Asked Questions page, and then go to the FAQ you need to modify. 2. Click on the question. An Edit tab appears. 3. Click on the Edit tab, make your modifications, and click on Save. Deleting a FAQ 1. Go to the Frequently Asked Questions page, and then go to the FAQ you need to delete. 2. Click on the question. An Edit tab appears. 3. Click on the Edit tab, and click on Delete at the bottom of the page. 25

29 Drupal Terms Page A page, similar in form to a story, is a simple method for creating and displaying information that rarely changes, such as an "About us" section of a website. By default, a page entry does not allow visitor comments and is not featured on the site's initial home page. Front Page This is the first page that site visitors see. Story Node Path URL A story, similar in form to a page, is ideal for creating and displaying content that informs or engages website visitors. Press releases, site announcements, and informal blog like entries may all be created with a story entry. By default, a story entry is automatically featured on the site's initial home page, and provides the ability to post comments. A node is a piece of content in Drupal, typically corresponding to a single page on the site, which has a Title, an optional Body, and perhaps additional fields. Examples of nodes are polls, stories, book pages, images, etc. A path is the internal address of a node or content. (i.e.: node/15) The URL (Uniform Resource Locator) is the text you type into the address bar of your web browser to access a web page. (i.e.: Teaser This is a paragraph which only contains the first few words or sentences of a piece of content, usually with a link to the complete node. Content Content is typically text, images, video, and downloadable files. Most of the content exists as nodes but everything placed within blocks, menus, and so forth is also content. FCKeditor FCKeditor is a lightweight text editor to be used in web pages. It provides most of the commonly used functions from desktop editors like Word to the web. By using FCKeditor you can write text, format it, create tables, insert images, and add hyperlinks. Hyperlink or Link A section of text or image on a web page that, when clicked, will take you to another web page. 26

30 Getting Help Information Technology Services (ITS) Service Desk If you need additional help getting familiar with the new system, you may contact the Service Desk by phone at or by at 27

Microsoft FrontPage 2003

Microsoft FrontPage 2003 Information Technology Services Kennesaw State University Microsoft FrontPage 2003 Information Technology Services Microsoft FrontPage Table of Contents Information Technology Services...1 Kennesaw State

More information

Creating a Website with Publisher 2013

Creating a Website with Publisher 2013 Creating a Website with Publisher 2013 University Information Technology Services Training, Outreach, Learning Technologies & Video Production Copyright 2015 KSU Division of University Information Technology

More information

SoftChalk. Level 1. University Information Technology Services. Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production

SoftChalk. Level 1. University Information Technology Services. Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production SoftChalk Level 1 University Information Technology Services Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production Page 1 of 49 Copyright 2013 KSU Department of University Information

More information

Creating a Web Site with Publisher 2010

Creating a Web Site with Publisher 2010 Creating a Web Site with Publisher 2010 Information Technology Services Outreach and Distance Learning Technologies Copyright 2012 KSU Department of Information Technology Services This document may be

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

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

WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13

WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13 WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13 CONTENTS Things to Remember... 2 Browser Requirements... 2 Why Some Areas of Your Website May Not Be CMS Enabled...

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

Saving work in the CMS... 2. Edit an existing page... 2. Create a new page... 4. Create a side bar section... 4

Saving work in the CMS... 2. Edit an existing page... 2. Create a new page... 4. Create a side bar section... 4 CMS Editor How-To Saving work in the CMS... 2 Edit an existing page... 2 Create a new page... 4 Create a side bar section... 4 Upload an image and add to your page... 5 Add an existing image to a Page...

More information

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

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

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

Microsoft Office: PowerPoint Intro to PowerPoint

Microsoft Office: PowerPoint Intro to PowerPoint Microsoft Office: PowerPoint 2013 Intro to PowerPoint University Information Technology Services Training, Outreach and Learning Technologies Copyright 2014 KSU Department of University Information Technology

More information

Adobe Dreamweaver CC 14 Tutorial

Adobe Dreamweaver CC 14 Tutorial Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site

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

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

Kentico CMS User s Guide 3.0. Content Management System for the Faculty of Medicine Website

Kentico CMS User s Guide 3.0. Content Management System for the Faculty of Medicine Website Kentico CMS User s Guide 3.0 Content Management System for the Faculty of Medicine Website 2 Kentico CMS User s Guide 3.0 Table of Contents 1 Introduction 3 1.1 CMS overview... 3 1.2 Signing in... 3 1.3

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

Welcome to the Drupal How to Guide for Business/Association Member

Welcome to the Drupal How to Guide for Business/Association Member www.webprophets.com.au PO Box 2007 St Kilda West Victoria Australia 3182 Phone +61 3 9534 1800 Fax +61 3 9534 1100 Email info@webprophets.com.au Web www.webprophets.com.au Welcome to the Drupal How to

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

ADP Workforce Now Portal Administrator Guide. Version 2.0 2.0-1

ADP Workforce Now Portal Administrator Guide. Version 2.0 2.0-1 ADP Workforce Now Portal Administrator Guide Version 2.0 2.0-1 ADP Trademarks The ADP logo, ADP, and ADP Workforce Now are registered trademarks of ADP, Inc. Third-Party Trademarks Microsoft, Windows,

More information

OU Campus Web Content Management

OU Campus Web Content Management DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT DRAFT OU Campus Web Content Management Table of Contents OU Campus Web Content Management... 1 Introduction

More information

Jadu Content Management Systems Web Publishing Guide. Table of Contents (click on chapter titles to navigate to a specific chapter)

Jadu Content Management Systems Web Publishing Guide. Table of Contents (click on chapter titles to navigate to a specific chapter) Jadu Content Management Systems Web Publishing Guide Table of Contents (click on chapter titles to navigate to a specific chapter) Jadu Guidelines, Glossary, Tips, URL to Log In & How to Log Out... 2 Landing

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

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

Site Maintenance. Table of Contents

Site Maintenance. Table of Contents Site Maintenance Table of Contents Adobe Contribute How to Install... 1 Publisher and Editor Roles... 1 Editing a Page in Contribute... 2 Designing a Page... 4 Publishing a Draft... 7 Common Problems...

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

Joomla! 2.5.x Training Manual

Joomla! 2.5.x Training Manual Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials

More information

ADOBE DREAMWEAVER CS3 TUTORIAL

ADOBE DREAMWEAVER CS3 TUTORIAL ADOBE DREAMWEAVER CS3 TUTORIAL 1 TABLE OF CONTENTS I. GETTING S TARTED... 2 II. CREATING A WEBPAGE... 2 III. DESIGN AND LAYOUT... 3 IV. INSERTING AND USING TABLES... 4 A. WHY USE TABLES... 4 B. HOW TO

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

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

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

CoSN. Drupal User Manual. August 20, Carolyn Pierce Tate, Senior Project Manager

CoSN. Drupal User Manual. August 20, Carolyn Pierce Tate, Senior Project Manager CoSN Drupal User Manual August 20, 2013 Carolyn Pierce Tate, Senior Project Manager carolyn.tate@balanceinteractive.com Table of Contents Introduction... 6 Drupal Defined... 6 Drupal Workspace... 6 Drupal

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

2. Click on Add content, then choose Page. 3. Here, we will want to enter in a short but fitting title for the page.

2. Click on Add content, then choose Page. 3. Here, we will want to enter in a short but fitting title for the page. Drupal 7 Content Editing Tutorial Note: If, at any time, you are unable to access a certain part of the site or do not see an option shown in the tutorial, please kindly ask your administrator to give

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

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

CMS Training. Prepared for the Nature Conservancy. March 2012

CMS Training. Prepared for the Nature Conservancy. March 2012 CMS Training Prepared for the Nature Conservancy March 2012 Session Objectives... 3 Structure and General Functionality... 4 Section Objectives... 4 Six Advantages of using CMS... 4 Basic navigation...

More information

CWU Content Management System (CMS) User Guide

CWU Content Management System (CMS) User Guide CWU Content Management System (CMS) User Guide Last Revision: July 14, 2014 Version: 1.7 CWU Content management System (CMS) User Guide 2 Table of Contents NOTE: Copyright Guidelines... 4 What is a content

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

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

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

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

Terminal 4 Site Manager User Guide. Need help? Call the ITD Lab, x7471

Terminal 4 Site Manager User Guide. Need help? Call the ITD Lab, x7471 Need help? Call the ITD Lab, x7471 1 Contents Introduction... 2 Login to Terminal 4... 2 What is the Difference between a Section and Content... 2 The Interface Explained... 2 Modify Content... 3 Basic

More information

Web Ambassador Training on the CMS

Web Ambassador Training on the CMS Web Ambassador Training on the CMS Learning Objectives Upon completion of this training, participants will be able to: Describe what is a CMS and how to login Upload files and images Organize content Create

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

Have you seen the new TAMUG websites?

Have you seen the new TAMUG websites? 4 For all Cascade Management System request for PUBLISHING please email cms@tamug.edu for the quickest response. For all Cascade Management System request for QUESTIONS or COMMENTS please email cascadeusers@tamug.edu

More information

Using PowerPoint 2011 at Kennesaw State University

Using PowerPoint 2011 at Kennesaw State University Using PowerPoint 2011 at Kennesaw State University Creating Presentations University Information Technology Services Training, Outreach, Learning Technologies and Video Production Copyright 2011 University

More information

3. We will work with the Page Content Web Part, so single click Edit Content

3. We will work with the Page Content Web Part, so single click Edit Content Using SharePoint to Create Web Pages Signing In 1. Open Internet Explorer 2. Type in the school URL: https://www.fsd1.org/schools/schoolname or teacher sub-site URL https://www.fsd1.org/schools/schoolname/yourusername

More information

UW WEB CONTENT MANAGEMENT SYSTEM (CASCADE SERVER)

UW WEB CONTENT MANAGEMENT SYSTEM (CASCADE SERVER) UW WEB CONTENT MANAGEMENT SYSTEM (CASCADE SERVER) LEVEL 1 Information Technology Presented By: UW Institutional Marketing and IT Client Support Services University of Wyoming UW CONTENT MANAGEMENT SYSTEM

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

How to Build a More Effective XSite

How to Build a More Effective XSite How to Build a More Effective XSite presented by a la mode Course Highlights Take advantage of advanced design and content features Enable XSite access and features for your employees and colleagues Introduction

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

Content Manager User Guide Information Technology Web Services

Content Manager User Guide Information Technology Web Services Content Manager User Guide Information Technology Web Services The login information in this guide is for training purposes only in a test environment. The login information will change and be redistributed

More information

Creating Personal Web Sites Using SharePoint Designer 2007

Creating Personal Web Sites Using SharePoint Designer 2007 Creating Personal Web Sites Using SharePoint Designer 2007 Faculty Workshop May 12 th & 13 th, 2009 Overview Create Pictures Home Page: INDEX.htm Other Pages Links from Home Page to Other Pages Prepare

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

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

Content Management System User Guide

Content Management System User Guide Content Management System User Guide support@ 07 3102 3155 Logging in: Navigate to your website. Find Login or Admin on your site and enter your details. If there is no Login or Admin area visible select

More information

Virtual Owl. Guide for Windows. University Information Technology Services. Training, Outreach, Learning Technologies & Video Production

Virtual Owl. Guide for Windows. University Information Technology Services. Training, Outreach, Learning Technologies & Video Production Virtual Owl Guide for Windows University Information Technology Services Training, Outreach, Learning Technologies & Video Production Copyright 2015 KSU Division of University Information Technology Services

More information

USM Web Content Management System

USM Web Content Management System University of Southern Maine USM Web Content Management System USM Web CMS Technical Development Group 4/26/2011 Content o Introduction o Login o User Roles o Group Member o Group Publisher o Group Admin

More information

NJCU WEBSITE TRAINING MANUAL

NJCU WEBSITE TRAINING MANUAL NJCU WEBSITE TRAINING MANUAL Submit Support Requests to: http://web.njcu.edu/its/websupport/ (Login with your GothicNet Username and Password.) Table of Contents NJCU WEBSITE TRAINING: Content Contributors...

More information

Google Sites Getting Started

Google Sites Getting Started Google Sites Getting Started 1. Log into your gmail account 2. Click on Sites 3. Click on Create 4. Choose a Template if you want (these will have preset elements and page settings which you can then adapt

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

How-to Guide: MIT DLC Drupal Cloud Theme

How-to Guide: MIT DLC Drupal Cloud Theme How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this

More information

Editor User Guide State of North Carolina

Editor User Guide State of North Carolina Editor User Guide State of North Carolina April 2015 North Carolina Common Digital Experience: Unified Look & Feel Drupal 7 Platform Description This guide is intended for users with basic content creator

More information

Microsoft Office Excel 2016 for Windows

Microsoft Office Excel 2016 for Windows Microsoft Office Excel 2016 for Windows Introduction to Excel University Information Technology Services Learning Technologies, Training & Audiovisual Outreach Copyright 2016 KSU Division of University

More information

Dreamweaver CS 5.5. Information Technology Services. Outreach and Distance Learning Technologies. Creating Web Pages with a Template

Dreamweaver CS 5.5. Information Technology Services. Outreach and Distance Learning Technologies. Creating Web Pages with a Template Dreamweaver CS 5.5 Creating Web Pages with a Template Information Technology Services Outreach and Distance Learning Technologies Copyright 2012 KSU Department of Information Technology Services This document

More information

Redback Solutions. Visionscape Manual

Redback Solutions. Visionscape Manual Redback Solutions Visionscape Manual Updated 31/05/2013 1 Copyright 2013 Redback Solutions Pty Ltd. All rights reserved. The Visionscape Content Management System (CMS) may not be copied, reproduced or

More information

Microsoft Office PowerPoint 2016 for Windows

Microsoft Office PowerPoint 2016 for Windows Microsoft Office PowerPoint 2016 for Windows Introduction to PowerPoint University Information Technology Services Learning Technologies, Training & Audiovisual Outreach Copyright 2016 KSU Division of

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

Creating Interactive PDF Forms

Creating Interactive PDF Forms Creating Interactive PDF Forms Using Adobe Acrobat X Pro Information Technology Services Outreach and Distance Learning Technologies Copyright 2012 KSU Department of Information Technology Services This

More information

Create a Web Page with Dreamweaver

Create a Web Page with Dreamweaver Create a Web Page with Dreamweaver Dreamweaver is an HTML editing program that allows the beginner and the advanced coder to create Web pages. 1. Launch Dreamweaver. Several windows appear that will assist

More information

Using Adobe Dreamweaver CS4 (10.0)

Using Adobe Dreamweaver CS4 (10.0) Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called

More information

Chapter 3: The Schoolwires Editor

Chapter 3: 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. Introduction to the Schoolwires

More information

Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL

Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL K5 CMS The K5 Content Management System (CMS), previously known as Kwik-Az Updating, is a small downloadable program that permits

More information

Editing Drupal 7 Sites. Basic page editing. March 2015

Editing Drupal 7 Sites. Basic page editing. March 2015 Editing Drupal 7 Sites March 2015 Basic page editing To begin editing, log in by adding /user to the end of your website address at the top. Ie: www.beloitlibrary.org/user Username Password Navigate to

More information

Training Manual Version 1.0

Training Manual Version 1.0 State of Indiana Content Management System Open Text v.11.2 Training Manual Version 1.0 Developed by Table of Contents 1. Getting Started... 4 1.1 Logging In... 4 1.2 OpenText Menu...5 1.3 Selecting a

More information

RADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide

RADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide RADFORD UNIVERSITY Radford.edu Content Administrator s Guide Contents Getting Started... 2 Accessing Content Administration Tools... 2 Logging In... 2... 2 Getting Around... 2 Logging Out... 3 Adding and

More information

Information Technology

Information Technology Information Technology Drupal Manual Revised: August 2013 Training and Empowerment Table of Contents Drupal Manual 1 Important notes... 1 2 How to login... 1 3 How to create a Bookmark to your Business

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

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

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

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

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

CONTENT MANAGEMENT SYSTEM USER GUIDE

CONTENT MANAGEMENT SYSTEM USER GUIDE CONTENT MANAGEMENT SYSTEM USER GUIDE TABLE OF CONTENTS Logging in to the CMS...p. 3 Folders...p. 4 Creating a web page...p. 5 Step one: create your content section...p. 5 Step two: use a smart form to

More information

Access Edit Menu... 2. Edit Existing Page... 3. Auto URL Aliases... 5. Page Content Editor... 7. Create a New Page... 17. Page Content List...

Access Edit Menu... 2. Edit Existing Page... 3. Auto URL Aliases... 5. Page Content Editor... 7. Create a New Page... 17. Page Content List... DRUPAL EDITOR Content Management Instructions TABLE OF CONTENTS Access Edit Menu... 2 Edit Existing Page... 3 Auto URL Aliases... 5 Page Content Editor... 7 Create a New Page... 17 Page Content List...

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

State of Indiana Content Management System. Training Manual Version 2.0. Developed by

State of Indiana Content Management System. Training Manual Version 2.0. Developed by State of Indiana Content Management System Training Manual Version 2.0 Developed by Table of Contents Getting Started... 4 Logging In... 5 RedDot Menu... 6 Selecting a Project... 7 Start Page... 8 Creating

More information

TeleVox Solutions Website Powered by iapps - FAQs

TeleVox Solutions Website Powered by iapps - FAQs TeleVox Solutions Website Powered by iapps - FAQs General Questions Q. How do I reset my password? A. Once logged into iapps, from your Dashboard navigate to Edit Profile and insert a new password in the

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

Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9.

Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9. Working with Tables in Microsoft Word The purpose of this document is to lead you through the steps of creating, editing and deleting tables and parts of tables. This document follows a tutorial format

More information

Lions Clubs International e-district House Content Management System (CMS) Training Guide

Lions Clubs International e-district House Content Management System (CMS) Training Guide Lions Clubs International e-district House Content Management System (CMS) Training Guide All of the material contained in this guide is the exclusive property of Alkon Consulting Group, Inc. (Alkon).

More information

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

The HTML Editor INFORMZ USER GUIDE: Version 1.0 January 13, 2013 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,

More information

Welcome to Freestart s Online Software

Welcome to Freestart s Online Software Instruction Manual Welcome to Freestart s Online Software the folowing pages will guide you through step by step on how to use our Site Control Panel Customer Help Line 0870 8034679 Contents Design Selection

More information

Drupal 7.x Editor s Manual

Drupal 7.x Editor s Manual Drupal 7.x Editor s Manual Drupal 7.x Editor s Manual Page 1 Login... 3 Login Login URL... 3 Finding Editable Content... 4 Finding Editable Content Finding Pages... 4 Finding Editable Content Finding Blocks...

More information

Web Portal User Guide. Version 6.0

Web Portal User Guide. Version 6.0 Web Portal User Guide Version 6.0 2013 Pitney Bowes Software Inc. All rights reserved. This document may contain confidential and proprietary information belonging to Pitney Bowes Inc. and/or its subsidiaries

More information

Drupal Content Manager

Drupal Content Manager U I T S Drupal Content Manager The University of Arizona updated 07.31.09 For information and permission to use our PDF manuals, please contact uitsworkshopteam@listserv.com PDFs available at www.uits.arizona.edu/workshops

More information

Where do I start? DIGICATION E-PORTFOLIO HELP GUIDE. Log in to Digication

Where do I start? DIGICATION E-PORTFOLIO HELP GUIDE. Log in to Digication You will be directed to the "Portfolio Settings! page. On this page you will fill out basic DIGICATION E-PORTFOLIO HELP GUIDE Where do I start? Log in to Digication Go to your school!s Digication login

More information

Mura CMS. (Content Management System) Content Manager Guide

Mura CMS. (Content Management System) Content Manager Guide Mura CMS (Content Management System) Content Manager Guide Table of Contents Table of Contents 1. LOGGING IN...1 2. SITE MANAGER...2 3. ADDING CONTENT (Pages, Folders, etc.)...6 4. WORKING WITH IMAGES...15

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