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

《dw網(wǎng)頁(yè)制作教程案例》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

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

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

3、域1：Dreamweaver基礎(chǔ)1學(xué)習(xí)單元1：工作區(qū)的選取1學(xué)習(xí)單元2：站點(diǎn)的建立5學(xué)習(xí)單元3：頁(yè)面設(shè)置15學(xué)習(xí)單元4：網(wǎng)頁(yè)的布局和規(guī)劃21學(xué)習(xí)單元5：站點(diǎn)上傳27學(xué)習(xí)領(lǐng)域2：Dreamweaver進(jìn)階31學(xué)習(xí)單元1：表格的設(shè)置31學(xué)習(xí)單元2：?jiǎn)卧竦脑O(shè)置39學(xué)習(xí)單元3：網(wǎng)頁(yè)的布局設(shè)置43學(xué)習(xí)單元4：超級(jí)鏈接的實(shí)現(xiàn)51學(xué)習(xí)單元5：庫(kù)的應(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實(shí)例107學(xué)習(xí)單元1：網(wǎng)頁(yè)實(shí)例107

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

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

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

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