Dreamweaver

Form Creation | Define Site | Layout | Template | PopupWin |Anchor | Timeline | I-Frame | CSS

Form Creation

1 . Open blank document . File->New->Html
2. Insert ->Form , and type in the title
3. Inside the form (dotted border), insert->table for form align.(rightclick>align/size/font/style etc )
4. Insert-> form object ->control (textfiled / button/ radio / textarea) , click on control , use properties to modify it.
5. Click on form (dotted border) , open Window-> Behavior Panel , + (left upper) -> Validate Form (set constrait on control)

 

Define Site

1. Site -> New Site->Basic tag (name your site)
2. Choose NOT TO USE SERVER TECHNOLOGY
3. Choose edit in local/upload to server , and choose local folder. Simply create one easily found
4. Choose your root folder of webserver eg. wwwroot. OR FTP for transfering software.

Back


Layout

1. Use Layout tab, Layout view ->Layout Table to draw over page.
2. Use Layout cell to draw layout cell inside defined table (step 1).
3. Continue use layout cell to complete rest of section of table.


Template

1. Choose Template->place cursor on cell->choose Editable region->name (menu, title, body, footnote)
2. Define editable/non-editable section for each section of Large table.
3. Section not defined "editable" can only be changed from template .dwt . Defined "editable" can be modified in .html
4. File->Save as Template->Name it.
5. File->New->Template tab->choose worked template->Create pls: It creates a page identical as template.
6. Use Standard view to insert table

Back


Using Template Create Identical Layout/Different Content Page

1. File-> New->Template->your_created_template
2. Untitled page created with identical layout with template.
3. Modify it and rename it.


Anchor (link to another area within the same page)

1. Highlight the word you wanna use as LINK
2. In LINK properties, type # Go (must be #)
3. place your cursor where user to be taken when clicking link
4. Insert->Named Anchor-> Go (NO #)

Back

I-Frame

<IFRAME SRC="news.html" FRAMEBORDER="0" SCROLLING="auto" WIDTH="446" HEIGHT="120" TITLE="Ades News"> News </IFRAME>

1. news.html - This is the page where your actual news will be placed.
2. News - People with the browsers that don't support I-Frames will see this word.

Back

 

Define/Attach CSS

1. Text > CSS Style > New style.
2. Name .mystle, choose (Make Custom). Define in .CSS.
3. Customize 8 Categories
- Type | Background| Block | Box | Border | List | Postitioning | Extension |
4. Save name.css
5. Open the page, Text > CSS style > Attach Style Sheet
6. Browser name.css to attach to the page. Add as LINK

Back

Popup Window From Text

1. Select the text you want to open the pop up window
2. In the Property Inspector, type "javascript: void(0)" // null link to apply behavior
3. Open behavior panel, click (+) , choose Open Browser Window
4. Choose file to open, adjust attribute of popup window

Back


Animation Layers with Timeline ( can only move layer)
** Layer add to timeline can only be applied in Template .dwt , NOT in html **
1. Window>Others>Timelines // open timeline panel
2. Insert> Layers , place image or text within layer. Properties>Vis>inherit/visible/default // creating layer
3. Select layer want to be in timeline, choose Modify> Timeline>Add Object to Timeline
4. Use keyframe marker in begin of the bar, position layer. Then place keyframe marker at the end, position layer.

OR

Choose modify>Timeline>record path to layer, drag layer from begin to the end to create path
5. For multiple layers moving together, choose modify>timeline>add timeline , rename in timeline menu
6. Choose layer, add layer to timeline T2 . Set begin and end along animation channel.
7. Check autoplay and save for playing.

Multiple Layers In One Timeline Along with Period

Adding 3 object into one timeline with different animation channel and lengths

Back

 

@Copy right of Soon Lim 2006. All Right Reserved