Dreamweaver入門

1.開始>所有程式>網頁工具>ADOBE DREAMWEAVER CS3

2.檔案>開新檔案>空白頁面>HTML>兩欄固定，右邊列，標題和業尾

3.上方標題處改為Vacation Palace

4.標題刪除，改為your vacation wonderland awaits...

5.檔案>儲存

6.檔案>於瀏覽器中預覽>IExplore

1.在右側列框選所有文字按DEL

2.點選上方工具列中的影像>插入影像>選beach_birds_view.jpg>確定>替代文字BEACH(圖無法載入時，或載入中顯示的文字)>確定

3.主要內容(反白選取，觀察下方，會看到標籤＜h1＞)。HTML語法的標籤，可定義＜1＞~＜6＞是標題的意思

4.按DEL>輸入Where you're royalty

5.打開"Vacation"文件檔。編輯>全選>複製

6.DEL上層內容>在貼上剛剛複製的文字

7.將下層內容刪除

CSS可定義字體，字的顏色，間距，背景顏色，目前最新版為2.1

一般瀏覽網頁時，伺服器會判別是用什麼硬體or瀏覽器觀察網頁，然後連結到對應的CSS檔，顯示網頁

1.游標移到Stroll our sandy後面點一下

2.點選上方工具列中的影像>插入影像>選full_beach.jpg>替代文字(Beach)>確定

3.點圖片，在下方屬性工具列中>對齊>靠右對齊

4.頁尾處將文字DEL>輸入information-Contact Us!

5.反選文字information，在屬性視窗中的連結鍵入information.html

6.反選文字Contact Us!，在屬性視窗中的連結鍵入http://kei1020.blogspots.com/

7.右側視窗>CSS樣式>全部>body>編輯樣式

8.背景>背景顏色>確定

9.CTRL+S

10.F12預覽

更改頁首背景圖

1.在頁首處點一下，下方＜div#header＞處點一下

2.在CSS視窗中點目前>background>編輯樣式

3.背景>背景影像_瀏覽>cloud_header>不重複

4.在your vacation wonderland awaits...快速點三次=可以選取整段文字，點兩下=選取一個字，點一下=置入遊標

5.編輯樣式>字型>字體>可以更改頁首的樣式跟顏色



1.點文章內容>右側工具列中選擇CSS>編輯樣式>字型(大小14，行高21)>確定

2.CTRL+S儲存>F12預覽



修改預設瀏覽器

1.安裝瀏覽器

2.編輯>偏好設定>在瀏覽器中預覽>瀏覽>Mozilla Firefox>firefox>開啟>確定

3.F12預覽