Creating Web Pages With Dreamweaver MX 2004

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

MS Excel. Handout: Level 2. elearning Department. Copyright 2016 CMS e-learning Department. All Rights Reserved. Page 1 of 11

MS Excel. Handout: Level 2. elearning Department. Copyright 2016 CMS e-learning Department. All Rights Reserved. Page 1 of 11 MS Excel Handout: Level 2 elearning Department 2016 Page 1 of 11 Contents Excel Environment:... 3 To create a new blank workbook:...3 To insert text:...4 Cell addresses:...4 To save the workbook:... 5

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

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

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

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

Creating a Website with MS Publisher

Creating a Website with MS Publisher Creating a Website with MS Publisher Getting Started with the Wizard...1 Editing the Home Page...3 Editing Text...3 Editing and Inserting Graphics...4 Inserting Pictures...6 Inserting a Table...6 Inserting

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

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

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

Instructions for Formatting MLA Style Papers in Microsoft Word 2010

Instructions for Formatting MLA Style Papers in Microsoft Word 2010 Instructions for Formatting MLA Style Papers in Microsoft Word 2010 To begin a Microsoft Word 2010 project, click on the Start bar in the lower left corner of the screen. Select All Programs and then find

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

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

-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

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

Creating Web Pages with Dreamweaver CS 6 and CSS

Creating Web Pages with Dreamweaver CS 6 and CSS Table of Contents Overview... 3 Getting Started... 3 Web Page Creation Tips... 3 Creating a Basic Web Page Exercise... 4 Create a New Page... 4 Using a Table for the Layout... 5 Adding Text... 6 Adding

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

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

CUSTOMER+ PURL Manager

CUSTOMER+ PURL Manager CUSTOMER+ PURL Manager October, 2009 CUSTOMER+ v. 5.3.1 Section I: Creating the PURL 1. Go to Administration > PURL Management > PURLs 2. Click Add Personalized URL 3. In the Edit PURL screen, Name your

More information

Word 2003 Tables and Columns

Word 2003 Tables and Columns Word 2003 Tables and Columns The Learning Center Staff Education 257-79226 http://www.mc.uky.edu/learningcenter/ Copyright 2006 Objectives After completing this course, you will know how to: - Create a

More information

Creating a Poster in PowerPoint 2010. A. Set Up Your Poster

Creating a Poster in PowerPoint 2010. A. Set Up Your Poster View the Best Practices in Poster Design located at http://www.emich.edu/training/poster before you begin creating a poster. Then in PowerPoint: (A) set up the poster size and orientation, (B) add and

More information

Mura CMS. (Content Management System) Content Manager Guide

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

More information

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

How to Use the Text Editor in Blackboard

How to Use the Text Editor in Blackboard How to Use the Text Editor in Blackboard The image below is the text editor in Blackboard. No matter you add an item or discussion forum for your course as an instructor, post threads and replies on a

More information

DRUPAL WEB EDITING TRAINING

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

More information

Merging Labels, Letters, and Envelopes Word 2013

Merging Labels, Letters, and Envelopes Word 2013 Merging Labels, Letters, and Envelopes Word 2013 Merging... 1 Types of Merges... 1 The Merging Process... 2 Labels - A Page of the Same... 2 Labels - A Blank Page... 3 Creating Custom Labels... 3 Merged

More information

WebCT 4.x: HTML Editor

WebCT 4.x: HTML Editor Competencies After reading this document, you will be able to: Employ the HTML Editor capabilities to create and publish content. About HTML Editor The HTML editor provides word-processor-like features

More information

Create a GAME PERFORMANCE Portfolio with Microsoft Word

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

More information

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

MS Project Tutorial for Senior Design Using Microsoft Project to manage projects

MS Project Tutorial for Senior Design Using Microsoft Project to manage projects MS Project Tutorial for Senior Design Using Microsoft Project to manage projects Overview: Project management is an important part of the senior design process. For the most part, teams manage projects

More information

SiteBuilder 2.1 Manual

SiteBuilder 2.1 Manual SiteBuilder 2.1 Manual Copyright 2004 Yahoo! Inc. All rights reserved. Yahoo! SiteBuilder About This Guide With Yahoo! SiteBuilder, you can build a great web site without even knowing HTML. If you can

More information

Personal Portfolios on Blackboard

Personal Portfolios on Blackboard Personal Portfolios on Blackboard This handout has four parts: 1. Creating Personal Portfolios p. 2-11 2. Creating Personal Artifacts p. 12-17 3. Sharing Personal Portfolios p. 18-22 4. Downloading Personal

More information

Content Management System

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

More information

WORDPRESS MANUAL WEBSITEDESIGN.CO.ZA

WORDPRESS MANUAL WEBSITEDESIGN.CO.ZA WORDPRESS MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://easywpguide.com/wordpress-manual/ to assist you with your website 1 WORDPRESS MANUAL WEBSITEDESIGN.CO.ZA

More information

1. Open the Practice web site. 2. Open the favorite.htm file. 3. Select the text to be used as the hyperlink for the first favorite web site.

1. Open the Practice web site. 2. Open the favorite.htm file. 3. Select the text to be used as the hyperlink for the first favorite web site. FrontPage 2003 Lesson 13 - Hyperlinks Types of Hyperlinks Hyperlinks are the primary method used to navigate between pages and Web sites. Links can point to other web pages, web sites, graphics, files,

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

Basic Web Development @ Fullerton College

Basic Web Development @ Fullerton College Basic Web Development @ Fullerton College Introduction FC Net Accounts Obtaining Web Space Accessing your web space using MS FrontPage Accessing your web space using Macromedia Dreamweaver Accessing your

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

Introduction to Word 2007

Introduction to Word 2007 Introduction to Word 2007 You will notice some obvious changes immediately after starting Word 2007. For starters, the top bar has a completely new look, consisting of new features, buttons and naming

More information

Word 2007 WOWS of Word Office 2007 brings a whole new basket of bells and whistles for our enjoyment. The whistles turn to wows.

Word 2007 WOWS of Word Office 2007 brings a whole new basket of bells and whistles for our enjoyment. The whistles turn to wows. WOWS of Word Office brings a whole new basket of bells and whistles for our enjoyment. The whistles turn to wows. gfruth@wm.edu Templates Click on the Office Button PDF and select New. You can now change

More information

Inserting Graphics into Grant Applications & Other Word Documents

Inserting Graphics into Grant Applications & Other Word Documents Merle Rosenzweig, oriley@umich.edu Inserting Graphics into Grant Applications & Other Word Documents ABOUT This document offers instruction on the efficient and proper placement of images, charts, and

More information

In this example, Mrs. Smith is looking to create graphs that represent the ethnic diversity of the 24 students in her 4 th grade class.

In this example, Mrs. Smith is looking to create graphs that represent the ethnic diversity of the 24 students in her 4 th grade class. Creating a Pie Graph Step-by-step directions In this example, Mrs. Smith is looking to create graphs that represent the ethnic diversity of the 24 students in her 4 th grade class. 1. Enter Data A. Open

More information