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