Adobe Dreamweaver CS4: Learning the Tools

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Adobe Dreamweaver CS4: Learning the Tools"

Transcription

1 Adobe Dreamweaver CS4: Learning the Tools Dreamweaver is an HTML (Hypertext Markup Language) editor, authoring tool, and Web site management tool. Dreamweaver is a WYSIWYG (what you see is what you get) web page editor that is very powerful and easy to use. Dreamweaver CS4 uses XHTML XHTML is the next generation of HTML, and is a hybrid between HTML and XML. XML was designed to describe data. HTML was designed to display data. Not all browsers support XML, so XHTML provides an intermediary solution and can be interpreted by XML and HTML browsers. Note: In most cases, you may not notice the difference between HTML and XHTML. XHTML has a stricter syntax than HTML, but Dreamweaver writes the new code just as easily. Dreamweaver even has an option for converting HTML pages to XHTML: File > Convert > XHTML. You will see a new DOCTYPE declaration at the top of the text in Code View, and the tags and properties will be converted to the correct syntax for XHTML. XHTML settings are located in the Edit > Preferences menu

2 The Work Area When you launch Dreamweaver you will have the option as to how the panels display with the work area. Change the view of the Panels and Panel Groups accordingly to reflect what you are creating or editing. The Dreamweaver 8/CS3/CS4 look is streamlined and saves screen space making the interface a lot easier to learn. The Document Window displays your web page approximately as it will appear in a web browser. Insert Bar The Insert Bar contains buttons for inserting common web page elements such as images, tables, layers, hyperlinks, and rollover images. What You Should Know About the Insert Bar In Dreamweaver CS4, use the Classic view to display the Insert Bar in a tabbed Menu. Using the Classic view will display Dreamweaver tools similar to CS3. U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 2 of 18

3 Categories of the Insert Bar Beginning in the MX 2004 version, tools are regrouped in the Insert Bar according to their similarity and are identified as a group by the arrow in the lower right-hand corner of the icon. For example, the Image icon from the Common menu of the Insert Bar has a grouped or fly-out menu containing other image tools. Click the arrow next to the icon to display the menu with the additional image tools. Tip: Most items on the Insert Bar are also available in the Insert Menu. The Properties Inspector The Properties Inspector displays formatting attributes for the selected object in the document. The default view of the Properties Inspector will show HTML formatting tools. Easily switch to CSS tools by clicking on the CSS button. The tools in the Properties Inspector change when working with different objects on the page. For example, if an image is selected, then image tools will appear in the Properties Inspector. U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 3 of 18

4 The Document Window Document Toolbar The Document Toolbar allows access to several page options such as the page title, different document view options, an option to Put or Get files to/from the Remote (Web) Server, preview in browser, and several other options. The Title Bar contains the title of the current Web Page. Note: this title will also appear in the title bar of the Web browser, and will be used as a bookmark name if the end user adds the page to their favorite list. Tip: See Page 9 of this document for more information on Document Titles. Tip: An Example of a proper title would be: Staff Information, Foreign Languages Department It is best practice to identify the page, the department, and end with a reference to Colorado State University. Status Bar At the bottom of the Document Window is the Status Bar, which contains tools to help you get information about the web page. Tag Selector The Tag Selector is located in the lower-left corner of the Status Bar and provides easy access to select HTML tags on your page. Window Size Pop-up Menu The Window Size Pop-up Menu is a guide that you can use when designing web pages. Select the arrow in the lower right corner of the tool to display a list of browser window dimensions. Tip: if the options from the Window Size Pop-up pull down menu are not available, then restore down your document window. Selecting an option from the pull down menu will resize your work area or document to the selected window dimension. Example, when choosing to design a web page at a 1024 x 768 resolution, the actual viewable dimensions in the browser window are 955 x 600 pixels. The dimensions are less than the screen resolution because the browser interface takes up space. U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 4 of 18

5 The Screen resolution helps when designing and viewing a web page because you can see how your document will look at different resolutions. Use this tool to verify that your page looks good at all resolutions. Download Statistics The Download Statistics field is located to the right of the Window Size menu. This field displays the estimated file size and download time for the web page being created based on the modem settings in the Status Bar category of the Dreamweaver Preferences. Note: this tool is only an estimation of download time based on what you think the end user might be using when connecting to the Internet. This tool is not providing a download estimation based on your Internet/modem connection. To set or change the Preferences choose Edit > Preferences, and select the Status Bar category. Recommended modem setting is 56.0 Kilobits. Panels and Panel Groups Panels and Panel Groups are designed to help the User work more efficiently in Dreamweaver. The Panels and Panel Groups work together to help customize the work space. The majority of Dreamweaver commands are located on both a panel and/or a menu. A Panel Group can have multiple Panels to choose from. The Panel Groups can be displayed in an Open style or a Collapsed Style. Change the settings by clicking with the mouse on the arrow to the left of the Panel Group Name. Tip: The Window menu can also be used to open or close a panel. When viewing the Window menu, any item that has a check mark to the left of the panel name is open or displaying. U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 5 of 18

6 Site Management Site Management is a tool used to keep track of web pages you build for a specific web project and the assets you use in a central location. Think of Site Management as a holding tank or a central storage location for all related files. Creating and Defining a Site Create a Site prior to building any pages for your web project. The Site you create will have a unique name and point to a storage folder, Local Root Folder, which will be used to hold all the related pages for the web project. Note, all items used in your web project must be stored in the specified Local Root Folder. From the Menu toolbar select Site > Manage Sites to open the Manage Site dialog box. Select the New button to generate a new Site. Select the Edit button to edit information on an existing Site. Select the Remove button to delete a site. Note, removing a site does not delete the actual files associated with your Site on your computer. For this class example, select the New button and choose Site from the flyout menu to display the Site Definition dialog box. Tip: By default, the Basic tab will be displayed in the dialog box. The Basic tab uses a wizard to walk you through the site setup. This class will focus on using the Advanced tab because it is more straight forward and easier to use. Specify a Site Name by clicking with the mouse in the Site Name field. The Site Name is an internal naming convention used in Dreamweaver. When naming the Site, don t worry about spaces or capitalization. The Site Name is like a pet name for your project. The Site Name is never transferred to the Web or Remote server. The Local Root folder is the central storage location on your computer that will be used to store all files and assets for the web project. U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 6 of 18

7 Browse and select the folder to be used for the central storage or select the Folder icon to the right of the Local Root Folder field to create a new folder. The file folder chosen or created will be known as the Local Root Folder for your project in Dreamweaver. Tip: All files and assets that you plan on using in your web project must be stored in the Local Root folder. All the folders, subfolders and files that are used in your web project should be stored in the specified Local Root folder so that when you create your pages and link to assets all file references will be relative to your Site. The Site dialog box needs to know where all the images are stored within the Site. Use the Default Images Folder field to point to the folder within your Local Root Folder that will contain or hold all images files for the web project. Tip: If you don t have a folder created to store your images, then click with the mouse on the Folder icon to the right of the field and create a new folder. From the Site Definition dialog box be sure to select the Refresh Local File List Automatically so that Dreamweaver updates the site list when it has been modified. From the Site Definition dialog box be sure to select the Enable Cache. This feature will create a cache that will help increase the speed for link management while working in Dreamweaver. Browser Preview Dreamweaver is a WYSIWYG program, meaning what you see is what you get. However, it s still a good idea to view your pages in a browser prior to publishing them to make sure they look good and function properly. Dreamweaver allows a user to specify which browsers will be used to preview the web pages in the Preferences dialog box. Dreamweaver preferences can hold up to twenty different browsers, but the two most common browsers are Mozilla and Internet Explorer. Note: you must have these browsers installed on your computer in order to set them up in Dreamweaver Preferences. Tip: The CTSS training room is using U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 7 of 18

8 Internet Explorer as the Primary Browser (F12) and Firefox as the Secondary Browser (CTRL F12). Access the Preview in Browser option by selecting Edit > Preferences. From the Preview in Browser dialog box, select the Plus icon to add a new browser or the Minus icon to remove a browser. Creating a Basic Web Page The Start Up Page in Dreamweaver CS4 The New Screen in Dreamweaver CS4 provides easy and quick access to different file types and other Dreamweaver information. Select HTML under the Create New column to get an empty canvas or a blank file. U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 8 of 18

9 Tip: To turn off the Dreamweaver Welcome Screen choose Edit > Preferences > General Category and deselect the Show Welcome Screen option. To open a new window or blank canvas outside of the Welcome Page, choose File > New. From the Blank Page category, select HTML as the file type option. When creating a new page in CS4, you will need to specify the DocType and CSS. We will talk more about this later in class. To open an existing file, choose File, Open and browse to select the file. U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 9 of 18

10 Saving Your File Always save a new document prior to adding any content by choosing File> Save As and specifying a file name. Name your files with meaningful names and use lowercase letters or numbers for the file name. Note, when naming and saving your files don t use spaces in your file names; instead use the underscore or dash. Dreamweaver automatically adds the extension.html or.htm to your file name when you save. Tip: when saving files for the web project, be sure to save them in the folder specified in the Site Manager. Document Title Always give every HTML document a title. The document title appears in the title bar of the Dreamweaver window and also in the Browser title bar. Some search engines even display title information in browser search results. It s important to give your web page a meaningful title name because it can be used in some browser searches and it can also be saved and used as a browser bookmark or favorite. A title can be added by using the Title field in the Document Toolbar or by using the Title field in the Modify, Page Properties, Title/Encoding category. Tip: Beginning with Dreamweaver MX 2004 the Page Properties dialog box can be accessed using the Page Properties button located on the Properties Inspector. Page Properties for MX2004 CS3 Beginning in Dreamweaver MX 2004, Page Properties work differently than other Dreamweaver versions. By default, all page properties applied to the document are embedded into the document as inline styles instead of HTML tags. The use of cascading style sheets (CSS) is highly recommended and is considered a best practice for web page development. However, inline styles can interfere with CSS that controls the appearance of more than a single page, and U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 10 of 18

11 so for this class we recommend you turn off the Use CSS instead of HTML Tags option under the Edit > Preferences > General category. This is a toggle on/off feature so make sure there is no check mark next to this field. Deselect Use CSS instead of HTML tags in the General category of the Preferences dialog box: The Page Properties dialog box includes the title, background color, background image, text color and hyperlink color. Edit Page Properties by choosing the Modify menu and selecting Page Properties or by selecting the new Page Properties button in the Properties Inspector. Adding Text There are several different ways one can insert text on a web page in Dreamweaver. One option is to type the text directly on the canvas. Another option is to use the Dreamweaver copy/paste option or import directly from a Microsoft Office document. Typing Text Directly on the Canvas Position the cursor on the canvas and type the text. U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 11 of 18

12 Inserting Text From Other Applications Use the copy/paste method to insert text from other applications into Dreamweaver. Note, Dreamweaver 8/CS3/CS4 provides options when pasting text. Copy the text and prior to pasting into Dreamweaver choose Edit > Paste Special and select the paste option. Tip: We recommend the Text with structure plus basic formatting (bold, italic) option. This option will not conflict with other style sheet settings. Tip: Drag a Word file into a Dreamweaver File Inserting Excel Information Dreamweaver 8/CS 3/CS4 will allow a Microsoft Word or Microsoft Excel file to be imported directly into Dreamweaver. Position the cursor on the page where you want the data imported and choose File > Import > and select either Word or Excel Document. Tip: Importing a document does not link the original file source to the Dreamweaver file. Importing Tabular Data Step one to importing tabular data would be to get the original file in a text file format. Open the file in Excel and save the file as a text file, tab delimited. From Dreamweaver choose File > Import > Import Tabular Data. Select the Browse button from the Import Tabular Data dialog box and select the text file. Note: if the text file was not saved in Tab Delimited format, then select the correct delimiter from the Delimiter pull-down menu. Tip: If needed, remove column widths and row heights from the imported data. Start by selecting the <table> tag located in the Tag Selector. The Tag Selector is located in lower left side of the Status Bar. Next, Select the Clear Table Height and/or Table Width button that is located in the Properties Inspector. Note, you will only see the Clear Table Height/Width buttons in the Property Inspector if the Table is selected. U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 12 of 18

13 Sort the Imported Tabular Data Sort the inserted data by choosing Commands > Sort Table. From the Sort Table dialog box, select sort options. Cleaning up Microsoft Word or HTML Documents in Dreamweaver Run the Clean up Word tool on any Microsoft document that is used in Dreamweaver. Choose Command > Clean Up Word HTML. A Clean up Word HTML dialog box will display. Select the options for the clean up. If the Show Log on Completion option is selected, Dreamweaver informs you of the modifications made. Dreamweaver provides a full set of options so you can tailor the Word-to- Dreamweaver transformation. Using the Properties Inspector to Format Text Formatting Text Formatting options are located in the Properties Inspector. Note: When formatting a document apply only the Bold, Italics, and/or Heading options from the Properties Inspector. All other formatting options such as font, size, color, alignments, and so forth should be controlled with cascading style sheets (CSS). CS3 Caution: Formatting properties applied using the Properties Inspector (except for Bold and Italics) will override and/or conflict with a style sheet. Tip: By default, the Properties Inspector will appear at the base of the Dreamweaver window. If the Properties Inspector is not visible, access the Properties Inspector by choosing Window > Properties or use the shortcut key Ctrl+F3. U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 13 of 18

14 X X X X X Format Field None: Removes only paragraph formatting such as Headings. e.g. Heading 1. This option will not remove formatting that was applied manually such as bold, italic, font color and different font sizes. Paragraph: A paragraph could be one word or several sentences. Anytime you press the Enter key in Dreamweaver it is considered a paragraph. At the end of the paragraph Dreamweaver automatically inserts a double space below the typed text and includes the <p> </p> tags around the text in the paragraph. The Paragraph option adds paragraph tags at the beginning and at the end of the paragraph. Tip: Press the Shift key + the Enter key to insert a single line break ( <br> is the HTML tag). Heading: There are six Headings available Heading 1, which has the priority, Heading 2, which is a subheading of Heading 1, and so forth. Normally a page contains only one level 1 header. Headings are block elements, meaning they can only be applied to whole paragraphs. Tip: Headings are used to mark up a page into logical sections. They should not be applied as a formatting attribute. If you wish to change the appearance of text, apply styles using CSS. Preformatted: This HTML style displays text in a non-proportional or fixed-width font. Note: The <pre> tag is now deprecated, meaning it is no longer recommended. Lists The two common types of lists in Dreamweaver: Unordered (bulleted) and Ordered (numbered). Both the Unordered List icon and the Ordered List icons are available in the Property Inspector. The Unordered List and the Ordered List can be applied to text prior to typing or after. When creating your list, be sure to press the Enter key at the end of each line. If you use the Shift + Enter at the end of each line (which inserts a line break), then Dreamweaver will not recognize the line as a paragraph and the list icon will only be applied to the first item in your list rather than every line in your list. Modify the list properties by positing the cursor anyplace in the list and choosing the List Item button from the Properties Inspector. U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 14 of 18

15 Images The two standard images types that most browsers support are GIF and JPEG. GIF (CompuServe Graphics Interchange Format - GIF extension) JPEG (Joint Photographic Experts Group - JPG or JPEG extension) PNG (Portable Network Graphic) PNG (pronounced ping ) graphics were designed specifically for use on the Web, and offer a range of versatile features. More Image Information GIF art images lack the higher quality of JPEG files, but are more compact and display more quickly in web browsers. GIF images work well for black and white "wireframe" or line drawings while JPEG images are more appropriate for "raster" or full color images such as photographs. PNG image features include a full range of color depths, support for sophisticated image transparency, better interlacing, and automatic corrections for display monitor gamma. PNG images can also hold a short text description of the image's content, which allows Internet search engines to search for images based on these embedded text descriptions. You can create your own images, scan them, or buy them as part of a commercial clip art package. You can also find GIF, JPEG, and PNG images on the Internet's many free and royaltyfree (public domain) image archives. Inserting an Image ***Save your page first. Place the cursor where you want to insert the image. From the Insert Menu choose Image and browse to select the image. An image can also be inserted by choosing the Image icon from the Common menu located in the Inset Bar. Alternative Text (Alt text) Alternative text must be added to every image that is added to a web page. Alternative text is used for those readers who choose to use text-only browsers or have image loading turned off. In addition, use of alternative text allows users with visual impairments to understand the meaning of images on a web page. When inserting alternative text, be sure to use text that describes the intent of images. Some images are what might be called eye candy they add no meaningful content to the page. Other images add important information and should be accompanied by descriptions of the meaning they convey. Using alternative text to give meaning to your images goes a long way toward making your web pages more accessible to all users. Adding Alt Text: Select an image on the page and the Properties Inspector will change to display image properties. Position the cursor in the Alt field and enter a descriptive label for that image. Keep in mind that U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 15 of 18

16 A car is not as descriptive as A blue 1965 Ford Mustang. If the image is meaningless, as described above, select <empty> from the Alt menu. Note that Internet Explorer displays the alternative text as a tool tip when the mouse rolls over the image. Tip: The Alternative Text Accessibility option can be turned on so that Dreamweaver always provides a prompt for Alternative Text when an image has been inserted into the document. Turn the Accessibility option on by selecting Edit > Preferences > select the Accessibility Category and select the check box for Images. Text and Image Alignment Note: Avoid this option and instead use cascading style sheet rules to control text and image display. See tip under Using the Properties Inspector to Format Text above. U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 16 of 18

17 Rollover Images A Rollover image consists of two states, a display state and a rollover state. The display state is how the image appears when the user visits the web page. The rollover state will only change when the user moves the cursor over the image. The Rollover Image icon is located in the Common tab on the Insert Panel. Hyperlinks A hyperlink can be used several different ways, for example to jump from one area of a document to another area within the same document, launch an window, jump to a web site or launch a different file. Hyperlinks can be linked from text or graphics. A text hyperlink is normally identified with an underline. The link color is normally blue for an unvisited link and red for a visited link. However, these colors can be customized. A graphic that is hyperlinked is normally identified when you roll your mouse over the image and the pointer changes to a pointing finger. A Hyperlink can be a link to other sites on the WWW, a link to a file, an link or an Anchor. Some Hyperlink Options The Hyperlink button is located in the Properties Inspector. A hyperlink can be created by first selecting the text or object that will be used as the hyperlink and then: typing the address of the web page or file you re linking to in the Link field selecting a file through the Browse button in the Link field Creating a link to The link button located on the Common menu or the Link field on the Properties Inspector can be used to create an hyperlink. 1. Creating the link from the Property Inspector: From your Dreamweaver page, highlight the object or text that will be used as a hyperlink. Next, position the cursor in the Link field and type the following tag: Note: There are no spaces in the example above. 2. Creating the link from the Common menu: From your Dreamweaver page, highlight the text that will be used as a hyperlink. Next, select the icon from the Common menu to launch the Link dialog box. The text selected prior to choosing the Link icon will display in the Text field and will be used as the hyperlink. Note: the text that will be used as the hyperlink can be changed in this dialog box. Type the address in the field for the hyperlink. Example: U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 17 of 18

18 Note: You do not need the mailto: in front of the address when using the Link icon from the Common menu. Editing a Hyperlink Select the link and view the link properties in the Properties Inspector. An address can be changed in the link field or a different file can be selected for the link by choosing the Browse button and selecting a different file. Note, you can also right-click with the mouse on any link and get options to delete, change or edit the link. Creating an Anchor A Named Anchor is a link to a specific area in a document. Anchors are especially useful in long documents. Creating an Anchor is a two-step process. First, create the Anchor and second, link to the Anchor. Position the cursor at the beginning of a word where you want to insert an Anchor. From the Insert Menu select Named Anchor or press the shortcut keys Ctrl+Alt+A. Note, the Common menu also displays the Named Anchor icon and it can be used when creating anchors. A Named Anchor dialog box will display. Type a name for the anchor and do not use any spaces in the Anchor Name. Press OK when finished. Note: If the Anchor Marker doesn't appear at the insertion point location, choose View > Visual Aids > Invisible Elements. Anchor Names are case sensitive. Link to an Anchor using the Point-to-File icon in the Property Inspector. Select the text that will be used as the hyperlink. Next, click on the Point-to-File icon with the mouse and hold and drag to the Anchor. When the arrow from the Point-to-File icon is on the Anchor tag and it turns blue, then release the mouse. U:\On-site\FCampana\dreamweaver8\Dreamweaver_cs4.doc Page 18 of 18

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

ITD 210 EXAM 1 STUDY GUIDE

ITD 210 EXAM 1 STUDY GUIDE ITD 210 EXAM 1 STUDY GUIDE FINAL EXAM: ADOBE WEB COMMUNICATION USING DREAMWEAVER CS3 OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website.

More information

Dreamweaver. Introduction to Editing Web Pages

Dreamweaver. Introduction to Editing Web Pages Dreamweaver Introduction to Editing Web Pages WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 INTRODUCTION TO DREAMWEAVER... 1 Document Window 3 Toolbar 3 Insert Panel 4 Properties Panel

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

IAS Web Development using Dreamweaver CS4

IAS Web Development using Dreamweaver CS4 IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute

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

How to create buttons and navigation bars

How to create buttons and navigation bars How to create buttons and navigation bars Adobe Fireworks CS3 enables you to design the look and functionality of buttons, including links and rollover features. After you export these buttons from Fireworks,

More information

TUTORIAL 4 Building a Navigation Bar with Fireworks

TUTORIAL 4 Building a Navigation Bar with Fireworks TUTORIAL 4 Building a Navigation Bar with Fireworks This tutorial shows you how to build a Macromedia Fireworks MX 2004 navigation bar that you can use on multiple pages of your website. A navigation bar

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

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

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

Creating Web Pages With Dreamweaver MX 2004

Creating Web Pages With Dreamweaver MX 2004 Creating Web Pages With Dreamweaver MX 2004 1 Introduction Learning Goal: By the end of the session, participants will have an understanding of: What Dreamweaver is, and How it can be used to create basic

More information

Creating a Web Presentation

Creating a Web Presentation 9.1 LESSON 9 Creating a Web Presentation After completing this lesson, you will be able to: Create an agenda slide or home page. Create a hyperlink to a slide. Create a Web presentation with the AutoContent

More information

Dreamweaver CS6 Basics

Dreamweaver CS6 Basics Dreamweaver CS6 Basics Learn the basics of building an HTML document using Adobe Dreamweaver by creating a new page and inserting common HTML elements using the WYSIWYG interface. EdShare EdShare is a

More information

Introduction to Web Development with Dreamweaver

Introduction to Web Development with Dreamweaver ITS Training Introduction to Web Development with Dreamweaver In this Workshop In this workshop you will be introduced to HTML basics and using Dreamweaver to create and edit web files. You will learn

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

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

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

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

Even More Dreamweaver Nadalia Yuehong Liu IT Lab School of Information University of Texas at Austin Spring 2003

Even More Dreamweaver Nadalia Yuehong Liu IT Lab School of Information University of Texas at Austin Spring 2003 Even More Dreamweaver Nadalia Yuehong Liu IT Lab School of Information University of Texas at Austin Spring 2003 Objectives Create your Web page in layout view Insert Flash Text and Flash Button objects

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

FrontPage Courses Training

FrontPage Courses Training United States (change) Microsoft.com Home Site Map Search: Training Go Home Assistance Training Templates Clip Art and Media Downloads Office Marketplace Work Essentials Microsoft Office System Deployment

More information

Word 2007/2010 Level II Styles

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

More information

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

Tables. Miscellaneous. Tips

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

More information

Access Getting Started The Access Window

Access Getting Started The Access Window Microsoft QUICK Source Access 2007 Getting Started The Access Window u v w x y z Creating a Database Based on a Template When you create a database based on a template, preformatted tables, queries, forms,

More information

How to create pop-up menus

How to create pop-up menus How to create pop-up menus Pop-up menus are menus that are displayed in a browser when a site visitor moves the pointer over or clicks a trigger image. Items in a pop-up menu can have URL links attached

More information

Mastering the JangoMail EditLive HTML Editor

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

More information

MICROSOFT POWERPOINT 2011 SHOW YOUR PRESENTATION

MICROSOFT POWERPOINT 2011 SHOW YOUR PRESENTATION MICROSOFT POWERPOINT 2011 SHOW YOUR PRESENTATION Lasted Edited: 2012-07-10 1 Use Speaker Notes... 4 Add speaker notes... 4 Change or format a note on a slide... 5 Print slides including speaker notes...

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

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

CREATING WEB PAGES WITH MACROMEDIA DREAMWEAVER 8. University Computing and Information Services. Training Guide

CREATING WEB PAGES WITH MACROMEDIA DREAMWEAVER 8. University Computing and Information Services. Training Guide CREATING WEB PAGES WITH MACROMEDIA DREAMWEAVER 8 University Computing and Information Services Training Guide For additional help, contact the UCIS Help Desk at (910) 5216260 or helpdesk@uncp.edu, or visit

More information

KOMPOZER Web Design Software

KOMPOZER Web Design Software KOMPOZER Web Design Software An IGCSE Student Handbook written by Phil Watkins www.kompozer.net CONTENTS This student guide is designed to allow for you to become a competent user* of the Kompozer web

More information

Basic tutorial for Dreamweaver CS5

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

More information

ITP 101 Project 3 - Dreamweaver

ITP 101 Project 3 - Dreamweaver ITP 101 Project 3 - Dreamweaver Project Objectives You will also learn how to make a website outlining your company s products, location, and contact info. Project Details USC provides its students with

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

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

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

Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.)

Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.) Building a Personal Website (Adapted from the Building a Town Website Student Guide 2003 Macromedia, Inc.) In this project, you will learn the web publishing skills you need to: Plan a website Define a

More information

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates

Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates Dreamweaver CS4 Day 2 Creating a Website using Div Tags, CSS, and Templates What is a DIV tag? First, let s recall that HTML is a markup language. Markup provides structure and order to a page. For example,

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

Steps in Creating Web Pages

Steps in Creating Web Pages 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.

More information

Microsoft Word 2010: Working with Styles

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

More information

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

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

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

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

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

Adobe Conversion Settings in Word. Section 508: Why comply?

Adobe Conversion Settings in Word. Section 508: Why comply? It s the right thing to do: Adobe Conversion Settings in Word Section 508: Why comply? 11,400,000 people have visual conditions not correctible by glasses. 6,400,000 new cases of eye disease occur each

More information

Intro to Web Development

Intro to Web Development Intro to Web Development For this assignment you will be using the KompoZer program because it free to use, and we wanted to keep the costs of this course down. You may be familiar with other webpage editing

More information

A Beginner s Guide To Creating A Web Site Using Microsoft FrontPage 2000 Sarah L. Mabrouk, Framingham State College

A Beginner s Guide To Creating A Web Site Using Microsoft FrontPage 2000 Sarah L. Mabrouk, Framingham State College A Beginner s Guide To Creating A Web Site Using Microsoft FrontPage 2000 Sarah L. Mabrouk, Framingham State College Goldlab, Healey Library Thursday, June 14, 2001 Session Description: For Fall 2000, I

More information

Microsoft Word 2007 (Getting Started) Screen Layout

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

More information

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

Dreamweaver - Formatting your page with CSS

Dreamweaver - Formatting your page with CSS Dreamweaver - Formatting your page with CSS Creating your first website Part 4: Formatting your page with CSS Now I ll show you how to format text on your page using cascading style sheets (CSS). Learn

More information

Creating a Web Site with Adobe Dreamweaver

Creating a Web Site with Adobe Dreamweaver Creating a Web Site with Adobe Dreamweaver This tutorial will teach you how to: 1. Create a new web site using Adobe Dreamweaver 2. Create a new webpage using the Dreamweaver editor 3. Create numbered

More information

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

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

More information

Module One: Getting Started... 6. Opening Outlook... 6. Setting Up Outlook for the First Time... 7. Understanding the Interface...

Module One: Getting Started... 6. Opening Outlook... 6. Setting Up Outlook for the First Time... 7. Understanding the Interface... 2 CONTENTS Module One: Getting Started... 6 Opening Outlook... 6 Setting Up Outlook for the First Time... 7 Understanding the Interface...12 Using Backstage View...14 Viewing Your Inbox...15 Closing Outlook...17

More information

Microsoft Expression Web Quickstart Guide

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

More information

Dreamweaver Introduction -- Creating Web Pages with Dreamweaver

Dreamweaver Introduction -- Creating Web Pages with Dreamweaver Dreamweaver Introduction -- Creating Web Pages with Dreamweaver This workshop covers the basics of web authoring with Dreamweaver. Learn how to create and format a webpage including creating tables, inserting

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

Editing the Main Template Using Microsoft Front Page

Editing the Main Template Using Microsoft Front Page Editing the Main Template Using Microsoft Front Page This is the Solutions for Your Life main template. Below you will find information on how to edit each section. The first thing to realize about Front

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

Using Microsoft Word. Working With Objects

Using Microsoft Word. Working With Objects Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects

More information

Fireworks CS4 Tutorial Part 1: Intro

Fireworks CS4 Tutorial Part 1: Intro Fireworks CS4 Tutorial Part 1: Intro This Adobe Fireworks CS4 Tutorial will help you familiarize yourself with this image editing software and help you create a layout for a website. Fireworks CS4 is the

More information

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

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

More information

WORD 2013 GETTING STARTED

WORD 2013 GETTING STARTED WORD 2013 GETTING STARTED Information Technology September 1, 2014 1 P a g e 1 Word 2013 2 3 4 5 1. Quick Access Toolbar contains shortcuts for the most commonly used tools. 2. Backstage View Contains

More information

CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions)

CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) CREATING A NEWSLETTER IN ADOBE DREAMWEAVER CS5 (step-by-step directions) Step 1 - DEFINE A NEW WEB SITE - 5 POINTS 1. From the welcome window that opens select the Dreamweaver Site... or from the main

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

MICROSOFT EXCEL TUTORIAL HANDOUT

MICROSOFT EXCEL TUTORIAL HANDOUT MICROSOFT EXCEL TUTIAL HANDOUT Opening Microsoft Excel 1. Click on the START button. 2. Click on PROGRAMS. 3. Click on MICROSOFT EXCEL. The Excel Screen Formula Bar Minimize Buttons Restore Buttons Close

More information

Dreamweaver and Fireworks MX Integration Brian Hogan

Dreamweaver and Fireworks MX Integration Brian Hogan Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The

More information

Dreamweaver CS6 Manual

Dreamweaver CS6 Manual Dreamweaver CS6 Manual Joan Weeks SLIS Computer Labs Mgr. March 2013 Topic 1 What is Dreamweaver CS6? Dreamweaver CS6 is a complete website development tool that gives you the ability to create multiple

More information

BIGPOND ONLINE STORAGE USER GUIDE Issue 1.1.0-18 August 2005

BIGPOND ONLINE STORAGE USER GUIDE Issue 1.1.0-18 August 2005 BIGPOND ONLINE STORAGE USER GUIDE Issue 1.1.0-18 August 2005 PLEASE NOTE: The contents of this publication, and any associated documentation provided to you, must not be disclosed to any third party without

More information

User Guide. Appendix A. RADEditor

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

More information

ID Studio. Help. DOC0017 Version 4.0. 2015... Nortech Control Systems Ltd

ID Studio. Help. DOC0017 Version 4.0. 2015... Nortech Control Systems Ltd ID Studio Help DOC0017 Version 4.0 ID Studio Table of Contents Part I Product Overview 1 Part II Installation and Settings 2 1 Installation... 2 2 Settings... 4 Part III Card Printing 6 1 Card Printing...

More information

Using Microsoft Word. Working With Objects

Using Microsoft Word. Working With Objects Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects

More information

Adobe CQ5 Authoring Basics Print Manual

Adobe CQ5 Authoring Basics Print Manual Adobe CQ5 Authoring Basics Print Manual SFU s Content Management System SFU IT Services CMS Team ABSTRACT A summary of CQ5 Authoring Basics including: Setup and Login, CQ Interface Tour, Versioning, Uploading

More information

II. Creating Your Website

II. Creating Your Website II. Creating Your Website In this part of Dazzle the Web with Dynamic Dreamweaver, we will learn the following skills: 1. Define a website 2. Create our home page 3. Add content to the home page 4. Format

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

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

-SoftChalk LessonBuilder-

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

More information

Dreamweaver Cascading Style Sheets

Dreamweaver Cascading Style Sheets Dreamweaver Cascading Style Sheets Email: training@ ufl.edu Web Page: http://training.health.ufl.edu 2 This page intentionally left blank. Dreamweaver Cascading Style Sheets What are Cascading Style Sheets?...

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

Microsoft Migrating to Word 2010 from Word 2003

Microsoft Migrating to Word 2010 from Word 2003 In This Guide Microsoft Word 2010 looks very different, so we created this guide to help you minimize the learning curve. Read on to learn key parts of the new interface, discover free Word 2010 training,

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

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

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

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

More information

Understanding the Advanced Template Editor

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

More information

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

Microsoft PowerPoint 2010 Handout

Microsoft PowerPoint 2010 Handout Microsoft PowerPoint 2010 Handout PowerPoint is a presentation software program that is part of the Microsoft Office package. This program helps you to enhance your oral presentation and keep the audience

More information

Microsoft Publisher 2013

Microsoft Publisher 2013 CALIFORNIA STATE UNIVERSITY, LOS ANGELES INFORMATION TECHNOLOGY SERVICES Microsoft Publisher 2013 Spring 2015, Version 1.0 Table of Contents Introduction...3 Starting Publisher...3 Overview of the User

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

PowerPoint 2013: Basic Skills

PowerPoint 2013: Basic Skills PowerPoint 2013: Basic Skills Information Technology September 1, 2014 1 P a g e Getting Started There are a variety of ways to start using PowerPoint software. You can click on a shortcut on your desktop

More information

Excel 2007. Getting Started The Excel Window u v w. Microsoft QUICK Source

Excel 2007. Getting Started The Excel Window u v w. Microsoft QUICK Source Microsoft QUICK Source Excel 2007 Getting Started The Excel Window u v w x y z { u Quick Access Toolbar contains shortcuts for the most commonly used tools. v Microsoft Office Button contains common file

More information

Microsoft Word 2010 Prepared by Computing Services at the Eastman School of Music July 2010

Microsoft Word 2010 Prepared by Computing Services at the Eastman School of Music July 2010 Microsoft Word 2010 Prepared by Computing Services at the Eastman School of Music July 2010 Contents Microsoft Office Interface... 4 File Ribbon Tab... 5 Microsoft Office Quick Access Toolbar... 6 Appearance

More information

Microsoft Word 2013 Tutorial

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

More information

Creating Presentation

Creating Presentation 206 :: Data Entry Operations 9 Creating Presentation 9.1 INTRODUCTION Whenever you appear in front of one or more people to present your ideas, deliver speech, give classroom lecture, organize computer

More information

Dreamweaver - Adding content

Dreamweaver - Adding content Dreamweaver - Adding content Creating your first website Part 3: Adding content to pages This part will show you how to add content to web pages in Adobe Dreamweaver CS3. You can add many different kinds

More information

Designing a Worksheet with Excel

Designing a Worksheet with Excel Designing a Worksheet with Excel Introduction Microsoft Office Excel 00 offers several tools that make your worksheets look attractive and professional. Without formatting, a worksheet can look confusing

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

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