Dreamweaver CS5自學(xué)教程-第一課網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ).doc

Dreamweaver CS5網(wǎng)頁(yè)制作教程筆記該教程使用Dreamweaver CS5作為開(kāi)發(fā)工具，結(jié)合老師的網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn)，為大家講解網(wǎng)頁(yè)制作的每個(gè)環(huán)節(jié)。希望通過(guò)本套課程的學(xué)習(xí)，大家能靈活運(yùn)用Dreaweaver完成網(wǎng)站的開(kāi)發(fā)。課程分為12課共118節(jié)視頻講解，并隨光盤(pán)附帶課程素材、板書(shū)及相關(guān)軟件。第一課：網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)1-1 網(wǎng)站的概述1-2 初識(shí)Dreamweaver1-3 Dreamweaver CS5的用戶界面 插入面板顯示方式的調(diào)整切換 網(wǎng)頁(yè)顯示比例 大小尺寸 占用數(shù)據(jù)空間1-4 網(wǎng)頁(yè)文件的基本操作1、創(chuàng)建網(wǎng)頁(yè)文件2、網(wǎng)頁(yè)文件的保存 保存快捷鍵 Ctrl+S 網(wǎng)頁(yè)保存的名字必須是字母或數(shù)字 修改后沒(méi)有保存的文件名帶* 注：網(wǎng)站首頁(yè)文件的命名一般用“index.html”，首頁(yè)的文檔命名如下 3、網(wǎng)頁(yè)預(yù)覽主要瀏覽器預(yù)覽的快捷鍵是F12瀏覽器可以通過(guò)以上方式添加1-5 設(shè)置網(wǎng)頁(yè)外觀屬性1、頁(yè)面屬性的設(shè)置網(wǎng)頁(yè)空白區(qū)域單擊后，點(diǎn)擊“頁(yè)面屬性”，對(duì)相關(guān)要素進(jìn)行設(shè)置3、添加字體 1-6 創(chuàng)建站點(diǎn)1、站點(diǎn)也叫做根目錄，是是一個(gè)文件夾，是網(wǎng)站的網(wǎng)頁(yè)和所有素材存儲(chǔ)的地方。2、創(chuàng)建站點(diǎn):站點(diǎn)的名稱(chēng)用中文，站點(diǎn)的文件夾名稱(chēng)用英文。 3、新建網(wǎng)頁(yè)保存:新建的網(wǎng)頁(yè)保存命名必須用英文 1-7 設(shè)置默認(rèn)圖像文件夾1、在站點(diǎn)根目錄創(chuàng)建圖片素材存儲(chǔ)的文件夾 文件夾的命名一定不能用中文，最好使用“images”命名2、設(shè)置images文件夾為網(wǎng)站圖片儲(chǔ)存的默認(rèn)文件夾 3、網(wǎng)頁(yè)中插入圖片時(shí)，點(diǎn)擊保存確定，電腦中任何儲(chǔ)存位置的圖片素材都會(huì)被自動(dòng)復(fù)制保存到站點(diǎn)根目錄下的images文件夾中。1-8 站點(diǎn)的管理1、雙擊打開(kāi)所要編輯的網(wǎng)頁(yè)2、新建網(wǎng)頁(yè)的另一種方法：點(diǎn)擊站點(diǎn)，右擊新建文件 ，單擊命名新建的網(wǎng)頁(yè)文件。用同樣的方式可以新建文件夾。 網(wǎng)頁(yè)文件在不同文件夾之間移動(dòng)時(shí)，需要更新網(wǎng)頁(yè)的鏈接才能保證網(wǎng)頁(yè)中的鏈接有效。子文件夾中創(chuàng)建新網(wǎng)頁(yè)的方式與上邊的創(chuàng)建方式相同。 3、不同站