《網(wǎng)絡技術應用》教案設計粵教版

1、實用文檔第一章網(wǎng)絡的組建與運行第一節(jié)認識計算機網(wǎng)絡（第1周）1課時教學目標：了解計算機網(wǎng)絡的功能、分類；掌握計算機網(wǎng)絡的定義、組成。重點：計算機網(wǎng)絡的功能、組成、定義。難點：計算機網(wǎng)絡的組成教學過程：一、引入計算機網(wǎng)絡技術的發(fā)展和普及日益改變著我們的學習和生活，各種各樣的網(wǎng) 絡應用讓我們眼花繚亂，因特網(wǎng)讓我們真正體會到信息爆炸的威力，這 節(jié)課我們一起來談談我們對計算機網(wǎng)絡的認識。二、新課講授（一）計算機網(wǎng)絡的功能（閱讀課本P2P3,并填表1 1 ）活動一：小組討論總結我們生活中有哪些地方使用了計算機網(wǎng)絡?；顒佣航Y合活動一中列舉的計算機網(wǎng)絡的具體應用實例，總結歸納計算機網(wǎng)絡的功能.總結：計算機

2、網(wǎng)絡的應用雖然已經(jīng)滲透到生活的方方面面，但所有的應用可以歸結為三大功能：資源共享、數(shù)據(jù)通信和分布處理與分布控制。（二）計算機網(wǎng)絡的組成與定義活動三：了解學校計算機網(wǎng)絡的建設情況?？偨Y兩點：1、計算機網(wǎng)絡組成：（1）、多臺地理上分散的獨立計算機系統(tǒng)。（2）、通信協(xié)議。（3）、傳輸介質和網(wǎng)絡設備。2、計算機網(wǎng)絡是多臺地理上分散的獨立計算機系統(tǒng)遵循約定的通信協(xié)議，通過傳輸介質和網(wǎng)絡設備互相連接起來，實現(xiàn)數(shù)據(jù)通信、資源共享的系統(tǒng)。（四）計算機網(wǎng)絡的分類按覆蓋的面積的大小來分：名稱網(wǎng)絡規(guī)模大小局域網(wǎng)LAN10千米以內城域網(wǎng)MAN10千米到60千米以內廣域網(wǎng)WAN 100千米以外交流：除我們了解的校園網(wǎng)、

3、網(wǎng)絡實驗室這類局域網(wǎng)以外，請與同學們交流, 看能否為城域網(wǎng)和廣域網(wǎng)舉一些實際應用的例子。三、課堂小結四、作業(yè)1、學習本節(jié)內容之前，你是否認為計算機網(wǎng)絡就是因特網(wǎng)，談談你的看法。2、瀏覽網(wǎng)頁、收發(fā)郵件、網(wǎng)絡聊天就是計算機網(wǎng)絡的功能，請你談談這種說 法正確嗎？為什么？3、完成在線隨堂小測。標準文案實用文檔第二節(jié)不同的連接策略（第2、3周）2課時學習目標：1、了解網(wǎng)絡類型、網(wǎng)絡傳輸介質、網(wǎng)絡連接設備2、掌握網(wǎng)絡拓撲結構教學重點、難點： 各種網(wǎng)絡拓撲結構的認識教學過程：一、根據(jù)需求選擇網(wǎng)絡問題：假如你希望與鄰居好友的計算機連接起來，能夠共享彼此的文件與打印機，并可以聯(lián)網(wǎng)打游戲，請問你如何組網(wǎng)？需求分析

4、：計算機數(shù)量？實現(xiàn)服務？組網(wǎng)距離？速度？介質？設備？協(xié)議？、網(wǎng)絡類型優(yōu)點缺點對等網(wǎng)(workgroup)每臺計算機能同時提供和使用 資源；無須服務器負載大；備份困難 密碼多服務器(Server)-客戶機(Client)對資源集中控制，使用戶更容易 找到資源需要有專門服務器及 網(wǎng)絡操作系統(tǒng)（造價 高）、網(wǎng)絡傳輸介質超5類雙絞線同軸電纜光纖速 率價 格相對便宜相對便宜昂貴安 裝 難 易 度容易安裝和管理，需使 用RJ-45連接器。容易安裝和管理，需 使用BNC連接器件， 線兩端需要使用終結 器件并有良好接地比較復雜和精細，需 使用光纖連接器件 和光電轉換器件適 用 場 合100M 內500M 內可

5、達20公里以上三、網(wǎng)絡中的連接設備網(wǎng)絡連接設備通常分為兩大類：(1)網(wǎng)內連接設備；(2)網(wǎng)間連接設備。網(wǎng)內連接設備主要有網(wǎng)卡、集線器、交換機及中繼器等。網(wǎng)間連接設 備主要有網(wǎng)橋、路由器及網(wǎng)關等。同時隨著無線局域網(wǎng)產(chǎn)品技術的不斷成熟, 基于802.11系列標準的無線局域網(wǎng)連接設備也開始出現(xiàn)。中維器瑞哥交換機路由器對接收信號 曲進行再生和 2發(fā)達從而 能增加信號傳輸?shù)木嚯x.交換信息，將接 收到的數(shù)據(jù)廣播 到所有端口.接收與存儲某編 口上的觸包 經(jīng)處理后,將數(shù) 據(jù)包直接傳送到 目的端口.實現(xiàn)不同網(wǎng)絡之阿的互連.選擇信息傳輸 的線路.安裝簡單， 使用方便， 幾乎不需要維護“教據(jù)柞輸率低， 網(wǎng)篇易堵塞，

6、有 安全隱患。數(shù)據(jù)槎輸效率和 安全性高,價格 便宜.通信迪朦快，闊絡通 信員糙，梢網(wǎng)翁 資氟會于復雜和大型的網(wǎng)絡互在，缺前但能個用戶發(fā)送硒， 再耀用戶仍寓福而將友 法權.信用即戰(zhàn)第塞的勘1崩翻爵便、可非 件佶任，中央悌知可融墓押髓窩困電告聾效率衽n益情高1用箔管理就 件京照報文的交a面箱（桃瞬麻1蹄幽 派.需t系獻第方晞機商掰擇，耐 特原方四、網(wǎng)絡的拓撲結構總線形星形環(huán)形網(wǎng)狀形安兼司單、溫田£.可靠拄 富，一節(jié)點齷，不會聶維 整今解結工作.結構葡單、網(wǎng)陰控制 容易、便于T充.期性好.信息吉吐堇 尢周的陶長盛 200 km,節(jié)點可沏L白個.適合的用形F.可靠性高，網(wǎng)上世國 少，隹皆幸昌

7、.標準文案實用文檔第三節(jié)網(wǎng)絡中的數(shù)據(jù)通信、網(wǎng)絡協(xié)議、（第4、5周）2課時學習目標:1、了解兩種通信信號、信道與帶寬及掌握兩種信息交換方式 2、了解網(wǎng)絡協(xié)議及如何安裝網(wǎng)絡協(xié)議教學重點、難點： 分辨兩種數(shù)字信號和模擬信號，區(qū)別電路交換技術與分組 交換技術教學過程：1.3 網(wǎng)絡中的數(shù)據(jù)通信1、通信信號2、信道與帶寬信道帶 寬概念是通信雙方之間以傳輸介質為 基礎傳遞信號的通路，由傳輸介 質及具兩端的信道設備共同構 成。從抽象的角度看，信道實質 上是指定的一段頻帶。是指通信信道的傳輸容量。從抽 象的角度看，帶寬是指信道可用 的最高頻率與最低頻率之差。單位傳輸模擬信號的傳輸介質則使用頻率單位赫茲（Hz）來

8、表小巾 寬.傳輸數(shù)字信號的傳輸介質則 使用比特率（bps）作為帶寬的 量度。比特率反映了一個數(shù)據(jù)傳輸系統(tǒng)每秒內所傳送的信息量的大小。3、信息交換方式傳統(tǒng)電話IP電話采用技 術電路交換分組交換原理預先分配傳輸帶寬。用戶在開始通 話之前，先要申請建立一條從發(fā)端 到收端的物理通路。只有物理通路 建立之后，雙方才能互相通話。在 通話的全部時間里，用戶始終占用 端到端的固定傳輸帶寬。將用戶要傳送的信息分割為若干個分組（packet ）,以“存儲 轉發(fā)”的形式，每個分組中 有一個分組頭，含有可供選路的 信息和其他控制信息。優(yōu)缺點線路利用率低，專線專用，費用較 局。延時短，線路利用率高，費用低， 但話音質量

9、低。1.4網(wǎng)絡協(xié)議1、什么是網(wǎng)絡協(xié)議網(wǎng)絡協(xié)議：通信雙方所共同遵循的規(guī)則。（如人與人之間交流約定都講大家能聽懂的普通話）在局域網(wǎng)中通常用 NETBEUI I IPX/SPX、TCP/IP三種協(xié)議。（閱讀 P21表1-6三種協(xié)議的比較）有關上述協(xié)議的具體模型詳見P23-26。2、安裝網(wǎng)絡協(xié)議軟件（1）、安裝網(wǎng)絡協(xié)議的前提條件：安裝網(wǎng)卡及驅動程序1）電腦在斷電前提下將網(wǎng)卡插入PIC槽2）啟動電腦，進入操作系統(tǒng)，安裝網(wǎng)卡驅動程序（2）、安裝網(wǎng)絡協(xié)議1）安裝TCP/IP協(xié)議開始一設置一控制面板一網(wǎng)絡一配置一添加一協(xié)議一 "microsoft " 一TCP/IP一確定2）設置TCP/I

10、P協(xié)議第二章因特網(wǎng)的接入與管理第一節(jié)接入因特網(wǎng)（第6周）1課時學習目標：1、了解因特網(wǎng)的各種接入方式2、掌握ADSLW擬撥號上網(wǎng)的軟、硬件配置安裝3、了解因特網(wǎng)上的服務組織教學重點、難點：ADSL上網(wǎng)的安裝配置教學過程：一、因特網(wǎng)的接入方式1、撥號接入：普通Modems號接入、ISDN撥號接入、ADSLM擬撥號接入2、專線接入Cable Modem接入、DDIN線接入、光纖接入3、局域網(wǎng)接入4、無線接入二、ADSL虛擬撥號配置1、ADSL硬件安裝2、網(wǎng)卡、網(wǎng)卡驅動程序、TCP/ IP網(wǎng)絡協(xié)議的安裝3、ADSL虛擬撥號軟件（PPPoE撥號程序）的安裝WinXP 已自帶PPPoE件三、因特網(wǎng)上的服

11、務組織ISP:因特網(wǎng)服務供應商，Internet Service Provider 。ICP:因特網(wǎng)內容提供商，Internet Content Provider 。如新浪、搜狐等網(wǎng)站。ASP網(wǎng)絡應用服務商，Application Service Provider 。主要為企業(yè)、事業(yè)單位進行信息化建設，開展電子商務提供各種基于因特網(wǎng)的應用服務，如主機租用、托管、應用系統(tǒng)(郵件，電子商務平臺)服務。第二、三節(jié)IP地址及其管理、網(wǎng)絡域名及其管理(第7、8、9周)3課時學習目標：1、掌握ip地址的分類、格式及子網(wǎng)掩碼的作用2、掌握域名的組成和格式、域名系統(tǒng)的作用3、了解客戶機域名服務器設置及互聯(lián)網(wǎng)域

12、名管理教學重點、難點： 會區(qū)別IP地址類別，會判斷IP格式正確與否，會判斷網(wǎng) 絡號和主機號教學過程：一、IP地址及其管理1、IP地址：采用TCP/IP協(xié)議接入因特網(wǎng)，為了使網(wǎng)上的每一臺主機都能 夠和其他計算機通信，需要有一個全球都接受的方法來標識網(wǎng)上的計算機。因特網(wǎng)上的每臺主機都分配了一個唯一的地址，稱為互聯(lián)網(wǎng)地址( Internet address )或IP地址(IP address ),該地址用在所有與該主機的通信中。2、IP格式：IP地址是由四個用小數(shù)點隔開的十進制整數(shù)組成的。實際上，一個 IP地址 是一個32位的二進制數(shù)。每8個位可以用一個十進制整數(shù)數(shù)字來表示， 以簡 化人們的記憶。標

13、準文案例如：某學校網(wǎng)絡中的一臺計算機IP地址為4 ,則對應的二進制表本:411001010.01110000.01010001.00100010滬地址的分類18162432A類B類C類D類 E類網(wǎng)絡號主機號網(wǎng)絡號網(wǎng)絡號組播地址主機號主機號分制給中等卻相 的公司為*由需更 的人粗恁地址1。保筆為今后使用保留地北用于iPfWlt她jt荒囪讀 1,0 0-1*120255 355 Q 54聯(lián)126 0.0 1-191 255.255 251匚類192 0 1-233.25& 255 254口美 224 U,D 1- 23H,255.2£

14、;5.25 E鑿240 1 0.17,25 255 2前-2=120HB3MF= 2D97 162皙個唯支樣的土機鬢產(chǎn)-?=面"21日曄工=55溺Z-；= 2 a不分網(wǎng)靖胃用至現(xiàn)號干斗網(wǎng)絡號和主攻舟3、IP地址分類TCP/IP協(xié)議使用子網(wǎng)掩碼揩某個IP地址劃分 成網(wǎng)絡地址和主機地址兩部分。網(wǎng)絡號主機號子硼幽常用的子網(wǎng)掩色.分別是空55. 0. 0. 0”. “255. 255.0. 0"和'255. 255.255.0%:掩碼的意義|二進制位為十；所對應的IP地址留分為網(wǎng)絡號和子網(wǎng)號。二進制位為笛二所對應的IP地址湖分為主機號捋碼格式：網(wǎng)絡號 子網(wǎng)主機號|二、網(wǎng)絡域

15、名及其管理（一）、域名和域名系統(tǒng)同學們上網(wǎng)的時候在瀏覽器里有三種輸入地址的方法：1、輸入 IP 地址,如：002、輸入英文名稱，如： 3、輸入中文名稱，如：清華大學其實計算機只能識別IP地址，但這種數(shù)對人來說太難記，于是引入了后面兩 種方式（域名），當人們使用域名方式訪問某臺遠程主機時，計算機必須首先 將域名“翻譯”成對應的 IP地址，然后才能通過 IP地址與該主機聯(lián)系。這 個翻譯的過程稱為“域名解析”。反過來，由IP地址得出域名地址的過程稱 為“域名反向解析”。因特網(wǎng)采用一種分布式分層機制的域名系統(tǒng)DNS來使域名與IP地址之間的解析和反向解析能快速有效地進行。（二）、域

16、名的組成域名的基本格式：主機名.機構名.網(wǎng)絡名.地區(qū)域或行業(yè)域名計算機科學系臺主機清華大學校園網(wǎng)絡名中國科研教育網(wǎng)的網(wǎng)絡名中國”地 區(qū)域名其域名表示清華大學計算機系的一臺主機（三）、客戶機域名服務器的設置以windows XP為例，桌面“網(wǎng)上鄰居”右鍵-屬性，在新打開的窗口中的 “本 地連接"上右鍵-屬性。（四）、域名的管理因特網(wǎng)的域名管理方法是：規(guī)定頂級域的劃分，頂級域名由Internet網(wǎng)絡信息中心負責管理；頂級域以下的劃分則由各個域自行管理。因特網(wǎng)的頂級域分為兩大類：頂級域名行業(yè)域名屬性對照表 照表梯翅鑄勵割憫?zhàn)?血心血而重iatenibodMil uMfeytirWrii o

17、r燉4血Otg耀期1總I1M-斗出班即位而口頂級域名地區(qū)域名范例對魅酹就區(qū)全秣Au澳棚AustraliaCa加孰CazadsOi恥SwitEcrkid 'ConfSaderaiioBhetia1Cn幗ChinaDe簿Geim細邛“二姐出匚追蛇 J"Is西班牙必恥女。腦婚"?r題FranceHk- Ip日本標ThTaiwanUk英國UMM三哂:企Us美國Tn。Ed States第三章因特網(wǎng)的應用第一節(jié)因特網(wǎng)上的信息資源(第10、11周)2課時學習目標：1、了解什么是網(wǎng)絡信息資源、網(wǎng)絡信息資源的特點2、掌握因特網(wǎng)信息資源的形式3、掌握WW偏息資源、FTP資源教學重點、難

18、點：重點掌握兩種網(wǎng)絡信息資源：WW偏息資源、FTP資源教學過程：1、 什么是網(wǎng)絡信息資源定義：是指在網(wǎng)絡上蘊藏著的各種形式的知識、資源、情報、消息等。主要內容：(1) 為國家和政府服務的政府信息資源。(2) 為社會公眾服務的公共信息資源。(3) 為生產(chǎn)和消費提供的商用信息資源。媒體類型：文字、圖像、圖形、動畫、音頻、視頻等。2、因特網(wǎng)信息資源的特點(4) 呈全球性分布式結構。(5) 以多媒體、多語種的形式表現(xiàn)。(6) 屬于數(shù)字化信息。(7) 獲取便捷，不受時間和空間制約。(8) 分散存儲，數(shù)量龐大。(9) 具有時效性。3、因特網(wǎng)信息資源的形式(10) WW偏息資源(11) Telnet信息資源

19、(12) FTP資源(13) Usenet新聞組信息(14) Gopher信息資源(6)其他信息資源(如 TCR流媒體資源)本節(jié)課重點掌握萬維網(wǎng)和FTP:一、WW偏息資源，即萬維網(wǎng)1、什么是萬維網(wǎng)(1)定義：World Wide Welb縮寫 WWW因特網(wǎng)上一種非常受歡迎的服務。(2)基本用途：向用戶提供各種信息的瀏覽與查詢服務。(3)方式：通過 WEB(網(wǎng)站)向用戶提供信息資源。2、萬維網(wǎng)信息資源的特點(1)以超文本/超媒體形式組織(2)分散存儲(3)具有動態(tài)性3、萬維網(wǎng)服務器與瀏覽器(1)萬維網(wǎng)服務器提供萬維網(wǎng)信息需要有專用的萬維網(wǎng)服務器。(2)瀏覽器瀏覽器是到達數(shù)百萬 Web網(wǎng)站的工具。

20、通過在瀏覽器中輸入網(wǎng)站地址可以訪 問到萬維網(wǎng)中的信息。4、統(tǒng)一資源定位器(1)因特網(wǎng)上的資源非常豐富，我們用一種統(tǒng)一且方便的方法來標記，識別這些資源。因特網(wǎng)上采用統(tǒng)一資源定位器( Uniform Resource Locators ,縮 寫為URD來識別網(wǎng)絡上的資源。(2) URL的基本格式：協(xié)議：域名(或IP地址):端口號/文件名(3)用戶點擊HTML網(wǎng)頁中的超鏈接，實質上也是一個URL二、FTP資源1、FTP資源(1)定義：(File Transport Protocol )是文件傳輸協(xié)議。 FTP服務器 就是存放文件型資源并執(zhí)行文件傳輸協(xié)議實現(xiàn)文件傳輸功能的計算機。(2)與萬維網(wǎng)的區(qū)別：

21、FTP服務器存放的資源往往直接就是用戶需要獲 取的目標。而萬維網(wǎng)網(wǎng)頁中除了文本信息外，用戶往往還要通過超鏈接 才能找到需要的資源。2、FTP客戶端軟件(1)優(yōu)勢：大多數(shù)瀏覽器可以下載文件，但一般不能上傳文件，而 FTP 客戶端軟件卻可以實現(xiàn)這一要求。(2) FTP客戶端工具有兩種模式：Windows命令行模式和圖形截面窗口模式例：FlashFXP 窗口第三節(jié) 因特網(wǎng)上的信息交流(第12周)1課時學習目標：1、了解因特網(wǎng)上的兩大類信息交流方式2、了解因特網(wǎng)上的多媒體技術教學重點、難點：掌握電子郵件的格式、使用模式及免費Email的申請使用教學過程：一、因特網(wǎng)上的信息交流(一)、非實時的信息交流方

22、式1、電子郵件2、留言板3、BBS論壇(二)、實時的信息交流方式1、即時消息(Instant Messaging)如 ICQ, QQ MSNMessenger, netmeeting 等。2、IP電話3、視頻會議電子郵件：1、使用 email的c/s和b/s模式? C/S(client/Server)客戶端/服務器? B/S(Browser/Server) 瀏覽器 / 服務器2、電子郵件原理參考課本P78郵箱地址格式：用戶名密名如xiaomingQQT作原理(1)用戶首先從QQI艮務器上獲取好友列表，以建立點對點的聯(lián)系。(2)用戶和好友之間直接采用UDPT式發(fā)送信息。(3)如果對方無法直接點對

23、點聯(lián)系，則用服務器中轉方式完成。二、因特網(wǎng)多媒體技術(一)、流媒體技術? 什么是流媒體技術 P83?1、壓縮媒體文件格式 P83表3-7? 2、流媒體文件格式P83表3-8? 流媒體服務器與播放器? 流媒體技術應用(二)、網(wǎng)絡虛擬現(xiàn)實技術虛擬現(xiàn)實建模語? VRM(Virtual Reality Modeling Language言)? 全景環(huán)視技術第四章網(wǎng)站的開發(fā)第一、二節(jié)網(wǎng)站的規(guī)劃與設計（第13、14周）2課時學習目標：學習如何進行網(wǎng)站規(guī)劃及網(wǎng)站設計教學重點、難點： 網(wǎng)頁設計中的頁面表格布局的設計教學過程：網(wǎng)站的規(guī)劃一、開發(fā)網(wǎng)站的基本過程網(wǎng)站的規(guī)劃-> 網(wǎng)站的設計-> 網(wǎng)頁的制作

24、-> 網(wǎng)站的發(fā)布與管理-> 網(wǎng)站的評 價二、網(wǎng)站主題的確定網(wǎng)站的規(guī)劃從選擇網(wǎng)站的主題開始。網(wǎng)站的選題就是要根據(jù)網(wǎng)站的開發(fā)目標和訪問網(wǎng)站的用戶群確立網(wǎng)站的 主題，并給網(wǎng)站起一個簡練響亮的名字。請每個同學確定自已的網(wǎng)站主題，參考課本P95頁，表4-2。三、網(wǎng)站運行環(huán)境的確定學校的校園網(wǎng)提供了高帶寬、平穩(wěn)的網(wǎng)站運行環(huán)境，為同學們提供存放網(wǎng)站的磁盤空間。提交網(wǎng)站與訪問網(wǎng)頁的方法：提交：機房提供的 FTP 服務器即:3或即:53的個人空間訪問:3 或 53/space/ 個人空間賬號 /文件 名四、網(wǎng)

25、頁制作工具的選擇每種網(wǎng)頁制作工具均有優(yōu)缺點，我們采用Frontpage來作為網(wǎng)頁設計制作工具。我們可以配合 photoshop、fireworks 等圖像處理軟件，制作出精美 的網(wǎng)頁。網(wǎng)站的設計網(wǎng)站設計一般包括網(wǎng)站欄目結構設計、網(wǎng)頁版面設計、網(wǎng)頁的鏈接設計（導航設計）等。一、網(wǎng)站的結構設計在動手制作一個網(wǎng)站前， 應該構思好網(wǎng)站的結構圖，做到層次清晰。如課本P100頁，圖4-5就是“虎門銷煙啟思錄”網(wǎng)站的結構圖。二、網(wǎng)頁的版面設計1、風格設計風格是指網(wǎng)站的整體形象給瀏覽者的綜合感受?；驀烂C莊重，或清爽溫馨，或深沉厚重，或生動活潑，或古樸典雅，或豪邁奔放。風格的設計與主題是 密不可分的，是為突出主

26、題服務的。2、版面布局設計版面布局設計就是指要呈現(xiàn)的內容在網(wǎng)頁中的位置安排，一般都是用表格進行版面布局設計的。如下面為“虎門銷煙啟思錄”網(wǎng)站的版面布局。翼J.r1x:>±!:內容描述辛al*注主要內容欄目導航區(qū)i 提示 'i XIri:信息區(qū)1i附加信息三、網(wǎng)頁的交互設計網(wǎng)頁的交互設計也就是導航欄的設計、超鏈接的設計。導航欄設計的目的就 是將零散的網(wǎng)頁串成一個整體從而形成網(wǎng)站，用戶在瀏覽網(wǎng)站時可根據(jù)所需 進行選擇瀏覽，自由地在各網(wǎng)頁間跳轉。課堂任務：1、每個同學構思自己要建立的網(wǎng)站主題及網(wǎng)站結構組成，以“文本文件”的形式形成結果并提交。范例->>>提交

27、作業(yè)兩步驟：、登錄FTP個人空間，將文本文件上傳、點擊本節(jié)課“提交”，然后根據(jù)提示操作。2、據(jù)自已所構思的網(wǎng)站主題、結構組成，上網(wǎng)搜索所需的素材。第三節(jié)網(wǎng)頁制作（一）（第15、16周）2課時學習目標：新建一個站點及網(wǎng)站首頁的制作教學重點、難點：1、使用表格功能進行頁面布局2、插入表格、設置表格屬性、設置單元格屬性教學過程：網(wǎng)頁制作過程一般如下所示：收集和制作素材新建空白網(wǎng)站和網(wǎng)頁編輯網(wǎng)頁圖文 保存預覽 鏈接網(wǎng)頁一、收集和制作素材請同學們按自已選定的網(wǎng)站主題及設定的欄目上網(wǎng)搜索素材，并學會對圖片進行簡單的加工制作以適應我們設計的網(wǎng)站需要。二、新建網(wǎng)站及網(wǎng)頁1、新建空白站點的方法：啟動FrontP

28、age ,然后“文件”“新建”“站點” “空白站點”2、新建空白網(wǎng)頁的方法：單擊常用工具欄上的“新建”按鈕 或 單擊“視圖”菜單下的“網(wǎng)頁”。具體操作請認真看課堂演示（有視頻動畫教程）三、使用表格進行頁面布局1、常見的網(wǎng)頁布局：上下型T字型開字型JB其它布局類型2、插入表格、設置表格屬性、設置單元格屬性 具體操作請認真看課堂演示（有視頻動畫教程） 四、課堂任務1、建立自己的網(wǎng)站站點，并用表格為網(wǎng)站首頁做好布局設計說明：建立站點時請將站點建立位置指定到D盤的你的網(wǎng)站文件夾2、簡單使用圖像處理軟件（如： FireWork或其它軟件）為自己的網(wǎng)站制作漂亮的頂部主題 Banner,最后將設計結果導出到

29、自己網(wǎng)站的文件夾下。3、將本節(jié)課完成的整個站點文件夾上傳到個人空間保存，并發(fā)布提交你設計的主題Banner文件。發(fā)布提交方法：http:53/space/個人空間帳號/你的網(wǎng)站文件夾名/頂部主題設計文件名第三節(jié)網(wǎng)頁制作（二）（第17周）1課時學習目標：掌握編輯網(wǎng)頁圖文的各種操作教學重點、難點：插入圖片、設置網(wǎng)頁背景顏色、背景圖、背景音樂教學過程：一、編輯網(wǎng)頁圖文1、編輯網(wǎng)頁文字利用工具欄編輯文字的字體、字號、顏色、對齊方式等2、網(wǎng)頁的背景顏色、背景圖、背景音樂“格式”菜單下的“背景”命令3、插入圖片在自己的網(wǎng)站文件夾下新建一個保存圖片的文件夾，命名為images或pic 等

30、。插入圖片的兩種方法，你可以選擇其中一種：方法一、先保存圖片，后將圖片插入網(wǎng)頁：把你需要插入網(wǎng)頁的圖片全部預先保存在你的圖片文件夾中， 如:images ；將圖片文件名改名為英文名（中文名的圖片名稱將導致網(wǎng)頁顯示出錯）；單擊“插入”“圖片”，再單擊“來自文件”，打開“圖片”對話框， 瀏覽你所要插入的圖片位置 images,點選圖片，點“確定”。方法二、先將圖片插入網(wǎng)頁，后保存圖片：單擊“插入”“圖片”，再單擊“來自文件”，打開“圖片”對話框， 瀏覽你所要插入的圖片位置，點選圖片，點“確定”。保存網(wǎng)頁時出現(xiàn)保存圖片的對話框，選擇合適的圖片保存位置，如：images。注意將圖片文件名改成英文名。4

31、、插入多媒體音頻、視頻和SW電畫請看教程： 二、保存預覽點擊工具欄的雪實現(xiàn)預覽，觀看顯示效果。第三節(jié)網(wǎng)頁制作（三）（第18周）1課時學習目標：使用模板或共享邊框快速生成網(wǎng)站其他網(wǎng)頁教學重點、難點：共享邊框的使用教學過程：一、使用模板生成網(wǎng)頁為保持網(wǎng)站風格的一致性，通常網(wǎng)站中各個網(wǎng)頁的標題名、網(wǎng)站標志、 導航欄、附加信息欄等網(wǎng)頁元素的樣式保持一致，可以把相同的部分提取出 來制作成模板，供制作其他網(wǎng)頁時使用。（1）建立模板創(chuàng)建一個網(wǎng)頁，將其保存為“模板文件” 。（2）從模板文件中新建網(wǎng)頁“文件”一一“新建”一一“網(wǎng)頁”一一選擇模板后“確定”二、共享邊框設計網(wǎng)頁時，經(jīng)常會遇到一些需要在每一頁上都顯示的信息，如果在每一頁單獨添加就很麻煩， 如果使用共享邊框，就可以使