Creating Web Pages With Dreamweaver MX 2004

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Creating Web Pages With Dreamweaver MX 2004"

Transcription

1 Creating Web Pages With Dreamweaver MX

2 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 web pages for publishing course content online. What is Dreamweaver? Dream weaver is an application available from Macromedia to provide users with a graphical interface for the creation of web pages. Dreamweaver allows you to create a web page as easily as you could write a paper using a word processor. You can create pages and preview how they will appear on the web, without having to know HTML, the language used to create web pages. This type of program is commonly referred to as an "HTML editor" because its job is to generate HTML files based on the commands executed in the page layout interface available to the user. What will be covered in this session? In this session, you will create: A sample instructor homepage with bio and image. A sample course syllabus page. Add text, images, hyperlinks, links, tables, and anchor links. Create a link from the instructor s page to the course syllabus. 2

3 Section I: Getting Started Step 1: Launch Dreamweaver. Double click the Dreamweaver icon on the Desktop of the computer. Step 2: Create New Page Click on HTML under Create New.. 3

4 Step 3: Document Window Insert Toolbar Formatted: Font: Bold Panel Groups Formatted: Font: Bold Properties Inspector Formatted: Font: Bold In the new document, you will see a main window, called the Document Window, several panel groups in the upper right corner, and the Properties Inspector at the bottom. The panel groups and the Property Inspector can be moved around on the screen, or closed, and their functions can be accessed through the menu at the top. For creating a basic webpage, you will be primarily using the Insert Toolbar (top) and the Properties Inspector (bottom). 4

5 Step 4: Design View Dreamweaver gives you the option to view the document in three different views: Code, Split, and Design. The Code view is used by advanced users who prefer to build their site using HTML code. The Split mode shows both code and the design. The Design view shows just the Design. As beginners, we will use the Design view. Make sure that you are viewing the document in Design view. Step 5: Add Title To add a title to the page that will show in the top left corner when viewed in a browser, change Untitled Document in the Title box to Professor Smith s Homepage. 5

6 Step 6: Save Web Page From the File menu, select Save. Choose the Dreamweaver Training folder on your desktop as the location. Name your file index.html. Saving your document lets Dreamweaver correctly set the paths to linked files, such as images. Therefore you should save early in the creation of your web page. 6

7 Section II: Creating a Sample Homepage (index.html) In this section, you will create a sample professor s homepage (See Appendix A). For the purpose of this training session, we have already provided you with the content you will need to create the webpage. Open the file named Sample Bio Page. (This will open in MS Word.) Step 7: Add Text To add text in Dreamweaver, you can simply begin typing in the document or copy and paste from a Word file. Copy the text from the Sample Bio Page and paste it into the Dreamweaver document. Step 8: Format Text To format the text, you will use the Properties Inspector at the bottom of the screen. Highlight the Name, Title, and College and change the Format to Heading 3 in the Properties Inspector. Select Address, Phone, Fax, , Education, Teaching Interests in the Bio text, and choose Bold and Red color (or any other color) from the colors panel. Highlight all the text and change the Font to Arial. *Be sure to save changes periodically. 7

8 Step 9: Add Bulleted Lists The Unordered List button is used to create a bulleted list. Highlight the three entries under Education and click on the Unordered List button. Step 10: Insert Image Function Place the cursor where you would like the image and click on the Insert Images button in the top Insert Toolbar. A dialog box will appear in which you can find and select the image you want. In the text, place the cursor before the name John and click on the Insert Images button. Select the image called Smiley.jpg and click OK. 8

9 Step 11: Align Image To align the images to the left of the professor s name, click to select the image and change Align to Left in the Property Inspector. Step 12: Insert Alt Text. You can also insert Alt text. Alt text, or Alternative text, is the text that will come up in place of the image, if, for some reason the image cannot be seen. Click on the image to select it. In the Alt text box under the Properties Inspector, type in Professor Picture. Step 13: Add Links One of the most useful things about web pages is that you can link text and images to other pages. At the end of the page, type University of Houston and select it. In the Link box in the Property Inspector, type (You can also copy and paste it from your browser.) Hit enter and you will see the link on the page. 9

10 If you would like for this to open in a new window when clicked, change Target to _blank. Step 14: Add Links The Link box is used when adding a link to an address. Place your cursor where you would like to insert an address and click on Link in the Insert Toolbar on the top. Type in the text and the address. Hit enter and you will see the link on the page. *Save your file. 10

11 Section III: Creating a Sample Syllabus Page (syllabus.html) In this section, you will create a sample Syllabus webpage (See Appendix B). Step 15: Open the file called Sample Syllabus (this will open in Word). Back in Dreamweaver; go to File New to open a new page. Title the page Syllabus and Save it as Syllabus.html in the same folder. Step 16: Add and Format Text Copy the text from the Sample Syllabus file and paste it into the new Dreamweaver document. Use the Property Inspector to format the text as desired: bold and center the first three lines, bold title of each section, change colors, etc. 11

12 Step 17: Insert a Table In order to display data in an organized manner, or to have more than one column of text, you can add tables to your web page. The following steps show how to create a simple table. Place the cursor at the end of your document and Click on the Insert Table button on the Insert Toolbar. The Insert Table dialog box will appear. Step 18: Add Tabular Data 12

13 You will enter the following data in the table: Rows: 5 Columns: 2 Table Width: 400 pixels Border: 1 *You can also specify spacing and padding. Spacing is the amount of space between cells. Padding is the amount of spacing between the data and the edges of the cell. Click OK after you have entered the data. Step 19: Add Text After inserting the table, add text as shown below: Select the table by clicking on any of the lines. (To select an entire column, move the cursor to the top of the column until it becomes a down-pointing bold arrow, and click the mouse. To select an entire row, move the cursor to the left of the row until it becomes a right-pointing bold arrow, and click the mouse.) Apply desired formatting to the table by using the Property Inspector. Step 20: Add Internal Links (Anchors) Anchors are links to other places on the same page. Let s link the Instructor s name at the top of the page to the Instructor s Teaching Interests in the middle of the page. Place your cursor before the word Instructor s in the fourth paragraph of syllabus text. Click the Anchor button on the Insert Toolbar. 13

14 A dialog box will appear asking you to give the anchor a name. Type in instructor. A little icon of an anchor will appear next to the insertion point. Step 21: Link the Anchor As if you were creating a link to a separate page, highlight the instructor s name at the top of the page and enter the name of the named anchor in the Link box, preceded by a # sign. For this example, enter #instructor in the Link box. *Save your file. 14

15 Section IV: Linking from Homepage to Syllabus Step 22: Go back to the index.html file. Type Syllabus at the end of the page (or any other place you would like to place it). Step 23: Link Syllabus file Highlight the word Syllabus and type Syllabus.html in the Link box in the Properties Inspector. *Save your file. Step 24: Preview Web Page To preview your page in a browser at anytime, you can select Preview in Browser under File or click the Preview icon. Your page will open in Internet Explorer. 15

16 Appendix A: index.html 16

17 Appendix B: Syllabus.html 17

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

Introduction to Macromedia Dreamweaver MX

Introduction to Macromedia Dreamweaver MX Introduction to Macromedia Dreamweaver MX Macromedia Dreamweaver MX is a comprehensive tool for developing and maintaining web pages. This document will take you through the basics of starting Dreamweaver

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

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

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

Create a Web Page with Dreamweaver

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

More information

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

Creating Your Personal Website

Creating Your Personal Website Creating Your Personal Website These instructions will show you how to create a personal webpage for CSULB students using Dreamweaver MX 2004. The page will consist of a title, background image, text,

More information

Advanced Presentation Features and Animation

Advanced Presentation Features and Animation There are three features that you should remember as you work within PowerPoint 2007: the Microsoft Office Button, the Quick Access Toolbar, and the Ribbon. The function of these features will be more

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

Joomla Article Advanced Topics: Table Layouts

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

More information

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

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

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

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

Google Drive Create, Share and Edit Documents Online

Google Drive Create, Share and Edit Documents Online Revision 3 (1-31-2014) Google Drive Create, Share and Edit Documents Online With Google Drive, you can easily create, share, and edit documents online. Here are a few specific things you can do: Convert

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

Using Clicker 5. Hide/View Explorer. Go to the Home Grid. Create Grids. Folders, Grids, and Files. Navigation Tools

Using Clicker 5. Hide/View Explorer. Go to the Home Grid. Create Grids. Folders, Grids, and Files. Navigation Tools Using Clicker 5 Mouse and Keyboard Functions in Clicker Grids A two-button mouse may be used to control access various features of the Clicker program. This table shows the basic uses of mouse clicks with

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

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

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

Creating a Newsletter with Microsoft Word

Creating a Newsletter with Microsoft Word Creating a Newsletter with Microsoft Word Frank Schneemann In this assignment we are going to use Microsoft Word to create a newsletter that can be used in your classroom instruction. If you already know

More information

Macromedia Dreamweaver Tutorial

Macromedia Dreamweaver Tutorial Macromedia Instructions: Work through this tutorial Ask when you need help Complete all tasks set in the tutorial Refer back to this tutorial when you design your own website Enjoy 1 Macromedia SET UP

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

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

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

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

Beginner s Guide to Microsoft PowerPoint 2002

Beginner s Guide to Microsoft PowerPoint 2002 Beginner s Guide to Microsoft PowerPoint 2002 Microsoft PowerPoint is a program that allows you to create slide presentations for business and pleasure. 1. Open Start Menu. Place arrow on Start icon and

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

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

Dreamweaver Tutorial #1

Dreamweaver Tutorial #1 Dreamweaver Tutorial #1 My first web page In this tutorial you will learn: how to create a simple web page in Dreamweaver how to store your web page on a server to view your page online what the Internet

More information

Microsoft FrontPage 2003

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

More information

Creating 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

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

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

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

Create a Poster Using Publisher

Create a Poster Using Publisher Contents 1. Introduction 1. Starting Publisher 2. Create a Poster Template 5. Aligning your images and text 7. Apply a background 12. Add text to your poster 14. Add pictures to your poster 17. Add graphs

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

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

UNPAN Portal Content Management System (CMS) User Guide

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

More information

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

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

Introduction to Microsoft Word 2003

Introduction to Microsoft Word 2003 Introduction to Microsoft Word 2003 Sabeera Kulkarni Information Technology Lab School of Information University of Texas at Austin Fall 2004 1. Objective This tutorial is designed for users who are new

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

Developing Website Using Tools

Developing Website Using Tools 7 Developing Website Using Tools 7.1 INTRODUCTION A number of Software Packages are available in market for creating a website. Among popular softwares are Dreamweaver, Microsoft FrontPage and Flash. These

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

MICROSOFT WORD TUTORIAL

MICROSOFT WORD TUTORIAL MICROSOFT WORD TUTORIAL G E T T I N G S T A R T E D 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,

More information

Flash MX Image Animation

Flash MX Image Animation Flash MX Image Animation Introduction (Preparing the Stage) Movie Property Definitions: Go to the Properties panel at the bottom of the window to choose the frame rate, width, height, and background color

More information

Chapter 3: Quick Start Tutorial

Chapter 3: Quick Start Tutorial 1 Quick Start Tutorial Chapter 3: Quick Start Tutorial This chapter helps you become acquainted with the workspace, the commands, and the features that you use to create your own website. The step-by-step

More information

DESIGN A WEB SITE USING PUBLISHER Before you begin, plan your Web site

DESIGN A WEB SITE USING PUBLISHER Before you begin, plan your Web site Page 1 of 22 DESIGN A WEB SITE USING PUBLISHER Before you begin, plan your Web site Before you create your Web site, ask yourself these questions: What do I want the site to do? Whom do I want to visit

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

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

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

Beginning Excel. Revised 5/01

Beginning Excel. Revised 5/01 Beginning Excel Objectives: The Learner will: Become familiar with terminology used in Microsoft Excel Create a simple workbook Write a simple formula Create a simple chart Sort a simple text chart Formatting

More information

Microsoft Access 2010 handout

Microsoft Access 2010 handout Microsoft Access 2010 handout Access 2010 is a relational database program you can use to create and manage large quantities of data. You can use Access to manage anything from a home inventory to a giant

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

LaGuardia Community College 31-10 Thomson Ave, Long Island City, New York 11101 Created by ISMD s Dept. Training Team. Overview

LaGuardia Community College 31-10 Thomson Ave, Long Island City, New York 11101 Created by ISMD s Dept. Training Team. Overview Overview Dreamweaver gives you many options when it comes to setting the properties for your webpages. Within the "Page Properties" dialog box, you can set the appearance of your page, name your page and

More information

Microsoft Word 2007 Module 1

Microsoft Word 2007 Module 1 Microsoft Word 2007 Module 1 http://pds.hccfl.edu/pds Microsoft Word 2007: Module 1 July, 2007 2007 Hillsborough Community College - Professional Development and Web Services Hillsborough Community College

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

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

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

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

More information

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

Google Sites: Site Creation and Home Page Design

Google Sites: Site Creation and Home Page Design Google Sites: Site Creation and Home Page Design This is the second tutorial in the Google Sites series. You should already have your site set up. You should know its URL and your Google Sites Login and

More information

Advanced Word for Windows

Advanced Word for Windows Advanced Word for Windows Version: 2002 Academic Computing Support Information Technology Services Tennessee Technological University September 2003 1. Opening Word for Windows In the PC labs, click on

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

Dreamweaver. Links and Tables

Dreamweaver. Links and Tables Dreamweaver Links and Tables WORKSHOP DESCRIPTION... 1 Overview 1 Prerequisites 1 Objectives 1 ADDING HYPERLINKS... 2 New Text Hyperlink 2 Existing Text or Image Hyperlink 2 EXERCISE 1 3 New Text E-mail

More information

Merged Cell. End of Row Marker Cell

Merged Cell. End of Row Marker Cell Tables in Microsoft Word A table consists of rows and columns of cells that you can fill with text or graphics. When you insert a table, it is displayed as a grid, each section of which is referred to

More information

Creating a Web Page in Microsoft Office

Creating a Web Page in Microsoft Office Creating a Web Page in Microsoft Office You will create the classroom web page much like you create a regular Word document, using all the formatting tools. However, you will need to save the page in two

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

Microsoft PowerPoint Tutorial

Microsoft PowerPoint Tutorial Microsoft PowerPoint Tutorial Contents Starting MS PowerPoint... 1 The MS PowerPoint Window... 2 Title Bar...2 Office Button...3 Saving Your Work... 3 For the first time... 3 While you work... 3 Backing

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

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

Microsoft Word 2010 Tutorial

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

More information

Microsoft PowerPoint 2013 Part 2: Notes, Links, & Graphics. Choosing a Design. Adding Content Exercise. Inserting Screen Shots.

Microsoft PowerPoint 2013 Part 2: Notes, Links, & Graphics. Choosing a Design. Adding Content Exercise. Inserting Screen Shots. Microsoft PowerPoint 2013 Part 2: Notes, Links, & Graphics Choosing a Design Open PowerPoint. Click on Blank Presentation. Click on the Design tab. Click on the design tab of your choice. Adding Content

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

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

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature

Responsive Web Design for Teachers. Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Exercise: Building a Responsive Page with the Fluid Grid Layout Feature Now that you know the basic principles of responsive web design CSS3 Media Queries, fluid images and media, and fluid grids, you

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

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

MICROSOFT OUTLOOK 2010 READ, ORGANIZE, SEND AND RESPONSE E-MAILS

MICROSOFT OUTLOOK 2010 READ, ORGANIZE, SEND AND RESPONSE E-MAILS MICROSOFT OUTLOOK 2010 READ, ORGANIZE, SEND AND RESPONSE E-MAILS Last Edited: 2012-07-09 1 Read Emails... 4 Find the inbox... 4 Change new incoming e-mail notification options... 5 Read email... 6 Change

More information

Tips for Creating Accessible Word Documents

Tips for Creating Accessible Word Documents Creating Accessible Document with Word and Acrobat Tips for Creating Accessible Word Documents Ensure the content is NOT a scanned image of text. You should use OCR (optical character recognition) software

More information

http://ipfw.edu Quick Guide for Accessible PDF July 2013 Training: http://ipfw.edu/training

http://ipfw.edu Quick Guide for Accessible PDF July 2013 Training: http://ipfw.edu/training Accessible PDF Getting Started Types of Documents best suited for PDF on the Web Document is longer than 5 pages. You need to preserve the formatting or layout of the original document, e.g., for printing.

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

Microsoft Outlook Introduction

Microsoft Outlook Introduction Microsoft Outlook Introduction Division of Information Technology February 2016 Contents Document Management History... 3 Introduction... 4 Getting Started... 4 Using MS Outlook... 4 What MS Outlook looks

More information

User Guide. Opening secure email from the State of Oregon Viewing birth certificate edits reports in MS Excel

User Guide. Opening secure email from the State of Oregon Viewing birth certificate edits reports in MS Excel User Guide Opening secure email from the State of Oregon Viewing birth certificate edits reports in MS Excel Birth Certifier Edition Last Revised: August, 0 PUBLIC HEALTH DIVISION Center for Public Health

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

Guide to Content Editing

Guide to Content Editing Guide to Content Editing Page 1 of 119 Contents 1 About This Guide... 8 1.1 Users of This Guide... 8 1.2 Topics Covered in the Guide... 8 1.3 Software Requirements... 9 1.4 Conventions Used in the Guide...

More information

understand how image maps can enhance a design and make a site more interactive know how to create an image map easily with Dreamweaver

understand how image maps can enhance a design and make a site more interactive know how to create an image map easily with Dreamweaver LESSON 3: ADDING IMAGE MAPS, ANIMATION, AND FORMS CREATING AN IMAGE MAP OBJECTIVES By the end of this part of the lesson you will: understand how image maps can enhance a design and make a site more interactive

More information

How to Build a More Effective XSite

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

More information

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

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

Adobe Dreamweaver CS4: Learning the Tools

Adobe Dreamweaver CS4: Learning the Tools 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)

More information

Excel Exam Review Questions 65-100

Excel Exam Review Questions 65-100 65. How often does Excel 2010 automatically recalculate formulas in a worksheet? A. Every 5 minutes B. Each time you click on a cell C. Each time you enter a value into a cell D. Each time the worksheet

More information

Task Force on Technology / EXCEL

Task Force on Technology / EXCEL Task Force on Technology EXCEL Basic terminology Spreadsheet A spreadsheet is an electronic document that stores various types of data. There are vertical columns and horizontal rows. A cell is where the

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

Enhanced Formatting and Document Management. Word 2010. Unit 3 Module 3. Diocese of St. Petersburg Office of Training Training@dosp.

Enhanced Formatting and Document Management. Word 2010. Unit 3 Module 3. Diocese of St. Petersburg Office of Training Training@dosp. Enhanced Formatting and Document Management Word 2010 Unit 3 Module 3 Diocese of St. Petersburg Office of Training Training@dosp.org This Page Left Intentionally Blank Diocese of St. Petersburg 9/5/2014

More information

Word 2007 Layout Tools

Word 2007 Layout Tools Word 2007 Layout Tools Contents Section Breaks and Chapters... 1 Section breaks to vary the header or footer... 2 Same header or footer across section boundaries... 2 Page Setup... 3 Change or set page

More information

Creating templates and slide masters in PowerPoint 2003

Creating templates and slide masters in PowerPoint 2003 Creating templates and slide masters in PowerPoint 2003 These days, it is not enough to create a presentation with interesting and exciting content; you have to create one with interesting and exciting

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