題目：設(shè)計一個個人網(wǎng)站一、要求：1．使用Dreamweave 網(wǎng)頁工具制作一個個人網(wǎng)站；2．包含至少四個網(wǎng)頁: 包括首頁、個人簡介、個人相冊等（可隨意設(shè)計），網(wǎng)頁之間用超鏈接相連。3．網(wǎng)頁中要有圖片和

題目：設(shè)計一個個人網(wǎng)站

一、要求：

1．使用Dreamweave 網(wǎng)頁工具制作一個個人網(wǎng)站；

2．包含至少四個網(wǎng)頁: 包括首頁、個人簡介、個人相冊等（可隨意設(shè)計），網(wǎng)頁之間用超鏈接相連。

3．網(wǎng)頁中要有圖片和文字內(nèi)容，用表格進(jìn)行頁面布局；

4．添加至少兩種行為，并為首頁添加背景音樂。

5. 在網(wǎng)站中設(shè)計一個表單頁面。

6. 首頁必須包含頁面標(biāo)題，動態(tài)按鈕導(dǎo)航欄。

首先新建一個文件夾，文件夾的名字不能為漢字，做網(wǎng)站所有的路徑都必須用字母或者數(shù)字，不能用漢字，我們就用名字吧，譬如說名字張三，那文件夾名字就是zs

，如圖

打開Dreamweaver

軟件，得到圖

做網(wǎng)頁要新建站點(diǎn)，關(guān)于站點(diǎn)配置服務(wù)器什么的，這里不講了，只講建立站點(diǎn)。 選擇站點(diǎn)——新建站點(diǎn)。

我們建的文件夾就是站點(diǎn)根文件夾。

新建站點(diǎn)后得到這樣一個界面

點(diǎn)選高級，得到界面

站點(diǎn)名稱與我們建文件夾得名字相同，zs 填進(jìn)去就可以了 本地根文件夾就是我們新建的那個文件夾zs ，

接下來選擇左側(cè)欄里遠(yuǎn)程信息

點(diǎn)擊無后面的那個三角，選擇本地網(wǎng)絡(luò)，遠(yuǎn)端文件夾同樣選擇我們新建的那個文件夾

接下來點(diǎn)選左面菜單里的測試服務(wù)器，

點(diǎn)選訪問后面那個三角，選擇本地網(wǎng)絡(luò)，測試服務(wù)器文件夾也為我們建好的文件夾zs ，在url 前綴后面加上zs

然后點(diǎn)擊確定就可以了得到這樣一個界面。 下面看老師的第一條要求，是要至少四個網(wǎng)頁，那我們就做四個

單擊新建，然后單擊 接下來，選擇

然后單擊創(chuàng)建，接下單擊文件——保存，保存這個文件，保存在我們一開始建好的文件夾里面，保存名字不能是漢字，只能是字母或者數(shù)字，因為我們只坐四個網(wǎng)頁，可以簡單一點(diǎn)，把這四個網(wǎng)頁命名為a 、b 、c 、d ，或者1、2、3、4，當(dāng)然一個網(wǎng)站默認(rèn)的索引首頁名為index ，這里也用index ，

單擊保存，這樣得到第一個頁面，以同樣的方式建剩下的三個頁面，這里我的首頁默認(rèn)為index.html ，其他三個網(wǎng)頁的名字分別為a.html 、b.html 、c.html ，我們這四個網(wǎng)頁文件已經(jīng)保存在我們建的文件夾里。

站點(diǎn)中已經(jīng)有了四個文件。

接下來，我們開始編輯index.html 。

單擊index.html

，顯示為當(dāng)前頁面。 單擊拆分， 然后我們看這個

個網(wǎng)頁就叫張三之家

了，同樣的方法給其他三個網(wǎng)頁改名字。

A 網(wǎng)頁標(biāo)題

，這個就是網(wǎng)頁名字，我們以張三為例，這，這樣老師的第六條我們就完成一半

B 網(wǎng)頁標(biāo)題

C 網(wǎng)頁標(biāo)題

改好名字之后，一一保存，這個不多說了，接下來操作index.html 。

顯示首頁為當(dāng)前編輯頁面。

首先為index.html 頁面添加背景音樂。

大家在代碼視圖里找到

，這個是什么意思就不解釋了，我也不知道，

就是這個了，在后面輸入代碼， 然看見這張圖片上，

我光標(biāo)指在哪里了吧，單擊空格鍵，這個時候注意輸入法要為美式鍵盤字母格式，只要不是漢字就行，得到一個菜單，單擊src 選中，然后單擊enter 建，這個時候緊跟著src 會出現(xiàn)一個瀏覽，單擊瀏覽，然后出現(xiàn)對話框，

選擇一首音樂，然后單擊確定，

會繼續(xù)彈出一個對話框點(diǎn)擊是，保存到

自己建好的文件夾里面，注意這里不能用漢字做音樂名字，必須改成字母或者數(shù)字

我是以beyond 的歌為例，名字改為by ，點(diǎn)擊保存背景音樂就添加好了。

大家可以看一下，在站點(diǎn)目錄下，已經(jīng)有了這首歌曲。

接下來開始設(shè)計頁面布局

這里用表格布局， 這個欄叫設(shè)計欄，由于大家都不會代碼，

所以我們主要在這個欄里操作，

下面大家點(diǎn)擊常用里面的表格，就是下面這張圖片

中的這個圖標(biāo)

得到對話框如圖所示數(shù)據(jù)：

單擊確定，得到如下界面

這個插入的表格式可以自動調(diào)整大小的，大家可以自己試一下，接下來用這些表格布局，給大家看兩個圖標(biāo)，

這個圖標(biāo)就像是excel 中那個合并和拆分單元格是一個意思，左邊那個代表合并單元格，右面那個代表拆分單元格，excel 大家都會把，就和那個布局差

不錯，我做一個簡單的布局，為了方便，我把這個表格縮小，

這個布局很簡單，第二行全部合并，第三行第二三列合并，大家可以根據(jù)自己的需要進(jìn)行拆分合并，還可以在表格里面再次插入表格。

寬度和高度的設(shè)置時在代碼里找到

接下來制作導(dǎo)航，這是老師第六條中的第二個要求，

注意我在這里給了兩種方法，大家可以先看一下，再決定選擇哪種

我沒看懂什么叫動態(tài)按鈕導(dǎo)航條，不知道是讓這個字動呢，還是讓這個字動呢？如果大家嫌麻煩，就直接輸入漢字，結(jié)果就是下面這樣的

如果要文字居中顯示可以將這四個框同時選中，然后

居中在水平欄里面選擇

以后所有的文字格式都可以在這里面選，但是首先要選中自己所要操作的文字。

創(chuàng)建鏈接，選中首頁兩個字，然后單擊右鍵——創(chuàng)建鏈接，選擇index.html ，然后以同樣的方法，給其他三個欄里的文字做鏈接，創(chuàng)建鏈接的文字會有下劃線，同時改變顏色

如果大家不嫌麻煩，教大家用flash 做一個動態(tài)的按鈕導(dǎo)航，

把光標(biāo)放在第一行第一個欄里，然后

這個常用欄里的flash 按鈕，單擊后面那個小三角，選擇flash 按鈕。