靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)業(yè)課程教學(xué)大綱.doc

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