《網(wǎng)絡(luò)技術(shù)應(yīng)用》教案粵教版.doc

《《網(wǎng)絡(luò)技術(shù)應(yīng)用》教案粵教版.doc》由會(huì)員分享，可在線閱讀，更多相關(guān)《《網(wǎng)絡(luò)技術(shù)應(yīng)用》教案粵教版.doc（30頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

_第一章 網(wǎng)絡(luò)的組建與運(yùn)行第一節(jié)認(rèn)識(shí)計(jì)算機(jī)網(wǎng)絡(luò)（第1周）1課時(shí)教學(xué)目標(biāo)：了解計(jì)算機(jī)網(wǎng)絡(luò)的功能、分類；掌握計(jì)算機(jī)網(wǎng)絡(luò)的定義、組成。重點(diǎn)：計(jì)算機(jī)網(wǎng)絡(luò)的功能、組成、定義。難點(diǎn)：計(jì)算機(jī)網(wǎng)絡(luò)的組成教學(xué)過(guò)程：一、引入計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的發(fā)展和普及日益改變著我們的學(xué)習(xí)和生活，各種各樣的網(wǎng)絡(luò)應(yīng)用讓我們眼花繚亂，因特網(wǎng)讓我們真正體會(huì)到信息爆炸的威力，這節(jié)課我們一起來(lái)談?wù)勎覀儗?duì)計(jì)算機(jī)網(wǎng)絡(luò)的認(rèn)識(shí)。二、新課講授（一）計(jì)算機(jī)網(wǎng)絡(luò)的功能（閱讀課本P2P3，并填表）活動(dòng)一：小組討論總結(jié)我們生活中有哪些地方使用了計(jì)算機(jī)網(wǎng)絡(luò)?；顒?dòng)二：:結(jié)合活動(dòng)一中列舉的計(jì)算機(jī)網(wǎng)絡(luò)的具體應(yīng)用實(shí)例,總結(jié)歸納計(jì)算機(jī)網(wǎng)絡(luò)的功能.總結(jié)：計(jì)算機(jī)網(wǎng)絡(luò)的應(yīng)用雖然已經(jīng)滲透到生活的方方面面,但所有的應(yīng)用可以歸結(jié)為三大功能：資源共享、數(shù)據(jù)通信和分布處理與分布控制。（二）計(jì)算機(jī)網(wǎng)絡(luò)的組成與定義活動(dòng)三：了解學(xué)校計(jì)算機(jī)網(wǎng)絡(luò)的建設(shè)情況?？偨Y(jié)兩點(diǎn)：、計(jì)算機(jī)網(wǎng)絡(luò)組成：(1)、多臺(tái)地理上分散的獨(dú)立計(jì)算機(jī)系統(tǒng)。(2)、通信協(xié)議。(3)、傳輸介質(zhì)和網(wǎng)絡(luò)設(shè)備。、計(jì)算機(jī)網(wǎng)絡(luò)是多臺(tái)地理上分散的獨(dú)立計(jì)算機(jī)系統(tǒng)遵循約定的通信協(xié)議，通過(guò)傳輸介質(zhì)和網(wǎng)絡(luò)設(shè)備互相連接起來(lái)，實(shí)現(xiàn)數(shù)據(jù)通信、資源共享的系統(tǒng)。（四）計(jì)算機(jī)網(wǎng)絡(luò)的分類 按覆蓋的面積的大小來(lái)分：名稱 網(wǎng)絡(luò)規(guī)模大小局域網(wǎng)LAN 10千米以內(nèi)城域網(wǎng)MAN 10千米到60千米以內(nèi)廣域網(wǎng)WAN 100千米以外交流：除我們了解的校園網(wǎng)、網(wǎng)絡(luò)實(shí)驗(yàn)室這類局域網(wǎng)以外，請(qǐng)與同學(xué)們交流，看能否為城域網(wǎng)和廣域網(wǎng)舉一些實(shí)際應(yīng)用的例子。三、課堂小結(jié)四、作業(yè)1、學(xué)習(xí)本節(jié)內(nèi)容之前，你是否認(rèn)為計(jì)算機(jī)網(wǎng)絡(luò)就是因特網(wǎng)，談?wù)勀愕目捶ā?、瀏覽網(wǎng)頁(yè)、收發(fā)郵件、網(wǎng)絡(luò)聊天就是計(jì)算機(jī)網(wǎng)絡(luò)的功能，請(qǐng)你談?wù)勥@種說(shuō)法正確嗎？為什么？3、完成在線隨堂小測(cè)。第二節(jié)不同的連接策略（第2、3周）2課時(shí)學(xué)習(xí)目標(biāo)：、 了解網(wǎng)絡(luò)類型、網(wǎng)絡(luò)傳輸介質(zhì)、網(wǎng)絡(luò)連接設(shè)備、 掌握網(wǎng)絡(luò)拓?fù)浣Y(jié)構(gòu)教學(xué)重點(diǎn)、難點(diǎn)： 各種網(wǎng)絡(luò)拓?fù)浣Y(jié)構(gòu)的認(rèn)識(shí)教學(xué)過(guò)程：一、根據(jù)需求選擇網(wǎng)絡(luò)問(wèn)題：假如你希望與鄰居好友的計(jì)算機(jī)連接起來(lái)，能夠共享彼此的文件與打印機(jī)，并可以聯(lián)網(wǎng)打游戲，請(qǐng)問(wèn)你如何組網(wǎng)？需求分析：計(jì)算機(jī)數(shù)量？實(shí)現(xiàn)服務(wù)？組網(wǎng)距離？速度？介質(zhì)？設(shè)備？協(xié)議？一、網(wǎng)絡(luò)類型類型優(yōu)點(diǎn)缺點(diǎn)對(duì)等網(wǎng)(workgroup)每臺(tái)計(jì)算機(jī)能同時(shí)提供和使用資源；無(wú)須服務(wù)器負(fù)載大；備份困難密碼多服務(wù)器(Server)-客戶機(jī)(Client)對(duì)資源集中控制，使用戶更容易找到資源需要有專門服務(wù)器及網(wǎng)絡(luò)操作系統(tǒng)（造價(jià)高）二、網(wǎng)絡(luò)傳輸介質(zhì)超5類雙絞線同軸電纜光纖圖示傳輸速率100Mbps/155Mbps以上10Mbps/100Mbps1000Mbps以上價(jià)格相對(duì)便宜相對(duì)便宜昂貴安裝難易度容易安裝和管理，需使用RJ-45連接器。容易安裝和管理，需使用BNC連接器件，線兩端需要使用終結(jié)器件并有良好接地比較復(fù)雜和精細(xì)，需使用光纖連接器件和光電轉(zhuǎn)換器件適用場(chǎng)合100M內(nèi)500M內(nèi)可達(dá)20公里以上三、網(wǎng)絡(luò)中的連接設(shè)備網(wǎng)絡(luò)連接設(shè)備通常分為兩大類： （1）網(wǎng)內(nèi)連接設(shè)備； （2）網(wǎng)間連接設(shè)備。 網(wǎng)內(nèi)連接設(shè)備主要有網(wǎng)卡、集線器、交換機(jī)及中繼器等。網(wǎng)間連接設(shè)備主要有網(wǎng)橋、路由器及網(wǎng)關(guān)等。同時(shí)隨著無(wú)線局域網(wǎng)產(chǎn)品技術(shù)的不斷成熟，基于802.11系列標(biāo)準(zhǔn)的無(wú)線局域網(wǎng)連接設(shè)備也開(kāi)始出現(xiàn)。四、網(wǎng)絡(luò)的拓?fù)浣Y(jié)構(gòu)第三節(jié) 網(wǎng)絡(luò)中的數(shù)據(jù)通信、網(wǎng)絡(luò)協(xié)議、（第4、5周）2課時(shí)學(xué)習(xí)目標(biāo)：、 了解兩種通信信號(hào)、信道與帶寬及掌握兩種信息交換方式、 了解網(wǎng)絡(luò)協(xié)議及如何安裝網(wǎng)絡(luò)協(xié)議教學(xué)重點(diǎn)、難點(diǎn)：分辨兩種數(shù)字信號(hào)和模擬信號(hào)，區(qū)別電路交換技術(shù)與分組交換技術(shù) 教學(xué)過(guò)程：1.3網(wǎng)絡(luò)中的數(shù)據(jù)通信、通信信號(hào)數(shù)字信號(hào)模擬信號(hào)波形特點(diǎn)抗干擾能力強(qiáng)、便于存儲(chǔ)、保密性好、可靠性高保密性差、易失真、易受干擾、通信質(zhì)量差、信道與帶寬信 道帶 寬概念是通信雙方之間以傳輸介質(zhì)為基礎(chǔ)傳遞信號(hào)的通路，由傳輸介質(zhì)及其兩端的信道設(shè)備共同構(gòu)成。從抽象的角度看，信道實(shí)質(zhì)上是指定的一段頻帶。 是指通信信道的傳輸容量。從抽象的角度看，帶寬是指信道可用的最高頻率與最低頻率之差。 單位傳輸模擬信號(hào)的傳輸介質(zhì)則使用頻率單位赫茲（Hz）來(lái)表示帶寬傳輸數(shù)字信號(hào)的傳輸介質(zhì)則使用比特率（bps）作為帶寬的量度。 比特率反映了一個(gè)數(shù)據(jù)傳輸系統(tǒng)每秒內(nèi)所傳送的信息量的大小。 、信息交換方式傳統(tǒng)電話IP電話采用技術(shù)電路交換分組交換原理預(yù)先分配傳輸帶寬。用戶在開(kāi)始通話之前，先要申請(qǐng)建立一條從發(fā)端到收端的物理通路。只有物理通路建立之后，雙方才能互相通話。在通話的全部時(shí)間里，用戶始終占用端到端的固定傳輸帶寬。將用戶要傳送的信息分割為若干個(gè)分組（packet），以“存儲(chǔ)轉(zhuǎn)發(fā)”的形式，每個(gè)分組中有一個(gè)分組頭，含有可供選路的信息和其他控制信息。優(yōu)缺點(diǎn)線路利用率低，專線專用，費(fèi)用較高。延時(shí)短，線路利用率高，費(fèi)用低，但話音質(zhì)量低。1.4 網(wǎng)絡(luò)協(xié)議、 什么是網(wǎng)絡(luò)協(xié)議u 網(wǎng)絡(luò)協(xié)議：通信雙方所共同遵循的規(guī)則。（如人與人之間交流約定都講大家能聽(tīng)懂的普通話）u 在局域網(wǎng)中通常用NETBEUI、IPX/SPX、TCP/IP三種協(xié)議。（閱讀P21表1-6三種協(xié)議的比較）u 有關(guān)上述協(xié)議的具體模型詳見(jiàn)P23-26。、安裝網(wǎng)絡(luò)協(xié)議軟件（1）、安裝網(wǎng)絡(luò)協(xié)議的前提條件：安裝網(wǎng)卡及驅(qū)動(dòng)程序1）電腦在斷電前提下將網(wǎng)卡插入PIC槽2）啟動(dòng)電腦，進(jìn)入操作系統(tǒng)，安裝網(wǎng)卡驅(qū)動(dòng)程序（）、安裝網(wǎng)絡(luò)協(xié)議1）安裝TCP/IP協(xié)議開(kāi)始設(shè)置控制面板網(wǎng)絡(luò)配置添加協(xié)議“microsoft” TCP/IP 確定2）設(shè)置TCP/IP協(xié)議第二章 因特網(wǎng)的接入與管理第一節(jié) 接入因特網(wǎng)（第6周）1課時(shí)學(xué)習(xí)目標(biāo)：、 了解因特網(wǎng)的各種接入方式、 掌握ADSL虛擬撥號(hào)上網(wǎng)的軟、硬件配置安裝、 了解因特網(wǎng)上的服務(wù)組織教學(xué)重點(diǎn)、難點(diǎn)：ADSL 上網(wǎng)的安裝配置教學(xué)過(guò)程：一、因特網(wǎng)的接入方式1、撥號(hào)接入：普通Modem撥號(hào)接入、ISDN撥號(hào)接入、ADSL虛擬撥號(hào)接入2、專線接入Cable Modem接入、DDN專線接入、光纖接入3、局域網(wǎng)接入4、無(wú)線接入二、ADSL虛擬撥號(hào)配置1、ADSL硬件安裝2、網(wǎng)卡、網(wǎng)卡驅(qū)動(dòng)程序、TCPIP網(wǎng)絡(luò)協(xié)議的安裝3、ADSL虛擬撥號(hào)軟件（PPPoE撥號(hào)程序）的安裝 WinXP已自帶PPPoE軟件三、因特網(wǎng)上的服務(wù)組織ISP：因特網(wǎng)服務(wù)供應(yīng)商，Internet Service Provider。ICP：因特網(wǎng)內(nèi)容提供商，Internet Content Provider。如新浪、搜狐等網(wǎng)站。ASP：網(wǎng)絡(luò)應(yīng)用服務(wù)商，Application Service Provider。主要為企業(yè)、事業(yè)單位進(jìn)行信息化建設(shè)，開(kāi)展電子商務(wù)提供各種基于因特網(wǎng)的應(yīng)用服務(wù)，如主機(jī)租用、托管、應(yīng)用系統(tǒng)（郵件，電子商務(wù)平臺(tái)）服務(wù)。第二、三節(jié) IP地址及其管理、網(wǎng)絡(luò)域名及其管理（第7、8、9周）3課時(shí)學(xué)習(xí)目標(biāo)：、 掌握IP地址的分類、格式及子網(wǎng)掩碼的作用、 掌握域名的組成和格式、域名系統(tǒng)的作用、 了解客戶機(jī)域名服務(wù)器設(shè)置及互聯(lián)網(wǎng)域名管理教學(xué)重點(diǎn)、難點(diǎn)：會(huì)區(qū)別IP地址類別，會(huì)判斷IP格式正確與否，會(huì)判斷網(wǎng)絡(luò)號(hào)和主機(jī)號(hào) 教學(xué)過(guò)程：一、IP地址及其管理、IP地址：采用TCP/IP協(xié)議接入因特網(wǎng)，為了使網(wǎng)上的每一臺(tái)主機(jī)都能夠和其他計(jì)算機(jī)通信，需要有一個(gè)全球都接受的方法來(lái)標(biāo)識(shí)網(wǎng)上的計(jì)算機(jī)。因特網(wǎng)上的每臺(tái)主機(jī)都分配了一個(gè)唯一的地址，稱為互聯(lián)網(wǎng)地址（Internet address）或IP地址（IP address），該地址用在所有與該主機(jī)的通信中。、IP格式：IP 地址是由四個(gè)用小數(shù)點(diǎn)隔開(kāi)的十進(jìn)制整數(shù)組成的。實(shí)際上，一個(gè)IP地址是一個(gè)32位的二進(jìn)制數(shù)。每8個(gè)位可以用一個(gè)十進(jìn)制整數(shù)數(shù)字來(lái)表示，以簡(jiǎn)化人們的記憶。 例如：某學(xué)校網(wǎng)絡(luò)中的一臺(tái)計(jì)算機(jī)IP地址為202.112.81.34，則對(duì)應(yīng)的二進(jìn)制表示： 202.112.81.34 11001010.01110000.01010001.00100010、IP地址分類二、網(wǎng)絡(luò)域名及其管理（一）、域名和域名系統(tǒng)同學(xué)們上網(wǎng)的時(shí)候在瀏覽器里有三種輸入地址的方法：、輸入IP地址，如：166.111.4.100、輸入英文名稱，如：www.tsinghua.edu.cn、輸入中文名稱，如：清華大學(xué)其實(shí)計(jì)算機(jī)只能識(shí)別IP地址，但這種數(shù)對(duì)人來(lái)說(shuō)太難記，于是引入了后面兩種方式（域名），當(dāng)人們使用域名方式訪問(wèn)某臺(tái)遠(yuǎn)程主機(jī)時(shí)，計(jì)算機(jī)必須首先將域名“翻譯”成對(duì)應(yīng)的IP地址，然后才能通過(guò)IP地址與該主機(jī)聯(lián)系。這個(gè)翻譯的過(guò)程稱為“域名解析”。反過(guò)來(lái)，由IP地址得出域名地址的過(guò)程稱為“域名反向解析”。因特網(wǎng)采用一種分布式分層機(jī)制的域名系統(tǒng)DNS來(lái)使域名與IP地址之間的解析和反向解析能快速有效地進(jìn)行。（二）、域名的組成域名的基本格式：主機(jī)名 . 機(jī)構(gòu)名 . 網(wǎng)絡(luò)名 . 地區(qū)域或行業(yè)域名www.cs.tsinghua.edu.cn其域名表示清華大學(xué)計(jì)算機(jī)系的一臺(tái)主機(jī)一臺(tái)主機(jī)計(jì)算機(jī)科學(xué)系清華大學(xué)校園網(wǎng)絡(luò)名中國(guó)科研教育網(wǎng)的網(wǎng)絡(luò)名“中國(guó)”地區(qū)域名（三）、客戶機(jī)域名服務(wù)器的設(shè)置以windows XP為例，桌面“網(wǎng)上鄰居”右鍵-屬性，在新打開(kāi)的窗口中的“本地連接”上右鍵-屬性。（四）、域名的管理因特網(wǎng)的域名管理方法是：規(guī)定頂級(jí)域的劃分，頂級(jí)域名由Internet網(wǎng)絡(luò)信息中心負(fù)責(zé)管理；頂級(jí)域以下的劃分則由各個(gè)域自行管理。 因特網(wǎng)的頂級(jí)域分為兩大類： 頂級(jí)域名行業(yè)域名屬性對(duì)照表 頂級(jí)域名地區(qū)域名范例對(duì)照表 第三章 因特網(wǎng)的應(yīng)用第一節(jié)因特網(wǎng)上的信息資源（第10、11周）2課時(shí)學(xué)習(xí)目標(biāo)：、 了解什么是網(wǎng)絡(luò)信息資源、網(wǎng)絡(luò)信息資源的特點(diǎn)、 掌握因特網(wǎng)信息資源的形式、 掌握WWW信息資源、FTP資源教學(xué)重點(diǎn)、難點(diǎn)：重點(diǎn)掌握兩種網(wǎng)絡(luò)信息資源：WWW信息資源、FTP資源教學(xué)過(guò)程：1、 什么是網(wǎng)絡(luò)信息資源l 定義：是指在網(wǎng)絡(luò)上蘊(yùn)藏著的各種形式的知識(shí)、資源、情報(bào)、消息等。 l 主要內(nèi)容：（1）為國(guó)家和政府服務(wù)的政府信息資源。 （2）為社會(huì)公眾服務(wù)的公共信息資源。（3）為生產(chǎn)和消費(fèi)提供的商用信息資源。 媒體類型：文字、圖像、圖形、動(dòng)畫、音頻、視頻等。2、 因特網(wǎng)信息資源的特點(diǎn)（1）呈全球性分布式結(jié)構(gòu)。（2）以多媒體、多語(yǔ)種的形式表現(xiàn)。（3）屬于數(shù)字化信息。（4）獲取便捷，不受時(shí)間和空間制約。（5）分散存儲(chǔ)，數(shù)量龐大。 （6）具有時(shí)效性。3、 因特網(wǎng)信息資源的形式（1）WWW信息資源（2）Telnet信息資源（3）FTP資源（4）Usenet新聞組信息（5）Gopher信息資源（6） 其他信息資源（如TCR，流媒體資源） 本節(jié)課重點(diǎn)掌握萬(wàn)維網(wǎng)和FTP：一、WWW信息資源，即萬(wàn)維網(wǎng)1、什么是萬(wàn)維網(wǎng) （1）定義：World Wide Web，縮寫WWW）是因特網(wǎng)上一種非常受歡迎的服務(wù)。（2）基本用途：向用戶提供各種信息的瀏覽與查詢服務(wù)。（3）方式：通過(guò)WEB（網(wǎng)站）向用戶提供信息資源。 2、萬(wàn)維網(wǎng)信息資源的特點(diǎn) l （1）以超文本/超媒體形式組織l （2）分散存儲(chǔ)l （3）具有動(dòng)態(tài)性3、萬(wàn)維網(wǎng)服務(wù)器與瀏覽器 （1）萬(wàn)維網(wǎng)服務(wù)器提供萬(wàn)維網(wǎng)信息需要有專用的萬(wàn)維網(wǎng)服務(wù)器。（2）瀏覽器瀏覽器是到達(dá)數(shù)百萬(wàn)Web網(wǎng)站的工具。通過(guò)在瀏覽器中輸入網(wǎng)站地址可以訪問(wèn)到萬(wàn)維網(wǎng)中的信息。 4、統(tǒng)一資源定位器 （1）因特網(wǎng)上的資源非常豐富，我們用一種統(tǒng)一且方便的方法來(lái)標(biāo)記，識(shí)別這些資源。因特網(wǎng)上采用統(tǒng)一資源定位器（Uniform Resource Locators，縮寫為URL）來(lái)識(shí)別網(wǎng)絡(luò)上的資源。（2）URL的基本格式：協(xié)議：/域名（或IP地址）：端口號(hào)/文件名（3）用戶點(diǎn)擊HTML網(wǎng)頁(yè)中的超鏈接，實(shí)質(zhì)上也是一個(gè)URL。 二、FTP資源1、FTP資源 （1）定義：（File Transport Protocol）是文件傳輸協(xié)議。FTP服務(wù)器就是存放文件型資源并執(zhí)行文件傳輸協(xié)議實(shí)現(xiàn)文件傳輸功能的計(jì)算機(jī)。（2）與萬(wàn)維網(wǎng)的區(qū)別：FTP服務(wù)器存放的資源往往直接就是用戶需要獲取的目標(biāo)。而萬(wàn)維網(wǎng)網(wǎng)頁(yè)中除了文本信息外，用戶往往還要通過(guò)超鏈接才能找到需要的資源。2、FTP客戶端軟件（1）優(yōu)勢(shì)：大多數(shù)瀏覽器可以下載文件，但一般不能上傳文件，而FTP客戶端軟件卻可以實(shí)現(xiàn)這一要求。（2）FTP客戶端工具有兩種模式：Windows命令行模式和圖形截面窗口模式例：FlashFXP窗口第三節(jié) 因特網(wǎng)上的信息交流（第12周）1課時(shí)學(xué)習(xí)目標(biāo)：、 了解因特網(wǎng)上的兩大類信息交流方式、 了解因特網(wǎng)上的多媒體技術(shù)教學(xué)重點(diǎn)、難點(diǎn)：掌握電子郵件的格式、使用模式及免費(fèi)Email的申請(qǐng)使用教學(xué)過(guò)程：一、因特網(wǎng)上的信息交流（一）、非實(shí)時(shí)的信息交流方式1、電子郵件2、留言板3、BBS論壇（二）、實(shí)時(shí)的信息交流方式1、即時(shí)消息（Instant Messaging）如ICQ，QQ，MSN Messenger，netmeeting等。 2、IP電話3、視頻會(huì)議電子郵件：、使用email的c/s和b/s模式 C/S(client/Server)客戶端/服務(wù)器 B/S(Browser/Server)瀏覽器/服務(wù)器2 、電子郵件原理參考課本P78郵箱地址格式：用戶名域名如xiaoming126.comQQ工作原理（1）用戶首先從QQ服務(wù)器上獲取好友列表，以建立點(diǎn)對(duì)點(diǎn)的聯(lián)系。（2）用戶和好友之間直接采用UDP方式發(fā)送信息。（3）如果對(duì)方無(wú)法直接點(diǎn)對(duì)點(diǎn)聯(lián)系，則用服務(wù)器中轉(zhuǎn)方式完成。 二、因特網(wǎng)多媒體技術(shù)（一）、流媒體技術(shù) 什么是流媒體技術(shù) P83 1、壓縮媒體文件格式 P83表3-7 2、流媒體文件格式 P83表3-8 流媒體服務(wù)器與播放器 流媒體技術(shù)應(yīng)用（二）、網(wǎng)絡(luò)虛擬現(xiàn)實(shí)技術(shù) VRML(Virtual Reality Modeling Language 虛擬現(xiàn)實(shí)建模語(yǔ)言) 全景環(huán)視技術(shù)第四章 網(wǎng)站的開(kāi)發(fā)第一、二節(jié)網(wǎng)站的規(guī)劃與設(shè)計(jì)（第13、14周）2課時(shí)學(xué)習(xí)目標(biāo)：學(xué)習(xí)如何進(jìn)行網(wǎng)站規(guī)劃及網(wǎng)站設(shè)計(jì)教學(xué)重點(diǎn)、難點(diǎn)： 網(wǎng)頁(yè)設(shè)計(jì)中的頁(yè)面表格布局的設(shè)計(jì)教學(xué)過(guò)程：網(wǎng)站的規(guī)劃一、開(kāi)發(fā)網(wǎng)站的基本過(guò)程網(wǎng)站的規(guī)劃-網(wǎng)站的設(shè)計(jì)-網(wǎng)頁(yè)的制作-網(wǎng)站的發(fā)布與管理-網(wǎng)站的評(píng)價(jià)二、網(wǎng)站主題的確定網(wǎng)站的規(guī)劃從選擇網(wǎng)站的主題開(kāi)始。網(wǎng)站的選題就是要根據(jù)網(wǎng)站的開(kāi)發(fā)目標(biāo)和訪問(wèn)網(wǎng)站的用戶群確立網(wǎng)站的主題，并給網(wǎng)站起一個(gè)簡(jiǎn)練響亮的名字。請(qǐng)每個(gè)同學(xué)確定自已的網(wǎng)站主題，參考課本P95頁(yè)，表4-2。三、網(wǎng)站運(yùn)行環(huán)境的確定學(xué)校的校園網(wǎng)提供了高帶寬、平穩(wěn)的網(wǎng)站運(yùn)行環(huán)境，為同學(xué)們提供存放網(wǎng)站的磁盤空間。提交網(wǎng)站與訪問(wèn)網(wǎng)頁(yè)的方法：提交：機(jī)房提供的FTP服務(wù)器 ftp:/10.105.5.53 或ftp:/10.105.5.253 的個(gè)人空間訪問(wèn)：http:/10.105.5.53或10.105.5.253/space/個(gè)人空間賬號(hào)/文件名四、網(wǎng)頁(yè)制作工具的選擇每種網(wǎng)頁(yè)制作工具均有優(yōu)缺點(diǎn)，我們采用Frontpage來(lái)作為網(wǎng)頁(yè)設(shè)計(jì)制作工具。我們可以配合photoshop、fireworks等圖像處理軟件，制作出精美的網(wǎng)頁(yè)。網(wǎng)站的設(shè)計(jì)網(wǎng)站設(shè)計(jì)一般包括網(wǎng)站欄目結(jié)構(gòu)設(shè)計(jì)、網(wǎng)頁(yè)版面設(shè)計(jì)、網(wǎng)頁(yè)的鏈接設(shè)計(jì)（導(dǎo)航設(shè)計(jì)）等。一、網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)在動(dòng)手制作一個(gè)網(wǎng)站前，應(yīng)該構(gòu)思好網(wǎng)站的結(jié)構(gòu)圖，做到層次清晰。如課本P100頁(yè)，圖4-5就是“虎門銷煙啟思錄”網(wǎng)站的結(jié)構(gòu)圖。二、網(wǎng)頁(yè)的版面設(shè)計(jì)1、風(fēng)格設(shè)計(jì)風(fēng)格是指網(wǎng)站的整體形象給瀏覽者的綜合感受。或嚴(yán)肅莊重，或清爽溫馨，或深沉厚重，或生動(dòng)活潑，或古樸典雅，或豪邁奔放。風(fēng)格的設(shè)計(jì)與主題是密不可分的，是為突出主題服務(wù)的。2、版面布局設(shè)計(jì)版面布局設(shè)計(jì)就是指要呈現(xiàn)的內(nèi)容在網(wǎng)頁(yè)中的位置安排，一般都是用表格進(jìn)行版面布局設(shè)計(jì)的。如下面為“虎門銷煙啟思錄”網(wǎng)站的版面布局。內(nèi)容描述欄目導(dǎo)航區(qū)提示信息區(qū)主要內(nèi)容附加信息三、網(wǎng)頁(yè)的交互設(shè)計(jì)網(wǎng)頁(yè)的交互設(shè)計(jì)也就是導(dǎo)航欄的設(shè)計(jì)、超鏈接的設(shè)計(jì)。導(dǎo)航欄設(shè)計(jì)的目的就是將零散的網(wǎng)頁(yè)串成一個(gè)整體從而形成網(wǎng)站，用戶在瀏覽網(wǎng)站時(shí)可根據(jù)所需進(jìn)行選擇瀏覽，自由地在各網(wǎng)頁(yè)間跳轉(zhuǎn)。課堂任務(wù)：1、 每個(gè)同學(xué)構(gòu)思自己要建立的網(wǎng)站主題及網(wǎng)站結(jié)構(gòu)組成，以“文本文件”的形式形成結(jié)果并提交。范例-提交作業(yè)兩步驟：、登錄FTP個(gè)人空間，將文本文件上傳、點(diǎn)擊本節(jié)課“提交”，然后根據(jù)提示操作。2、 據(jù)自已所構(gòu)思的網(wǎng)站主題、結(jié)構(gòu)組成，上網(wǎng)搜索所需的素材。第三節(jié)網(wǎng)頁(yè)制作（一）（第15、16周）2課時(shí)學(xué)習(xí)目標(biāo)：新建一個(gè)站點(diǎn)及網(wǎng)站首頁(yè)的制作教學(xué)重點(diǎn)、難點(diǎn)：、 使用表格功能進(jìn)行頁(yè)面布局 、 插入表格、設(shè)置表格屬性、設(shè)置單元格屬性教學(xué)過(guò)程：網(wǎng)頁(yè)制作過(guò)程一般如下所示：收集和制作素材新建空白網(wǎng)站和網(wǎng)頁(yè)編輯網(wǎng)頁(yè)圖文保存預(yù)覽鏈接網(wǎng)頁(yè)一、 收集和制作素材請(qǐng)同學(xué)們按自已選定的網(wǎng)站主題及設(shè)定的欄目上網(wǎng)搜索素材，并學(xué)會(huì)對(duì)圖片進(jìn)行簡(jiǎn)單的加工制作以適應(yīng)我們?cè)O(shè)計(jì)的網(wǎng)站需要。二、 新建網(wǎng)站及網(wǎng)頁(yè)、新建空白站點(diǎn)的方法：?jiǎn)?dòng)FrontPage，然后“文件”“新建”“站點(diǎn)”“空白站點(diǎn)”、新建空白網(wǎng)頁(yè)的方法：?jiǎn)螕舫Ｓ霉ぞ邫谏系摹靶陆ā卑粹o或單擊“視圖”菜單下的“網(wǎng)頁(yè)”。具體操作請(qǐng)認(rèn)真看課堂演示（有視頻動(dòng)畫教程）三、 使用表格進(jìn)行頁(yè)面布局、常見(jiàn)的網(wǎng)頁(yè)布局：上下型T字型開(kāi)字型其它布局類型、插入表格、設(shè)置表格屬性、設(shè)置單元格屬性具體操作請(qǐng)認(rèn)真看課堂演示（有視頻動(dòng)畫教程）四、課堂任務(wù)、建立自己的網(wǎng)站站點(diǎn)，并用表格為網(wǎng)站首頁(yè)做好布局設(shè)計(jì)說(shuō)明：建立站點(diǎn)時(shí)請(qǐng)將站點(diǎn)建立位置指定到D盤的你的網(wǎng)站文件夾、簡(jiǎn)單使用圖像處理軟件（如：FireWork或其它軟件）為自己的網(wǎng)站制作漂亮的頂部主題Banner，最后將設(shè)計(jì)結(jié)果導(dǎo)出到自己網(wǎng)站的文件夾下。、將本節(jié)課完成的整個(gè)站點(diǎn)文件夾上傳到個(gè)人空間保存，并發(fā)布提交你設(shè)計(jì)的主題Banner文件。發(fā)布提交方法：http:/10.105.5.253/space/個(gè)人空間帳號(hào)/你的網(wǎng)站文件夾名/頂部主題設(shè)計(jì)文件名第三節(jié)網(wǎng)頁(yè)制作（二）（第17周）1課時(shí)學(xué)習(xí)目標(biāo)：掌握編輯網(wǎng)頁(yè)圖文的各種操作教學(xué)重點(diǎn)、難點(diǎn)： 插入圖片、設(shè)置網(wǎng)頁(yè)背景顏色、背景圖、背景音樂(lè)教學(xué)過(guò)程：一、編輯網(wǎng)頁(yè)圖文、編輯網(wǎng)頁(yè)文字利用工具欄編輯文字的字體、字號(hào)、顏色、對(duì)齊方式等、網(wǎng)頁(yè)的背景顏色、背景圖、背景音樂(lè)“格式”菜單下的“背景”命令、插入圖片在自己的網(wǎng)站文件夾下新建一個(gè)保存圖片的文件夾，命名為images或pic等。插入圖片的兩種方法，你可以選擇其中一種：方法一、先保存圖片，后將圖片插入網(wǎng)頁(yè)：把你需要插入網(wǎng)頁(yè)的圖片全部預(yù)先保存在你的圖片文件夾中，如:images；將圖片文件名改名為英文名（中文名的圖片名稱將導(dǎo)致網(wǎng)頁(yè)顯示出錯(cuò)）；單擊“插入”“圖片”，再單擊“來(lái)自文件”，打開(kāi)“圖片”對(duì)話框，瀏覽你所要插入的圖片位置images，點(diǎn)選圖片，點(diǎn)“確定”。方法二、先將圖片插入網(wǎng)頁(yè)，后保存圖片：?jiǎn)螕簟安迦搿薄皥D片”，再單擊“來(lái)自文件”，打開(kāi)“圖片”對(duì)話框，瀏覽你所要插入的圖片位置，點(diǎn)選圖片，點(diǎn)“確定”。保存網(wǎng)頁(yè)時(shí)出現(xiàn)保存圖片的對(duì)話框，選擇合適的圖片保存位置，如：images。注意將圖片文件名改成英文名。、插入多媒體音頻、視頻和SWF動(dòng)畫請(qǐng)看教程：http:/www.hongen.com/pc/homepage/fp2k/fp2k0801.htmhttp:/www.hongen.com/pc/homepage/fp2k/fp2k0802.htm二、保存預(yù)覽點(diǎn)擊工具欄的實(shí)現(xiàn)預(yù)覽，觀看顯示效果。第三節(jié)網(wǎng)頁(yè)制作（三）（第18周）1課時(shí)學(xué)習(xí)目標(biāo)：使用模板或共享邊框快速生成網(wǎng)站其他網(wǎng)頁(yè)教學(xué)重點(diǎn)、難點(diǎn)： 共享邊框的使用教學(xué)過(guò)程：一、使用模板生成網(wǎng)頁(yè)為保持網(wǎng)站風(fēng)格的一致性，通常網(wǎng)站中各個(gè)網(wǎng)頁(yè)的標(biāo)題名、網(wǎng)站標(biāo)志、導(dǎo)航欄、附加信息欄等網(wǎng)頁(yè)元素的樣式保持一致，可以把相同的部分提取出來(lái)制作成模板，供制作其他網(wǎng)頁(yè)時(shí)使用。（1）建立模板創(chuàng)建一個(gè)網(wǎng)頁(yè)，將其保存為“模板文件”。（2）從模板文件中新建網(wǎng)頁(yè)“文件”“新建”“網(wǎng)頁(yè)”選擇模板后“確定”二、共享邊框設(shè)計(jì)網(wǎng)頁(yè)時(shí)，經(jīng)常會(huì)遇到一些需要在每一頁(yè)上都顯示的信息，如果在每一頁(yè)單獨(dú)添加就很麻煩，如果使用共享邊框，就可以使每一個(gè)網(wǎng)頁(yè)以水平或垂直的方式顯示在多個(gè)網(wǎng)頁(yè)中都要顯示的信息。具體詳見(jiàn)洪恩教程：http:/www.hongen.com/pc/homepage/fp2k/fp2k0903.htm三、課堂任務(wù)1、 打開(kāi)你的網(wǎng)站首頁(yè)文件（index.htm），采用共享邊框的方法，將準(zhǔn)備在你的網(wǎng)站中每個(gè)網(wǎng)頁(yè)都要顯示的共同部分移入共享邊框中；2、 在“導(dǎo)航”視圖下，采用復(fù)制、粘貼的方法快速得到你的網(wǎng)站各欄目的網(wǎng)頁(yè)文件，并分別對(duì)各欄目網(wǎng)頁(yè)文件進(jìn)行加工、處理。第三節(jié)網(wǎng)頁(yè)制作（四）插入超鏈接（第19、20周）2課時(shí)教學(xué)目標(biāo)：1、 掌握插入超鏈接的操作方法；2、 將所有網(wǎng)頁(yè)通過(guò)超鏈接集成一個(gè)完整的“網(wǎng)站”。重點(diǎn)難點(diǎn)：幾種超鏈接的掌握，即鏈接到URL、鏈接到網(wǎng)頁(yè)文件、鏈接到Email、書簽鏈接教學(xué)過(guò)程：一、什么是超鏈接？超級(jí)鏈接是指站點(diǎn)內(nèi)不同網(wǎng)頁(yè)之間、站點(diǎn)與Web之間的鏈接關(guān)系，它可以使站點(diǎn)內(nèi)的網(wǎng)頁(yè)成為有機(jī)的整體，還能夠使不同站點(diǎn)之間建立聯(lián)系。超級(jí)鏈接由兩部分組成：鏈接載體（源端點(diǎn)）和鏈接目標(biāo)（目標(biāo)端點(diǎn)）。許多頁(yè)面元素可以作為鏈接載體，如：文本、圖像、圖像熱區(qū)、輪替圖像、動(dòng)畫。而鏈接目標(biāo)可以是任意網(wǎng)絡(luò)資源，如：頁(yè)面、圖像、聲音、程序、其他網(wǎng)站、Email甚至是頁(yè)面中的某個(gè)位置 - 錨點(diǎn)。二、插入超級(jí)鏈接（課本116頁(yè)）制作超級(jí)鏈接就是指定超級(jí)鏈接的兩個(gè)要素：鏈接載體和鏈接目標(biāo)。遵循WINDOWS的操作原則：先選定，再操作。、設(shè)置文本鏈接、設(shè)置圖片鏈接、設(shè)置熱點(diǎn)鏈接創(chuàng)建“熱點(diǎn)”（視圖工具欄圖片，在“圖片”工具欄里有創(chuàng)建熱點(diǎn)的按鈕）設(shè)置熱點(diǎn)對(duì)應(yīng)的超鏈接地址、建立網(wǎng)頁(yè)書簽（錨點(diǎn)）書簽：是網(wǎng)頁(yè)中被標(biāo)記的位置或被標(biāo)記的文本。 操作步驟： 插入/書簽 設(shè)置到書簽的超鏈接、設(shè)置Email鏈接在鏈接地址輸入：mailto:電子郵件地址三、課堂任務(wù)盡快完成網(wǎng)站各欄目網(wǎng)頁(yè)，設(shè)置好所有超鏈接，使整個(gè)網(wǎng)頁(yè)成為一個(gè)整體。第四節(jié)網(wǎng)頁(yè)的美化與特效制作（第21周）1課時(shí)學(xué)習(xí)目標(biāo)：學(xué)會(huì)應(yīng)用樣式表美化網(wǎng)頁(yè)等高級(jí)操作技巧教學(xué)重點(diǎn)、難點(diǎn)： 樣式表的應(yīng)用、滾動(dòng)文字等的添加教學(xué)過(guò)程：一、 應(yīng)用樣式表美化網(wǎng)頁(yè)實(shí)例：將整個(gè)網(wǎng)站所有網(wǎng)頁(yè)的字號(hào)設(shè)為10pt，文字顏色定為自己喜歡的顏色二、 制作網(wǎng)頁(yè)動(dòng)態(tài)特效實(shí)例：添加圖片特效鼠標(biāo)懸停圖片變換效果三、 ActiveX控件和組件的應(yīng)用、 滾動(dòng)文字字幕、 橫幅廣告條、 視頻控制的使用以上內(nèi)容有操作教學(xué)視頻，老師講解演示后若還有不懂的同學(xué)可以通過(guò)觀看它進(jìn)行自學(xué)！四、 課堂任務(wù)（選做）應(yīng)用本節(jié)課所學(xué)的技巧，給你自已的網(wǎng)頁(yè)添加適當(dāng)?shù)男揎椇吞匦?。THANKS !致力為企業(yè)和個(gè)人提供合同協(xié)議，策劃案計(jì)劃書，學(xué)習(xí)課件等等打造全網(wǎng)一站式需求歡迎您的下載，資料僅供參考-可編輯修改-