| |
| |
Lesson 1
|
1) |
How to Start the Dreamweaver Program. |
2) |
Interface of the Dreamweaver Program
|
3) |
Saving a File. |
4) |
Text and Text Editing. |
5) |
Previewing in a browser. |
6) |
Image and Image Editing |
7) |
Page Properties |
| |
|
8) |
Linking (Text Hyperlinks)
|
a) |
- The Hyperlink command lets you create a text link to an image, an object, or to another document or file. |
b) |
Internal Linking |
c) |
External and Email Linking |
|
Email Linking - An e‑mail link opens a new blank message window (using the mail program associated with the user’s browser) when clicked. In the e‑mail message window, the To box is automatically updated with the address specified in the e‑mail link. |
d) |
Anchor Linking |
| |
- A named anchor link, which jumps to a specific location in a document. |
| |
|
9) |
Linking (Image Hyperlinks) |
a) |
Internal Linking |
b) |
External and Email Linking |
c) |
Anchor Linking |
| |
|
| 10) |
Rollover Image |
a) |
- A rollover is an image that, when viewed in a browser, changes when the pointer moves across it. |
| |
|
| 11) |
Navigation Bar with Rollovers & links |
| |
|
| |
PHASE - II |
| |
|
| 12) |
Using the Site Window
|
a) |
Set your local site |
| |
- The purpose of this is to set up a local folder for a Dreamweaver site known as local site |
b) |
Import an existing site |
c) |
Working with links in Site Maps |
| |
- You can modify the structure of the site in the site map by adding, changing, and removing links. Dreamweaver automatically updates the site map to display the changes to the site. |
|
|
13) |
Using Links and URLs
|
a) |
Add a hyperlink
|
|
- The Hyperlink command lets you create a text link to an image, an object, or to another document or file. |
b) |
Use the point-to-file Icon
|
|
- The Point-to-File icon lets you create links from an image, an object, or text to another document or file. |
c) |
Add a mailto link |
|
- An e-mail link, which creates a new blank e-mail message with the recipient’s address already filled in. |
d) |
Add links to a graphic with Image maps |
|
- An image map is an image that has been divided into regions, or "hotspots"; when a user clicks a hotspot, an action occurs (for example, a new file opens). |
| |
|
14) |
Displaying Data with Tables
|
a) |
Create a table for data
|
|
- Tables are powerful tool for presenting tabular data and for laying out text and graphics on an HTML page.. |
b) |
Add or remove rows & columns |
|
- You can add or delete Rows & Columns |
c) |
Design a page layout using tables |
|
- In Layout mode, you use layout cells and tables to lay out your page before adding content. |
d) |
Layout view, Standard view
|
e) |
Add color to the table |
|
- You can color the table border, background, text etc |
f) |
Turn the table into layers |
| |
|
| 15) |
Using Dynamic HTML and Layers
|
a) |
Overview
|
b) |
Add a layer |
|
- A layer is an HTML page element that you can position anywhere on your page. Layers can contain text, images, or any other content that you can place in the body of an HTML document. |
| |
|
| |
PHASE - III |
| |
|
| 16) |
Cascading Style Sheets
|
| |
- Cascading Style Sheets (CSS) are a collection of formatting rules that control the appearance of content in a web page. |
| a) |
Create & apply a custom style
|
| b) |
Explore Style settings |
| c) |
Create a hyperlink rollover |
| d) |
Create an External Style Sheet |
| |
- You can export styles from a document to create a new CSS style sheet. You can then link to other documents to apply these styles. |
| |
|
| 17) |
Building frames and framesets |
| |
- Frames provide a way to divide a browser window into multiple regions, each of which can display a different HTML document. |
| a) |
Create a frameset |
| b) |
Set borders |
| c) |
Load frames |
| |
|
| 18) |
Animating with timelines
|
| |
- You can use a Dreamweaver timeline to animate any object you insert in a layer—an image, text, table, form, and so on. |
| a) |
Create an animation.
|
| b) |
Use the timelines panel |
| |
- The Timelines panel shows how the properties of layers and images change over time. |
| c) |
Record a simple animation |
| d) |
Add a layer and keyframe |
| e) |
Control layer properties with timelines |
| |
|
| 19) |
Using a form to collect data
|
| |
- Forms let you obtain information from visitors to your website |
| a) |
Create a form
|
| b) |
Add text fields and labels |
| |
- Text fields accept any type of alphanumeric text entry. |
| c) |
Add different buttons |
| d) |
Add checkbox, list or a menu |
| |
Checkbox - Checkboxes allow multiple responses within a single group of options. |
| |
List/Menu - List/menus display option values within a scrolling list that allows users to select multiple options. |
| e) |
Create a Jump Menu to navigate to different URLs |
| |
- Jump menus are navigational lists or pop-up menus that let you insert a menu in which each option links to a document or file. |
| |
|
| |
PHASE - IV |
| |
|
| 20) |
Re-using items in your Web Site
|
| a) |
Create a library item
|
| |
- You can create a library item from any element in the body section of a document, including text, tables, forms, Java applets, plug-ins, ActiveX elements, navigation bars, and images. |
| b) |
Create a library item from Existing content
|
| c) |
Add a library item to a page
|
| d) |
Make changes to a library item |
| e) |
Use Behaviors and Styles in library items |
| |
- Behaviors allow visitors to interact with a Web page to change the page in different ways. |
| |
|
| 21) |
Applying a template |
| |
- A template author designs a "fixed" page layout in a template. |
| |
Create a template |
| |
Apply a template to a Web page |
| |
Make changes to a template |
| |
Use Behaviors, Styles and Timelines in Templates |
+91-22-236762182