《網(wǎng)設(shè)計(jì)與制作》實(shí)踐教學(xué)大綱

PAGEPAGE15《網(wǎng)頁設(shè)計(jì)與制作》實(shí)踐教學(xué)大綱（信息網(wǎng)絡(luò)安全監(jiān)察專業(yè)適用）一、課程類別專業(yè)能力課二、地位和作用本實(shí)踐教學(xué)大綱是信息網(wǎng)絡(luò)安全監(jiān)察專業(yè)“網(wǎng)頁設(shè)計(jì)與制作”課程的309握網(wǎng)頁設(shè)計(jì)與制作的技術(shù)及網(wǎng)頁制作軟件的使用。三、實(shí)驗(yàn)?zāi)康暮鸵笸ㄟ^對網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ)知識和技能的學(xué)習(xí),使學(xué)生系統(tǒng)了解網(wǎng)頁、網(wǎng)站的概念、網(wǎng)頁主要工具軟件Dreamweaver備解決網(wǎng)頁設(shè)計(jì)、網(wǎng)站開發(fā)中出現(xiàn)各種問題的能力。四、實(shí)驗(yàn)設(shè)施硬件要求：使用計(jì)算機(jī)基礎(chǔ)實(shí)驗(yàn)室。硬件條件包括50臺計(jì)算機(jī)：1G以上內(nèi)存、40G以上硬盤。軟件要求：WindowsXPDreamweaver8Flash8五、組織方式所有實(shí)驗(yàn)環(huán)節(jié)均由每位學(xué)生獨(dú)立完成。實(shí)訓(xùn)內(nèi)容、課時(shí)分配情況1實(shí)訓(xùn)內(nèi)容HTML基礎(chǔ)實(shí)驗(yàn)實(shí)訓(xùn)課時(shí)4實(shí)訓(xùn)方式操作2Dreamweaver2操作3創(chuàng)建簡單網(wǎng)頁實(shí)例4操作4利用表格布局頁4操作5時(shí)間軸動畫制作4操作6表單網(wǎng)頁的創(chuàng)建4操作7CSS樣式在網(wǎng)頁中的應(yīng)用4操作8簡單的行為的應(yīng)用2操作9網(wǎng)頁中多媒體的應(yīng)用2操作合計(jì)30項(xiàng)目名稱

實(shí)驗(yàn)項(xiàng)目（一HTML基礎(chǔ)實(shí)驗(yàn)實(shí)踐型 實(shí)驗(yàn)課時(shí)

實(shí)訓(xùn)地點(diǎn) 計(jì)算機(jī)基礎(chǔ)學(xué)實(shí)驗(yàn)室4（一）實(shí)驗(yàn)?zāi)康腍TMLHTML（二）實(shí)驗(yàn)要求完成實(shí)驗(yàn)報(bào)告，在實(shí)驗(yàn)報(bào)告中要求記錄如下內(nèi)容：⑴．HTML語法基本結(jié)構(gòu)⑵．HTML實(shí)驗(yàn)內(nèi)容編寫包括文本和圖像的兩至三個簡單網(wǎng)頁在網(wǎng)頁之間建立文本、圖像和書簽超鏈接編寫一個帶有表格的網(wǎng)頁實(shí)驗(yàn)步驟按“實(shí)驗(yàn)內(nèi)容”中錄如下內(nèi)容：所訪問各商務(wù)網(wǎng)站的風(fēng)格及特點(diǎn)；各種版面布局網(wǎng)站的域名和所采用的版面布局形式；使用大色塊和抽象線條構(gòu)圖風(fēng)格網(wǎng)站的域名和所采用的構(gòu)圖形式；4.10代表性詞句。注意事項(xiàng)結(jié)果雷同者，按實(shí)驗(yàn)課考核辦法處理。實(shí)驗(yàn)項(xiàng)目（二）項(xiàng)目名稱

Dreamweaver實(shí)踐型 實(shí)驗(yàn)課

實(shí)訓(xùn)地點(diǎn) 計(jì)算機(jī)基礎(chǔ)教學(xué)實(shí)驗(yàn)室2（一）實(shí)驗(yàn)?zāi)康腄reamWeaver的界面及其操作熟悉使用DreamWeaver（二）實(shí)驗(yàn)要求現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師實(shí)驗(yàn)內(nèi)容2-3實(shí)驗(yàn)步驟圖、工具欄。使用參數(shù)設(shè)置把常用的快捷圖標(biāo)添加到狀態(tài)欄。規(guī)劃站點(diǎn)（導(dǎo)航結(jié)構(gòu)請遵循本實(shí)驗(yàn)的要求），點(diǎn)所在文件夾命名為自己名字的漢語拼音，設(shè)計(jì)站點(diǎn)的結(jié)構(gòu)。index.htm為主頁。打開站點(diǎn)管理器，熟悉站點(diǎn)管理的界面，了解網(wǎng)站地圖。網(wǎng)頁元素。注意事項(xiàng)現(xiàn)有結(jié)果雷同者，按實(shí)驗(yàn)課考核辦法處理。項(xiàng)目名稱

實(shí)驗(yàn)項(xiàng)目（三創(chuàng)建簡單網(wǎng)頁實(shí)例實(shí)踐型 實(shí)驗(yàn)課時(shí)

實(shí)訓(xùn)地點(diǎn) 計(jì)算機(jī)基礎(chǔ)學(xué)實(shí)驗(yàn)室4（一）實(shí)驗(yàn)?zāi)康?1)熟悉基本網(wǎng)元素及其操作(2)熟悉使用頁面屬性(3)超鏈接的基本定義及基各種超鏈接的創(chuàng)建和編輯操作（二）實(shí)驗(yàn)要求一個實(shí)驗(yàn)使用。實(shí)驗(yàn)內(nèi)容4-5鏈接將網(wǎng)頁之間鏈接起來。實(shí)驗(yàn)步驟建立一個本地站點(diǎn)在站點(diǎn)中建立一個網(wǎng)頁文件index.htm輸入書中全部的文字內(nèi)容。將“長春歡迎你”設(shè)置滾動效果的文字。對文字進(jìn)行排版。插入水平線，并設(shè)置水平線的顏色。插入導(dǎo)航條設(shè)置網(wǎng)頁的背景圖像。注意事項(xiàng)發(fā)現(xiàn)有結(jié)果雷同者，按實(shí)驗(yàn)課考核辦法處理。2、將站點(diǎn)進(jìn)行備份留下節(jié)課使用。項(xiàng)目名稱

實(shí)驗(yàn)項(xiàng)目（四利用表格布局頁實(shí)踐型 實(shí)驗(yàn)課時(shí)

實(shí)訓(xùn)地點(diǎn) 計(jì)算機(jī)基礎(chǔ)學(xué)實(shí)驗(yàn)室4（一）實(shí)驗(yàn)?zāi)康?1)利用表格進(jìn)行文本的整齊排列和自由的圖文混排(2)在整個表格內(nèi)使用背景圖像和色彩。（二）實(shí)驗(yàn)要求存設(shè)計(jì)結(jié)果供下一個實(shí)驗(yàn)使用。實(shí)驗(yàn)內(nèi)容本實(shí)驗(yàn)的內(nèi)容主要是利用表格進(jìn)行網(wǎng)頁的定位練習(xí)2-3制作兩個利用表格定位的網(wǎng)頁其中一個為教師指定樣式自由發(fā)揮設(shè)置超鏈接將站點(diǎn)中的網(wǎng)頁鏈接起來。實(shí)驗(yàn)步驟建立一個本地站點(diǎn)最外層的表格寬度為700為上下兩個表格。2143將下表格的單元格進(jìn)行合并，調(diào)整。52上表格的第二行和下表格右側(cè)第二行制作水平線?！弊⒁馐马?xiàng)1、所有實(shí)驗(yàn)環(huán)節(jié)均由每位學(xué)生獨(dú)立完成，嚴(yán)禁抄襲他人實(shí)驗(yàn)結(jié)果，若發(fā)現(xiàn)有結(jié)果雷同者，按實(shí)驗(yàn)課考核辦法處理。2、將站點(diǎn)進(jìn)行備份留下節(jié)課使用項(xiàng)目名稱

實(shí)驗(yàn)項(xiàng)目（五時(shí)間軸動畫制作實(shí)踐型 實(shí)驗(yàn)課時(shí)

實(shí)訓(xùn)地點(diǎn) 計(jì)算機(jī)基礎(chǔ)學(xué)實(shí)驗(yàn)室4（一）實(shí)驗(yàn)?zāi)康恼莆諘r(shí)間軸和層的基本理論熟悉層面板，利用時(shí)間軸制作層動畫。（二）實(shí)驗(yàn)要求錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師。實(shí)驗(yàn)內(nèi)容使用層和時(shí)間軸制作動畫：1.建立一個本地站點(diǎn),包括2-3個網(wǎng)頁2、在網(wǎng)頁上添加如下的時(shí)間軸動畫(1)層的曲線運(yùn)動(2)錄制層路徑3.設(shè)置超鏈接將站點(diǎn)中的網(wǎng)頁鏈接起來。實(shí)驗(yàn)步驟層的曲線運(yùn)動新建一個文檔并保存。并在層中插入一幅圖像。并將層拖到時(shí)間軸面板中。選擇動畫條右側(cè)端點(diǎn)，即右側(cè)關(guān)鍵幀。是一個直線運(yùn)動的動畫。若要使層的運(yùn)動路線形成曲線，則需要在動畫條的中間增加的關(guān)的曲線。錄制層路徑新建一個文檔，并保存。新建一個文檔，并保存。將層移到起始位置，在層邊框上單擊鼠標(biāo)右鍵，在快捷菜單中選擇“錄制層路徑”的命令。后臺記錄下層移動的路徑，并在動畫條上產(chǎn)生相應(yīng)的關(guān)鍵幀。保存并在瀏覽器中預(yù)覽，或按住播放鍵，觀看動畫播放效果。若要修改層的運(yùn)動路線，在動畫條選擇關(guān)鍵幀，拖動層即可。注意事項(xiàng)1、所有實(shí)驗(yàn)環(huán)節(jié)均由每位學(xué)生獨(dú)立完成，嚴(yán)禁抄襲他人實(shí)驗(yàn)結(jié)果，若發(fā)現(xiàn)有結(jié)果雷同者，按實(shí)驗(yàn)課考核辦法處理。2、將站點(diǎn)進(jìn)行備份留下節(jié)課使用項(xiàng)目名稱

實(shí)驗(yàn)項(xiàng)目（六表單網(wǎng)頁的創(chuàng)建 點(diǎn)

實(shí)訓(xùn)地

計(jì)算機(jī)基礎(chǔ)教學(xué)實(shí)驗(yàn)室實(shí)驗(yàn)類型目的要求

實(shí)踐型

實(shí)驗(yàn)課時(shí) 4（一）實(shí)驗(yàn)?zāi)康?1)熟悉表單的各元素(2)創(chuàng)建表單網(wǎng)頁實(shí)例（二）實(shí)驗(yàn)要求程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師，并保存設(shè)計(jì)結(jié)果供下一個實(shí)驗(yàn)使用。實(shí)驗(yàn)內(nèi)容（四）實(shí)驗(yàn)內(nèi)容本實(shí)驗(yàn)的內(nèi)容主要是熟練表單的基本操作，并制作表單網(wǎng)頁。2-3制作兩個表單網(wǎng)頁其中一個教師指定樣式，另一個可以自由發(fā)揮實(shí)驗(yàn)步驟建立一個本地站點(diǎn)在站點(diǎn)中建立一個網(wǎng)頁文件index.htm繪制布局表格在表格中插入相應(yīng)的表單元素。對網(wǎng)頁內(nèi)容進(jìn)行排版。瀏覽網(wǎng)頁的實(shí)際效果。在站點(diǎn)中建立一個網(wǎng)頁文件liuyan.htm繪制布局表格在表格中插入相應(yīng)的表單元素。注意事項(xiàng)現(xiàn)有結(jié)果雷同者，按實(shí)驗(yàn)課考核辦法處理。項(xiàng)目名稱

實(shí)驗(yàn)項(xiàng)目（七CSS應(yīng)用實(shí)踐型 實(shí)驗(yàn)課時(shí)

實(shí)訓(xùn)地點(diǎn) 計(jì)算機(jī)基礎(chǔ)學(xué)實(shí)驗(yàn)室4（一）實(shí)驗(yàn)?zāi)康腃SSCSS（二）實(shí)驗(yàn)要求CSS的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師。實(shí)驗(yàn)內(nèi)容CSSCSS1.2-32、鼠標(biāo)樣式的設(shè)置3、ＣＳＳ濾鏡的使用4.設(shè)置超鏈接將站點(diǎn)中的網(wǎng)頁鏈接起來。實(shí)驗(yàn)步驟（一）鼠標(biāo)樣式的設(shè)置建立一個本地站點(diǎn)在站點(diǎn)中建立一個網(wǎng)頁文件index.htm8.1CSSCSSCSS“定義在”選擇“僅對該文檔”。CSS“擴(kuò)展”分類按鈕，樣式建立完成。選中圖像，執(zhí)行以下操作之一：CSS.shubiao用”命令。保存網(wǎng)頁，在瀏覽器中鼠標(biāo)指向圖像測試效果。（二）ＣＳＳ濾鏡的使用8.5文檔。CSSCSS8.6擇“僅對該文檔”。CSS話框，切換到“擴(kuò)展”分類。在“濾鏡”中選擇Blur認(rèn)）。Direction：指定模糊方向。0——垂直向下；45——垂直向右；90——、、、315左、向左、向上偏左。5CSSCSS選中文檔中的右側(cè)圖像，在CSS.blur快捷菜單中選擇“套用”命令。注意事項(xiàng)有結(jié)果雷同者，按實(shí)驗(yàn)課考核辦法處理。項(xiàng)目名稱

實(shí)驗(yàn)項(xiàng)目（八）簡單的行為的應(yīng)用 實(shí)訓(xùn)點(diǎn)

計(jì)算機(jī)基礎(chǔ)教學(xué)實(shí)驗(yàn)室實(shí)驗(yàn)類 實(shí)踐型 實(shí)驗(yàn)課時(shí) 2型目的要求（一）實(shí)驗(yàn)?zāi)康奶砑觾?nèi)置的行為。設(shè)置觸發(fā)行為的事件。（二）實(shí)驗(yàn)要求實(shí)驗(yàn)前認(rèn)真預(yù)習(xí)，熟練掌握有關(guān)行為和事件的概念和知識。實(shí)驗(yàn)過程中記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師。實(shí)驗(yàn)內(nèi)容Dreamweaver效果。2-3實(shí)驗(yàn)步驟（一）播放聲音的打開“播放聲音”對話框。選擇要播放的聲音文件。10.2標(biāo)在瀏覽器將不會出現(xiàn)，不影響頁面的美觀。保存并在瀏覽器中預(yù)覽網(wǎng)頁，觀看效果。（二）設(shè)置狀態(tài)欄文本態(tài)欄文本”行為的操作為：文本”子菜單中的“設(shè)置狀態(tài)欄文本”。打開“設(shè)置狀態(tài)欄文本”對話框。輸入要顯示的信息，單擊“確定”按鈕。保存并在瀏覽器中測試行為。注意事項(xiàng)1、所有實(shí)驗(yàn)環(huán)節(jié)均由每位學(xué)生獨(dú)立完成，嚴(yán)禁抄襲他人實(shí)驗(yàn)結(jié)果，若發(fā)現(xiàn)有結(jié)果雷同者，按實(shí)驗(yàn)課考核辦法處理。2、將站點(diǎn)進(jìn)行備份留下節(jié)課使用。項(xiàng)目名稱

實(shí)驗(yàn)項(xiàng)目（九網(wǎng)頁中多媒體的應(yīng)用

實(shí)訓(xùn)地點(diǎn) 計(jì)算機(jī)基礎(chǔ)教學(xué)實(shí)驗(yàn)室實(shí)驗(yàn)類型目的要求

實(shí)踐型

實(shí)驗(yàn)課時(shí) 2（一）實(shí)驗(yàn)?zāi)康恼莆赵诰W(wǎng)頁中插入各種音頻文件的操作掌握在網(wǎng)頁中插入Flash掌握在網(wǎng)頁插入視頻文件的操作（二）實(shí)驗(yàn)要求記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師。實(shí)驗(yàn)內(nèi)容（一）實(shí)驗(yàn)?zāi)康恼莆赵诰W(wǎng)頁中插入各種音頻文件的操作掌握在網(wǎng)頁中插入Flash（二）實(shí)驗(yàn)要求記錄發(fā)生的現(xiàn)象并分析原因。實(shí)驗(yàn)完畢將所有文件打包交給老師。實(shí)驗(yàn)步驟（一）插入音頻文件打開要嵌入音頻文件的網(wǎng)頁，定位光標(biāo)在要插入音頻的位置?？?，選擇要插入的音頻文件，在網(wǎng)頁插入相應(yīng)的音頻文件。保存并在瀏覽器中預(yù)覽網(wǎng)頁，播放器沒有完全顯示出來。覽者可以對音頻文件的播放進(jìn)行控制。（二）Flash1.新建并保存網(wǎng)頁，定位光標(biāo)在要插入Flash