靜態網頁設計課程教學大綱課程名稱（中文/英文）：靜態網頁設計課程性質：專業基礎課必修課 適用專業：計算機科學與技術學 時 數： 76 其中：實驗/上機學時：38學 分 數： 4 考核方式：任務上機方式進行考核。成績構成如下：平時：40%期末：60%先修課程：無 后續課程： 動態網頁設計、JSP 等教學參考書：1.溫謙，趙偉等， 網頁制作綜合技術教程，人民郵電出版社，20092向隅，網頁設計實用教程，北京郵電出版社，20093.張磊，網頁設計技術，中國鐵道出版社 2006開課部門：計算機系計算機科學與技術教研室課程簡介： 靜態網頁設計主要講解如何應用Dreamweaver創建和管理網站、網頁制作基本知識，講授Dreamweaver網頁制作集成工具使用方法等內容。本課程介紹html的基礎知識，CSS的基礎知識，以及開發WEB最流行的工具Dreamweaver的使用方法。主要包括基本html語句的語法，各種內容在網頁中的插入，表格布局，css樣式表，層的使用等。教學目的和要求靜態網頁設計是計算機科學與技術專業的一門重要專業基礎課。通過本課程學習，使學生掌握構建網站的基本知識，熟悉網頁開發平臺的使用，能夠獨立的創建個人網站。教學重點和難點Html中頁面標簽元素的使用，CSS樣式表的設計教學方法啟發式教學，引導學生通過實例獲取知識，鞏固知識。多媒體教學，機房授課教學主要內容第一章 網頁設計基礎知識 （4學時）1.1 網頁的基礎概念1.2 網頁與HTML1.3 WEB標準1.4 網頁設計與開發過程1.5 HTML基礎1.6 簡單的HTML案例1.7 網頁源文件的獲取1.8 利用Dreamweaver快速建立基本文檔第二章 用HTML設置文本和圖像（4學時）2.1 文本排版2.2文字列表2.3 HTML標記與HTML屬性2.4 HTML標記與HTML屬性的局限性2.5 特殊文字符號2.6 使用圖像2.7 設置圖片的尺寸2.8 設置圖像的替換文本2.9 利用Dreamweaver設置文本和圖像2.10 利用Dreamweaver代碼提高效率第三章 超鏈接（4學時）3.1 設置文字超鏈接3.2 設置頁面內部超鏈接3.3 設置圖片超鏈接3.4 設置電子郵件超鏈接3.5 設置鏈接頁面的目標窗口3.6 創建熱點區域3.7 框架之間的鏈接第四章 使用表格與表單（4學時）4.1 使用表格4.2 使用表單4.3 Dreamweaver中的模版第五章 (X)HTML與CSS概述（4學時）5.1 HTML與 XHTML5.2 (X)HTML與CSS5.3 構造CSS規則5.4 基本CSS選擇器5.5 在HTML中使用CSS的方法第六章 CSS樣式設置實踐（6學時）6.1 手工編寫頁面6.2 使用Dreamweave進行CSS設置6.3 復合選擇器6.4 CSS的繼承特性6.5 CSS的層疊特性第七章 用CSS設置文本和圖像（6學時）7.1 使用CSS設置文本樣式7.2 用CSS設置圖像樣式7.3 用CSS設置背景樣式第八章 用CSS設置鏈接與導航菜單（6學時）8.1 豐富的超鏈接特效8.2 控制鼠標指針8.3 設置項目列表樣式8.4 創建簡單的導航菜單8.5 應用滑動門技術的玻璃效果菜單第九章 用CSS設置表格和表單樣式（6學時）9.1 控制表格9.2 美化表格9.3 案例日歷9.4 CSS與表單第十章 CSS盒子模型（8學時）10.1 “盒子”與“模型”的概念探究10.2 邊框10.3 設置內邊距10.4 設置外邊距10.5 盒子之間的關系10.6 盒子在標準流中的定位原則第十一章 盒子的浮動與定位（8學時）11.1 盒子的浮動11.2 盒子的定位11.3 z-index空間位置11.4 盒子與display屬性第十二章 CSS+div布局方法剖析（8學時）12.1 CSS排版觀念