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

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

一、要求：

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

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

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

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

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

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

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

，如圖

打開Dreamweaver

軟件，得到圖

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

單擊index.html

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

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

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

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

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

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

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

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

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

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

大家在代碼視圖里找到

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

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

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

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

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

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

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

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

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

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

所以我們主要在這個(gè)欄里操作，

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

中的這個(gè)圖標(biāo)

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

單擊確定，得到如下界面

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

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

不錯(cuò)，我做一個(gè)簡(jiǎn)單的布局，為了方便，我把這個(gè)表格縮小，

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

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

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

注意我在這里給了兩種方法，大家可以先看一下，再?zèng)Q定選擇哪種

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

如果要文字居中顯示可以將這四個(gè)框同時(shí)選中，然后

居中在水平欄里面選擇

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

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

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

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

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