Steps in Creating Web Pages

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Steps in Creating Web Pages"

Transcription

1 5 M i n u t e W e b P a g e s - M o z i l l a 1 of 6 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 page open in your browser go to the View menu: Firefox, Mozilla or Netscape - View>Page Source Internet Explorer View>Source The goals are to keep the file size small so it can be transmitted quickly and to create a file that can be read by any browser on any computer with any monitor resolution. A web page editor makes it easy to edit or create web pages; the HTML code is being created for you but you do not have to see it or worry about it. (Note: although a Word document can be converted to HTML, the results are often difficult to edit and will not always work well on certain web servers or browsers.) A simple and free web editor is Mozilla Composer, which is free from While this editor does not support all features it makes it easy to create basic web pages and to edit existing ones. A newer free editor that is similar but has more functionality is Nvu from Steps in Creating Web Pages 1. Planning Create a rough outline of what you would like to include in your web site. Gather any text files and images that you want to include. Decide what links you want to include. If you are creating more than one page, design the flow of your web site. 2. Open Mozilla. From the File menu, select New>Composer Page 3. Save your document as you would any other document (File menu, Save As...). Title: You will first be asked to provide a page title. You can change this at any time prior to publishing your page. (See page 2 of this handout under Page Properties for some guidelines.) File Location: It is best when beginning to save all the files related to your web site in the same folder. File Name: Some web server restrict how you can name the files so it is safest to stick with: Filename no more than 8 digits (with no spaces). Extension htm or html (e.g. waterloo.htm) depending on the server file names in lower case The first page you wish the reader to open should be named according to the requirements of the specific server e.g. index.html, home.html, main.html 4. Enter your text, images, and links. (Note: you can copy and paste from another Windows application such as WordPerfect or Word but will lose the formatting.) Composer will create the HTML code for you. 5. Preview your document as you work by clicking on the Browse button You will be prompted to save changes and your file will open in the Mozilla browser. (Your file is on your computer at this point, not on the Internet.) Return to Composer by clicking on File>Edit Page or selecting it from the Windows task bar at the bottom of your monitor. Make any changes you want, saving as you go. Move between Edit and Preview modes until you are satisfied with your document. Remember to save periodically. 6. When you have finished creating your web page(s), transfer them and associated files (images, sounds, etc.) onto your Web Server account. The staff of the Studio can assist you with this process.

2 5 M i n u t e W e b P a g e s - M o z i l l a 2 of 6 Using Composer to Create or Edit Pages 1. Page Properties From the Format menu, select Page Title and Properties and click on the General tab. Title is the text that appears on the blue Title Bar at the top of the page. (If you don t specify a title, the file name will display.) It is a good idea to specify a title that conveys what your page is all about since this is how many Web search tools locate specific Web pages. Title is used by WebCT as the hyperlink in the table of contents in a content module. Title The following provide additional information helpful to Web users searching for specific topics. All of these are optional and do not show up on your page. They can be seen in the View>Page Source. Author: The name of the person who created the current document. Description: A sentence describing the contents of your document. This is often displayed as the result of a search. (You need to use the HTML options to include keywords that you want search tools such as Google or Yahoo to use for your document. ) 2. Page Colours From the Format menu, select Page Colours and Background: normal text colour sets the default text colour link text sets the colour of the text (or box around an image) that is a hot link to another web page or location on your web page. Linked text (Hyperlink) usually displays as underlined although the individual viewer can switch off the underline. active link text sets the colour that flashes when you click on a link, to indicate you have activated it followed (visited) link text sets the colour that the above will become after you have used it, to indicate that you have been there (followed the link or visited the site) background colour sets the colour of your page background background pattern lets you select an image file for the background instead of a colour. Use a small image that is not too busy and is created to be tiled to fit the size of your readers browsers. Click OK to make the specified changes and close the dialogue box. 3. Formatting text As with all Windows applications, text is formatted by selecting (highlighting with the mouse or keyboard) then clicking on the action you would like, such as size, colour, style, alignment. All options are in the Format menu and some have buttons on the toolbar. Font: The main two options are variable width (most common) or fixed width (like an old typewriter). This lets the reader choose to display text in the font set in their browser. If you specify other fonts, choose ones likely to be found on the viewer s computer or substitutions will appear and you might not like the look. Standard fonts include: PC: Arial, Times New Roman, Courier Mac: Helvetica, Times, Palatino Size: This determines how large or small the characters appear. (This box will be empty if the point size of selected text varies.) You can type a point size in the box or select one from the drop-down list. Only these sizes are supported. (They correspond to the HTML options of -2 to +4.)

3 5 M i n u t e W e b P a g e s - M o z i l l a 3 of 6 Style: This sets the style of the selected character(s), such as italic, bold, or underline. You can also select to apply a special style called blinking which causes text to blink on and off. Colour: You can use the document's default text colour (as specified in Format/Page Colours and Properties), or define a custom colour for selected character(s). Remove All Styles allows you to revert to the default style. 4. Paragraph Style Headings work like Styles in Word. They range from the largest, Heading 1 to the smallest, Heading 6. They let the browser decide on how to display them. They serve to indicate the organization of the content. List style options are Bulleted, Numbered, Description, Directory, or Menu. (Note: When you select a group of items and apply numbered list to them, a # appears in front of each; the actual number doesn t display until it is viewed in the browser.) Align lets you specify whether to align the selected paragraph to the left, right, or centre of the page. These are your only options in basic HTML. Increase and decrease indent buttons move your paragraph (like the tab key). Note that if you use these features with bulleted or numbered lists, the structure changes with each indent. 5. Lines You can insert a horizontal line from the Insert menu. Once it is inserted, you can change its properties such as height, width, and alignment by the following: Point to the line and right-click on it From the menu select Horizontal Line Properties. (If it is not available to you, you have not clicked on the line.) Adjust the settings. Select OK. You can also insert a fancy coloured line as an image (see below). 6. Images An image is any graphic file (a photograph, a fancy bullet or coloured line, a chart that you have produced in a spreadsheet program, etc.). Images must be saved in.gif or.jpg formats. (If you know your audience, you can also use.png files.) It is also desirable to size and adjust the resolution of your file so that it is as small as possible (i.e. fewer kb) in order to load quickly. Note: Further assistance with images is available from the Studio and in workshops and the handouts: Computer Graphics and Web Graphics. Links to sources of copywrite free images are on the Studio web site. To Insert an Image: Place the cursor at the position you want your image to be inserted and open the Insert menu image, or click on the Insert Image icon in the toolbar. You will be presented with a dialogue box. Image file name: insert the image file name (and directory if necessary) or select Choose File to search for it (Reminder: name all files and insert all file names in lower case to ensure consistency.) It

4 5 M i n u t e W e b P a g e s - M o z i l l a 4 of 6 is best to copy the file to the same folder as the web page before inserting it in the page or the path be incorrect. Alternate Text is a brief description of your image which pops up when you point to the image or displays if the image doesn t load. It is important for those who are visually impaired and using a voice synthesizer. Dimensions are important for loading the file. If you don't know the image dimensions (in pixels), let Composer load the original and then you can change the dimensions later if you are not satisfied. Appearance: Spacing around the image refers to space (in pixels) to be left between the image and any text of another image. Solid Border is optional, although if an image is used to anchor a link, a border will be added automatically. AlignText allows you to place your graphic within the text. The wrapping will display when you click on Preview. Link lets you link the image to another web page. To Edit an Image: Select it by clicking on it once OR Right-click on it From the Format menu select Image From the Quick menu select Image Properties Properties Change the image settings Change the image settings Resize an image by clicking on it and dragging a corner handle diagonally. If a large image is resized to display smaller, it does not change the actual file size (number of kb). It should be first resized in a graphic editing application. Note: Images are not embedded inside a web page as they are in word processing. They remain a separate in-line file and must be loaded to the web server along with the HTML page. will 7. Links Some of the most important pieces in a web page are the links to other documents, to another part of this document, t o an address. Links consist of two parts: the text or image that will be hot (sometimes called the anchor) and the destination (information on where the link takes the reader). Select the anchor - text (or the image) on your page that will form the link Either open the Insert menu and choose link or click on the link icon in the toolbar. Enter the destination (link address). There are several types of link addresses to choose from: (a) Absolute addresses are the complete URLs such as: These can be typed in, copied and pasted from the web site, or dragged in from Mozilla (b) (c) Relative addresses give the location and name of a file that will be located in the same server and account. For example, if you link to Page2.htm it is assumed that this file is in the same location as the anchor file. Links to Other Types of Documents are similar to Relative links - when the reader clicks on that link the computer opens the file in the application associated with its extension. For example:*.doc opens in Word, *.xls opens in Excel, *.pdf opens in Adobe Reader. Naturally, the application must be installed on the reader s computer and the computer must associate the extension with that application. (Associations can be viewed and changed from: Start>Settings>Control Panel>Folder Options>File Type.) To create a link to a file:

5 5 M i n u t e W e b P a g e s - M o z i l l a 5 of 6 Select the anchor word or phrase. Create a link as normal using the file s name. Make sure the file is uploaded to the correct folder in order. (d) a ddress: To have text or an image link directly to an , in this section enter in the link to box: e.g. (e) Named Anchors are selected positions (Anchors) in the same or another document. You link to them from your anchor. (For example, you might want to have a link from the bottom of a long page to its top. The top will then be the named anchor for that link, and a button or selected text at the bottom is the link anchor.) Set the Named Anchor: Select the target word or phrase. From the Insert Men u choose Named Anchor Either accept the suggested words or create your own name for this target. Link to the Target Select the anchor text or image. Create a link as normal. The drop-down list under the file name shows named anchors that have been designated on that page. Select the one you want. (If this isn t available, just type #anchorname after the file name. 8. Tables Tables are used in web pages to create a structure to hold text and images in place when people view your page with different monitors, window sizes and browser settings. If the border=0 the table will not show. Create a table from the Insert menu>table or click on the Table icon. The dialogue box lets you choose some options. You will be able to change these later from a right-click menu or Format > Table properties. You can edit the table at any time from a right-click menu or Format > Table properties. Adjust properties for the whole table, for a specific row or column, or an individual cell. (Hint, to select more than one cell, drag while holding the ctrl key down.) WebCT users can put all content in a table set to row= 1, column=1, border=0 and Table Width=80% of window in order to view within the frame structure of WebCT. Otherwise, the text may be too close to the frame. 9. Modifying Existing Pages Sometimes you need to edit a page that is already on the web. Mozilla Open the page and choose File>Edit Page. The page will be opened in Composer, ready to edit. You may save the file on your computer and modify it it to the web server. Internet Explorer Open the page and choose File>Save As. Save the file on your computer then open it in a web editor (e.g. Mozilla Composer). but you need the account ID and password to return

6 5 M i n u t e W e b P a g e s - M o z i l l a 6 of Putting Your Site on a Web Server Up to now you have been creating and editing pages locally (i.e. on your own computer). But they are not yet on the Web and available to others. A web server is a computer with specific software to allow outside computers to request and receive copies of your pages. You must have an account on one of these servers and know the account s ID and password in order to add to it. This account will then have a unique URL. Then you must transfer the files (html documents, associated images and other files) into this account. Usually this is done using a File Transfer application. Humber FirstClass users all have an associated web account. Its URL is (where userid is your FirstClass login ID). To put your web pages into this account: log into FirstClass File>Open>Home Page will add a folder to your desktop called Home Page. It will be empty when you first use it. Drag (or upload) all your files into this folder. Makes sure the first page you want to open is called index.htm or index.html After you have published your pages to the web it is important to test them. Open a web browser and call up your web pages to make sure they work on the web as well as they did on your computer. Sometimes an image doesn t load or a link won t work. Usually this is because the image hasn t been loaded or the name is different from that provided in the web document. Try to repeat this with a different browser and older computer that the one you used to create the pages. Also check that they work equally well in Mac and Windows environments. WebCT users can upload web pages to the File Manager section of the site. The Title will be used as the hypertext in the Table of Contents of the Content Module. File names may be longer than 8 characters but must all be lower case and have no spaces or unusual characters such as * & - (You many use the underscore as a separator if you like.)

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

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

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

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

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

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

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

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

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

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

Getting Started with KompoZer

Getting Started with KompoZer Getting Started with KompoZer Contents Web Publishing with KompoZer... 1 Objectives... 1 UNIX computer account... 1 Resources for learning more about WWW and HTML... 1 Introduction... 2 Publishing files

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

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

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

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

Create a GAME PERFORMANCE Portfolio with Microsoft Word

Create a GAME PERFORMANCE Portfolio with Microsoft Word Create a GAME PERFORMANCE Portfolio with Microsoft Word Planning A good place to start is on paper. Get a sheet of blank paper and just use a pencil to indicate where the content is going to be positioned

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

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

Contents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame...

Contents. Launching FrontPage... 3. Working with the FrontPage Interface... 3 View Options... 4 The Folders List... 5 The Page View Frame... Using Microsoft Office 2003 Introduction to FrontPage Handout INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 1.0 Fall 2005 Contents Launching FrontPage... 3 Working with

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

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

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

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

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

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

Adobe Dreamweaver - Basic Web Page Tutorial

Adobe Dreamweaver - Basic Web Page Tutorial Adobe Dreamweaver - Basic Web Page Tutorial Window Elements While Dreamweaver can look very intimidating when it is first launched it is an easy program. Dreamweaver knows that your files must be organized

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

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

Sage Accountants Business Cloud EasyEditor Quick Start Guide

Sage Accountants Business Cloud EasyEditor Quick Start Guide Sage Accountants Business Cloud EasyEditor Quick Start Guide VERSION 1.0 September 2013 Contents Introduction 3 Overview of the interface 4 Working with elements 6 Adding and moving elements 7 Resizing

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

Creating Webpages in Dreamweaver MX for PC

Creating Webpages in Dreamweaver MX for PC Creating Webpages in Dreamweaver MX for PC Getting Started Before you can create a webpage you need to think about where the page will be stored both locally (i.e., hard drive, CD, disk) and remotely (i.e.,

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

General Electric Foundation Computer Center. FrontPage 2003: The Basics

General Electric Foundation Computer Center. FrontPage 2003: The Basics General Electric Foundation Computer Center FrontPage 2003: The Basics September 30, 2004 Alternative Format Statement This publication is available in alternative media upon request. Statement of Non-discrimination

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

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

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

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

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

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

Dreamweaver 8 Basics

Dreamweaver 8 Basics Dreamweaver 8 Basics Software: Dreamweaver 8 Platform: Mac/PC Overview Dreamweaver is a great tool for producing Web sites. It provides an array of options and functions that speed up the development process

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

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

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

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

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

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

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

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

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

picocms Client Training - A pico-cms.com

picocms Client Training - A pico-cms.com picocms Client Training - A pico-cms.com Find Our User Manual at http://pico-cms.com/user-manual Login: URL(domain name/login) Layout to training: I. Overview about pico II. Users a. Adding a User b. Edit

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

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

In this session, we will explain some of the basics of word processing. 1. Start Microsoft Word 11. Edit the Document cut & move

In this session, we will explain some of the basics of word processing. 1. Start Microsoft Word 11. Edit the Document cut & move WORD PROCESSING In this session, we will explain some of the basics of word processing. The following are the outlines: 1. Start Microsoft Word 11. Edit the Document cut & move 2. Describe the Word Screen

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

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

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

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

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

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

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

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

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

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

HTML Kit: A User Manual. by Paul Strickberger

HTML Kit: A User Manual. by Paul Strickberger HTML Kit: A User Manual by Paul Strickberger HTML Kit User Manual Contents Introduction... 1 The Main Screen... 1 Displaying or Hiding Elements of the Screen...1 Getting Around the Main Screen... 3 The

More information

(These instructions are only meant to get you started. They do not include advanced features.)

(These instructions are only meant to get you started. They do not include advanced features.) FrontPage XP/2003 HOW DO I GET STARTED CREATING A WEB PAGE? Previously, the process of creating a page on the World Wide Web was complicated. Hypertext Markup Language (HTML) is a relatively simple computer

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

Adobe Dreamweaver Student Organizations Publishing Details Getting Started Basic Web Page Tutorial For Student Organizations at Dickinson College *

Adobe Dreamweaver Student Organizations Publishing Details Getting Started Basic Web Page Tutorial For Student Organizations at Dickinson College * Adobe Dreamweaver Student Organizations Publishing Details Getting Started Basic Web Page Tutorial For Student Organizations at Dickinson College * Some Student Organizations are on our web server called

More information

Chapter 14: Links. Types of Links. 1 Chapter 14: Links

Chapter 14: Links. Types of Links. 1 Chapter 14: Links 1 Unlike a word processor, the pages that you create for a website do not really have any order. You can create as many pages as you like, in any order that you like. The way your website is arranged and

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

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1 Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Web Design in Nvu Workbook 1 The demand for Web Development skills is at an all time high due to the growing demand for businesses and individuals to

More information

Word Processing with Microsoft Word 2000

Word Processing with Microsoft Word 2000 Word Processing with Microsoft Word 2000 1. Launch Microsoft Word by clicking on the Start button in the Task Bar. 2. Click on Programs. 3. Choose Microsoft Word from the list of programs. 4. The Office

More information

ADOBE Dreamweaver CS3 Basics

ADOBE Dreamweaver CS3 Basics ADOBE Dreamweaver CS3 Basics IT Center Training Email: training@health.ufl.edu Web Page: http://training.health.ufl.edu This page intentionally left blank 2 8/27/2008 Contents Before you start with Dreamweaver....

More information

PE Content and Methods Create a Website Portfolio using MS Word

PE Content and Methods Create a Website Portfolio using MS Word PE Content and Methods Create a Website Portfolio using MS Word Contents Here s what you will be creating:... 2 Before you start, do this first:... 2 Creating a Home Page... 3 Adding a Background Color

More information

Login: https://ipfw.edu/c Quick Guide for dotcms & Accessibility November 2014 Training: http://ipfw.edu/training

Login: https://ipfw.edu/c Quick Guide for dotcms & Accessibility November 2014 Training: http://ipfw.edu/training dotcms & Accessibility Folders Creating a New Folder Note: All folders showing on menu must have an index page. 1. Right-click the parent folder in which the new folder will reside. 2. Click New > Folder.

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

Digital Marketing EasyEditor Guide Dynamic

Digital Marketing EasyEditor Guide Dynamic Surveys ipad Segmentation Reporting Email Sign up Email marketing that works for you Landing Pages Results Digital Marketing EasyEditor Guide Dynamic Questionnaires QR Codes SMS 43 North View, Westbury

More information

OpenOffice Impress (Presentation Software) Tutorial

OpenOffice Impress (Presentation Software) Tutorial OpenOffice Impress (Presentation Software) Tutorial Table of Contents Introduction...3 Starting OpenOffice Impress...3 Looking at the Screen...4 Creating an Empty (Blank) Presentation...5 Adding Information

More information

Book Builder Training Materials Using Book Builder September 2014

Book Builder Training Materials Using Book Builder September 2014 Book Builder Training Materials Using Book Builder September 2014 Prepared by WDI, Inc. Table of Contents Introduction --------------------------------------------------------------------------------------------------------------------

More information

Creating a website using Voice: Beginners Course. Participant course notes

Creating a website using Voice: Beginners Course. Participant course notes Creating a website using Voice: Beginners Course Topic Page number Introduction to Voice 2 Logging onto your website and setting passwords 4 Moving around your site 5 Adding and editing text 7 Adding an

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

Creating Web Pages with Netscape/Mozilla Composer and Uploading Files with CuteFTP

Creating Web Pages with Netscape/Mozilla Composer and Uploading Files with CuteFTP Creating Web Pages with Netscape/Mozilla Composer and Uploading Files with CuteFTP Introduction This document describes how to create a basic web page with Netscape/Mozilla Composer and how to publish

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

RHYTHMYX USER MANUAL EDITING WEB PAGES

RHYTHMYX USER MANUAL EDITING WEB PAGES RHYTHMYX USER MANUAL EDITING WEB PAGES Rhythmyx Content Management Server... 1 Content Explorer Window... 2 Display Options... 3 Editing an Existing Web Page... 4 Creating a Generic Content Item -- a Web

More information

CS042A. Using Microsoft Word

CS042A. Using Microsoft Word CS042A Using Microsoft Word 2015 Professional Career Development Institute, LLC. All rights reserved. Accredited by the Accrediting Commission of the Distance Education and Training Council. The Accrediting

More information

Terminal Four (T4) Site Manager

Terminal Four (T4) Site Manager Terminal Four (T4) Site Manager Contents Terminal Four (T4) Site Manager... 1 Contents... 1 Login... 2 The Toolbar... 3 An example of a University of Exeter page... 5 Add a section... 6 Add content to

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

Microsoft Word 2003. The Word Window has changed in Office 2003!

Microsoft Word 2003. The Word Window has changed in Office 2003! Microsoft Word 2003 Millsaps College Information Technology Services 2006-2007 Millsaps College Computer Services The Word Window has changed in Office 2003! Menu Bar Formatting Toolbar [modified for 2003]

More information

[D YOUVILLE COLLEGE OUCAMPUS WEB CONTENT MANAGEMENT SYSTEM TRAINING] June 11, 2014

[D YOUVILLE COLLEGE OUCAMPUS WEB CONTENT MANAGEMENT SYSTEM TRAINING] June 11, 2014 MANAGEMENT SYSTEM TRAINING] June 11, 2014 What is OU Campus? OU Campus is a content management system used by D Youville College on www.dyc.edu. It is an easy-to-learn tool for updating Web pages from

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

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

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

Department of Special Education Ball State University Developing Your Digital Portfolio Website

Department of Special Education Ball State University Developing Your Digital Portfolio Website SPCED Portfolio Instructions 1 Department of Special Education Ball State University Developing Your Digital Portfolio Website The following steps will guide you through the process of developing your

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

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

Drupal A Guide for Web Editors

Drupal A Guide for Web Editors University Information Technology Services Kennesaw State University Drupal A Guide for Web Editors Last updated on March 3, 2010 Copyright 2010 KSU Dept. of Information Technology Services This document

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

Introduction To Microsoft Office PowerPoint 2007. Bob Booth July 2008 AP-PPT5

Introduction To Microsoft Office PowerPoint 2007. Bob Booth July 2008 AP-PPT5 Introduction To Microsoft Office PowerPoint 2007. Bob Booth July 2008 AP-PPT5 University of Sheffield Contents 1. INTRODUCTION... 3 2. GETTING STARTED... 4 2.1 STARTING POWERPOINT... 4 3. THE USER INTERFACE...

More information

Web Editing Basics 1 TOPICS

Web Editing Basics 1 TOPICS Web Editing Basics 1 TOPICS 1. Opening your site.1 2. What you see.1 3. Navigate to your Web page 2 4. Make text edits...2 5. Prepare documents and images for the Web 3 6. Move documents and images from

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