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

______________________________________________________________________________________________________________ 第一章 網(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)絡的功能（閱讀課本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)、傳輸介質和網(wǎng)絡設備。 ２、計算機網(wǎng)絡是多臺地理上分散的獨立計算機系統(tǒng)遵循約定的通信協(xié)議，通過傳輸介質和網(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、完成在線隨堂小測。 第二節(jié)　不同的連接策略 （第2、3周）2課時 學習目標： １、 了解網(wǎng)絡類型、網(wǎng)絡傳輸介質、網(wǎng)絡連接設備 ２、 掌握網(wǎng)絡拓撲結構 教學重點、難點： 各種網(wǎng)絡拓撲結構的認識 教學過程： 一、根據(jù)需求選擇網(wǎng)絡 問題：假如你希望與鄰居好友的計算機連接起來，能夠共享彼此的文件與打印機，并可以聯(lián)網(wǎng)打游戲，請問你如何組網(wǎng)？ 需求分析： 計算機數(shù)量？ 實現(xiàn)服務？ 組網(wǎng)距離？速度？ 介質？設備？協(xié)議？ 一、網(wǎng)絡類型 類型 優(yōu)點 缺點 對等網(wǎng) (workgroup) 每臺計算機能同時提供和使用資源；無須服務器 負載大；備份困難 密碼多 服務器(Server) --客戶機(Client) 對資源集中控制，使用戶更容易找到資源 需要有專門服務器及網(wǎng)絡操作系統(tǒng)（造價高） 二、網(wǎng)絡傳輸介質 超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)絡的拓撲結構 第三節(jié) 網(wǎng)絡中的數(shù)據(jù)通信、網(wǎng)絡協(xié)議、 （第4、5周）2課時 學習目標： １、 了解兩種通信信號、信道與帶寬及掌握兩種信息交換方式 ２、 了解網(wǎng)絡協(xié)議及如何安裝網(wǎng)絡協(xié)議 教學重點、難點：分辨兩種數(shù)字信號和模擬信號，區(qū)別電路交換技術與分組交換技術 教學過程： 1.3　網(wǎng)絡中的數(shù)據(jù)通信 １、通信信號 數(shù)字信號 模擬信號 波 形 ? 特點 抗干擾能力強、便于存儲、保密性好、可靠性高 保密性差、易失真、易受干擾、通信質量差 ２、信道與帶寬 ? 信 道 帶 寬 概念 是通信雙方之間以傳輸介質為基礎傳遞信號的通路，由傳輸介質及其兩端的信道設備共同構成。從抽象的角度看，信道實質上是指定的一段頻帶。 是指通信信道的傳輸容量。從抽象的角度看，帶寬是指信道可用的最高頻率與最低頻率之差。 單位 ? 傳輸模擬信號的傳輸介質則使用頻率單位赫茲（Hz）來表示帶寬．傳輸數(shù)字信號的傳輸介質則使用比特率（bps）作為帶寬的量度。 比特率反映了一個數(shù)據(jù)傳輸系統(tǒng)每秒內(nèi)所傳送的信息量的大小。 ３、信息交換方式 傳統(tǒng)電話 IP電話 采用技術 電路交換 分組交換 原理 預先分配傳輸帶寬。用戶在開始通話之前，先要申請建立一條從發(fā)端到收端的物理通路。只有物理通路建立之后，雙方才能互相通話。在通話的全部時間里，用戶始終占用端到端的固定傳輸帶寬。 將用戶要傳送的信息分割為若干個分組（packet），以“存儲——轉發(fā)”的形式，每個分組中有一個分組頭，含有可供選路的信息和其他控制信息。 優(yōu)缺點 線路利用率低，專線專用，費用較高。 延時短，線路利用率高，費用低，但話音質量低。 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)卡及驅動程序 1）電腦在斷電前提下將網(wǎng)卡插入PIC槽 2）啟動電腦，進入操作系統(tǒng)，安裝網(wǎng)卡驅動程序 （２）、安裝網(wǎng)絡協(xié)議 1）安裝TCP/IP協(xié)議 開始→設置→控制面板→網(wǎng)絡→配置→添加→協(xié)議→“microsoft” →TCP/IP →確定 2）設置TCP/IP協(xié)議 第二章 因特網(wǎng)的接入與管理 第一節(jié) 接入因特網(wǎng) （第6周）1課時 學習目標： １、 了解因特網(wǎng)的各種接入方式 ２、 掌握ADSL虛擬撥號上網(wǎng)的軟、硬件配置安裝 ３、 了解因特網(wǎng)上的服務組織 教學重點、難點：ADSL 上網(wǎng)的安裝配置 教學過程： 一、因特網(wǎng)的接入方式 1、撥號接入： 普通Modem撥號接入、ISDN撥號接入、ADSL虛擬撥號接入 2、專線接入 Cable Modem接入、DDN專線接入、光纖接入 3、局域網(wǎng)接入 4、無線接入 二、ADSL虛擬撥號配置 1、ADSL硬件安裝 2、網(wǎng)卡、網(wǎng)卡驅動程序、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)（郵件，電子商務平臺）服務。 第二、三節(jié) IP地址及其管理、網(wǎng)絡域名及其管理 （第7、8、9周）3課時 學習目標： １、 掌握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)的應用 第一節(jié)　因特網(wǎng)上的信息資源 （第10、11周）2課時 學習目標： １、 了解什么是網(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)頁中的超鏈接，實質上也是一個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窗口 第三節(jié) 因特網(wǎng)上的信息交流 （第12周）1課時 學習目標： １、 了解因特網(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)站的開發(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)頁的制作-->網(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)站的整體形象給瀏覽者的綜合感受。或嚴肅莊重，或清爽溫馨，或深沉厚重，或生動活潑，或古樸典雅，或豪邁奔放。風格的設計與主題是密不可分的，是為突出主題服務的。 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個人空間，將文本文件上傳 　　　　　　?、凇Ⅻc擊本節(jié)課“提交”，然后根據(jù)提示操作。 2、 據(jù)自已所構思的網(wǎng)站主題、結構組成，上網(wǎng)搜索所需的素材。 第三節(jié)　網(wǎng)頁制作（一） （第15、16周）2課時 學習目標：新建一個站點及網(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)站文件夾名/頂部主題設計文件名 第三節(jié)　網(wǎng)頁制作（二） （第17周）1課時 學習目標：掌握編輯網(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)預覽，觀看顯示效果。 第三節(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)常會遇到一些需要在每一頁上都顯示的信息，如果在每一頁單獨添加就很麻煩，如果使用共享邊框，就可以使每一個網(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)頁文件進行加工、處理。 第三節(jié)　網(wǎng)頁制作（四）――插入超鏈接 （第19、20周）2課時 教學目標： 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)頁成為一個整體。 第四節(jié)　網(wǎng)頁的美化與特效制作 （第21周）1課時 學習目標：學會應用樣式表美化網(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)一站式需求 歡迎您的下載，資料僅供參考 -可編輯修改-