課程名稱：網頁製作實訓學時：86
適用專業：電子商務課程類別：專業課
編寫大綱教研組/實訓組：電子商務組
一、實訓的性質、目的與要求
《網頁製作》課程是一門技術性和實踐性很強的學科，其模擬實習是在基礎理論教學完成之後，在校內利用**裝置及仿真實訓軟體進行的實踐性教學環節，是電子商務專業必須加強的技能教學環節。
目的：通過實驗教學主要培養學生的學生的動手能力，提高學生運用html語言編寫靜態網頁能力的水平，掌握html和css語言的應用，通過該實訓課程的學習，學生能夠對所學過的靜態網頁設計的基本知識和方法進行練習和鞏固，使學生了解並掌握靜態網頁設計的一般方法，具備初步的獨立設計能力，提高綜合運用所學的理論知識獨立分析和解決若干簡單問題的能力。為學生學習動態網頁的打下堅硬的基礎。
要求：掌握網頁設計基本概念和html的基本結構，了解網頁技術概況、html的編輯和執行環境。掌握文字版面的編輯，掌握網頁的超連結技術的應用，了解影象的處理，包括背景圖案、圖形、圖象及其超連結等的設定和應用。
了解列表的各種使用，了解**的基本語法，掌握**的定義、控制、分組、標題等的應用。了解表單在網頁中的應用，了解如何在網頁中加入各種動態效果，了解網頁中css的基礎知識，掌握css的各種屬性應用
二、實訓方式
學生上機操作，教師指導。
三、考核方法
本實訓按出勤和網頁的設計、除錯能力及實驗完成情況綜合考核，實驗成績按20%的比例記入總成績。
四、實訓指導書及主要參考資料
實訓指導書：《網頁製作實訓指導書》電子商務組編內部使用
參考書：《網頁設計語言教程（html/css）》於鵬編電子工業出版社 2007
《網頁設計與製作使用教程》 劉艷麗等編高等教育出版社 2006
五、實訓專案及學時分配
實訓專案一覽表
六、實訓專案內容及其要求
實訓一計建立站點及頁面設定（4學時）
【實訓目的】
掌握站點的規劃
學會建立與管理站點
掌握頁面的建立、儲存操作
學會設定頁面屬性
【實訓內容】
本次實訓將為xx廣告公司**進行站點規劃以及站點的建立，並為站點建立主要的資料夾及檔案：
規劃xx廣告公司站點結構
建立站點
建立主要資料夾及檔案
【實訓裝置】：
pc若干臺
【實訓要求及成績評定】：
要求：熟悉站點的建立步驟，學會管理站點，頁面的建立、儲存及屬性的設定方法。
成績評定：
a: 按照要求實現**結構、網頁頁面，內容充分，布局合理，結構清晰
b：按照要求實現**結構、網頁頁面，內容安排、布局得當。結構一般
c：按照要求實現**結構、網頁頁面，內容結構較差。
根據學生實際完成情況，在以上三個等級的基礎上，用+、-標記。
實訓二文字版面的編輯（4學時）
【實訓目的】：
通過本章的學習使學生掌握文字版面的編輯，如頁面布局、字型屬性等簡單的版面設計。
【實訓內容】：
實驗1：文字版面的編輯（一）
通過頁面布局實現文字版面的編輯
實驗2：文字版面的編輯（二）
調整字型屬性美化網頁頁面。
【實訓裝置】：
pc若干臺
【實訓要求及成績評定】：
要求：掌握網頁中頁面布局及字型屬性的設定。
成績評定：
a: 按照要求實現網頁頁面，內容充分，布局合理，畫面美觀，色彩和諧。
b：按照要求實現網頁頁面，內容安排、布局得當。畫面清晰、美觀，整體效果較好
c：按照要求實現網頁頁面，圖面質量比較差，文字表達比較差
根據學生實際完成情況，在以上三個等級的基礎上，用+、-標記。
實訓三建立超連結（4學時）
【實訓目的】：
通過本章的學習使學生掌握網頁的超連結技術的應用。
【實訓內容】：
實驗1：建立超連結
在網頁中實現對同一檔案、不同檔案和網路資源的超連結。
【實訓裝置】：
pc若干臺
【實訓要求及成績評定】：
要求：掌握網頁中各種不同超連結效果的實現。
成績評定：
a: 按照要求實現網頁頁面，內容充分，布局合理，畫面美觀，色彩和諧。
b：按照要求實現網頁頁面，內容安排、布局得當。畫面清晰、美觀，整體效果較好
c：按照要求實現網頁頁面，圖面質量比較差，文字表達比較差
根據學生實際完成情況，在以上三個等級的基礎上，用+、-標記。
實訓四影象的處理（8學時）
【實訓目的】：
通過本章學習使學生了解影象的處理，包括背景圖案、圖形、圖象及其超連結等的設定和應用。
【實訓內容】：
實驗1：影象的處理
設定和應用背景圖案、圖形、圖象及其超連結等的。
【實訓裝置】：
pc若干臺
【實訓要求及成績評定】：
要求：學會使用影象美化網頁。
成績評定：
a: 按照要求實現網頁頁面，內容充分，布局合理，畫面美觀，色彩和諧。
b：按照要求實現網頁頁面，內容安排、布局得當。畫面清晰、美觀，整體效果較好
c：按照要求實現網頁頁面，圖面質量比較差，文字表達比較差
根據學生實際完成情況，在以上三個等級的基礎上，用+、-標記。
實訓五列表專案（4學時）
【實訓目的】：
通過本章的學習使學生了解列表的各種使用。
【實訓內容】：
實驗1：列表專案
使用各種列表美化網頁
【實訓裝置】：
pc若干臺
【實訓要求及成績評定】：
要求：學會使用列表美化網頁。
成績評定：
a: 按照要求實現網頁頁面，內容充分，布局合理，畫面美觀，色彩和諧。
b：按照要求實現網頁頁面，內容安排、布局得當。畫面清晰、美觀，整體效果較好
c：按照要求實現網頁頁面，圖面質量比較差，文字表達比較差
根據學生實際完成情況，在以上三個等級的基礎上，用+、-標記。
實訓六**（6學時）
【實訓目的】：
通過本章的學習使學生了解**的基本語法，掌握**的定義、控制、分組、標題等的應用。並學會使用**布局。
【實訓內容】：
實驗1：**（一）
使用**的基本語法定義**，並控制**中的行、單元格、分組和標題。
實驗2：**（二）
使用**布局網頁頁面。
【實訓裝置】：
pc若干臺
【實訓要求及成績評定】：
要求：在網面中合理的應用**，掌握**布局網頁的方式。
成績評定：
a: 按照要求實現網頁頁面，內容充分，布局合理，畫面美觀，色彩和諧。
b：按照要求實現網頁頁面，內容安排、布局得當。畫面清晰、美觀，整體效果較好
c：按照要求實現網頁頁面，圖面質量比較差，文字表達比較差
根據學生實際完成情況，在以上三個等級的基礎上，用+、-標記。
實訓七 css樣式表使用（8學時）
【實訓目的】：
通過本章的學習使學生學會建立、編輯新樣式，以及重定義html標籤。含建立外部樣式表（檔案）。 建立網頁與外部樣式的鏈結。
【實訓內容】：
1、css 的基本概念。
2、「新建css 樣式」對話方塊的使用方法。
2、應用樣式的方法。含網頁與外部樣式的鏈結。
【實訓裝置】：
pc若干臺
【實訓要求及成績評定】：
要求：了解css 的基本概念。掌握「新建css 樣式」對話方塊的使用方法。 掌握應用樣式的方法。含網頁與外部樣式的鏈結。
成績評定：
a: 按照要求實現網頁頁面，內容充分，布局合理，畫面美觀，色彩和諧。
b：按照要求實現網頁頁面，內容安排、布局得當。畫面清晰、美觀，整體效果較好
c：按照要求實現網頁頁面，圖面質量比較差，文字表達比較差
根據學生實際完成情況，在以上三個等級的基礎上，用+、-標記。
實訓八表單的設計（12學時）
【實訓目的】：
通過本章的學習使學生了解表單在網頁中的應用。
【實訓內容】：
實驗1：表單的設計（一）
在網頁中新增各種表單元素
實驗2：表單的設計（二）
與**相結合製作完美的表單頁面。
【實訓裝置】：
pc若干臺
【實訓要求及成績評定】：
要求：在網面中合理的應用**布局，掌握各種表單元素的現實方式。
成績評定：
a: 按照要求實現網頁頁面，內容充分，布局合理，畫面美觀，色彩和諧。
b：按照要求實現網頁頁面，內容安排、布局得當。畫面清晰、美觀，整體效果較好
c：按照要求實現網頁頁面，圖面質量比較差，文字表達比較差
根據學生實際完成情況，在以上三個等級的基礎上，用+、-標記。
實訓九網頁的動態效果（12學時）
【實訓目的】：
通過本章的學習使學生了解如何在網頁中加入各種動態效果。
【實訓內容】：
實驗1：網頁的動態效果
在網頁中加入各種動態效果，如滾動的文字，多**加入網頁，flash動畫。
【實訓裝置】：
pc若干臺
【實訓要求及成績評定】：
要求：學會在網頁中新增各種動態效果。
成績評定：
a: 按照要求實現網頁頁面，內容充分，布局合理，畫面美觀，色彩和諧。
b：按照要求實現網頁頁面，內容安排、布局得當。畫面清晰、美觀，整體效果較好
c：按照要求實現網頁頁面，圖面質量比較差，文字表達比較差
根據學生實際完成情況，在以上三個等級的基礎上，用+、-標記。
實訓十層和行為的使用（8學時）
【實訓目的】：
通過本章的學習
1、掌握與層有關的操作（設定）方法。
2、掌握利用「行為」面板新增、編輯行為的方法。
【實訓內容】：
1、製作拼圖遊戲
2、製作滑鼠經過影象
3、建立彈出訊息框
4、設定開啟廣告網頁
5、建立彈出式選單
6、建立滾動字幕
【實訓裝置】：
pc若干臺
【實訓要求及成績評定】：
要求：掌握與層有關的操作（設定）方法。掌握利用「行為」面板新增、編輯行為的方法
成績評定：
a: 按照要求實現網頁頁面，內容充分，布局合理，畫面美觀，色彩和諧。
b：按照要求實現網頁頁面，內容安排、布局得當。畫面清晰、美觀，整體效果較好
c：按照要求實現網頁頁面，圖面質量比較差，文字表達比較差
根據學生實際完成情況，在以上三個等級的基礎上，用+、-標記。
實訓十一框架結構（4學時）
【實訓目的】：
通過本章的學習使學生了解視窗框架在網頁中的應用
【實訓內容】：
試驗1：框架結構
在網頁中應用框架結構
【實訓裝置】：
pc若干臺
【實訓要求及成績評定】：
要求：了解在網頁中新增框架結構的方法。
成績評定：
a: 按照要求實現網頁頁面，內容充分，布局合理，畫面美觀，色彩和諧。
網頁製作實訓報告
計算機應用專業 課程名稱 網頁設計與製作 專業 計算機應用技術 班級 2010計算機軟體 2 班 姓名 龐寧黃念秋 學號 20100501208 20100501211 時間 2012.04 2012.06 一 設計與製作專案任務書 二 實訓步驟 1 小組組成與分工,確定主題,並對選定的主題進行分析...
實訓十利用製作網頁
課時 3 班級 12計算機班實訓日期 2013 4 23 編寫時期 2013 4 18 一 實訓目的 1 掌握模板的建立 2 掌握模板的的編輯 3 掌握基於模板建立網頁。二 實訓內容 利用模板製作如下圖所示網頁 利用模板製作如下圖所示網頁 其中 圖1為 首頁 index.html的效果圖，該頁面左欄...
電大網頁製作實訓報告答案
說明 1 淺灰色部分由學生填寫 2 白色部分為教師判分用 3 本報告與學生實際作品相關聯 說明 1 淺灰色部分由學生填寫 2 白色部分為教師判分用 3 本報告與學生實際作品相關聯 說明 1 淺灰色部分由學生填寫 2 白色部分為教師判分用 3 本報告與學生實際作品相關聯 說明 1 淺灰色部分由學生填寫...