網(wǎng)頁設計與開發(fā)：HTML、CSS、JavaScript實驗教程

第1章網(wǎng)頁設計簡介
1.1講述與示范
實驗1： 優(yōu)秀網(wǎng)站賞析
實驗2： 體會超鏈接在網(wǎng)頁中的廣泛應用
實驗3： 多種URL資源的訪問方法
實驗4： 使用記事本編寫網(wǎng)頁
實驗5： 了解EditPlus編輯器
實驗6： 了解瀏覽工具的安裝
1.2理論解答題
1.3學生實驗
第2章HTML基礎
2.1講述與示范
實驗1： HTML文件的編寫規(guī)則
實驗2： 標記元素的屬性
實驗3： 利用style標記定義樣式
2.2理論解答題
2.3學生實驗
第3章文字與段落
3.1講述與示范
實驗1： 網(wǎng)頁欣賞
實驗2： 唐詩頁面設計
實驗3： 文章排版
3.2理論解答題
3.3學生實驗
第4章列表
4.1講述與示范
實驗1： 網(wǎng)頁欣賞
實驗2： 新聞列表的實現(xiàn)
實驗3： 利用無序列表制作頁面導航
實驗4： 電子相冊的實現(xiàn)
實驗5： 在網(wǎng)頁中實現(xiàn)圖文混排
4.2理論解答題
4.3學生實驗
第5章超鏈接
5.1講述與示范
實驗1： 網(wǎng)頁欣賞
實驗2： 新聞列表的制作
實驗3： 利用書簽鏈接制作幫助文檔
實驗4： 電子相冊的制作
5.2理論解答題
5.3學生實驗
第6章表格
6.1講述與示范
實驗1： 網(wǎng)頁設計欣賞
實驗2： 成績登記表的制作
實驗3： 旅游路線頁面的制作
6.2理論解答題
6.3學生實驗
第7章表單
7.1講述與示范
實驗1： 網(wǎng)頁欣賞
實驗2： 會員登錄
實驗3： 調(diào)查問卷
實驗4： 中國大學生在線注冊表單
7.2理論解答題
7.3學生實驗
第8章使用CSS格式化網(wǎng)頁
8.1講述與示范
實驗1： 網(wǎng)頁欣賞
實驗2： 常用頁面布局設計
實驗3： CSS文件的4種引用方式
實驗4： 利用CSS定位頁面元素
實驗5： 用DIV+CSS布局網(wǎng)頁結構
8.2理論解答題
8.3學生實驗
第9章JavaScript基礎
9.1講述與示范
實驗1： 認識JavaScript
實驗2： 創(chuàng)建自定義函數(shù)
實驗3： 建立外部JS文件
實驗4： 對象創(chuàng)建與復制
實驗5： 表單驗證
實驗6： 動態(tài)改變樣式
實驗7： Cookie操作
9.2理論解答題
9.3學生實驗
第10章HTML5應用
10.1講述與示范
實驗1： 語義化頁面布局設計
實驗2： 畫布Canvas的應用
實驗3： 新增表單元素及屬性應用
實驗4： 音頻和視頻文件播放
10.2理論解答題
10.3學生實驗
第11章綜合網(wǎng)站案例制作
11.1講述與示范
實驗1： 網(wǎng)站欣賞
實驗2： 網(wǎng)站設計規(guī)劃
實驗3： IIS服務器安裝及站點本地發(fā)布
11.2學生實驗