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

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

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

Transcription

1 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 know how to create an image map easily with Dreamweaver CONTEXT An image map is simply an image with multiple hotspots or links. It works on a grid principle, with coordinates telling the browser that a defined section of the image should link to a particular URL. Dreamweaver makes it easy to graphically create and edit client-side image maps by providing an Image Map Editor. EXERCISES Create an Image Map 1. Open the document coftable.htm, and select the image of the books at the top of the page. 2. In the Property inspector you will find a M a p button. Click on it to open the Image Map Editor d i a l o g box (Figure 3-1). 3. Enter Map1 as the map name at the top of the window so your image map changes will be saved as you work. 4. Note the four tools at the left side of the Image Map Editor. The arrow at the top is a selection tool you can use to move hot spots around the page or to resize them. The other three options are drawing tools you can use to define hot spots with different shapes. Select the rectangle tool, and click and drag to create a rectangular shape covering the outline of the book Varoom. The mapped area will then be highlighted. Figure 3-1 The Image Map Editor 1 5

2 5. To create the link, click on the Folder icon next to the Link text field, and browse to find varoom.htm in the catalog folder. Double-click to select it. In the Alt text field enter the word varoom. 6. Select the Polygon tool the bottom one in the row. This tool enables you to create odd-shaped hot spots. Click on one corner of the The Arica Conundrum book cover, then move your cursor to the next corner and click. Continue until you have clicked all the way around the book. Double-click to complete the action. Don t worry about the shape overlapping the varoom rectangle. The one on top takes precedence. 7. Repeat step 4 to link the new hot spot to the file called arica.htm. Enter arica conundrum in the Alt text field. 8. Repeat the same process with the book cover Heal Your Cat, Heal Your Life. 9. Click OK to close the dialog box Select File > Preview in Browser and choose a browser to view the page. Test the links to see how the hot spots work. Note that there is now a border around the image. If you want to remove it return to the Property inspector and enter 0 in the B o r d e r text box Be sure to save your changes. ADDING MULTIMEDIA FILES OBJECTIVES In this part of the lesson you will learn: how to use Dreamweaver to add sophisticated multimedia effects to Web sites CONTEXT Web builders now have a rich variety of multimedia options from animated interactivity to streaming sound. You can use Macromedia Director or Flash, for example, to create interactive Shockwave movies, and Aftershock to enhance functionality. Dreamweaver makes it easy to add these files to your Web pages and make sure they work well in as many browsers as possible. Keep in mind that many multimedia files require a plug-in, which extends the capabilities of your browser. You will need to have the proper plug-in installed, when you test your work in a browser, or you won t be able to see the effect. You can get the Shockwave plug-ins from EXERCISES In this exercise we ll learn the basics of embedding and configuring multimedia files, using a Flash animation as an example. To insert a Flash File into your Web Page 1. Choose File > Open and browse in the bookstore folder to the catalog folder and then open c a t a l o g. h t m. 2. Set the Page Properties (Modify > Page Properties) any way you want and click OK. 3. In the Document window, highlight the line of text at the top of the page (beginning Here is the complete... ) and use the Property inspector to italicize it. Save the page. 1 6

3 4. Now position your cursor in front of the words Everyday Epiphanies, then open the Object palette (Figure 3-2), and click on the I n s e r t Flash Movie icon (Figure 3-3). 5. When the Insert Flash Movie dialog box opens, Use the Browse button to locate the file crazybird.swf in the bookstore folder. The.swf stands for Shockwave Flash. Every multimedia file type has its own extension. Double-click the file to select it, then click OK. 6. A small icon now appears on the Web page, representing the Flash movie. 7. Click on the movie. The Property inspector now displays the options for Flash attributes (Figure 3-3). 8. Enter 300 in the Width field (indicated by W) and 250 in the Height field (indicated by H). Note how the size of the gray box representing the movie expands. Height and width are the only required attributes for most multimedia file types. Flash is unique in its capability to resize itself without losing quality, which means you can set the height and width of the movie to anything you want. 9. In the tag field Dreamweaver uses both O b j e c t and E m b e d tags. (Object is the tag defined by Microsoft for ActiveX controls; Embed is the tag defined by Netscape for plug-ins.) To learn more about other attributes, refer to the Dreamweaver online Help files Insert a paragraph break before the words Everyday Epiphanies, save the page, and choose File > Preview in Browser. Select a browser that has the Flash plug-in installed. The top of your page should look like the image seen in Figure 3-4 with a little yellow bird flitting around your screen. Figure 3-2 The Objects palette features shortcuts for linking a variety of multimedia file types, including Flash movies. Figure 3-3 The Property inspector changes to display the attributes for the multimedia file type selected. Here you see the options for a Flash movie. Make a Link to the Page Now open or switch to coftable.htm and scroll down until you see the words Our catalog.... Highlight catalog and use the property inspector to link it to catalog.htm (which is inside the folder catalog ). Now highlight the word Lovedogs and make a link to the same place. Do the same with Spacebopping and Purp L. Elephant. Preview the page, test the links, then save it. Figure 3-4 The Crazy Bird Flash movie displayed in Netscape Navigator 1 7

4 BUILDING FORMS OBJECTIVES In this part of the lesson you will learn: how to create various forms and what you can do with them how to use CGI scripts and mailto: to collect information from forms CONTEXT Dreamweaver can create a variety of forms you can use to capture information of all kinds from the visitors to your site. You can conduct a survey, collect customer contact information, or put a guest book on your Web site with fields for visitors names, addresses, interests, comments, and questions they might want to ask. When the visitor has filled out the form they click on the S u b m i t button to send it to you. You ll need to provide a mechanism for the visitor s computer to send you the information they have entered into the form. Most often this is done using a CGI script, a program that will process the submission of the information and then send it to you via , or post it dynamically to a page on your Web site. CGI or Common Gateway Interface scripts are programs, usually written in a programming language such as Perl, Java, C, or C++. CGI scripts are the engines behind many HTML forms and other dynamic features on a Web site. To create a CGI script you ll have to know how to program or hire a programmer to do it for you. You can also find and modify existing scripts. But to keep it simple, we re going to use a less sophisticated but much simpler method of sending information from a form back to your server using a simple m a i l t o : t a g. The mailto: tag does not work in all browsers, and the results are not as user friendly as a CGI script. You will receive a text file as an attachment which you can open in any text editor to interpret the results (Figure 3-5). One way to process it is to import the text into a spreadsheet program like Excel as an ASCII delimited dataset. For an example of a CGI form visit Figure 3-5 The text reponse you receive from a mailto: is not very user friendly and must be interpreted. 1 8

5 EXERCISES Creating an HTML Form Dreamweaver s Object palette has a series of insert buttons for a variety of different forms. Let s look at some of them. 1. With coftable.htm open, scroll to the bottom of the page, click your cursor after the second horizontal rule, and insert a paragraph break. 2. If the Object palette is not already open, choose Windows > Objects from the menu bar to open it. 3. Now use the scroll arrow at the top of the palette to access the F o r m s group. Hold your mouse over each of the the six buttons on the Object palette long enough to see it s name appear. 4. Click on the top button in the group to insert a blank form space. A blank form in Dreamweaver is represented by a rectangle outlined by a dotted red line. (Figure 3-6). Selecting this rectangle reveals the Form properties in the Property inspector. Figure 3-6 When you select the red line that represents a form, the Property inspector features attributes for processing the form with a CGI script. 5. Enter the name survey in the text box under the word Form. This name is used by scripting languages such as JavaScript or VBScript to control the form. 6. In the text area next to the word Action put the directory name and name of the script used to control the form. We ll keep it simple by using a client side Mailto. Just enter your address thus: Set the method to Post. 7. Now, click to insert your cursor within the form area on the page, and type the following questions separated by a return: What is your name? What is your address? What is your favorite book? Which is your favorite food? 8. Click to place your cursor after the first question and click on the button for Insert Text field, which is the second button from the top on the Object palette. (You can also use Insert > Form Object > Text Field on the menu bar.) A small bounded rectangle appears immediately after the question. In the Property inspector type Name into the T e x t F i e l d box and set Char Width (character width) to 50. The text box immediately expands. Naming the field has no obvious effect, but it will be used by the CGI script or Mailto: to identify the contents of the field when data is submitted. 1 9

6 Figure 3-7 The Initial List Values dialog box makes it easy to create pull-down lists for forms. 9. Enter None of your business in the Init Val field. The Init Val field is an initial value that will display in a text field unless a viewer chooses to delete or overwrite it. In most cases this will be left blank Insert another text field after the second question. Name it and give it a Char Width of Insert another text field after the third question. Call it book and make Char Width Place your cursor after the fourth question, but this time choose the 6th button from the top, Insert List/Menu. (Or use the menu bar to select Form Object > List/Menu. ) 1 3. Type the name Food into the List/Menu field, set the Type radio button to Menu, and click the List Value b u t t o n. The List Values dialog box appears In both the Item label and Values columns, type pumpkin Click the + symbol to add a new line, and type carrot in both columns. Following the same process enter artichoke, apple, and eggplant (Figure 3-7) Enter a paragraph break by placing your cursor just after the last text field and pressing Enter (PC) or Return (Mac) Click on the third button from the top in the Object palette, Insert Button (or choose Form Objects > Insert Button from the menu bar) Repeat the operation so you have two identical buttons next to each other Now let s change the first button to make it reset the form. Select the first button. In the Property inspector, check the radio button that says Reset form. Note that the label and button name change as well Preview and test your form by filling in your name, changing the text in the second text field, and picking a food from the pull down menu you just created. Adding Radio Buttons Radio buttons allow viewers to select from multiple choices. Only one button in a group is active at one time. We re going to add some radio buttons to our form. 1. After the address field, type the question Where are you from? Click your cursor in the form right after the question. 2. Click the Insert Radio Button icon on the Forms panel of the Object palette, or choose Insert > Form Object > Radio Button. 2 0

7 3. Repeat this step three times so there are four buttons. To the right of the first one type East, to the right of each of the others, West, North, and South. 4. Click to select one of the radio buttons and reveal the Radio Button properties in the Property inspector seen in Figure 3-8. All radio buttons in a group should have the same name. Let s just go with the default name for the text area under Radio Button. Figure 3-8 The Radio Button options in the Property inspector 6. Now do the same with the other buttons. Each should have a different Checked Value name so the CGI script can distinguish them. We ll give each button s Checked Value the same name as the button itself so it will be easy to keep track: East, West, North, and South. Adding Checkboxes Checkboxes enable viewers to make multiple choices, so they are good for choices that include such instructions as Choose all that apply. 1. Click to insert your cursor after the new radio buttons and hit Enter (PC) or Return (Mac) to insert a paragraph break. 2. Choose the Insert Checkbox icon on the Objects palette, or Insert > Form Object > Checkbox from the menu bar. After the checkbox type Check if you want be on our list. 3. Insert another checkbox and type Check if you want us to share your name with other companies. 4. In the Property inspector for each checkbox (Figure 3-9) enter a name in the field under Checkbox. You can use the same or distinct names for checkboxes. 5. Next to Checked Value give the two boxes the names and share. 6. Preview your work then save it. Figure 3-9 The Checkbox options in the Property inspector 2 1

8 MORE EXERCISES TO SHARPEN YOUR SKILLS Image Maps Multimedia Open another image and experiment with using different drawing tools to create hot spots and set links. Experiment with the other options associated with Flash movies in the Property inspector. Experiment with the options in the Object palette. In addition to icons for inserting Images, Horizontal Rules, and Flash Movies (which you ve already seen) and for Tables (which you ll look at in the next section), you ll see icons for other multimedia effects including Java applets, ActiveX controls, plug-ins, and Director movies. If you have examples of any of the these file types, try inserting them into your page and configuring them as you did the Flash movie. If you are not familiar with any of them do some online research to learn more and download examples. For Java applets go to for ActiveX, and for Director, Forms Experiment with other form field options. Create more radio buttons, checkboxes, lists, and text fields. Try to find a CGI script online that you can test. Upload your form to a server where you can work with it to make sure the submission process functions appropriately. 2 2

Dreamweaver Tutorials Creating a Web Contact Form

Dreamweaver Tutorials Creating a Web Contact Form Dreamweaver Tutorials This tutorial will explain how to create an online contact form. There are two pages involved: the form and the confirmation page. When a user presses the submit button on the form,

More information

Adobe Dreamweaver CC 14 Tutorial

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

More information

Chapter 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

Tutorial 8: Quick Form Button

Tutorial 8: Quick Form Button Objectives: Your goal in this tutorial is to be able to: properly use NetStores Quick-Form feature in Dreamweaver customize the Quick Form order button create a form with various components: check boxes

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

FORMS. Introduction. Form Basics

FORMS. Introduction. Form Basics FORMS Introduction Forms are a way to gather information from people who visit your web site. Forms allow you to ask visitors for specific information or give them an opportunity to send feedback, questions,

More information

Web Design. Links and Navigation

Web Design. Links and Navigation Web Design Links and Navigation Web Design Link Terms HTTP, FTP, Hyperlink, Email Links, Anchor HTTP (HyperText Transfer Protocol) - The most common link type and allows the user to connect to any page

More information

Designing and Implementing Forms 34

Designing and Implementing Forms 34 C H A P T E R 34 Designing and Implementing Forms 34 You can add forms to your site to collect information from site visitors; for example, to survey potential customers, conduct credit-card transactions,

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

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

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

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

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

Inserting the Form Field In Dreamweaver 4, open a new or existing page. From the Insert menu choose Form.

Inserting the Form Field In Dreamweaver 4, open a new or existing page. From the Insert menu choose Form. Creating Forms in Dreamweaver Modified from the TRIO program at the University of Washington [URL: http://depts.washington.edu/trio/train/howto/page/dreamweaver/forms/index.shtml] Forms allow users to

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

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

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

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

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

Using FileMaker Pro with Microsoft Office

Using FileMaker Pro with Microsoft Office Hands-on Guide Using FileMaker Pro with Microsoft Office Making FileMaker Pro Your Office Companion page 1 Table of Contents Introduction... 3 Before You Get Started... 4 Sharing Data between FileMaker

More information

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

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

More information

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

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

More information

Chapter 15: Forms. User Guide. 1 P a g e

Chapter 15: Forms. User Guide. 1 P a g e User Guide Chapter 15 Forms Engine 1 P a g e Table of Contents Introduction... 3 Form Building Basics... 4 1) About Form Templates... 4 2) About Form Instances... 4 Key Information... 4 Accessing the Form

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

m ac romed ia Fl a s h Curriculum Guide

m ac romed ia Fl a s h Curriculum Guide m ac romed ia Fl a s h Curriculum Guide 1997 1998 Macromedia, Inc. All rights reserved. Macromedia, the Macromedia logo, Dreamweaver, Director, Fireworks, Flash, Fontographer, FreeHand, and Xtra are trademarks

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

6. If you want to enter specific formats, click the Format Tab to auto format the information that is entered into the field.

6. If you want to enter specific formats, click the Format Tab to auto format the information that is entered into the field. Adobe Acrobat Professional X Part 3 - Creating Fillable Forms Preparing the Form Create the form in Word, including underlines, images and any other text you would like showing on the form. Convert the

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

Dreamweaver CS5. Module 2: Website Modification

Dreamweaver CS5. Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Dreamweaver CS5 Module 2: Website Modification Last revised: October 31, 2010 Copyrights and Trademarks 2010 Nishikai Consulting, Helen Nishikai Oakland,

More information

Insert Survey Data into a Database: Dreamweaver & Access 2007

Insert Survey Data into a Database: Dreamweaver & Access 2007 Insert Survey Data into a Database: Dreamweaver & Access 2007 Site Preparation 1. Open your User folder and create a folder titled InsertData_Local. Do NOT place this folder inside PUB. If you are working

More information

Chapter 4: Website Basics

Chapter 4: Website Basics 1 Chapter 4: In its most basic form, a website is a group of files stored in folders on a hard drive that is connected directly to the internet. These files include all of the items that you see on your

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

Getting Started with KompoZer

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

More information

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

Advanced Layer Popup Manual DMXzone Advanced Layer Popup Manual

Advanced Layer Popup Manual DMXzone Advanced Layer Popup Manual Advanced Layer Popup Manual Page 1 of 42 Index Index... 2 About Advanced Layer Popup... 3 Features...3 Create a popup window with an image... 6 Introduction...6 Simple Layer Popup with an image...6 Applying

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

Google Docs Basics Website: http://etc.usf.edu/te/

Google Docs Basics Website: http://etc.usf.edu/te/ Website: http://etc.usf.edu/te/ Google Docs is a free web-based office suite that allows you to store documents online so you can access them from any computer with an internet connection. With Google

More information

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

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

More information

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

Add a Web Part 1. SharePoint How To s / Web Parts 1of 6

Add a Web Part 1. SharePoint How To s / Web Parts 1of 6 SharePoint How To s / Web Parts of 6 Web Parts are content containers used to display information on your site. Use Web Parts to arrange text, related links, calendars, images, Document Libraries, other

More information

TASKSTREAM FAQs. 2. I have downloaded a lesson attachment, but I cannot open it. What is wrong?

TASKSTREAM FAQs. 2. I have downloaded a lesson attachment, but I cannot open it. What is wrong? TASKSTREAM FAQs Why do I not receive emails from TaskStream? It could be that your email program is interpreting incoming TaskStream mail as spam, which is a term for junk mail Spam is not typically stored

More information

collab.virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu

collab.virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu UVACOLLAB ECLPS: BUILDING COURSE PORTALS UVaCollab User Guide Series collab-support@virginia.edu Revised 4/28/2014 CONTENTS The eclps Overview... 3 Objectives... 3 Adding the Syllabus or Lessons Tool to

More information

Introduction to MS WINDOWS XP

Introduction to MS WINDOWS XP Introduction to MS WINDOWS XP Mouse Desktop Windows Applications File handling Introduction to MS Windows XP 2 Table of Contents What is Windows XP?... 3 Windows within Windows... 3 The Desktop... 3 The

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

Training Manual Version 1.0

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

More information

By Glenn Fleishman. WebSpy. Form and function

By Glenn Fleishman. WebSpy. Form and function Form and function The simplest and really the only method to get information from a visitor to a Web site is via an HTML form. Form tags appeared early in the HTML spec, and closely mirror or exactly duplicate

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

07 Forms. 1 About Forms. 2 The FORM Tag. 1.1 Form Handlers

07 Forms. 1 About Forms. 2 The FORM Tag. 1.1 Form Handlers 1 About Forms For a website to be successful, it is important to be able to get feedback from visitors to your site. This could be a request for information, general comments on your site or even a product

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

Dreamweaver Mail Forms: Using ritmail.cgi

Dreamweaver Mail Forms: Using ritmail.cgi Dreamweaver Mail Forms: Using ritmail.cgi The recommended RIT form processor is ritmail.cgi. Forms have two parts: the web page and the form program The web page is where users enter information. The form

More information

Web Hosting Training Guide. Web Hosting Training Guide. Author: Glow Team Page 1 of 22 Ref: GC349_v1.1

Web Hosting Training Guide. Web Hosting Training Guide. Author: Glow Team Page 1 of 22 Ref: GC349_v1.1 Web Hosting Training Guide Safari version Doc Ref: GC349_v1.1 Author: Glow Team Page 1 of 22 Ref: GC349_v1.1 Contents Introduction... 3 What is the Glow Web Hosting service?... 3 Why use the Glow Web Hosting

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

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

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

Creating Fill-able Forms using Acrobat 8.0: Part 1

Creating Fill-able Forms using Acrobat 8.0: Part 1 Creating Fill-able Forms using Acrobat 8.0: Part 1 The first step in creating a fill-able form in Adobe Acrobat is to generate the form with all its formatting in a program such as Microsoft Word. Then

More information

FileMaker Pro 8.5: The FileMaker Web Viewer. page. FileMaker Pro 8.5: The FileMaker Web Viewer

FileMaker Pro 8.5: The FileMaker Web Viewer. page. FileMaker Pro 8.5: The FileMaker Web Viewer Technology Brief FileMaker Pro 8.5: The FileMaker Web Viewer FileMaker Pro 8.5: The FileMaker Web Viewer page About This Technical Brief It is the intent of this technical brief to help the new or experienced

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

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

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

More information

Page Design, Layout, & Module Explanation:

Page Design, Layout, & Module Explanation: Page Design, Layout, & Module Explanation: Page Overview: Navigate to your assigned page on the website. Once on your page click login At the login screen enter user USERNAME & PASSWORD and CLICK Login

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

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 Interactive PDF Forms

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

More information

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

BID2WIN Workshop. Advanced Report Writing

BID2WIN Workshop. Advanced Report Writing BID2WIN Workshop Advanced Report Writing Please Note: Please feel free to take this workbook home with you! Electronic copies of all lab documentation are available for download at http://www.bid2win.com/userconf/2011/labs/

More information

Creating Basic HTML Forms in Microsoft FrontPage

Creating Basic HTML Forms in Microsoft FrontPage Creating Basic HTML Forms in Microsoft FrontPage Computer Services Missouri State University http://computerservices.missouristate.edu 901 S. National Springfield, MO 65804 Revised: June 2005 DOC090: Creating

More information

Support/ User guide HMA Content Management System

Support/ User guide HMA Content Management System Support/ User guide HMA Content Management System 1 Contents: Access Page 3 Editing Pages Page 4 Adding/Editing Text Page 7 Adding/Editing Images Page 9 Adding/Editing Files Page 11 Adding a Page Page

More information

CMS Training. Prepared for the Nature Conservancy. March 2012

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

More information

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

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

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

Microsoft PowerPoint 2008

Microsoft PowerPoint 2008 Microsoft PowerPoint 2008 Starting PowerPoint... 2 Creating Slides in Your Presentation... 3 Beginning with the Title Slide... 3 Inserting a New Slide... 3 Slide Layouts... 3 Adding an Image to a Slide...

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

Appendix A How to create a data-sharing lab

Appendix A How to create a data-sharing lab Appendix A How to create a data-sharing lab Creating a lab involves completing five major steps: creating lists, then graphs, then the page for lab instructions, then adding forms to the lab instructions,

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

Digital Marketing EasyEditor Guide Dynamic

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

More information

Database Forms and Reports Tutorial

Database Forms and Reports Tutorial Database Forms and Reports Tutorial Contents Introduction... 1 What you will learn in this tutorial... 2 Lesson 1: Create First Form Using Wizard... 3 Lesson 2: Design the Second Form... 9 Add Components

More information

Crystal Print Control Installation Instructions for PCs running Microsoft Windows XP and using the Internet Explorer browser

Crystal Print Control Installation Instructions for PCs running Microsoft Windows XP and using the Internet Explorer browser Crystal Print Control Installation Instructions for PCs running Microsoft Windows XP and using the Internet Explorer browser Important Notice: You must have administrative rights to your PC to perform

More information

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

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

More information

Kentico CMS User s Guide 5.0

Kentico CMS User s Guide 5.0 Kentico CMS User s Guide 5.0 2 Kentico CMS User s Guide 5.0 Table of Contents Part I Introduction 4 1 Kentico CMS overview... 4 2 Signing in... 5 3 User interface overview... 7 Part II Managing my profile

More information

HOW TO USE THIS GUIDE

HOW TO USE THIS GUIDE HOW TO USE THIS GUIDE This guide provides step-by-step instructions for each exercise. Anything that you are supposed to type or select is noted with various types and colors. WHEN YOU SEE THIS Click Help

More information

Virtual Communities Operations Manual

Virtual Communities Operations Manual Virtual Communities Operations Manual The Chapter Virtual Communities (VC) have been developed to improve communication among chapter leaders and members, to facilitate networking and communication among

More information

Chapter 12 Creating Web Pages

Chapter 12 Creating Web Pages Getting Started Guide Chapter 12 Creating Web Pages Saving Documents as HTML Files Copyright This document is Copyright 2010 2012 by its contributors as listed below. You may distribute it and/or modify

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

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

emarketing Manual- Creating a New Email

emarketing Manual- Creating a New Email emarketing Manual- Creating a New Email Create a new email: You can create a new email by clicking the button labeled Create New Email located at the top of the main page. Once you click this button, a

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

Google Sites: Creating, editing, and sharing a site

Google Sites: Creating, editing, and sharing a site Google Sites: Creating, editing, and sharing a site Google Sites is an application that makes building a website for your organization as easy as editing a document. With Google Sites, teams can quickly

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

Rochester Institute of Technology. Finance and Administration. Drupal 7 Training Documentation

Rochester Institute of Technology. Finance and Administration. Drupal 7 Training Documentation Rochester Institute of Technology Finance and Administration Drupal 7 Training Documentation Written by: Enterprise Web Applications Team CONTENTS Workflow... 4 Example of how the workflow works... 4 Login

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

Website Editor User Guide

Website Editor User Guide CONTENTS Minimum System Requirements... 3 Design Your Website... 3 Choosing your Theme... 4 Choosing your Header Style... 4-5 Website Content Editor... 6 Text Editor Toolbar features... 6 Main Menu Items...

More information

The steps to create an HTML Web site with Virtual Exhibit are:

The steps to create an HTML Web site with Virtual Exhibit are: 23 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web site creator for PastPerfect Museum Software. Virtual Exhibit converts collection records and images stored in PastPerfect to HTML for posting

More information

Sharing Files and Whiteboards

Sharing Files and Whiteboards Your user role in a meeting determines your level of file sharing. The type of files you can share include documents, presentations, and videos. About Sharing Files, page 1 Changing Views in a File or

More information

Kentico CMS 7.0 User s Guide. User s Guide. Kentico CMS 7.0. 1 www.kentico.com

Kentico CMS 7.0 User s Guide. User s Guide. Kentico CMS 7.0. 1 www.kentico.com User s Guide Kentico CMS 7.0 1 www.kentico.com Table of Contents Introduction... 4 Kentico CMS overview... 4 Signing in... 4 User interface overview... 6 Managing my profile... 8 Changing my e-mail and

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

MICROSOFT OUTLOOK 2010 WORK WITH CONTACTS

MICROSOFT OUTLOOK 2010 WORK WITH CONTACTS MICROSOFT OUTLOOK 2010 WORK WITH CONTACTS Last Edited: 2012-07-09 1 Access to Outlook contacts area... 4 Manage Outlook contacts view... 5 Change the view of Contacts area... 5 Business Cards view... 6

More information

Appspace 5.X Reference Guide (Digital Signage) Updated on February 9, 2015

Appspace 5.X Reference Guide (Digital Signage) Updated on February 9, 2015 Appspace 5.X Reference Guide (Digital Signage) Updated on February 9, 2015 1 TABLE OF CONTENTS 2 What is Appspace For Digital Signage... 4 3 Access Appspace... 4 4 Best Practices and Notes... 4 5 Appspace

More information

Creating mobile layout designs in Adobe Muse

Creating mobile layout designs in Adobe Muse Creating mobile layout designs in Adobe Muse Using Adobe Muse, you can create site layouts for web content to be displayed on desktop, smartphones, and tablets. Using the mobile design features, you can

More information

Kentico CMS 5.5 User s Guide

Kentico CMS 5.5 User s Guide Kentico CMS 5.5 User s Guide 2 Kentico CMS User s Guide 5.5 Table of Contents Part I Introduction 4 1 Kentico CMS overview... 4 2 Signing in... 5 3 User interface overview... 7 Part II Managing my profile

More information

USER GUIDE. Unit 2: Synergy. Chapter 2: Using Schoolwires Synergy

USER GUIDE. Unit 2: Synergy. Chapter 2: Using Schoolwires Synergy USER GUIDE Unit 2: Synergy Chapter 2: Using Schoolwires Synergy Schoolwires Synergy & Assist Version 2.0 TABLE OF CONTENTS Introductions... 1 Audience... 1 Objectives... 1 Before You Begin... 1 Getting

More information