Page Content. Inserting Text To add text to your document, you can type the text directly or use Cut or Copy and Paste or Paste Special.
|
|
- Jonathan Phelps
- 5 years ago
- Views:
Transcription
1 This section describes how to add content to your pages including text, Microsoft Office documents, images, Flash, and other media content. Inserting Text To add text to your document, you can type the text directly or use Cut or Copy and Paste or Paste Special. The Paste Special command provides a number of additional paste options as shown in the Paste Special dialog box (see below). You can also use the Paste Preferences option to set paste defaults for Dreamweaver. Insert Symbols Browser support for symbols is somewhat spotty, and symbols such as greater than (>) and less than (<) are used in HTML tags and require special handling. Consult Dreamweaver help if you need to insert either > or <. 1) With the insertion point positioned where the symbol is to appear, Choose Insert HTML / Special Characters 2) Select the symbol you require from the fly-out menu Camosun School of Business Page 1 ABT 294 Course Pack
2 3) If the symbol you require is not listed in the fly-out menu, click Other to open the Insert Other Character dialog box, and select the symbol you require. Numbered and Bulleted Lists 1) Place the insertion point where you want the list to start. 2) Set the Property Inspector to HTML view and click either the Ordered or Unordered List button. Alternatively, you can choose Format List and select the type of list you require from the fly-out menu. 3) When your list is complete, press <Enter> twice. 4) To insert a multi-level list, select the items in an existing list that you want to demote one level, and click the Indent button on the Property Inspector, or choose Format Indent Camosun School of Business Page 2 ABT 294 Course Pack
3 5) To set list properties for all items in your bulleted or numbered list, select the list and choose Format List / Properties. Select the List Type and Style. Use the Start count option to specify the starting number for your list. To set the properties for an individual item in the list, select the item and display the List Properties dialog box. Select the New Style for the item and use the Reset count to option if you want to change the numbering for the item. Inserting Word and Excel Documents You can insert Microsoft Word and Excel documents created in any version of Office more recent than Office 97, provided the size of the document is no more than 300K. 1) Switch to Design View if necessary 2) Drag and drop the file onto the page, or choose File Import / Word Document (or Excel Document). 3) In the Import Word/Excel Document dialog box, choose the formatting options you prefer from the Formatting pop-up menu located at the bottom of the dialog box Camosun School of Business Page 3 ABT 294 Course Pack
4 4) For documents created in Office 97 or files larger than 300K, you can create a link to the relevant file. Make sure that the document is contained within your file structure to ensure that it is uploaded to the Web server. Drag the file from its current location to the required position on the Web page. In the Insert Document dialog box select the Create a link option. If the document is currently outside the file structure of your Web site, Dreamweaver displays a dialog box that allows you to copy the file into the root folder of your site. When you click Yes, Dreamweaver allows you to rename the file and specify the exact location in your Web site folders that the file will be copied into Camosun School of Business Page 4 ABT 294 Course Pack
5 Inserting Images Images can be specifically created for a web site using tools such as Fireworks or Adobe Photoshop, or they can be commissioned from a graphic designer. You can also scan images, upload images from a digital camera, or use any clipart that you have available. Graphic formats currently fully supported on the web are JPEG (.JPG) and GIF. PNG is an emerging format that is gaining popularity but is not fully supported in all browsers. Gif and JPEG formats have the widest support and can be viewed in most browsers. GIF s are used for line art, clipart and animations, and they also support transparency. GIF s are typically small in file size and have a limited colour depth (usually a maximum of 216 web-safe colours). They are well suited for items such as navigation buttons and logos. JPEG s are used for continuous tone images (such as photographs) and are usually larger in file size. JPEGs should be saved in your graphics software using a dithered palette so that the full range of colour can be approximated on systems that lack high colour depth capability. JPEG s can be compressed to achieve a smaller file size; however, compression results in a loss of some of the colour-depth. Inserting a Picture File Images can be inserted directly from an image file if they are stored in JPEG or GIF (or PNG) format, and you can also insert a clip art image into a Microsoft Office document, then copy and paste it into Dreamweaver. When you insert an image file into a Web page, Dreamweaver automatically generates a reference to the file in the HTML code. To make sure that this reference works, the image file must be contained in a folder in the current site. Before adding images to your page make sure that the image file has been properly prepared, and copied or moved into the images or assets folder inside the web. If you select a file that is not already in the site, or paste a clipart image onto the page, Dreamweaver will ask you whether you want to copy the file to the root folder. By copying the file into the site folders, the image will be available when the site is published to the web server. 1) Position the insert point where you want to insert the image. 2) To insert the image, do one of the following: choose Insert Image, click the Insert Image button in the Common Category of the Insert panel, or drag the Insert Image button to the page. (Note: You can also drag an image from the Assets panel or the Files panel to place an image on a page) Camosun School of Business Page 5 ABT 294 Course Pack
6 3) The Select Image Source dialog box will appear. Use Look in to browse to the folder containing the required image and select the image (the Preview area of the Select Image Source dialog box allows you to preview images before placing them, and also provides additional information such as the size in pixels, the size in KB, and the average download time). If you have chosen a file that is not contained in the Web site structure, note the message Chosen file is not under site root at the bottom of the dialog box. An image file must be stored in a folder under the site root in order for it to be rendered as part of the page once the site is published. 4) Click OK to place the image. 5) If the image is not currently in a folder inside the site, Dreamweaver will prompt you with the following message Camosun School of Business Page 6 ABT 294 Course Pack
7 6) Click Yes. Dreamweaver will display the Copy File As dialog box, which allows you to rename the file if necessary and select an appropriate folder in the site to copy the image into. 7) Click Save to save the image, then specify the <Alt> tag for the image in the Image Tag Accessibility Attributes dialog box. When a text alternative has been specified, the text will display in the browser before the image downloads so that a user does not have to wait for the image to load before using any attached hyperlink. The alternative text is also necessary for anyone who is using a text only browser or a screen reader, and it is automatically displayed in newer browsers as a tool-tip whenever the mouse pointer is positioned on the graphic Camosun School of Business Page 7 ABT 294 Course Pack
8 Pasting a Clip-Art Image 1) Copy a clip-art image that has been inserted into a Microsoft Word or PowerPoint document. 2) Paste the image onto the Web page. The Image Preview dialog box will open. 3) Use the Options tab to specify Format and Quality settings, and use the File tab to specify Scale options. Click OK. 4) In the Save Web Image dialog box, use Look in select a folder in the Web site in which to store the file (typically the images or assets folder), and provide a File name. 5) Specify the <Alt> tag for the image in the Image Description dialog box Camosun School of Business Page 8 ABT 294 Course Pack
9 Modifying the Properties of an Image Once you have placed an image onto a web page it can be used as a hyperlink or image map and you can modify its properties in a number of different ways. You use the Property Inspector to modify the properties of an image. One of the most important options is to specify a text alternative for the image. Other properties you can modify include: Width and Height. These settings reserve space for the image on a page as it loads in a browser. These fields are automatically filled with the original image size and should not be modified under normal circumstances. Scaling images can be accomplished here, but may result in distortion and will not change the download time required for the image. Modifications to the size of an image should be done using an image-editing program such as Photoshop or Fireworks. Src. This setting specifies the path to the image file. Link. This setting specifies a hyperlink for the image. To use your image as a hyperlink, drag the Point-to-File button to a file in the Files panel or click the folder button to browse to a document on your site. You can also type a URL into the Link field to link to a document in a different Web site. Alt. This setting specifies alternative text to display in place of the image as it downloads or for text-only browsers. Edit. This option allows you to edit the image either in Photoshop or in the image-editing program specified in External Editor Preferences. You can also use the Edit Image Settings button to modify some basic settings (such as the JPEG quality and scaling options) in the Image Preview dialog box. You can use the expand button at the bottom right corner of the Property Inspector to access additional image properties you can modify. These include: Map Name Field. This option allows you to create a client-side image map. Hotspot Tools. These tools allow you to create hotspots on an image to use as hyperlinks. V Space and H Space. These settings can be used to add padding along the right and left side of the image (H Space) and along the top and bottom (V Space) of the image. Padding is specified in pixels Camosun School of Business Page 9 ABT 294 Course Pack
10 Target. This setting specifies the target frame that the linked page should be loaded into if you are using a frameset or linking to an external site. Border. This option is used to set the border size in pixels around an image. For an image in a navbar that is used as a link, this should be specifically set to 0 (zero). Image Editing Tools. Tools are provided to Crop, Resample, set Brightness and Contrast levels, and Sharpen the image. Align. This setting specifies how text and the image will align relative to each other on the same line. 1) Select the image. 2) Use the Window menu to open the Property Inspector if necessary. 3) Select the required options from the Property Inspector (Note: to see all of the available options, click the expand button in the lower right-hand corner of the Property Inspector) Camosun School of Business Page 10 ABT 294 Course Pack
11 Creating an Image Map An image can be converted to a client-side image map using the hotspot tools on the Property Inspector. 1) Select the image, then display and expand the Property Inspector if necessary. 2) Enter a unique name for the map into the Map field. 3) You can create rectangular, square, oval, circular or polygonal hotspots. Select a hotspot tool from the Property Inspector to marquee an area of the image that will act as a hyperlink. 4) Drag to marquee the area of the image that will act as a hyperlink. The Property Inspector will update so that you can set the hotspot properties. 5) Drag the Point-to-File button to a file in the Files panel or click the folder button to browse to a document in your site to specify the entry for the Link field. If you are using a frameset, specify the Target frame. Specify the Alt text to display in text-only browsers. 6) Repeat the steps above to create additional hyperlinks to complete your image map. Inserting Media You can incorporate a variety of different media types into your Web site. The basic procedure is to use the Insert Media command or to use the Common category of the Insert panel. For audio files, you can either embed the files or link to the files Camosun School of Business Page 11 ABT 294 Course Pack
Working with Images and Multimedia
CHAPTER Working with Images and Multimedia You can make your web page more interesting by adding multimedia elements. You can download the files featured in this chapter from www.digitalfamily.com/tyv.
More informationIT153 Midterm Study Guide
IT153 Midterm Study Guide These are facts about the Adobe Dreamweaver CS4 Application. If you know these facts, you should be able to do well on your midterm. Dreamweaver users work in the Document window
More informationCropping an Image for the Web
Cropping an Image for the Web This guide covers how to use the Paint software included with Microsoft Windows to crop images for use on a web page. Opening Microsoft Paint (In Windows Accessories) On your
More informationChapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10
CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties
More informationPage Layout Using Tables
This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,
More informationUnit 8. Lesson 8.1. Microsoft FrontPage. Introduction. Microsoft FrontPage-1. Microsoft FrontPage
Microsoft FrontPage Unit 8 Microsoft FrontPage Introduction Lesson 8.1 Microsoft FrontPage-1 A number of Software Packages are available in market for creating a website. Among popular software s are Dreamweaver,
More informationDreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets
Dreamweaver Basics Planning your website Organize site structure Plan site design & navigation Gather your assets Creating your website Dreamweaver workspace Define a site Create a web page Linking Manually
More informationSTD 7 th Paper 1 FA 4
STD 7 th Paper 1 FA 4 Choose the correct option from the following 1 HTML is a. A Data base B Word Processor C Language D None 2 is a popular text editor in MS window A Notepad B MS Excel C MS Outlook
More informationLearning DreamWeaver MX 2004
Contents Users Notes Software Requirements...xi The DW Support Files...xi Copying the DW Support Files...xi Windows Systems...xi Macintosh Systems...xi Using the Activities in Schools... xii The Chapter
More informationAdobe Dreamweaver CS5/6: Learning the Tools
Adobe Dreamweaver CS5/6: Learning the Tools Dreamweaver is an HTML (Hypertext Markup Language) editor, authoring tool, and Web site management tool. Dreamweaver is a WYSIWYG (what you see is what you get)
More informationDynamic Web Templates
Dynamic Web Templates This section describes how to create and implement a Dynamic Web Template to ensure consistent design throughout your site and to simplify the creation, updating, and management of
More informationHow to set up a local root folder and site structure
Activity 2.1 guide How to set up a local root folder and site structure The first thing to do when creating a new website with Adobe Dreamweaver CS3 is to define a site and identify a root folder where
More informationADOBE DREAMWEAVER CS4 BASICS
ADOBE DREAMWEAVER CS4 BASICS Dreamweaver CS4 2 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 layout,
More informationUsing Adobe Contribute 4 A guide for new website authors
Using Adobe Contribute 4 A guide for new website authors Adobe Contribute allows you to easily update websites without any knowledge of HTML. This handout will provide an introduction to Adobe Contribute
More informationFrontPage. Directions & Reference
FrontPage Directions & Reference August 2006 Table of Contents Page No. Open, Create, Save WebPages Open Webpage... 1 Create and Save a New Page... 1-2 Change the Background Color of Your Web Page...
More informationPRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA
PRESENCE RadEditor Guide SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA 95066 800-920-3897 www.schoolmessenger.com Contents Contents... 2 Introduction... 3 What is RadEditor?... 3 RadEditor
More informationHO-1: INTRODUCTION TO FIREWORKS
HO-1: INTRODUCTION TO FIREWORKS The Fireworks Work Environment Adobe Fireworks CS4 is a hybrid vector and bitmap tool that provides an efficient design environment for rapidly prototyping websites and
More informationDreamweaver Domain 4: Adding Content by Using Dreamweaver CS5
Dreamweaver Domain 4: Adding Content by Using Dreamweaver CS5 Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Define a Dreamweaver site. Create,
More informationMicrosoft Office PowerPoint 2013 Courses 24 Hours
Microsoft Office PowerPoint 2013 Courses 24 Hours COURSE OUTLINES FOUNDATION LEVEL COURSE OUTLINE Using PowerPoint 2013 Opening PowerPoint 2013 Opening a Presentation Navigating between Slides Using the
More informationCreating Buttons and Pop-up Menus
Using Fireworks CHAPTER 12 Creating Buttons and Pop-up Menus 12 In Macromedia Fireworks 8 you can create a variety of JavaScript buttons and CSS or JavaScript pop-up menus, even if you know nothing about
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 informationConcepts of Information Technology. Introduction to Windows 8
ADVANCED CERTIFICATE IN INFORMATION TECHNOLOGY What is Information Technology What is Computer History of Computer What is Operating System Windows History Windows Environment A First Look at the Windows
More informationCentricity 2.0 Section Editor Help Card
Centricity 2.0 Section Editor Help Card Accessing Section Workspace In order to edit your section, you must first be assigned Section Editor privileges. This is done by the Director of your Site, Subsite,
More informationLearning Adobe DreamWeaver CC. Module 1 Contents. Chapter 1: Introduction to DreamWeaver CC
Module 1 Contents Chapter 1: Introduction to DreamWeaver CC Design Considerations...1-1 Types of Graphics...1-2 Backgrounds and Text...1-2 Planning the Navigation...1-2 The DreamWeaver Screen...1-3 Workspaces...
More information< building websites with dreamweaver mx >
< building websites with dreamweaver mx > < plano isd instructional technology department > < copyright = 2002 > < building websites with dreamweaver mx > Dreamweaver MX is a powerful Web authoring tool.
More informationThis type of content can be added to any content area (such as Subject Materials) or a Learning Module.
1 Overview A variety of content can be added to your subject site including: Item: Create and style your own text or HTML content File: Add a document (e.g. Word, PDF, ZIP) for students to download Audio:
More informationDreamweaver. An Introduction to editing webpages
Dreamweaver An Introduction to editing webpages Edited: 2/7/18 Salter, Sharina D Contents Session Description... 3 Overview... 3 Introduction to Dreamweaver... 3 Toolbar... 5 Getting Started... 6 Create
More information8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Horizontal Rule Element
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 4 Visual Elements and Graphics Learning Objectives (1 of 2) 4.1 Create and format lines and borders on web pages 4.2 Apply the image
More informationQuick Guide for Photoshop CS 6 Advanced June 2012 Training:
3. If desired, click the desired tab to see the differences. Photoshop CS 6 Advanced Changing Workspace Note: Changing Workspace will change the Panel Group appears on the screen. The default Workspace
More informationUnit 6: Working with Multimedia
Unit 6: Working with Multimedia Unit Objectives After completing this unit, you should be able to: Add images to your web pages. Touchup images using Contribute Add interactive Flash.SWF files to your
More informationPowerPoint Tips and Tricks
PowerPoint Tips and Tricks Viewing Your Presentation PowerPoint provides multiple ways to view your slide show presentation. You can access these options either through a toolbar on your screen or by pulling
More informationHow to lay out a web page with CSS
How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS3 to create a simple page layout. However, a more powerful technique is to use Cascading Style Sheets (CSS).
More informationAdobe Photoshop CS2 Reference Guide For Windows
This program is located: Adobe Photoshop CS2 Reference Guide For Windows Start > All Programs > Photo Editing and Scanning >Adobe Photoshop CS2 General Keyboarding Tips: TAB Show/Hide Toolbox and Palettes
More informationLearn Dreamweaver CS5 in a Day
Learn Dreamweaver CS5 in a Day Topic File Used Page Number Instructions...1 Chapter 1 Tutorial 1. Introduction... 3 2. Previewing finished site in your web browser...als_portfolio... 7 3. Starting Up Dreamweaver...
More information1. Which three information fields are the most commonly used fields in a user profile? (Choose three.) A. Disabilities B. Gender C.
1. Which three information fields are the most commonly used fields in a user profile? (Choose three.) A. Disabilities B. Gender C. Online Experience D. Religious Affiliation E. Salary Range F. Political
More informationDreamweaver Basics Outline
Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working
More informationLab #3: Web Design with Graphics
English 413: Electronic Documents and Publications Dr. Jablonski Spring 2004 What You Need to Complete this Lab Lab #3: Web Design with Graphics 1. HTML editing software, preferably Dreamweaver MX 2. UNLV
More informationHow to use the Assets panel
Adobe Dreamweaver Guide How to use the Assets panel You can use the Assets panel in Dreamweaver to manage assets in the current site (Figure 1). The Assets panel displays assets for the site associated
More informationA Dreamweaver Tutorial. Contents Page
A Dreamweaver Tutorial Contents Page Page 1-2 Things to do and know before we start Page 3-4 - Setting up the website Page 5 How to save your web pages Page 6 - Opening an existing web page Page 7 - Creating
More informationEDITOR GUIDE. Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9
EDITOR GUIDE Button Functions:...2 Inserting Text...4 Inserting Pictures...4 Inserting Tables...8 Inserting Styles...9 1 Button Functions: Button Function Display the page content as HTML. Save Preview
More informationAutodesk Moldflow Adviser AMA Reports
Autodesk Moldflow Adviser 2012 AMA Reports Revision 1, 17 March 2012. Contents Chapter 1 Report Generation Wizard.............................. 1 Creating a new report.......................................
More informationFrontPage 98 Quick Guide. Copyright 2000 Peter Pappas. edteck press All rights reserved.
Master web design skills with Microsoft FrontPage 98. This step-by-step guide uses over 40 full color close-up screen shots to clearly explain the fast and easy way to design a web site. Use edteck s QuickGuide
More informationLava New Media s CMS. Documentation Page 1
Lava New Media s CMS Documentation 5.12.2010 Page 1 Table of Contents Logging On to the Content Management System 3 Introduction to the CMS 3 What is the page tree? 4 Editing Web Pages 5 How to use the
More informationDazzle the Web with Dynamic Dreamweaver, Part II
Dazzle the Web with Dynamic Dreamweaver, Part II In the second Dreamweaver workshop we will learn the following skills: 1. Adding hyperlinks to our home page 2. Adding images to our home page 3. Creating
More informationCiDA Certificate in Digital Applications
CiDA Certificate in Digital Applications CiDA EXAM TOP TIPS Make your home page with background colour, insert a table with 4 rows 3 columns and 0 padding. Add your fireworks banner, buttons, email
More informationLearning Adobe DreamWeaver CS4. Module 1 Contents. Chapter 1: Introduction to DreamWeaver CS4. Chapter 2: Entering Text and Graphics
Module 1 Contents Chapter 1: Introduction to DreamWeaver CS4 Design Considerations... 1-1 Types of Graphics... 1-2 Backgrounds and Text... 1-2 Planning the Navigation... 1-2 The DreamWeaver Screen... 1-3
More informationCOMSC-031 Web Site Development- Part 2. Part-Time Instructor: Joenil Mistal
COMSC-031 Web Site Development- Part 2 Part-Time Instructor: Joenil Mistal Chapter 9 9 Creating Pages with Frames You can divide the display area of a Web browser into multiple panes by creating frames.
More informationNauticom NetEditor: A How-to Guide
Nauticom NetEditor: A How-to Guide Table of Contents 1. Getting Started 2. The Editor Full Screen Preview Search Check Spelling Clipboard: Cut, Copy, and Paste Undo / Redo Foreground Color Background Color
More informationHow to export and save files
How to export and save files Illustrator is popular with designers because they can create graphics that can be used in a wide variety of applications. You can easily save your work for print, video, or
More informationHandout created by Cheryl Tice, Instructional Support for Technology, GST BOCES
Handout created by Cheryl Tice, Instructional Support for Technology, GST BOCES Intro to FrontPage OVERVIEW: This handout provides a general overview of Microsoft FrontPage. AUDIENCE: All Instructional
More informationCreating Web Pages with SeaMonkey Composer
1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it
More informationINFS 2150 / 7150 Intro to Web Development / HTML Programming
XP INFS 2150 / 7150 Intro to Web Development / HTML Programming Working with Graphics in a Web Page 1 Objectives Learn about different image formats Control the placement and appearance of images on a
More informationIntroduction to Dreamweaver
COMMUNITY TECHNICAL SUPPORT Introduction to Dreamweaver What is Dreamweaver? Dreamweaver helps you to create Web pages while it codes html (and more) for you. It is located on the bottom tray or in the
More informationWorking with multimedia
L E S S O N 2 Working with multimedia Suggested teaching time 60-70 minutes Lesson objectives To become familiar with PowerPoint s multimedia functions, you will: a b c Insert and customize clip art by
More informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More informationClipArt and Image Files
ClipArt and Image Files Chapter 4 Adding pictures and graphics to our document not only breaks the monotony of text it can help convey the message quickly. Objectives In this section you will learn how
More informationRich Text Editor Quick Reference
Rich Text Editor Quick Reference Introduction Using the rich text editor is similar to using a word processing application such as Microsoft Word. After data is typed into the editing area it can be formatted
More informationUsing Graphics to Enhance A PowerPoint Presentation
Using Graphics to Enhance A PowerPoint Presentation This document provides instructions for working with various types of graphics in Microsoft PowerPoint. A design rule of thumb is to include some sort
More informationIndependence Community College Independence, Kansas
Independence Community College Independence, Kansas C O N T E N T S Unit 1: Creating, Modifying, and Enhancing FrontPage Webs and Pages 1 Chapter 1 Investigating FrontPage 2002 3 Exploring World Wide Web
More informationRecitation 3 Further Work with Dreamweaver and Photoshop: Refining your Web Site
Recitation 3 Further Work with Dreamweaver and Photoshop: Refining your Web Site More Photoshop skills Selecting areas of the image - using the selection tools In Recitation 2 we learned there are several
More informationFireworks 3 Animation and Rollovers
Fireworks 3 Animation and Rollovers What is Fireworks Fireworks is Web graphics program designed by Macromedia. It enables users to create any sort of graphics as well as to import GIF, JPEG, PNG photos
More informationUniversity of Bahrain College of Applied Studies
University of Bahrain College of Applied Studies CSA 212: Human Interface and Design Activity 5: Front page 2003 Name : Student ID No : Section Instructor : : Demonstrator : Date : Total Marks : 10 Marks
More informationSection 5. Pictures. By the end of this Section you should be able to:
Section 5 Pictures By the end of this Section you should be able to: Use the Clip Gallery Insert and Delete Pictures Import Pictures Move, Resize and Crop Pictures Add Borders and Colour Wrap Text around
More informationHow to lay out a web page with CSS
Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style
More informationBeginners Guide to Snippet Master PRO
Beginners Guide to Snippet Master PRO This document assumes that Snippet Master has been installed on your site. If not please contact the Bakas IT web team at webreg@bakasit.com.au. Initial Login Screen...
More informationFRONTPAGE STEP BY STEP GUIDE
IGCSE ICT SECTION 15 WEB AUTHORING FRONTPAGE STEP BY STEP GUIDE Mark Nicholls ICT lounge P a g e 1 Contents Introduction to this unit.... Page 4 How to open FrontPage..... Page 4 The FrontPage Menu Bar...Page
More informationThe Official E-Portfolio Tutorial Guide
School of Education Last Updated: January 2009 The Official E-Portfolio Tutorial Guide Includes Instructions For: -Setting Up Dreamweaver -Editing Images Using Photoshop -Creating & Inserting Evidence
More informationSedao Ltd. QuickChange PROject. User Manual for QuickChange PROject version 2.1.5
Sedao Ltd QuickChange PROject User Manual for QuickChange PROject version 2.1.5 Contents What is QuickChange PROject?... 2 Simple Artwork Creation... 5 Creating a project... 7 QuickChange PROject Template
More informationPrentice Hall. Learning Media Design with Adobe CS4 (Skintik) Alabama - Course of Study - Interactive Multimedia Design
Prentice Hall Learning Media Design with Adobe CS4 C O R R E L A T E D T O Learning Media Design with Adobe CS4 Students will: Multimedia Components 1. Compare aspects of multimedia. Presentation Desktop
More informationMacromedia - Fireworks TechNotes: How to create transparent Pop-up Menus
Page 1 of 6 Home > Products > Fireworks > Support > TechNote Index How to create transparent Pop-up Menus Pop-up Menus can be structured to have transparent or translucent backgrounds. Modifying the Pop-up
More informationAbout Freeway. Freeway s Tools and Palettes
About Freeway The most important thing to appreciate before you start a site in Freeway is how the process works, especially if you have tried other Web publishing software before. Freeway is not an HTML
More informationver Wfl Adobe lif Sams Teach Yourself Betsy Bruce Robyn Ness SAMS 800 East 96th Street, Indianapolis, Indiana, USA WlM John Ray ^lg^
Betsy Bruce John Ray Robyn Ness Sams Teach Yourself Adobe Wfl lif ver W ^msssi^ mm WlM ^lg^ SAMS 800 East 96th Street, Indianapolis, Indiana, 46240 USA Table of Contents Introduction What Is Dreamweaver
More informationDREAMWEAVER QUICK START TABLE OF CONTENT
DREAMWEAVER QUICK START TABLE OF CONTENT Web Design Review 2 Understanding the World Wide Web... 2 Web Browsers... 2 How Browsers Display Web pages... 3 The Web Process at Sacramento State... 4 Web Server
More informationThe Text Editor appears in many locations throughout Blackboard Learn and is used to format text. For example, you can use it to:
About the Text Editor The Text Editor appears in many locations throughout Blackboard Learn and is used to format text. For example, you can use it to: Add items to Content Areas, Learning Modules, Lesson
More informationGetting Started with Microsoft PowerPoint 2003
Getting Started with Microsoft PowerPoint 2003 Overview: This handout provides basic introductory information about Microsoft PowerPoint and its application in the classroom. Audience: All instructional
More informationUsing Dreamweaver. 4 Creating a Template. Logo. Page Heading. Home About Us Gallery Ordering Contact Us Links. Page content in this area
4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan that is shown below. Logo Page Heading
More informationNVU Web Authoring System
NVU Web Authoring System http://www.nvu.com/index.php Table of Contents Using Nvu as Your Web Page Authoring System: Getting Started Opening a page, saving, and previewing your work...3 Formatting the
More informationCROSSFADE ANIMATION with AFTEREFFECTS
CROSSFADE ANIMATION with AFTEREFFECTS Consider using the Internet as a new presentation medium for photographs. The fluid nature of the medium allows the removal of photography from its present static
More informationInserting Information into PowerPoint
LESSON 6 6.1 Inserting Information into PowerPoint After completing this lesson, you will be able to: Change the layout of a slide. Insert a clip art image. Scale an image. Insert and format a table. Insert
More informationAbout Netscape Composer
An About Netscape Composer The pictures and directions in this handout are for Netscape Composer that comes with the Netscape Communicator 4.7 package available for free from Netscape s web site at http://www.netscape.com.
More informationAdobe Fireworks CS Essential Techniques
Adobe Fireworks CS4 HOW-TOs 100 Essential Techniques Jim Babbage 140 64 Creating Graphic Symbols Resizing Symbols When you resize any bitmap to a smaller size, pixel information is discarded. This is normally
More informationSign in and join ADC Newsletters Feedback. Creating your first website Part 3: Adding content to pages
1 of 18 2/14/2008 2:34 PM Adobe Dreamweaver Article Adobe Developer Connection Sign in and join ADC Newsletters Feedback RSS Creating your first website Part 3: Adding content to pages Jon Varese Adobe
More informationSign in and join ADC Newsletters Feedback. Creating your first website Part 2: Creating the page layout
1 of 14 2/14/2008 2:31 PM Adobe Dreamweaver Article Adobe Developer Connection Sign in and join ADC Newsletters Feedback RSS Creating your first website Part 2: Creating the page layout Jon Varese Adobe
More informationElectronic Portfolios in the Classroom
Electronic Portfolios in the Classroom What are portfolios? Electronic Portfolios are a creative means of organizing, summarizing, and sharing artifacts, information, and ideas about teaching and/or learning,
More informationComputing Basics. Business Education & Computer Science Mr. Dukes
Computing Basics Business Education & Computer Science Mr. Dukes Types of Computer Software Operating system (OS) Controls communication with hardware Controls interaction with user Examples: Windows,
More informationPictures. Getting Started 1
Getting Started 1 In this tutorial, we ll introduce you to importing, placing, and managing images on your website. Along the way, we ll also highlight some useful dos and don'ts. In this exercise, you
More informationCreating a Website in Schoolwires
Creating a Website in Schoolwires Overview and Terminology... 2 Logging into Schoolwires... 2 Changing a password... 2 Navigating to an assigned section... 2 Accessing Site Manager... 2 Section Workspace
More informationCreate a Contact Sheet of Your Images Design a Picture Package Customize Your Picture Package Layout Resample Your Image...
72 71 Create a Contact Sheet of Your Images................... 158 Design a Picture Package............ 160 73 Customize Your Picture Package Layout.... 162 74 Resample Your Image.................... 164
More informationWeb Development & Design Foundations with XHTML. Chapter 4 Key Concepts
Web Development & Design Foundations with XHTML Chapter 4 Key Concepts Learning Outcomes In this chapter, you will learn to: Create and format lines and borders on Web pages Decide when to use graphics
More informationCreating a Web Presentation
LESSON 9 Creating a Web Presentation 9.1 After completing this lesson, you will be able to: Create an agenda slide or home page. Create a hyperlink to a slide. Create a Web presentation with the AutoContent
More informationDreamweaver CS6. Level 3. Topics Working with Text, List, and tables Working with Images
Level 3 Topics Working with Text, List, and tables Working with Images Changing the Copy/ Paste Prefences in Dreamweaver You can set special paste preferences as default options when using Edit > Paste
More informationm ac romed ia D r e a mw e av e r Curriculum Guide
m ac romed ia D r e a mw e av e r Curriculum Guide 1997 1998 Macromedia, Inc. All rights reserved. Macromedia, the Macromedia logo, Dreamweaver, Director, Fireworks, Flash, Fontographer, FreeHand, and
More informationTutorials by All Creative Designs. Picasa 5 (3.9) Photo Editing Tutorial. How to download, install and use the Picasa Photo Editor
Tutorials by All Creative Designs www.allcreativedesigns.com.au Picasa 5 (3.9) Photo Editing Tutorial How to download, install and use the Picasa Photo Editor How to web optimize your photos for use on
More informationWord For Evaluation Only. Lesson 2: Working with Illustrations. Microsoft. Lesson Objectives. Inserting Images
Microsoft Word 2013 Lesson 2: Working with Illustrations Lesson Objectives In this lesson, you will look at the different types of illustrations such as pictures, object shapes, text boxes, and diagrams
More informationAdding Art to Office Documents
Adding Art to Office Documents Introduction What You ll Do Although well-illustrated documents can t make up for a lack Locate and Insert an Online Picture of content, you can capture your audiences attention
More informationUSER GUIDE. MADCAP FLARE 2018 r2. Images
USER GUIDE MADCAP FLARE 2018 r2 Images Copyright 2018 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this document is
More informationMicrosoft Office Publisher
Microsoft Office 2007- Publisher Opening Microsoft Publisher Using the Start Menu, click on All Programs and navigate to the Microsoft Office folder. Click on Microsoft Office Publisher 2007. Choosing
More informationEmbedding and linking to media
Embedding and linking to media Dreamweaver makes it incredibly easy to embed and link media files (these include audio files and movie files) into your web site. We ll start with linking. Linking to media
More informationInformation Systems Center. FrontPage 2003 Reference Guide for COMM 321 & 421
Information Systems Center FrontPage 2003 Reference Guide for COMM 321 & 421 September 2008 Table of Contents Portfolio Web Sites & Web Pages... 1 Open Your Portfolio Web Site in FrontPage for Editing...
More informationThe Dreamweaver Interface
The Dreamweaver Interface Let s take a moment to discuss the different areas of the Dreamweaver screen. The Document Window The Document Window shows you the current document. This is where you are going
More information