信息技術選修網(wǎng)絡技術應用教案-資料下載頁
2025-04-16 22:58本頁面
【正文】 題及網(wǎng)站結構組成，以“文本文件”的形式形成結果并提交?！》独峤蛔鳂I(yè)兩步驟： ?、佟⒌卿汧TP個人空間，將文本文件上傳 ②、點擊本節(jié)課“提交”，然后根據(jù)提示操作。 據(jù)自已所構思的網(wǎng)站主題、結構組成，上網(wǎng)搜索所需的素材。第十二課 網(wǎng)頁制作（一）學習目標：新建一個站點及網(wǎng)站首頁的制作教學重點、難點：１、 使用表格功能進行頁面布局 ２、 插入表格、設置表格屬性、設置單元格屬性教學過程：網(wǎng)頁制作過程一般如下所示：收集和制作素材224。新建空白網(wǎng)站和網(wǎng)頁224。編輯網(wǎng)頁圖文224。保存預覽224。鏈接網(wǎng)頁一、 收集和制作素材請同學們按自已選定的網(wǎng)站主題及設定的欄目上網(wǎng)搜索素材，并學會對圖片進行簡單的加工制作以適應我們設計的網(wǎng)站需要。二、 新建網(wǎng)站及網(wǎng)頁１、新建空白站點的方法：啟動FrontPage，然后“文件”224?！靶陆ā?24。“站點”224。“空白站點”２、新建空白網(wǎng)頁的方法：單擊常用工具欄上的“新建”按鈕 或 單擊“視圖”菜單下的“網(wǎng)頁”。具體操作請認真看課堂演示（有視頻動畫教程）三、 使用表格進行頁面布局１、常見的網(wǎng)頁布局：上下型T字型開字型其它布局類型２、插入表格、設置表格屬性、設置單元格屬性具體操作請認真看課堂演示（有視頻動畫教程）四、課堂任務１、建立自己的網(wǎng)站站點，并用表格為網(wǎng)站首頁做好布局設計說明：建立站點時請將站點建立位置指定到D盤的你的網(wǎng)站文件夾２、簡單使用圖像處理軟件（如：FireWork或其它軟件）為自己的網(wǎng)站制作漂亮的頂部主題Banner，最后將設計結果導出到自己網(wǎng)站的文件夾下。３、將本節(jié)課完成的整個站點文件夾上傳到個人空間保存，并發(fā)布提交你設計的主題Banner文件。發(fā)布提交方法： 第十三課 網(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動畫請看教程： 二、保存預覽點擊工具欄的實現(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)頁中都要顯示的信息。具體詳見洪恩教程：三、課堂任務 打開你的網(wǎng)站首頁文件（），采用共享邊框的方法，將準備在你的網(wǎng)站中每個網(wǎng)頁都要顯示的共同部分移入共享邊框中； 在“導航”視圖下，采用復制、粘貼的方法快速得到你的網(wǎng)站各欄目的網(wǎng)頁文件，并分別對各欄目網(wǎng)頁文件進行加工、處理。 第十五課 網(wǎng)頁制作（四）――插入超鏈接教學目標： 掌握插入超鏈接的操作方法； 將所有網(wǎng)頁通過超鏈接集成一個完整的“網(wǎng)站”。重點難點：幾種超鏈接的掌握，即鏈接到URL、鏈接到網(wǎng)頁文件、鏈接到Email、書簽鏈接教學過程：一、什么是超鏈接？ 超級鏈接是指站點內(nèi)不同網(wǎng)頁之間、站點與Web之間的鏈接關系，它可以使站點內(nèi)的網(wǎng)頁成為有機的整體，還能夠使不同站點之間建立聯(lián)系。超級鏈接由兩部分組成：鏈接載體（源端點）和鏈接目標（目標端點）?！ ≡S多頁面元素可以作為鏈接載體，如：文本、圖像、圖像熱區(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ù)男揎椇吞匦А?0
教學教案相關推薦
鄂ICP備17016276號-1