《網(wǎng)設計與制作》實踐教學大綱

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

實驗項目（一HTML基礎實驗實踐型 實驗課時

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

Dreamweaver實踐型 實驗課

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

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

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

實驗項目（四利用表格布局頁實踐型 實驗課時

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

實驗項目（五時間軸動畫制作實踐型 實驗課時

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

實驗項目（六表單網(wǎng)頁的創(chuàng)建 點

實訓地

計算機基礎教學實驗室實驗類型目的要求

實踐型

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

實驗項目（七CSS應用實踐型 實驗課時

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

實驗項目（八）簡單的行為的應用 實訓點

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

實驗項目（九網(wǎng)頁中多媒體的應用

實訓地點 計算機基礎教學實驗室實驗類型目的要求

實踐型

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