dreamweaver實例操作步驟

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

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

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

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

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

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