understand how image maps can enhance a design and make a site more interactive know how to create an image map easily with Dreamweaver
|
|
- Joan Harrison
- 8 years ago
- Views:
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: mailto:you@yourweb.com. 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
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 informationAdobe 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 informationDreamweaver 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 informationTutorial 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 informationFORMS. 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 informationUsing 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 informationWeb 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 informationDesigning 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 informationTUTORIAL 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 informationCreate 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 informationUsing 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 informationHow 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 informationInserting 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 informationSiteBuilder 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 informationHow 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 informationContents. 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 informationUsing 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 informationGoogle 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 informationSage 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 informationChapter 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 informationWEBSITE 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 informationCreating 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 informationm 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 informationUsing 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(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 informationInsert 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 informationDreamweaver 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 informationTASKSTREAM 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 information6. 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 informationTo 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 informationGetting 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 informationChapter 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 informationIAS 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 informationTraining 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 informationITP 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 informationAdvanced 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 informationDreamweaver 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 informationFlash 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 informationSoftChalk. 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 informationBasic 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 informationcollab.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 information07 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 informationBuilding 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 informationADOBE 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 informationDreamweaver 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 informationCreating 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 informationUSER 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 informationIntroduction 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 informationHow To Write A Cq5 Authoring Manual On An Ubuntu Cq 5.2.2 (Windows) (Windows 5) (Mac) (Apple) (Amd) (Powerbook) (Html) (Web) (Font
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 informationFileMaker 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 informationMicrosoft 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 informationIntroduction 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 informationCreate 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 informationWeb 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 informationInspiring 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 informationHOW 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 informationCreating 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 informationBID2WIN 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 informationGoogle 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 informationDigital 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 informationJoomla 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 informationAppendix 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 informationCreating 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 informationSupport/ 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 informationBy 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 informationDreamweaver 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 informationAppspace 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 informationMICROSOFT 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 informationCreating 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 informationCreating 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 informationCMS 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 informationKentico 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 informationSharing 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 informationHTML Form Widgets. Review: HTML Forms. Review: CGI Programs
HTML Form Widgets Review: HTML Forms HTML forms are used to create web pages that accept user input Forms allow the user to communicate information back to the web server Forms allow web servers to generate
More informationHow to Edit Your Website
How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing
More informationIngeniux 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 informationDeveloping 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 informationVodafone Business Product Management Group. Hosted Services EasySiteWizard Pro 8 User Guide
Vodafone Business Product Management Group Hosted Services EasySiteWizard Pro 8 User Guide Vodafone Group 2010 Other than as permitted by law, no part of this document may be reproduced, adapted, or distributed,
More informationGoogle 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 informationRecipes4Success. Animate a Rocket Ship. Frames 6 - Drawing Tools
Recipes4Success You can use the drawing tools and path animation tools in Frames to create illustrated cartoons. In this Recipe, you will draw and animate a rocket ship. 2014. All Rights Reserved. This
More informationSURPASS HOSTING SERVICE GETTING STARTED AND OPERATIONS GUIDE
SURPASS HOSTING SERVICE GETTING STARTED AND OPERATIONS GUIDE Welcome To Surpass Hosting Service. This document contains instructions to help you get up and running with your new service. The instructions
More informationWebsite 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 informationHow To Use Dreamweaver With Your Computer Or Your Computer (Or Your Computer) Or Your Phone Or Tablet (Or A Computer)
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 informationCreating 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 informationWhere 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 informationFeatures. Main features:
Overview Web Page Maker is an easy to use web creator that helps you make your own web pages with no experience or HTML knowledge. Just drag and drop images, text, music and video.. into a layout. During
More informationIntro 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 informationPowerPoint 2007 Basics Website: http://etc.usf.edu/te/
Website: http://etc.usf.edu/te/ PowerPoint is the presentation program included in the Microsoft Office suite. With PowerPoint, you can create engaging presentations that can be presented in person, online,
More informationFlorence School District #1
Florence School District #1 Training Module 2 Designing Lessons Designing Interactive SMART Board Lessons- Revised June 2009 1 Designing Interactive SMART Board Lessons Lesson activities need to be designed
More informationContent Author's Reference and Cookbook
Sitecore CMS 6.2 Content Author's Reference and Cookbook Rev. 091019 Sitecore CMS 6.2 Content Author's Reference and Cookbook A Conceptual Overview and Practical Guide to Using Sitecore Table of Contents
More informationUSER 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 informationDatabase 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 informationVirtual 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 informationDESIGN 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 informationKentico 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 informationemarketing 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 informationKentico 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 informationMICROSOFT OFFICE ACCESS 2007 - NEW FEATURES
MICROSOFT OFFICE 2007 MICROSOFT OFFICE ACCESS 2007 - NEW FEATURES Exploring Access Creating and Working with Tables Finding and Filtering Data Working with Queries and Recordsets Working with Forms Working
More informationChapter 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 informationADOBE ACROBAT 7.0 CREATING FORMS
ADOBE ACROBAT 7.0 CREATING FORMS ADOBE ACROBAT 7.0: CREATING FORMS ADOBE ACROBAT 7.0: CREATING FORMS...2 Getting Started...2 Creating the Adobe Form...3 To insert a Text Field...3 To insert a Check Box/Radio
More information