靜態(tài)網(wǎng)頁設(shè)計專業(yè)課程教學大綱.doc

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