Dreamweaver入門

>> 2008年10月22日 星期三

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預覽

  © Blogger template Inspiration by Ourblogtemplates.com 2008

Back to TOP