網(wǎng)頁制作與設(shè)計教案

1、- 1 - 網(wǎng)頁制作與設(shè)計教案 網(wǎng)頁制作與設(shè)計教案 第一講 第一講 網(wǎng)頁設(shè)計概述 網(wǎng)頁設(shè)計概述 .................................................................................................................... 3 1.1 WWW 和 URL .....................................

2、................................................................................ 3 1.2 IE5 的使用 ..........................................................................................................................

3、.. 3 1.3 網(wǎng)頁中所使用的技術(shù) ............................................................................................................ 4 1.4 制作網(wǎng)頁的基本方法 ..........................................................................

4、.................................. 4 第二講 第二講 HTML 的基本標志與格式標志 的基本標志與格式標志 ....................................................................................... 4 2.1 HTML 文檔的基本結(jié)構(gòu) ......................................

5、................................................................... 5 第三講 第三講 HTML 的文本、圖片與超級鏈接標志 的文本、圖片與超級鏈接標志 ........................................................................... 5 2.2 插入文字 ....................

6、............................................................................................................ 6 2.3 插入圖片 ...................................................................................................

7、............................. 8 2.4 建立超級鏈接 ........................................................................................................................ 8 第四講 第四講 HTML 表格、表單與框架標志 表格、表單與框架標志 .................

8、...................................................................... 9 2.5 插入表格 ................................................................................................................................ 9 2.6 表

9、單的應(yīng)用 .......................................................................................................................... 10 2.7 框架窗口 ...............................................................................

10、............................................... 10 第五講 第五講 HTML 標志綜合運用案例 標志綜合運用案例 ............................................................................................. 11 第六講 第六講 DREAMWEAVER 中簡單 中簡單 WEB 站點建立與管理

11、站點建立與管理 ..................................................... 12 3.1 DREAMWEAVER 概述 ............................................................................................................ 12 第七講 第七講 DREAMWEAVER 中靜

12、態(tài)網(wǎng)頁設(shè)計 靜態(tài)網(wǎng)頁設(shè)計 ............................................................................. 13 3.2 在頁面中加入文字和圖像 .................................................................................................. 14 3.3 超

13、級鏈接的運用 .................................................................................................................. 14 3.4. 表格的應(yīng)用 ...................................................................................

14、...................................... 14 3.5. 在網(wǎng)頁中創(chuàng)建表單 ............................................................................................................. 15 第八講 第八講 DREAMWEAVER 中動態(tài)網(wǎng)頁設(shè)計 中動態(tài)網(wǎng)頁設(shè)計 ............

15、................................................................. 15 第九講 第九講 DREAMWEAVER 綜合性網(wǎng)頁設(shè)計案例 綜合性網(wǎng)頁設(shè)計案例 ..................................................................... 16 第十講 第十講 VBSCRIPT 概述 概述 ............

16、................................................................................................. 17 4.1 VBSCRIPT 語言簡介 ....................................................................................................

17、......... 17 第十一講 第十一講 VBSCRIPT 的基本元素與輸入輸出 的基本元素與輸入輸出 ......................................................................... 18 4.2.基本數(shù)據(jù)類型 ...........................................................................

18、............................................ 18 4.2. 表達式和運算符 ................................................................................................................. 19 第十二講 第十二講 VBSCRIPT 的條件語句、循環(huán)語句和過程 的條件語句、循

19、環(huán)語句和過程 ............................................................. 20 4.3 VBSCRIPT 基本語句 ............................................................................................................. 20 - 3 - 第一講 第一講 網(wǎng)

20、頁設(shè)計概述 網(wǎng)頁設(shè)計概述 【教學(xué)內(nèi)容】 講解網(wǎng)頁設(shè)計的相關(guān)術(shù)語及網(wǎng)站制作的基本流程。 【教學(xué)目的】 使學(xué)生對網(wǎng)站及網(wǎng)頁有一定的認識，激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計的興趣。 【教學(xué)重點】 網(wǎng)頁設(shè)計中的若干術(shù)語。 【教學(xué)難點】 理解網(wǎng)頁設(shè)計中的若干術(shù)語。 【教學(xué)方式】 講授式、討論式、案例分析式。 【教學(xué)參考】 1、 《網(wǎng)頁設(shè)計與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。 2、 《Internet 網(wǎng)頁工場》Wittime 工作室 重慶出版社

21、。 3、 《WEB 網(wǎng)站設(shè)計》Joel Sklar 著 高等教育出版社。 4、 《HTML 網(wǎng)頁制作教程》材義語編著 鐵道出版社。 【新課內(nèi)容】 1.1 WWW 和 URL 1.1.1 Web 的起源 Web 是 World Wide Web 的簡稱，一般也稱之為 WWW 或 3W 1.1.2 Web 的特點和結(jié)構(gòu) Web 最大的特點是使用了超文本（Hypertext） WWW 采用 C/S（客戶機/服務(wù)器）工作模式 在瀏覽器和服務(wù)器

22、之間應(yīng)用 HTTP（Hyper Text Transfer Protocol，超文本傳輸協(xié)議）作為網(wǎng)絡(luò)應(yīng)用層通信協(xié)議 1.1.3 URL URL 的完整格式 協(xié)議://主機名或 IP 地址：端口號/路徑名/文件名 1.2 IE5 的使用 Web 瀏覽器是瀏覽 Internet 資源的客戶端軟件 在 Windows 環(huán)境下使用的瀏覽器主要有 Internet Explorer、Netscape Navigator、Mosaic等 1.2