 |
 |
 |
| |
|
|
| |
 |
Dreamweaver MX |
|
|
|
| Dreamweaver is the software used to create web-pages for the
internet. |
|
|
| |
|
|
| The East End Talking Team will help to put together your work
to showcase on the site, however if you would like to design your
own web-page, you will find Dreamweaver software on your Apple
ibook. |
|
For tutorials on using Dreamweaver MX, open your copy of dreamweaver,
click on "Help" and slide down to "Using Dreamweavwer" |
| |
|
|
| Quick-start |
|
|
| |
|
|
| Begin first by planning & designing your web-page on paper
first, this will make things much easier when you use the software. |
|
|
| |
|
|
| Create a folder on your computer for all the files you will need
for the web-page, within that folder create another one for your
images. Put all your files that you intend to use into these two
folders. |
|
|
| |
|
|
Open the Dreamweaver software, the first thing to do is set up
your site, click on "Site" in the top menu, and slide
down to "New Site"
A window will open,
Under "Site name”, name your site, i.e. "My School”
Under “Local Root Folder” click on the folder ikon on the right
hand site and navigate to the folder you created, and click “Select”.
Under “Default Images Folder” navigate to the images folder
you have created in your site folder. |
|
|
| Click on "OK" to close the window. |
|
|
| |
|
|
| Now save your Dreamweaver document onto the site folder, the
first webpage is usually called "index" |
|
|
Create a table to layout you work,
click on Insert, slide down to Table and decide how many rows and columns,
as a guide this page was created with 20 rows and 2 columns, click "OK" |
|
|
| |
|
|
| You can insert your images, by clicking on "Insert" and
sliding down to "Image", and navigating to the image
in your root folder that you want to insert.You can then type the
text to go with your image. |
|
|
| |
|
|
| The page looks better if you insert your image and captions into
another table with a border, see below. |
|
|
 |
Above is a screen shot of how the page looks in Dreamweaver,
you can see the main table outlined with dotted lines.
Inserted into that table is a second table with 1 row and 2 columns,
with a border of 1.
This table is 2 rows 1 column,
with a border of 1.
|
|
|
|
|
|
 |
 |
|
|
 |
