dreamweaver實(shí)例操作步驟

1、1網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)1、課程網(wǎng)站主頁(yè)的創(chuàng)建、課程網(wǎng)站主頁(yè)的創(chuàng)建下面以制作《現(xiàn)代教育技術(shù)》課程網(wǎng)站為例，介紹Dreamweaver的基本操作。（1）定義本地站點(diǎn)定義本地站點(diǎn)開始用Dreamweaver制作網(wǎng)頁(yè)時(shí)，首先要定義一個(gè)本地站點(diǎn)。作為一個(gè)網(wǎng)站，里面有很多網(wǎng)頁(yè)文件、圖片，甚至Flash動(dòng)畫等，如果不進(jìn)行管理歸檔就無(wú)法方便地進(jìn)行網(wǎng)頁(yè)發(fā)布。定義本地站點(diǎn)，就是在硬盤上建立一個(gè)目錄，將所有的網(wǎng)頁(yè)和相關(guān)的文件都放在里面，以便進(jìn)行網(wǎng)頁(yè)的制作和管理。

2、①在D盤根目錄下新建一個(gè)文件夾，命名為“myweb”，這個(gè)文件夾將作為網(wǎng)站的站點(diǎn)文件夾，以后所有的網(wǎng)頁(yè)文件、素材都放在這個(gè)文件夾下。②選擇“站點(diǎn)新建站點(diǎn)”命令（或“站點(diǎn)站點(diǎn)管理”命令，單擊“新建”按鈕），彈出“定義站點(diǎn)”向?qū)В▓D413所示），輸入站點(diǎn)的名字“現(xiàn)代教育技術(shù)”，單擊“下一步”；圖413定義本地站點(diǎn)③選擇“否，不想使用服務(wù)器技術(shù)”；④在文件存儲(chǔ)位置文本框中，設(shè)置文件存放路徑：?jiǎn)螕糨斎肟蛴覀?cè)的文件夾圖標(biāo)，找到剛才在D盤新建的my

3、web文件夾，單擊“選擇”按鈕。⑤“如何連接到遠(yuǎn)程服務(wù)器”選擇“無(wú)”；⑥單擊“完成”按鈕，站點(diǎn)的名字就出現(xiàn)在站點(diǎn)管理器中，如圖414所示。3圖417設(shè)置頁(yè)面背景顏色也可以單擊“背景顏色”按鈕，在調(diào)色板中選擇一種顏色作為頁(yè)面背景顏色。③設(shè)置頁(yè)面邊距。頁(yè)面中的內(nèi)容和瀏覽器邊框之間存在一定的默認(rèn)距離，打開圖417所示的頁(yè)面屬性對(duì)話框，分別將頁(yè)面左邊距、上邊距設(shè)為0像素，使頁(yè)面內(nèi)容靠瀏覽器的頂邊和左邊對(duì)齊。④設(shè)置背景音樂(lè)。首先找一個(gè)格式的背景音

4、樂(lè)文件，拷貝到站點(diǎn)文件夾myweb下的sound子文件夾。在標(biāo)簽下面的“文檔”工具欄中點(diǎn)一下“拆分”標(biāo)簽，窗口分成兩部分，上邊是代碼，下邊是文檔；在代碼窗口中，找到標(biāo)簽，在它后面點(diǎn)一下鼠標(biāo)，然后按一下回車鍵插入一個(gè)空行，切換到英文輸入法狀態(tài)，輸入代碼：src表示背景音樂(lè)路徑及文件名，loop值設(shè)為1表示無(wú)限次循環(huán)播放。保存文件，按下F12快捷鍵或在文檔工具欄右側(cè)點(diǎn)擊預(yù)覽按鈕，選擇“預(yù)覽在IExple6.0”命令就可以看到頁(yè)面效果，單擊瀏

5、覽器工具欄上的停止按鈕可以使音樂(lè)停止播放，點(diǎn)刷新重新播放。（4）文本的輸入與編輯文本的輸入與編輯要向Dreamweaver文檔添加文本，可以直接在Dreamweaver文檔窗口中鍵入文本，也可以從wd文件或其他文本文件中復(fù)制，還可以直接從其他文檔導(dǎo)入文本。對(duì)文本的編輯，可以選中要編輯的文字后在“屬性面板”中對(duì)文字進(jìn)行相應(yīng)設(shè)置，包括格式、字體、大小、顏色、對(duì)齊方式等。操作步驟如下：在頁(yè)面中輸入文字“現(xiàn)代教育技術(shù)”，用鼠標(biāo)選中后，屬性面板中

6、顯示的是文字的屬性。在“字體大小”中選擇字號(hào)或者直接輸入一個(gè)數(shù)值，在此輸入45，單位為“像素”，如圖418：圖418文字屬性面板在屬性面板中，單擊在調(diào)色板中選擇藍(lán)顏色，改變字體顏色。單擊按鈕，將文字加粗顯示。單擊按鈕，使文字傾斜。單擊按鈕，使文字居中顯示。字體類型采用的是默認(rèn)字體，一般為宋體。單擊右側(cè)下拉按鈕，在下拉列表中顯示的都是英文字體，要設(shè)置其他字體需要編輯字體列表。單擊列表中最后一項(xiàng)“編輯字體列表”，彈出“字體列表”對(duì)話框，如圖