久久99精品久久久久久琪琪,久久人人爽人人爽人人片亞洲,熟妇人妻无码中文字幕,亚洲精品无码久久久久久久

教案：使用記事本制作第一個網頁

時間：2019-05-12 16:35:05下載本文作者：會員上傳
簡介：寫寫幫文庫小編為你整理了多篇相關的《教案：使用記事本制作第一個網頁》，但愿對你工作學習有幫助，當然你在寫寫幫文庫還可以找到更多《教案：使用記事本制作第一個網頁》。

第一篇：教案：使用記事本制作第一個網頁

使用記事本制作第一個網頁

一、教學目標

1、知識與技能：

掌握使用記事本制作網頁的過程。

2、過程與方法：

通過讓學生親手使用記事本創作一個簡單的網頁，讓學生意識到網頁制作并非高深莫測。

3、情感態度與價值觀：

體驗網頁制作的樂趣，增強學生對網頁制作的學習興趣。

二、教學重難點：

教學重點：使用記事本制作網頁的方法； 教學難點：理解HTML語言的結構。

三、教學過程：

教師：通過前面幾節課的學習，大家學習了如何在dreamweaver中創建網頁的方法，那么請大家思考一個問題：制作網頁只能使用DW軟件嗎？ 學生回答：不是

教師：那你們還指導還有哪些制作網頁的軟件嗎？ 學生：FrontPage.教師：制作網頁的軟件有很多，但我今天想交給大家一個最簡單的辦法。（在教師機上演示）

1、先右鍵點擊桌面新建一個記事本，如果右鍵點擊桌面沒有新建記事本選項我們可以一次打開“開始”→“程序”→“附件”又“記事本”！

2、然后在記事本里面輸入HTML代碼。 我的第一個網頁

HELLO WORLD

第二篇：網頁制作教案

網頁制作與設計教案

第一講 網頁設計概述....................................................................................................................3 1.1WWW和URL.....................................................................................................................3 1.2IE5的使用............................................................................................................................3 1.3 網頁中所使用的技術............................................................................................................4 1.4 制作網頁的基本方法............................................................................................................4 第二講 HTML的基本標志與格式標志.......................................................................................4 2.1 HTML文檔的基本結構.........................................................................................................5 第三講 HTML的文本、圖片與超級鏈接標志...........................................................................5 2.2 插入文字................................................................................................................................6 2.3 插入圖片................................................................................................................................8 2.4 建立超級鏈接........................................................................................................................8 第四講 HTML表格、表單與框架標志.......................................................................................9 2.5 插入表格................................................................................................................................9 2.6 表單的應用..........................................................................................................................10 2.7 框架窗口..............................................................................................................................10 第五講 HTML標志綜合運用案例.............................................................................................11 第六講 DREAMWEAVER中簡單WEB站點建立與管理.....................................................12 3.1 DREAMWEAVER概述............................................................................................................12 第七講 DREAMWEAVER中靜態網頁設計.............................................................................13 3.2 在頁面中加入文字和圖像..................................................................................................14 3.3 超級鏈接的運用..................................................................................................................14 3.4.表格的應用.........................................................................................................................14 3.5.在網頁中創建表單.............................................................................................................15 第八講 DREAMWEAVER中動態網頁設計.............................................................................15 第九講 DREAMWEAVER綜合性網頁設計案例.....................................................................16 第十講 VBSCRIPT概述.............................................................................................................17 4.1 VBSCRIPT語言簡介.............................................................................................................17 第十一講 VBSCRIPT的基本元素與輸入輸出.........................................................................18 4.2.基本數據類型.......................................................................................................................18 4.2.表達式和運算符.................................................................................................................19 第十二講 VBSCRIPT的條件語句、循環語句和過程.............................................................20 4.3 VBSCRIPT基本語句.............................................................................................................20

第一講 網頁設計概述

【教學內容】

講解網頁設計的相關術語及網站制作的基本流程。【教學目的】

使學生對網站及網頁有一定的認識，激發學生學習網頁設計的興趣。【教學重點】

網頁設計中的若干術語。【教學難點】

理解網頁設計中的若干術語。【教學方式】

講授式、討論式、案例分析式。【教學參考】

1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社。

2、《Internet 網頁工場》Wittime工作室 重慶出版社。

3、《WEB網站設計》Joel Sklar著 高等教育出版社。

4、《HTML網頁制作教程》材義語編著 鐵道出版社。【新課內容】

1.1 WWW和URL 1.1.1 Web的起源

Web是World Wide Web的簡稱，一般也稱之為WWW或3W 1.1.2 Web的特點和結構

Web最大的特點是使用了超文本（Hypertext）WWW采用C/S（客戶機/服務器）工作模式

在瀏覽器和服務器之間應用HTTP（Hyper Text Transfer Protocol，超文本傳輸協議）作為網絡應用層通信協議 1.1.3 URL URL的完整格式

協議://主機名或IP地址：端口號/路徑名/文件名

1.2 IE5的使用

Web瀏覽器是瀏覽Internet資源的客戶端軟件

在Windows環境下使用的瀏覽器主要有Internet Explorer、Netscape Navigator、Mosaic等

1.2.1 IE5的界面 1.2.2 IE5的使用

列表標志的使用。【教學方式】

討論式、案例分析式、練習式。【教學參考】

1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社。

2、《WEB網站設計》Joel Sklar著 高等教育出版社。

3、《HTML網頁制作教程》材義語編著 鐵道出版社。【新課內容】

2.1 HTML文檔的基本結構

2.1.1 HTML語法

1、雙標記

語法：

<標記>內容

2、單標記 語法：<標記> 最常用的單標記是

3、標記屬性 語法

<標記

屬性1 屬性2 屬性3 … > 例子

4、注釋語句 格式

例子

2.1.2 HTML文檔的基本結構 【課后小結】

通過本次課的學習,要求能熟練掌握網頁面的基本標志與格式標志,并能靈活運用 列表,有序列表,無序列表標志及屬性。

第三講 HTML的文本、圖片與超級鏈接標志

【教學內容】

講解HTML標準中的文本、圖片與超級鏈接標志 【教學目的】

* 使學生了解標題元素,掌握字體,上下標,及特殊字符的標志。

< EM>......，強調文字，通常用斜體。

< STRONG>......，特別強調的文字，通常用黑體。

......，以等寬體顯示西文字符。

......，使文字大小相對于前面的文字增大一級。

......，使文字大小相對于前面的文字減小一級。......，使文字成為前一個字符的上標。......，使文字成為前一個字符的下標。......，使文字顯示為閃爍效果。2.2.6

文本修飾 2.2.7

預格式化文本 使用預格式化標記

不再忽略在此之間的空格、制表符與回車符等元素 2.2.8 轉義字符與特殊字符

一般轉義符都是以“&”開始，以“；”結束，一個轉義符之間不能有空格 2.2.9 文本強制換行和不換行 文本強制換行


不換行 2.2.10 插入水平線 使用

標記

屬性：Width，Size，Align，Noshade，color 2.2.11 使用列表

1、無序列表

  • 列表條目1
  • 列表條目2......

2、有序列表

  1. 列表條目1
  2. 列表條目2......

3、定義列表

列表條目1
條目1的說明
列表條目2
條目2的說明 ……

...... 2.4.4 圖像地圖 【課后小結】

本節介紹了在網頁中加入文本、圖片和超級鏈接的標志與相應屬性，熟練運用這些標志是制作多媒體網頁的基礎。超級鏈接標志中，書簽鏈接是一類特殊的鏈接方式，理解和使用書簽鏈接學習HTML中超級鏈接標志的難點。

第四講 HTML表格、表單與框架標志

【教學內容】

講解HTML中制作表格、表單與框架的標志。【教學目的】

使學生掌握簡單表格、表單與框架的制作。【教學重點】

* 表格中單元格的合并以及表格嵌套和疊加操作。* 框架的嵌套使用。* 表單元素標志與屬性。【教學難點】

* 理解表格屬性rowspan與colspan的含義以及表格嵌套實現的基本思想。* 理解框架屬性name、target的意義。

* 理解表單中相應元素對應標志及屬性的含義。【教學方式】

案例分析式、項目教學 【教學參考】

1、《網頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業出版社。

2、《WEB網站設計》Joel Sklar著 高等教育出版社。

3、《HTML網頁制作教程》材義語編著 鐵道出版社。【新課內容】

2.5 插入表格

2.5.1 在網頁中插入表格

表格的基本構成元素：表頭，單元格，列，行

FrameSpacing=“2“

BorderColor=”#008000“ >

2.7.3 子窗口屬性設置

2.7.4 常見的框架窗口劃分方法（1）標題和正文，分為上下兩部分（2）層次結構，分為上中下三部分

（3）目錄和標題，分為左上、左下、右三部分

（4）標題、目錄和正文，分為上、左下、右下三部分（5）嵌套目錄，分為左、右上、右下三部分 2.7.5 不支持框架的網頁

</p><p><BODY> 很抱歉，饋下使用的瀏覽器不支援框架功能，請轉用新的瀏覽器。</p><h2><a name="3" >第三篇：《網頁制作》教案范文</a></h2><p>《信息技術》第三冊</p><p>新課程標準教案</p><p>制作第一個網頁(網頁誕生了)</p><p>[教學目的]</p><p>1．通過瀏覽幾個精彩網頁，激發學生制作網頁的學習興趣。</p><p>2．熟練掌握啟動Frontpage 2000，熟悉Frontpage2000文件菜單和常用工具的使用方法，新建“只有一個網頁的站點”的操作步驟，從中認識Frontpage2000的主界面，理解創建網站的意義．</p><p>3．網頁的基本步驟，了解創建網頁的過程學會在網頁中輸入文字、編輯文字、插入圖片的方法，培養學生搜集、處理信息的能力。</p><p>4．作網頁，培養學生學習制作網頁的興趣</p><p>[教學重點]</p><p>創建網站的過程，制作、編輯網頁的基本方法。Frontpage2000的窗口組成，[教學難點]</p><p>保存網頁文件的方法，創建網站的意義</p><p>[教法設計]</p><p>演示、練習、講授、啟發引導、任務驅動</p><p>[導入新課]</p><p><講述>在因特網上，我們可以用IE瀏覽器獲取萬維網中各種有價值的信息。同時看到許多</p><p>組織機構甚至個人都在萬維網上擁有自己的網頁。</p><p>讓學生打開“網上鄰居”的“網頁”文件夾，瀏覽從網上下載的幾個精彩網頁。</p><p><歸納> 你們有沒有想過自己制作一個網頁呢?把自己想要表述的內容，自己喜歡的作文、圖片通過網頁展示給同學或更多的朋友觀看、欣賞、瀏覽。</p><p>[講授新課]</p><p><布置任務> 制作第一個網頁</p><p><提問> 網頁制作不是一件簡單的事情，而是按一定的順序一步步進行的。請同學們回憶制作網頁前應作哪些準備工作?</p><p><歸納> 現在開始創建網頁．我們選用功能強大，操作簡單的工具Frontpage 2000來制作。</p><p>一．啟動Frontpage 2000</p><p><討論> 進入到Frontpage 2000界面后，比比看，這個軟件與以前學過的Word 2000與Excel2000有什么相同與不同之處呢?(展示兩軟件界面的圖片)</p><p><歸納> 相同之處是：窗口相似，都有常見的標題欄、菜單欄和工具欄。不同的是：多了一個如教材的圖2—2—2所示：1．編輯模式標簽卡2．視圖框。</p><p>二．建立只有一個網頁的站點</p><p><思考> 為什么不新建一個網頁，而要新建一個站點呢?</p><p><演示> 新建FrontPage 2000中“個人站點”來啟發引導．</p><p><小結> 一般來講，網頁文件總是存放在特定的站點中便于管理。因此，第一次制作網頁之前需建立一個存放網頁文件的專用站點。</p><p><學生練習>教材P76試試看</p><p>對于初學者，通常選用“只有一個網頁的站點”，今后根據需要可以向網站中添加新的網頁。</p><p><提問> 看書P76頁圖2-2-6，仔細觀察文件夾列表中唯一的一個網頁名稱是什么?(它是什么文件?)</p><p><歸納> index．htm被命名為主頁，即進入網站時看到的第一個網頁。</p><p>三．在主頁面編輯模式下插入文字，插入圖片。</p><p><講授> 我們知道文字，圖片，動畫是網頁組成的基本元素。</p><p>教案設計：陡埠中學</p><p>彭榮兵</p><p>《信息技術》第三冊</p><p>新課程標準教案</p><p>今天我們就在空白的主頁中加入文字和圖片，制作一個簡單的網頁。</p><p><老師演示啟動Frontpage 2000，新建“一個網頁的站點”直至打開INDEK.HTM主頁的整個步驟)</p><p><布置任務)</p><p>打開主頁文件，在右邊主頁頁面編輯窗，中完成如下任務：</p><p>1．將準備好的介紹班集體的文字(主題和正文)插入(復制，粘貼)到頁面中。</p><p>2．從計算機E盤里找到存儲的“集體照”圖片插入到網頁中。</p><p>復習WORD中學過的文字編輯、排版，插入圖片的方法。</p><p><部分學生演示插入圖片的方法，教師重復演示并加以補充></p><p><宣布比賽開始></p><p><學生操作，教師指導></p><p><對在操作的過程中遇到的共性問題給予指導></p><p>問題：</p><p>學生插入圖片后將其移動到合適的位置及調整圖片大小．</p><p><解決方法></p><p>1．老師引導，講解；2．學生演示；3．學生相互討論。</p><p>四．預覽網頁</p><p><講授> 編輯工作完成后就能觀看制作的效果了．可以保存之后在IB瀏覽器中觀看，也可以直接通過預覽模式標簽卡預覽、瀏覽．請同學們參考教材的圖示切換“預覽”標簽卡，預覽制作的網頁。</p><p><展示幾個學生的優秀作品，師生共同評價></p><p>評選出網頁制作的“速度獎”、“設計獎”、“美觀獎”。</p><p>五、保存制作的網頁</p><p>網頁制作完成，需要將它保存下來．請同學們按照教材P78頁上的操作步驟將網頁文件分別存放在images和_private文件夾中。</p><p><學生自行操作></p><p><歸納)在創建網站的同時系統自動地創建了images和_private文件夾。其中images文件夾用來保存網頁中使用的圖像文件，而private文件夾則保存一些參考文件和其他一些重要數據．鑒于此，希望同學們以后要學會分門別類地存放數據、資料和信息，養成整潔、條理的好習慣。</p><p><課堂總結> 今天用網頁制作工具Frontpage 2000創建了一個只有一個網頁的站點，在主頁中加入了文字和圖片，制作了一個簡單的網頁．這只是網頁制作的第一步，精彩的網頁還要不斷地加工、美化和修飾，例如：配上美麗的背景，加上好看的花邊和配上動聽的音樂，使之變得更完美。</p><p><課后小記></p><p>本著以學生為主體的原則，我在本課的教學中設計先讓學生瀏覽網上下載的精彩網頁，借以激發他們學習制作網頁的興趣，然后從啟動Frontpage 2000開始，直至網頁制作完成，老師只是一步步的啟發引導，起著主導的作用，大部分時間都是學生自己動手動腦操作，整堂課課堂氣氛活躍，收到了較好的教學效果。</p><p>教案設計：陡埠中學</p><p>彭榮兵</p><h2><a name="4" >第四篇：《網頁制作》教案</a></h2><p>《網頁制作》教案</p><p>潘有寅</p><p>一、說教材：</p><p>(一)教材分析：現在網絡快速發展，廣大的學生接觸，使用INTERNET的機會也大大增加，學生在使用網絡 獲取信息時，更多的是通過瀏覽網頁這一方式，我認為上好這節課是非常必要的，這對學生進一步認識、使用INTERNET更有益處，同時通過網頁制作這一過程也利于學生對計算機常用素材的類型有更深入的了解，在一定程度上也起著培養學生運用綜合知識能力作用，所以我認為這節課是非常值得我們去研究上好的，考慮這節課的內容及教法、學法的需要，我把這節分為兩課時，第一時：在引導下學生學，練 DREAMWEAVER制作網頁的基本方法；第二課：讓學生自己構思創意一個與自身相關的內容豐富的，頁面美觀的網頁。</p><p>(二)教學目標：根據對教材的分析及學生實際情況，制定如下的教學目標：</p><p>(1)知識目標：</p><p>1、有關建設第一個網頁的理念思想構成。</p><p>2、熟悉用DREAMWEAVER制作網頁的基本方法</p><p>3、超級鏈接是網頁實現互相鏈接的基本方法</p><p>(2)能力目標：</p><p>1、培養學生的自學能力</p><p>2、創意構思能力</p><p>3、能制作出具有多重鏈接、多種素材、內容豐富的網頁。</p><p>(3)情感目標：</p><p>1、教育學生正確認識和理解信息技術相關文化，倫理和社會問題，負責地使用信息技術。</p><p>(三)教學的重、難點：</p><p>根據對教材的分析及網頁制作過程中的 實際情況，我認為要出制作內容豐富的網頁，關鍵是要知道為什么要做網頁，明確你做網頁的目標。從培養學生運用信息技術綜合能力這點出發，我認為如何引導學生進行思考定位、以及通過網頁的制作這過程使學生對互聯網有更深入的了解和運用，應該做為本節的難點內容。</p><p>二、說教法：</p><p>我采用了主體式教學模式，首先我創設了一個學習情景，讓學生在情景中積極地完成任務，在任務完成階段，我是一名幫助者、引導者，教學時注意觀察學生，及時總結共性問題，個性問題留給小組學生討論，不斷激發學生的學習興趣，以達到最佳教學效果。教學方式上①我采用了“任務驅動”教學方式，強調“實踐出真知”的科學思想，授課時出示明確的，可操作性強的教學任務②分層教學，分類指導即兩分：考慮學生計算機水平的差異，我把學生分為A、B兩層，不同層次學生完成的學習目標不同，不同層次的學生教師指導方法不同。A層學生只要求完成知識目標，及能力目標第一個，B層學生同時要求能力目標的2、3 項。</p><p>三、說學法：</p><p>以學生為中心，要求學生由知識的灌輸對象轉變為信息加工的主體，引導學生按以下兩種方式來完成任務：①自學自練：通過學生自己在計算機進行操作從中獲取對知識的正確理解，探求問題解決的方法；②協作學習：在實際操作中遇到的問題鼓勵學生共同研究討論、解決，使學生可以看到問題的不同側面和不同的解決途徑，開闊學生的思路，從而對知識產生新的理解。</p><p>四、說教學過程</p><p>教學環節</p><p>教師主導</p><p>學生主體</p><p>設計意圖</p><p>導入新課：</p><p>同學們，互聯網近年發展迅猛，大家都離不開網絡了，那么同學們平時上網看的都是別人做的網頁，如果自己也可以在網上看到自己制作網頁，那中動手的滿足感該有多好啊。這節的學習的目標就是網頁的制作，準備共用兩課時完成這部分內容，第一課時：自學自練DREAMWEAVER制作網頁的基本方法；第二課時： 自己設計制作網頁。學生回答，明確學習目標 通過展示教師制作的學校網頁，激發學生的學習興趣，同時給出學習目標，讓學生明確學習任務，做到有的放矢。</p><p>講授新課第一課時： 再具體操作之前，同學們應先了解有關網頁的一些相關知識。</p><p>閱讀內容、分析，總結激發學生主體參與意識，培養學生閱讀歸納知識的能力 理念的構成，尋找可模仿的同齡人制作的網頁。找出網頁內在的邏輯關系及理念。先模仿再創造。觀察，調動的興趣，明確學習的途徑，方法，堅定學習成功的信心。通過展示學生們制作的班級網頁，進一步激發學生的學習興趣，同時堅定學生的學習信心，告訴學生通過自己的自學自練就可實現學習目標，進而培養學生的自學習慣。</p><p>總結或補充</p><p>1、網頁制作方法很多，我們要學習的只是其中的一種；</p><p>2、無論哪種方法制作的網頁，生成文 件擴展名均為html或htm，即對應是html語言</p><p>3、當瀏覽網頁時，看到的不是語言代碼而是語言代碼所描述 的形象。總結 理解、記憶在上課的最佳時間內，讓學生了解有關網頁的相關知識，這利于學生的記憶</p><p>教師指導(分類指導)共性問題做小結</p><p>自學、自練協作學習培養學生自學能力，閱讀、分析、解決問題實際操作，使學生成為學習的主體，學習的主人 小結 1解決操作中的共性問題</p><p>2指出超級鏈接是實現多網頁鏈接的的基本方法：</p><p>3、保存文件為htm或html格式并預覽 學生總結并提出問題，理解超級鏈接，預覽自己的練習作品</p><p>解決操作中的問題，為下步學習掃清障礙，將本節的重點問題突出，通過預覽對網頁設計有一個初步設想</p><p>展示第二課時目標：</p><p>設計一個網頁，內容豐富，突出主題，展示個性</p><p>多種素材綜合運用(可以自己準備素材)</p><p>明確下課時學習任務，主動思考</p><p>通過一下課時的目標展示，使學生可以有更多時間去構思、創意，促動學生主動的去思考、去學習，引導學生習慣于創新，展示獨特創意。</p><p>第二課時</p><p>展示第二課時目標：</p><p>計一個網頁，內容豐富，突出主題，展示個性</p><p>多種素材綜合運用(可以使用自己的準備素材)</p><p>明確任務</p><p>明確目標、任務，理清設計思路</p><p>指導(分類)</p><p>設計自己的網頁</p><p>培養學生實際操作能力，綜合運用知識能力在這過程中學生將會將上節自學的內容及以上學習綜合運用，這對培養學生綜合能力是相當有好處的。</p><p>通過局域網展示網頁</p><p>學生推薦、自薦、評論</p><p>激發學生向上進取的學習態度，也可以使學生橫向學習</p><p>課堂小結及課后要求</p><p>小結：找優缺點</p><p>思考、總結</p><p>進步引導學生學習</p><p>課后思考</p><p>1、讓你的網頁互相網上也被全世界人所瀏覽，那你該怎樣實現</p><p>2、用DREAMWEAVER制作的網頁與我們平時所見的網頁效果一樣嗎？</p><p>全班互動學習進一步拓展學生的學習思路，學習空間，加強自學、互學的能力</p><p>五、說板書設計：</p><p>考慮到信息技術學科教學的實際特點，所以在板書設計上我主要體現了以下三個特點。</p><p>突出簡要內容</p><p>突出課時目標</p><p>設置“共性問題”、“總結解決”版面</p><p>板書設計 網頁制作</p><p>第一課時：</p><p>網頁文件說明</p><p>1、常見的網頁制作工具</p><p>2、網頁文件的擴展名為htm或html</p><p>3、瀏覽器所顯示的不是語言代碼而描述的形象</p><p>二、理念構成</p><p>1、目標：熟悉用dreamweaver制作網頁的基本方法</p><p>2、分類指導</p><p>共性問題</p><p>總結解決 第二課時目標</p><p>設計網頁，內容豐富，突出主題，展示個性多種素材綜合運用(可以自己準備素材)第二課時：</p><p>一、目標：</p><p>1、設計網頁，內容豐富，突出主題，展示個</p><p>2、種素材綜合運用(可以使用自己準備的素材)</p><p>二、設計制作：</p><p>共性問題</p><p>總結解決</p><p>三、展示、討論</p><p>四、課后思考</p><h2><a name="5" >第五篇：網頁制作教案</a></h2><p>第一節 制作簡單的網頁</p><p>（一）教學對象分析</p><p>學生在學習本內容前，已經學習了利用Word制作簡單的網頁，并且初步掌握了制作網頁的一般流程及基本操作，具有進一步學習的能力。</p><p>（二）教學目標</p><p>1、了解Frontpage的界面組成及基本功能。</p><p>2、掌握在Frontpage中編輯文字、插入圖像的方法。</p><p>3、掌握在Frontpage中設置電子郵件超鏈接的方法。</p><p>4、培養學生在獲取信息的能力，使學生學會利用計算機和網絡搜集與準備網頁素材。</p><p>5、培養學生的知識遷移能力。</p><p>（三）教學重點</p><p>利用Frontpage制作簡單的網頁</p><p>（四）教學方法和手段</p><p>教學方法：以學生自學為主，教師輔導為輔。教學手段：多媒體網絡教學。</p><p>（五）教學過程</p><p>1、創設情境，導入新課：</p><p>展示幾幅優秀的網頁作品，激發學生學習專業網頁制作軟件的愿望。Frontpager 功能主要體現在：</p><p>1、網頁編輯功能。</p><p>2、網站管理功能。</p><p>一、啟動Frontpage i.ii.啟動Frontpage Frontpage窗口組成</p><p>二、用Frontpage制作網頁</p><p>1、輸入文字</p><p>2、設置字體、字號</p><p>3、插入剪貼畫</p><p>4、創建電子郵件超鏈接</p><p>三、保存網頁</p><p>四、預覽網頁 反饋操作情況情況</p><p>第二節 插入表格</p><p>（一）教學目標</p><p>了解Frontpage中使用表格的作用。掌握在Frontpage中插入表格的方法。能熟練在表格中輸入文字、插入圖片。</p><p>（二）教學重點</p><p>在Frontpage 中利用表格組織網頁結構。</p><p>（三）教學過程</p><p>導入新課，表格是網頁中經常使用的一種形式，表格里不僅可以存放文字、圖像等數據，還可以作為組織網頁內容的框架，使網頁整齊、美觀。</p><p>新課講授：</p><p>1、插入空表格</p><p>2、在表格中插入圖片</p><p>3、設置圖片屬性</p><p>4、輸入文字</p><p>5、設置表格屬性</p><p>6、插入表格標題</p><p>7、保存網頁、預覽網頁 本課總結</p><p>第三節 創建表單</p><p>（一）教學目標 了解表單的功能。</p><p>掌握在Frontpage中創建表單的方法。掌握在Frontpage中插入表單域的方法。</p><p>（二）教學重點 表單網頁的結果處理。</p><p>（三）教學過程</p><p>復習</p><p>1、如何制作圖文并茂的網頁？</p><p>2、表格在網頁中的主要作用？</p><p>3、在網頁中插入表格有幾種方法？ 導入新課、創設情境</p><p>展示幾幅含有表單域的網頁作品，例如調查表、申請表、提問：表單與表格的異同點？ 講授新課</p><p>一、利用表單網頁向導創建表單</p><p>1、建立表單</p><p>2、修改表單</p><p>3、處理表單結果</p><p>4、利用表單確認模板制作表單確認頁面</p><p>二、制作網頁背景 反饋操作情況 本課總結</p><p>課后任務：利用菜單欄中的命令在網頁中插入表單域。</p><p>第四節 利用框架制作首頁</p><p>（一）教學目標 了解框架的功能</p><p>掌握在Frontpage中使用框架的方法。掌握在Frontpage中建立超鏈接的方法。</p><p>（二）教學重點 利用框架制作首頁</p><p>（三）教學過程</p><p>復習：</p><p>1、如何制作表單頁？</p><p>2、表單的主要作用？</p><p>導入新課、創設情境：展示模范的網頁作品，激發學生學習的興趣。講授新課：</p><p>一、利用框架制作首頁</p><p>1、新建框架網頁</p><p>2、設置 右框中的初始網頁</p><p>3、保存網頁</p><p>4、建立左框中的網頁</p><p>二、建立超鏈接</p><p>二、制作網頁背景 保存網頁、游覽網頁 反饋操作情況 本課總結</p><p>課后任務：練習其他幾種超鏈接方式。宛善網頁。</p><p>第五節 站點管理</p><p>（一）教學目標 了解站點的基本知識。</p><p>掌握利用Frontpage建立站點的方法。掌握向站點中導入網頁的方法。</p><p>（二）教學重點 導入超鏈接</p><p>（三）教學過程 復習：</p><p>導入新課、創設情境：Frontpage不僅具有強大的網頁編輯功能，而且具有強大的管理站點的功能。講授新課：</p><p>一、建立站點</p><p>二、導入網頁</p><p>三、導入超鏈接 本課總結</p><p>第六節 發布站點</p><p>（一）教學目標 了解發布站點的一般流程</p><p>（二）教學重點</p><p>把站點發布到因特網上是本節的重點。</p><p>（三）教學過程 復習：</p><p>導入新課、創設情境：展示因特網上的優秀個人網站。講授新課：</p><p>一、把站點發布到本機</p><p>二、測試網站的表單功能</p><p>三、把網站發布到因特網上（介紹）本課總結</p> </div> </article> <a href="#" tpid="25" target="_self" class="download_card jhcdown" rel="nofollow"> <img class="download_card_pic" src="http://static.xiexiebang.com/skin/default/images/icon_word.png" alt="下載教案：使用記事本制作第一個網頁word格式文檔"> <div id="jdb3l39rxn9" class="download_card_msg"> <div id="jdb3l39rxn9" class="download_card_title" style="text-decoration:none;">下載教案：使用記事本制作第一個網頁.doc</div> <div id="jdb3l39rxn9" class="download_card_tip">將本文檔下載到自己電腦，方便修改和收藏，請勿使用迅雷等下載。</div> </div> <div id="jdb3l39rxn9" class="download_card_btn"> <img src="http://static.xiexiebang.com/skin/default/images/icon_download.png"> <div id="jdb3l39rxn9" class="downlod_btn_right"> <div>點此處下載文檔</div> <p>文檔為doc格式</p> </div> </div> </a> <div id="jdb3l39rxn9" class="post-tags mt20 mb30"><span>相關專題</span> <a href="/tag/yjsbzzjdwy/" target="_blank">用記事本制作簡單網頁</a> <a href="/tag/yjsbzzjywy/" target="_blank">用記事本制作簡易網頁</a> <a href="/tag/bzjasyjsb/" target="_blank">標準教案使用記事本</a> </div> <div id="jdb3l39rxn9" class="single-info mb40"><span id="jdb3l39rxn9" class="hidden-xs ">網址：http://www.tmdps.cn/a1/2019051216/69a9940c53592fa6.html</span><br>聲明：本文內容由互聯網用戶自發貢獻自行上傳，本網站不擁有所有權，未作人工編輯處理，也不承擔相關法律責任。如果您發現有涉嫌版權的內容，歡迎發送郵件至：645879355@qq.com 進行舉報，并提供相關證據，工作人員會在5個工作日內聯系你，一經查實，本站將立刻刪除涉嫌侵權內容。 </div> <div id="jdb3l39rxn9" class="single-xg mb40"> <div id="jdb3l39rxn9" class="con-title"> <h3><a name="6"></a>相關范文推薦</h3> </div> <div id="jdb3l39rxn9" class="sticky mb20"> <ul><h2 class="mb20"><a href="/a5/201905130/84cb5012f197b7e3.html" target="_blank">網頁制作教案</a></h2><p>HTML第一節課 1.本課程主要目標 使用DIV+CSS布局網頁使用CSS美化網頁制作精美的商業網站 2.整體課程內容 3.本課程授課目標3.1了解HTML整體課程 3.2 會使用HTML標簽 3.3 了......</p><h2 class="mb20"><a href="/a15/201905157/2b780270cf11e997.html" target="_blank">認識記事本和初步使用教案</a></h2><p>認識記事本和初步使用 教學目標： 1、使學生掌握打開和關閉記事本的方法； 2、使學生掌握在記事本中輸入符號的方法； 3、使學生能使用電腦進行一些簡單的文字存儲。 教學重點： 1、......</p><h2 class="mb20"><a href="/a5/2019051223/a022a0f83c29056f.html" target="_blank">dreamweaver網頁制作教案</a></h2><p>dreamweaver網頁制作教案 （Dreamweaver MX） 一、Dreamweaver MX中文版建站初步 建立一個網站，首先要在本地機器上做好網站，再傳到網上的虛擬空間上。現在免費的網頁空間很少了，在......</p><h2 class="mb20"><a href="/a5/2019051223/c35ea2a4d6d422b5.html" target="_blank">網頁制作教案10</a></h2><p>4.2 課堂任務1 首頁版面的設計與制作 課程名稱：網站的設計與制作 課時數：4 教學目標： 知識與技能：了解圖層及圖層樣式相關概念。 過程與方法：掌握用PhotoShop進行簡單的圖片處理......</p><h2 class="mb20"><a href="/a5/2019051223/186e17ac96ff4b29.html" target="_blank">網頁制作基礎知識 教案</a></h2><p>網頁制作基礎知識 教案 教學目標： 了解網頁的組成元素及常用的網頁制作工具。了解網頁制作的一些基礎知識，如網站和網頁的區別、網頁的類型、網頁的構成元素等，然后在了解的基......</p><h2 class="mb20"><a href="/a5/201905130/1b6264264bab3034.html" target="_blank">網頁制作教案8.</a></h2><p>3.3 課堂任務 快速建站技術—模板的應用 課程名稱:利用模板快速建站 課時數:4 教學目標: 知識與技能:了解模板的定義,模板的可編輯區域的定義。 過程與方法:掌握在網頁中創......</p><h2 class="mb20"><a href="/a5/2019051223/cbe404a201a379dc.html" target="_blank">動態網頁制作教案（精選合集）</a></h2><p>一、教學目標： 1、知識目標 （1）了解動態HTML，動態網頁的概念 （2）能夠實現簡單的動態HTML效果，能夠插入簡單的javascript代碼 （3）掌握動態網頁的特性 2、能力目標 （1）培養學生的探究學習......</p><h2 class="mb20"><a href="/a5/201905130/a767a396b57e8517.html" target="_blank">《網頁制作工具》參考教案</a></h2><p>《網頁制作工具》參考教案 教學主題 網頁制作工具（1）（Frontpage和Dreamweaver的使用） 教案設計趙志 教案編號適用年級 高二年級教學課時1課時 教材分析 概述：通過網頁設計，了......</p></ul> </div> </div> </div> </div> <div id="jdb3l39rxn9" class="right-content-box wow fadeInRight delay300 right-content"> <script src="/e/member/login/loginjs.php"></script> <div id="jdb3l39rxn9" class="sidebar"> <div class="jdb3l39rxn9" id="sidebar" role="complementary"> <aside id="recent-posts-3" class="widget widget_recent_entries"> <h3 class="widget-title">猜你喜歡</h3> <ul class="new-list"><li><a href="/a15/201905151/725365d89e9b4be7.html" title="frontpage網頁制作教案" target="_blank">frontpage網頁制作教案</a></li><li><a href="/a15/201905156/edcb9596e2db0866.html" title="電腦網頁制作教案" target="_blank">電腦網頁制作教案</a></li><li><a href="/a15/201905155/96ec16df026d98f9.html" title="網頁制作第二節教案" target="_blank">網頁制作第二節教案</a></li><li><a href="/a15/201905155/5a4b49e8e978491d.html" title="12、 網頁制作教案" target="_blank">12、 網頁制作教案</a></li><li><a href="/a5/2019051223/0fbccdda4ddb16cd.html" title="《網頁制作FrontPage》教案（最終5篇）" target="_blank">《網頁制作FrontPage》教案（最終5篇）</a></li><li><a href="/a5/2019051223/05e7659d80514622.html" title="網頁制作綜合應用教案" target="_blank">網頁制作綜合應用教案</a></li><li><a href="/a5/2019051223/4de3b84ada00ee89.html" title="《網頁制作》教學大綱簡易教案" target="_blank">《網頁制作》教學大綱簡易教案</a></li><li><a href="/a5/2019051223/83d0d06c7300179a.html" title="Dreamweaver網頁制作教案[推薦五篇]" target="_blank">Dreamweaver網頁制作教案[推薦五篇]</a></li><li><a href="/a5/2019051223/9798051ffbf81b51.html" title="《網頁制作》公共課簡易教案" target="_blank">《網頁制作》公共課簡易教案</a></li><li><a href="/a5/2019051223/d1cb3432e47d0067.html" title="網頁設計與制作教案" target="_blank">網頁設計與制作教案</a></li></ul> </aside> </div> </div> </div> </div> </div> </section> <section id="footer" class="p30"> <div id="jdb3l39rxn9" class="container"> <div id="jdb3l39rxn9" class="footer-top clearfix"> <div id="jdb3l39rxn9" class="copyr"> <div id="jdb3l39rxn9" class="footer-menu clearfix mb10"> <ul class="footer-menu-con"> <li><a href="/a1/">1號文庫</a></li><li><a href="/a2/">2號文庫</a></li><li><a href="/a3/">3號文庫</a></li><li><a href="/a4/">4號文庫</a></li><li><a href="/a5/">5號文庫</a></li><li><a href="/a6/">6號文庫</a></li><li><a href="/a7/">7號文庫</a></li><li><a href="/a8/">8號文庫</a></li><li><a href="/a9/">9號文庫</a></li><li><a href="/a10/">10號文庫</a></li><li><a href="/a11/">11號文庫</a></li><li><a href="/a12/">12號文庫</a></li><li><a href="/a13/">13號文庫</a></li><li><a href="/a14/">14號文庫</a></li><li><a href="/a15/">15號文庫</a></li> </ul> </div> <p>Copyright ? 2018 <a href="/">寫寫幫文庫</a> All Rights Reserved &nbsp;&nbsp;<a target="_blank" rel="nofollow"> 浙ICP備11058632號</a>&nbsp;&nbsp; <script type="text/javascript" src="http://static.xiexiebang.com/skin/default/js/tj.js"></script></p> </div> </div> </div> </section> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/superfish.js'></script> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/jquery.slicknav.js'></script> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/xs.js'></script> <div id="jdb3l39rxn9" class="right_bar hidden-xs "> <ul> <li id="jdb3l39rxn9" class="rtbar_li1" style="left: 0px;"><a><img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon3.png"><span id="call_tel"></span></a></li> <li id="jdb3l39rxn9" class="rtbar_li2"> <a href="javascript:void(0);"> <img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon4.png"> </a> <div id="jdb3l39rxn9" class="rtbar_shwx" style="display: none;"> <img width="188" height="188" alt="微信二維碼" src="http://static.xiexiebang.com/skin/default/images/wechat.png"> </div> </li> <li id="jdb3l39rxn9" class="rtbar_li3" style="left: 0px;"> <a href="tencent://message/?uin=2261362615&amp;Menu=yes"> <img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon2.png"> 點擊咨詢 </a> </li> <li id="jdb3l39rxn9" class="rtbar_li5"><a href="#1">第一篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li6"><a href="#2">第二篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li7"><a href="#3">第三篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li8"><a href="#4">第四篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li9"><a href="#5">第五篇</a></li> <li id="jdb3l39rxn9" class="rtbar_li10"><a href="#6">更 多</a></li> <li id="jdb3l39rxn9" class="rtbar_li4 gotop"> <a href=""><img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon1.png"> </a></li> </ul> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://www.tmdps.cn/" title="&#20037;&#20037;&#57;&#57;&#31934;&#21697;&#20037;&#20037;&#20037;&#20037;&#20037;&#29738;&#29738;">&#20037;&#20037;&#57;&#57;&#31934;&#21697;&#20037;&#20037;&#20037;&#20037;&#20037;&#29738;&#29738;</a> <div class="friend-links"> </div> </div> </footer> 主站蜘蛛池模板： <a href="http://lovemmm.cn" target="_blank">国产精品乱码人妻一区二区三区</a>| <a href="http://jxjsbmz.cn" target="_blank">国产精品婷婷久久爽一下</a>| <a href="http://lionbo.cn" target="_blank">国产精品成人精品久久久</a>| <a href="http://risingtourism.cn" target="_blank">国产极品白嫩精品</a>| <a href="http://huashunyy.cn" target="_blank">亚洲精品无码不卡av</a>| <a href="http://jinyuandai.com.cn" target="_blank">国产精品久久久久久久久久久久午夜片</a>| <a href="http://769zy.cn" target="_blank">亚洲色无码一区二区三区</a>| <a href="http://uzft.cn" target="_blank">中文字幕亚洲制服在线看</a>| <a href="http://lvliangqiyema.cn" target="_blank">无码国产色欲xxxx视频</a>| <a href="http://hivaz.cn" target="_blank">久久久久久99av无码免费网站</a>| <a href="http://bbgdq.cn" target="_blank">日韩精品无码一区二区忘忧草</a>| <a href="http://87066789.cn" target="_blank">国产精品无码a∨果冻传媒</a>| <a href="http://tuanfujin.cn" target="_blank">国产精品国产自线拍免费软件</a>| <a href="http://lyxiaolong.cn" target="_blank">色悠久久久久综合欧美99</a>| <a href="http://stemcell.net.cn" target="_blank">欧美在线三级艳情网站</a>| <a href="http://756ct.cn" target="_blank">18禁黄网站免费</a>| <a href="http://ftcr.com.cn" target="_blank">国产精品美脚玉足脚交</a>| <a href="http://sdbcj.cn" target="_blank">精品人妻伦一二三区久久</a>| <a href="http://jianfeishipu.org.cn" target="_blank">九九视频免费精品视频</a>| <a href="http://tlrci.cn" target="_blank">激情小说图片</a>| <a href="http://sl899com.cn" target="_blank">久拍国产在线观看</a>| <a href="http://gzqqgy.cn" target="_blank">久久tv中文字幕首页</a>| <a href="http://jenipfug.com.cn" target="_blank">天美传媒精品</a>| <a href="http://puleju.com.cn" target="_blank">亚洲精品自在在线观看</a>| <a href="http://erhaaox.cn" target="_blank">久久婷婷五月综合色奶水99啪</a>| <a href="http://euromac.net.cn" target="_blank">亚洲国产成人a精品不卡在线</a>| <a href="http://zjhenghui.com.cn" target="_blank">久久久久蜜桃精品成人片公司</a>| <a href="http://54pnw.cn" target="_blank">日本免费人成视频在线观看</a>| <a href="http://shxiyinx.cn" target="_blank">内射老阿姨1区2区3区4区</a>| <a href="http://kiehls.org.cn" target="_blank">国模无码人体一区二区</a>| <a href="http://jewelrynet.cn" target="_blank">啪啪激情婷婷久久婷婷色五月</a>| <a href="http://021city.com.cn" target="_blank">小妖精又紧又湿高潮h视频69</a>| <a href="http://ethertech.cn" target="_blank">激情综合色综合啪啪五月丁香</a>| <a href="http://xwjsmgs.cn" target="_blank">亚洲秘?无码一区二区三区欧美</a>| <a href="http://wxjhny.cn" target="_blank">免费久久人人香蕉av</a>| <a href="http://clientsolutions.cn" target="_blank">婷婷五月综合色中文字幕</a>| <a href="http://311qz.cn" target="_blank">一区一区三区四区产品动漫</a>| <a href="http://hnzhwn.com.cn" target="_blank">韩国主播av福利一区二区</a>| <a href="http://keruijiaoyu.cn" target="_blank">美女黄网站人色视频免费国产</a>| <a href="http://bjnvx.com.cn" target="_blank">女人18片毛片60分钟</a>| <a href="http://slcaq.org.cn" target="_blank">亚洲a∨无码男人的天堂</a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="0yago" class="pl_css_ganrao" style="display: none;"><nav id="0yago"></nav><center id="0yago"></center><fieldset id="0yago"><table id="0yago"><noscript id="0yago"></noscript></table></fieldset><tfoot id="0yago"></tfoot><em id="0yago"></em><th id="0yago"><object id="0yago"><li id="0yago"></li></object></th><rt id="0yago"><tbody id="0yago"><em id="0yago"></em></tbody></rt><pre id="0yago"><td id="0yago"><cite id="0yago"></cite></td></pre><strong id="0yago"></strong><source id="0yago"></source><noframes id="0yago"><del id="0yago"><dfn id="0yago"></dfn></del>

  • <strike id="0yago"><input id="0yago"></input></strike>
  • <del id="0yago"></del>
      • <del id="0yago"></del>
        <cite id="0yago"></cite>
        •  
           第一行第一列 第一行第二列 
           
           第二行第一列 第二行第二列