Dreamweaver 網頁設計

1.再開始做網站時，先到網站下的新增網站裡，新增一個資料夾 www

2.在設計的地方加入文字和圖片，做好一個簡單的網頁





3.打開一個新的html檔案，插入新表格



4.A在表格內插入圖片或是編輯文字內容

4.B在表格屬性中選擇 像素，固定網頁呈現的比例

5.接下來介紹如果網站內容文字太多時，可以在網頁中加入錨點，快速的搜尋目標段落

先在插入的地方選擇，新增錨點

6.新增錨點名稱 a1

7.在連結的地方打上#a1，設定連結

8.錨點的設定就完成了

9.接下來是如何建立網站相簿，路徑在命令的下面

10.設定好原始檔案資料夾和目標資料夾

11.在網頁中預覽，就可以開放相簿的功能了

12.首頁和子頁的連結，可以點選連結旁邊的目標圖片直接拉到目標子頁

13.如果是官方網頁，通常目標會設定成blank，

 

14.選取連結區域工具

15.畫出一個連結區後，指向目標子頁，完成連結的設定

 16.接下來介紹相疊的圖片如何設定

17.首先插入一張圖片

18.在版面的設定中，加入相疊圖層

19.設定一個連結區

20.打開視窗下面的行為表單

21.選取行為中的顯示隱藏圖層

22.將命名的圖層都設定為隱藏

23.接下來設定onMouseOver顯示圖片，onMouseOut隱藏圖片的效果

24.這樣就完成了

25.指定連結區，在行為的變數中新增彈出訊息，設定好變數

26.這樣滑鼠點到指定區域，就會出現設定的文字內容

 27.文字的設定可以藉由css語法增加樣式，在新增css規則中設定好想要出現的字型，

之後這個css樣式可以用在許多不同的標題上面

28.在新增文件中新增一個頁框組

29.在leftframe的地方加入連結文字1111，並連結到指定子頁

30.目標區域選擇mainframe，這樣就可以做好一個網站的左頁框固定，

右頁框呈現子頁的功能了