Checklist of Items We Will Cover

QUICKSTART DREAMWEAVERSOE NOVEMBER 2006

CHECKLIST OF ITEMS WE WILL COVER

__ FOLDER STRUCTURE, uploading to IFS space in Public > html folder

__ TEXT entry and formatting using Properties Window.

SHIFT + ENTER to single space your text

__ EXTERNAL links,

TARGET = BLANK to open in new window

link to .jpg file without having to create web page to contain it (enlarge)

link to another html file you have created

__ INTERNAL LINKS using ANCHORS (navigational table of contents)

create anchors at destination section of your webpage

Select text of link (origin)

Shift and drag highlighted text to the corresponding anchor (destination)

At the end of the destination section you should include a link back up to top

__ TABLES for layout. Combining text, images, captions. Insert > Table, then return to Modify menu and select Table options to modify elements of table. Border = 0

__ PAGE PROPERTIES: background color

__ HORIZONTAL RULE for organizing content: Insert > HTML > Horizontal rule

__ INSERT IMAGE, wrap text around image, link image to source page, source link

__ CLICKABLE IMAGE MAP

Insert image

With image selected / active, click on the selection tool

After making selection, paste url of destination site into Link field.

If link is on same page, use the Anchor #

If link is on different page, delete the # and enter the url

Set Target to BLANK to open link in new window.

__ LINKING TO IMAGE vs UPLOADING IMAGE

This is appropriate if the image is not yours and you do not have permission to re(publish) it in your IFS space.

Copy the URL of the image

Windows: Right-click on the image and COPY SHORTCUT

Macs: Ctrl + Click on image and select COPY LINK

Copy and paste the image url where you would like to place the image.
Use SPLIT view and locate the url in the CODE area of your page

Type the highlighted code in grey to surround the url of the image as in the example below. Your resulting html code should look like this:

Add width code to scale down very large images:

<img src="" width="200"

The align tag can be useful if you wish to center or wrap text:

<img src="" align="right"

Be sure to cite the original source of the image and include a hyperlink to the original website. Citation formats for electronic sources can be found at

------RESOURCES ------

The WebQuest Page -- how-to, articles, webquests created by others

by Bernie Dodge Ed Tech Department, San Diego State University

CoBaLLT Teaching with Technology website, University of Minnesota

Click on WEBQUESTS link in sidebar and then sublinks

A WebQuest About WebQuests, Middle School / High School Version

by Bernie Dodge Ed Tech Department, San Diego State University

__ image maps w frames

1. create the html page with the image map

2. create the html page(s) with the context to be loaded in the other frame

create anchors in other frame if you want to utilize one page with lots text

link will then be to anchor on other page with target being other frame

3. create an html frameset page. Insert >HTML>Frames> select your layout

4. click in each frame and load the appropriate page into each section:

File > Open in frame

5. save frameset (put reference to "frame" in the file name)

__ embedding audio. insert the following code and change attributes accordingly

select SPLIT layout to see code and design

click on icon and browse to audio file

controller heighth = 16

PH NOTES: GIVE NEW JAVASCRIPT file and speakermovie.mov file with code below

in <head> after <title>

where audio button

QT_WriteOBJECT_XHTML('speakerposter.mov', '18', '18', '',

'autoplay', 'false',

'controller', 'false',

'href', 'atroz_s.mov',

'target', 'myself',

'bgcolor', '#FFCCFF',

'targetcache', 'false');

</script>

or this if you don't want/need to use the speakermovie strategy

QT_WriteOBJECT_XHTML('sample.mov', '320', '256', '',

'autoplay', 'true',

'emb#bgcolor', 'black',

'align', 'middle');

</script>