dreamweaver8網(wǎng)頁制作教程01

1、課堂講解 第1課 初識Dreamweaver 8 1課堂講解 什么是網(wǎng)頁和網(wǎng)站 網(wǎng)頁的分類 網(wǎng)頁中的常用術(shù)語 網(wǎng)頁設(shè)計(jì)的相關(guān)知識 認(rèn)識Dreamweaver 8 Dreamweaver 8的基本操作 Dreamweaver 8工作界面介紹 2什么是網(wǎng)頁和網(wǎng)站 什么是網(wǎng)頁什么是網(wǎng)站 3什么是網(wǎng)頁 網(wǎng)頁是由HTML（超級文本標(biāo)識語言）或者其他語言編寫的，通過IE瀏覽器編譯后供用戶獲取信息的頁面，它又稱為Web頁，其中可包含文字、圖像、表格、動(dòng)畫和超級鏈接等各種網(wǎng)頁元素。 4什么是網(wǎng)站 網(wǎng)站就是一個(gè)或多個(gè)網(wǎng)頁的集合。從廣義上講，網(wǎng)站就是當(dāng)網(wǎng)頁發(fā)布到Internet上以后，能通過瀏覽器在Interne

2、t上訪問的頁面 。門戶網(wǎng)站職能網(wǎng)站專業(yè)網(wǎng)站個(gè)人網(wǎng)站 5網(wǎng)頁的分類 按所處位置分類 按表現(xiàn)形式分類 6按所處位置分類 按網(wǎng)頁在網(wǎng)站中所處的位置可將網(wǎng)頁分為主頁和子頁兩類。7按表現(xiàn)形式分類 按網(wǎng)頁的表現(xiàn)形式可將網(wǎng)頁分為靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁。8網(wǎng)頁設(shè)計(jì)的相關(guān)知識 設(shè)計(jì)網(wǎng)頁的原則 網(wǎng)頁設(shè)計(jì)的一般步驟 網(wǎng)頁制作的常用工具 9設(shè)計(jì)網(wǎng)頁的原則整體規(guī)劃 鮮明的主題善用圖像醒目的導(dǎo)航及時(shí)更新易記的網(wǎng)站名稱通用網(wǎng)頁動(dòng)畫適量 10網(wǎng)頁設(shè)計(jì)的一般步驟 規(guī)劃網(wǎng)站收集整理資源配置站點(diǎn)創(chuàng)建頁面測試站點(diǎn)發(fā)布站點(diǎn) 維護(hù)、更新站點(diǎn)11網(wǎng)頁制作的常用工具 網(wǎng)頁設(shè)計(jì)軟件 Dreamweaver是目前使用最多的網(wǎng)頁設(shè)計(jì)軟件。圖像處理軟件

3、 制作網(wǎng)頁圖像的軟件種類繁多，大多數(shù)網(wǎng)頁設(shè)計(jì)人員選擇的是Fireworks或Photoshop。動(dòng)畫制作軟件 網(wǎng)頁動(dòng)畫制作中最常用的軟件非Flash莫屬。 12Dreamweaver 8的基本操作 啟動(dòng)Dreamweaver 8 新建空白HTML網(wǎng)頁 保存網(wǎng)頁文檔 預(yù)覽網(wǎng)頁效果 退出Dreamweaver 8 13啟動(dòng)Dreamweaver 8 選擇開始所有程序MacromediaMacromedia Dreamweaver 8菜單命令 14新建空白HTML網(wǎng)頁 選擇文件 新建菜單命令，打開“新建文檔”對話框，在“分類”欄中選擇“基本頁”選項(xiàng)，在“基本頁”欄中選擇“HTML”選項(xiàng)，單擊“創(chuàng)建”

4、按鈕。 15保存網(wǎng)頁文檔 選擇文件保存菜單命令，打開的“另存為”對話框，在“保存在”下拉列表框中選擇文件的保存路徑，在“文件名”文本框中輸入保存的文件名，單擊“保存”按鈕。 16預(yù)覽網(wǎng)頁效果 選擇文件 在瀏覽器中預(yù)覽IExplore 6.0菜單命令在IE瀏覽器中預(yù)覽網(wǎng)頁文檔的效果。 17退出Dreamweaver 8 單擊Dreamweaver 8窗口右上角的“關(guān)閉”按鈕。單擊Dreamweaver 8窗口左上角的圖標(biāo)，在彈出的下拉菜單中選擇“關(guān)閉”命令。在Dreamweaver 8窗口中選擇文件退出菜單命令。在當(dāng)前窗口為Dreamweaver 8工作界面時(shí)，按【Alt+F4】鍵退出Dreamweaver 8。18Dreamweaver 8 工作界面介紹 插入欄文檔工具欄文檔編輯區(qū)網(wǎng)頁標(biāo)簽擴(kuò)展按鈕浮動(dòng)面板組屬性面板標(biāo)簽選擇器水平標(biāo)尺和垂直標(biāo)尺19上機(jī)實(shí)戰(zhàn) 本課上機(jī)實(shí)戰(zhàn)將練習(xí)在Dreamweaver 8中新建一個(gè)只包含文本的簡單網(wǎng)頁，并使用IE