《網(wǎng)絡技術應用》全套教案.doc

《《網(wǎng)絡技術應用》全套教案.doc》由會員分享，可在線閱讀，更多相關《《網(wǎng)絡技術應用》全套教案.doc（31頁珍藏版）》請在裝配圖網(wǎng)上搜索。

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