網(wǎng)頁設(shè)計與制作課件第2章.ppt

第2章 網(wǎng)頁制作快速入門,編寫組,2.1 Dreamweaver MX 2004基本操作,2.1.1 Dreamweaver MX 2004的界面,1Dreamweaver MX 2004的工作區(qū) （1）主菜單 （2）標(biāo)準(zhǔn)工具欄 （3）插入工具欄 （4）文檔窗口 （5）狀態(tài)欄 （6）屬性面板 （7）輔助面板區(qū)：,2Dreamweaver MX 2004中的視圖 （1）代碼視圖與設(shè)計視圖 （2）文檔窗口,（3）插入工具欄 2.1.2 網(wǎng)頁的基本操作 1新建網(wǎng)頁 “【文件】【新建】”菜單命令 2打開網(wǎng)頁 “【文件】【打開】”菜單命令 3保存文檔 “【文件】【保存】”菜單命令,2.2 創(chuàng)建和管理站點(diǎn) 所謂站點(diǎn)，可以看作是一系列文檔的組合，這些文檔之間通過各種鏈接關(guān)聯(lián)起來，可能擁有相似的屬性。站點(diǎn)實際對應(yīng)的是一個文件夾，我們設(shè)計的所有網(wǎng)頁就保存在這個站點(diǎn)（文件夾）中，存儲在本地機(jī)器中的站點(diǎn)（文件夾）稱為本地站點(diǎn)，發(fā)布到WEB服務(wù)器上的站點(diǎn)（文件夾），則稱為遠(yuǎn)程站點(diǎn)。,2.2.1站點(diǎn)管理器的基本組成 連接遠(yuǎn)程站點(diǎn) 下載選擇的文件 本地站點(diǎn)的文件上傳到遠(yuǎn)程站點(diǎn) 再次單擊按鈕，將斷開與服務(wù)器的連接 刷新文件列表區(qū),2.2.2 站點(diǎn)的定義 創(chuàng)建本地站點(diǎn) “【站點(diǎn)】【新建站點(diǎn)】”菜單命令,創(chuàng)建遠(yuǎn)程站點(diǎn) “【站點(diǎn)】【管理站點(diǎn)】”菜單命令,2.2.3管理站點(diǎn) 1打開站點(diǎn),2編輯站點(diǎn) “【站點(diǎn)】【管理站點(diǎn)】”菜單命令,2.2.4站點(diǎn)文件和文件夾管理 1創(chuàng)建主頁 主頁是用戶登錄網(wǎng)站后顯示的第一個頁面，在制作網(wǎng)站時要首先創(chuàng)建。 注意：通常使用Default或Index作為首頁的文件主名，如Default.htm、Default.asp、Index.htm、Index.asp等。,2創(chuàng)建文件夾 3文件的移動和復(fù)制 選擇“【編輯】”菜單中的剪切、復(fù)制和粘貼來實現(xiàn)文件或文件夾的移動和復(fù)制 4刪除文件或文件夾 “【文件】【刪除】”菜單命令或按下“Del”鍵 5編輯站點(diǎn)文件,2.3 制作一個簡單網(wǎng)頁,實例介紹: 實例中只用到最簡單的幾個頁面元素，主要有表格、文本和圖片。 頁面主色調(diào)為綠色，表現(xiàn)健康、積極向上的生活態(tài)度，取名“我的地盤”意在表現(xiàn)一種自信，內(nèi)容上可展現(xiàn)個人風(fēng)采。 頁面的最佳效果瀏覽分辨率是800600。,小結(jié),本章以“我的地盤”主頁的制作為例，介紹了使用Dreamweaver MX 2004創(chuàng)建和管理站點(diǎn)的方法，以及在網(wǎng)頁中插入基