dw網(wǎng)頁制作教程案例

《dw網(wǎng)頁制作教程案例》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。

1、“計算機(jī)網(wǎng)絡(luò)技術(shù)”系列校本教材Dreamweaver進(jìn)階與實例施琛編著蘇州技師學(xué)院信息工程系前言當(dāng)前，計算機(jī)網(wǎng)絡(luò)技術(shù)迅速發(fā)展，國民經(jīng)濟(jì)各部門對計算機(jī)網(wǎng)絡(luò)技術(shù)的應(yīng)用日益廣泛，對計算機(jī)網(wǎng)絡(luò)技術(shù)人員的需求越來越迫切。為了培養(yǎng)計算機(jī)網(wǎng)絡(luò)技術(shù)人員的需要，不斷提高教學(xué)質(zhì)量，在蘇州市勞動與社會保障局領(lǐng)導(dǎo)和蘇州技師學(xué)院領(lǐng)導(dǎo)的支持下，蘇州技師學(xué)院信息工程系的專業(yè)教師編寫了此“計算機(jī)網(wǎng)絡(luò)技術(shù)”系列校本教材。這次編寫的計算機(jī)網(wǎng)絡(luò)技術(shù)系列校本教材包括投影片制作POWERPOINT、VB程序設(shè)計、動畫設(shè)計FLASH、常用工具軟件、C語言程序設(shè)計、圖形圖像處理PHOTOSHOP、網(wǎng)站建設(shè)DREAM

2、WEAVER、數(shù)據(jù)庫操作ACCESS和局域網(wǎng)安裝與維護(hù)技能。參與編寫“學(xué)習(xí)領(lǐng)域”計算機(jī)網(wǎng)絡(luò)技術(shù)系列校本教材的教師有夏國亭、林春生、劉志毅、劉俊燕、崔志華、施琛、羅清波、卜強(qiáng)和華康老師。計算機(jī)網(wǎng)絡(luò)技術(shù)系列校本教材是本著改革創(chuàng)新的精神組織編寫的，作為“學(xué)習(xí)領(lǐng)域”校本教材，適用于“行為引導(dǎo)型”教學(xué)法，符合循序漸進(jìn)的要求，從打好基礎(chǔ)入手，突出操作技能訓(xùn)練的特點，著力培養(yǎng)學(xué)生多種能力。作為系列化校本教材，各教材的“工作頁結(jié)構(gòu)”得到了“學(xué)習(xí)領(lǐng)域”王生專家的指點，在此表示衷心感謝。由于計算機(jī)網(wǎng)絡(luò)技術(shù)發(fā)展迅速，知識更新快，而編者水平有限，書中不妥之處在所難免，懇請讀者批評指正。編者20

3、08年9月目錄學(xué)習(xí)領(lǐng)域1：Dreamweaver基礎(chǔ)1學(xué)習(xí)單元1：工作區(qū)的選取1學(xué)習(xí)單元2：站點的建立5學(xué)習(xí)單元3：頁面設(shè)置15學(xué)習(xí)單元4：網(wǎng)頁的布局和規(guī)劃21學(xué)習(xí)單元5：站點上傳27學(xué)習(xí)領(lǐng)域2：Dreamweaver進(jìn)階31學(xué)習(xí)單元1：表格的設(shè)置31學(xué)習(xí)單元2：單元格的設(shè)置39學(xué)習(xí)單元3：網(wǎng)頁的布局設(shè)置43學(xué)習(xí)單元4：超級鏈接的實現(xiàn)51學(xué)習(xí)單元5：庫的應(yīng)用59學(xué)習(xí)單元6：模板的應(yīng)用65學(xué)習(xí)單元7：表單的應(yīng)用73學(xué)習(xí)單元8：層的應(yīng)用77學(xué)習(xí)單元9：CSS的應(yīng)用83學(xué)習(xí)單元10：CSS自定義樣式93學(xué)習(xí)單元11：CSS的特殊設(shè)置99學(xué)習(xí)領(lǐng)域3：Dreamweaver實例1

4、07學(xué)習(xí)單元1：網(wǎng)頁實例107學(xué)習(xí)單元2：網(wǎng)頁上機(jī)實踐113學(xué)習(xí)單元3：網(wǎng)站實例（一）115學(xué)習(xí)單元4：網(wǎng)站實例（二）127學(xué)習(xí)單元5：網(wǎng)站制作上機(jī)實踐135學(xué)習(xí)單元6：網(wǎng)頁綜合實例137學(xué)習(xí)單元7：網(wǎng)頁綜合實例上機(jī)實踐145附：教學(xué)大綱147Dreamweaver基礎(chǔ)工作區(qū)的選取學(xué)習(xí)目標(biāo):¨掌握Dreamweaver工作區(qū)的選擇¨掌握Dreamweaver工作區(qū)的更改學(xué)習(xí)時間：2學(xué)時DreamweaverMX提供了兩種可供選擇的工作區(qū)布局：一種將全部元素置于一個窗口中的集成布局和一種非類似于Dreamweaver4的浮動布局。第一次運行DreamweaverMX需要選

5、擇一種工作區(qū)布局。選擇DreamweaverMX工作區(qū)兩種布局的喜好因人而異，如果選擇的是DreamweaverMX工作區(qū)，想改成Dreamweaver4工作區(qū)，可以使用“參數(shù)選擇”對話框切換。選擇更改工作區(qū)使用DreamweaverMX工作區(qū)，默認(rèn)的界面中，工作區(qū)很小，如果要把工作區(qū)變大，選擇三角形按鈕，就可以隱藏面板組和屬性面板。如果要使用面板組，再點擊三角形按鈕。內(nèi)容延伸：DreamweaverMX簡介MacromediaDreamweaverMX是一個可視化的網(wǎng)頁設(shè)計和網(wǎng)站管理工具，支持最新的Web技術(shù)，包含HTML檢查、HTML格式控制、HTML格式化選項、H

6、omeSite/BBEdit捆綁、可視化網(wǎng)頁設(shè)計、圖像編輯、全局查找替換、全FTP功能、處理Flash和Shockwave等富媒體格式和動態(tài)HTML、基于團(tuán)隊的Web創(chuàng)作。在編輯上你可以選擇可視化方式或者你喜歡的源碼編輯方式。DreamweaverMX新增功能如下：加強(qiáng)的用戶界面；多重用戶配置；增強(qiáng)的源代碼編輯功能；擴(kuò)展的文檔格式支持；加強(qiáng)的服務(wù)器模式擴(kuò)展；改進(jìn)的數(shù)據(jù)庫鏈接操作；提升了與外部應(yīng)用程序的協(xié)作功能。學(xué)生分組討論，由代表上講臺展示討論內(nèi)容Dreamweaver基礎(chǔ)站點的建立學(xué)習(xí)目標(biāo):¨了解網(wǎng)頁制作的流程¨掌握使用Dreamweaver建立站點¨掌握站點文件的創(chuàng)

7、建學(xué)習(xí)時間：2學(xué)時DreamweaverMX中文版的出現(xiàn)，使制作一個功能強(qiáng)大的網(wǎng)站，變得很容易，可以輕易的做出以前被認(rèn)為很復(fù)雜的ASP，PHP網(wǎng)站。通過建站實例，一步一步的帶大家掌握網(wǎng)頁制作技術(shù)。做網(wǎng)站制作中，首先要了解的就是制作流程了?！　⌒陆ㄕ军c→站點文件命名→定義頁面屬性→插入表格→定義頁面大小→轉(zhuǎn)換到布局視圖→添加內(nèi)容→插入導(dǎo)航條→轉(zhuǎn)換到標(biāo)準(zhǔn)視圖工作→添加鏈接→使用代碼片斷→定義及應(yīng)用CSS→添加動態(tài)交互→鏈接站點各個頁面。以上是一個靜態(tài)網(wǎng)站建設(shè)流程和需要掌握的技術(shù)。在后面的幾篇文章中，將通過建立一個網(wǎng)站實例，具體介紹這些內(nèi)容。2