網(wǎng)頁設(shè)計與制作第一課

1、一 、網(wǎng)站的概述1、網(wǎng)頁與網(wǎng)站 瀏覽網(wǎng)頁時在瀏覽器中看到的一個個頁面就是網(wǎng)頁，而多個相關(guān)的網(wǎng)頁的集合就構(gòu)成了一個網(wǎng)站。 舉例： (搜狐網(wǎng)) (百度網(wǎng)) (優(yōu)酷網(wǎng)) 等等。（這里點開網(wǎng)頁具體講解什么是網(wǎng)頁，什么是網(wǎng)站 如何輸入網(wǎng)址進入網(wǎng)頁）2、瀏覽網(wǎng)頁的工具-瀏覽器瀏覽器：用于打開顯示網(wǎng)頁的軟件。最常見的是瀏覽器：用于打開顯示網(wǎng)頁的軟件。最常見的是Windows系統(tǒng)自帶的系統(tǒng)自帶的IE 瀏覽器。瀏覽器。 還有火狐Firefox、360安全瀏覽器、遨游、騰訊TT等等。1）網(wǎng)址：用于定位某個網(wǎng)站某個頁面的一串字符，通常是這種格式 http:/ 、網(wǎng)站的概述3、認識網(wǎng)頁的組成元素一 、網(wǎng)站的概述1、制

2、作網(wǎng)站的流程 規(guī)劃網(wǎng)站類型及主題搜集資料素材使用軟件進行網(wǎng)頁制作測試及發(fā)布。二、初識Dreamweaver2、認識Dreamweaver 是當前最流行、最方便的網(wǎng)頁設(shè)計和網(wǎng)站開發(fā)工具軟件。 Dream：夢想 weaver：織布者，織工 Dreamweaver：夢想編輯者。通過這個工具，實現(xiàn)編輯網(wǎng)頁的夢。 早期是Macromedia公司推出的“網(wǎng)頁三劍客”之一?！熬W(wǎng)頁三劍客”指的是 Dreamweaver、Flash、Fireworks這三個軟件，它們這三個集合起來，就像 江湖中最厲害的劍客一樣，成為了網(wǎng)站開發(fā)中的專用利器。它集網(wǎng)頁制作和 管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)

3、網(wǎng)頁設(shè)計師 特別開發(fā)的可視化網(wǎng)頁開發(fā)工具，前兩年Macromedia公司被Adobe公司收購， DM CS6是最新推出的版本。二、初識Dreamweaver【操作演示】啟動Dreamweaver 實例：制作一個簡單文字網(wǎng)頁頁面 (兩種方法對照，直接制作和代碼制作，做最簡單的文字內(nèi)容，告訴學生兩種方法都可以實現(xiàn)，他們的優(yōu)缺點，讓他們了解有兩種方法就可以了，后面主要還是直接用設(shè)計界面)三、Dreamweaver的用戶界面 屬性面板屬性面板不同的網(wǎng)頁元素，屬性面板的內(nèi)容也會不同不同的網(wǎng)頁元素，屬性面板的內(nèi)容也會不同 。面板組面板組【操作演示】：工作窗口的設(shè)置、保存、恢復 關(guān)閉Dreamweaver基

4、本網(wǎng)頁的文件類型為基本網(wǎng)頁的文件類型為HTML文檔，保存的文件擴展名為文檔，保存的文件擴展名為 “.html”1.創(chuàng)建網(wǎng)頁文檔（創(chuàng)建網(wǎng)頁文檔（HTML文檔）文檔） 文件新建新建文檔常規(guī)類別基本頁2.保存指定文件（編輯中的文件如果文件名后面帶有“*”號，表示未保存） 文件保存（或Ctrl+S) 文件另存為 文件保存全部注意：1、網(wǎng)頁文件要用英文或數(shù)字進行命名，莫用中文。 2、基本網(wǎng)頁的擴展名為.html四、網(wǎng)頁文件的基本操作3.打開已建的打開已建的HTML文檔文檔 文件打開右擊文件，選擇Dreamweaver打開。拖動到Dreamweaver4.關(guān)閉文件關(guān)閉文件 文件關(guān)閉還未保存的網(wǎng)頁（*），關(guān)

5、閉時會提示你是否保存。其他操作：1）多個編輯文件的切換選擇2）預覽編輯中的網(wǎng)頁 (快捷鍵F12)四、網(wǎng)頁文件的基本操作【操作演示】：1.新建一個網(wǎng)頁，輸入本人的名字，性別，年齡，愛好等內(nèi)容2.保存該網(wǎng)頁，名字命名為“個人網(wǎng)頁”。3.打開剛保存的網(wǎng)頁，刪除里面關(guān)于年齡的內(nèi)容， 再次保存。4.在瀏覽器中預覽。5.檢查無誤后，關(guān)閉該文檔。五、創(chuàng)建站點1、什么是站點 Dreamweaver的站點是一種管理網(wǎng)站中所有相關(guān)聯(lián)文件的工具。通過站點可以對網(wǎng)站的相關(guān)頁面及各類素材進行統(tǒng)一管理，還可以以使用站點管理實現(xiàn)將文件上傳到網(wǎng)頁服務(wù)器，測試網(wǎng)站。 站點簡單的說就是一個文件夾。在這個文件夾里包含了網(wǎng)站中所有用站點簡單的說就是一個文件夾。在這個文件夾里包含了網(wǎng)站中所有用到的文件。我們通過這個文件夾（站點），對我們的網(wǎng)站進行管理，有到的文件。我們通過這個文件夾（站點），對我們的網(wǎng)站進行管理，有次序，一目了然。次序，一目了然。【操作演示】： 創(chuàng)建站點 1)我的個人網(wǎng)頁 站點根目錄為 D：/myweb 2)設(shè)置默認圖像文件夾六、管理站點1、在、在“文件文件”面板中實現(xiàn)以下操作面板中實現(xiàn)以下操作選擇編輯網(wǎng)頁文件 創(chuàng)建文件或文件夾 剪切、粘貼、復制、刪除、重命名文件或文件夾 2、站點管理、站點管理編輯站點 復