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

《網頁制作FrontPage》教案（最終5篇）

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

第一篇：《網頁制作FrontPage》教案

《網頁制作FrontPage》教案

教師：張愛平

第1、2課時 網頁設計概述

【教學內容】

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

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

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

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

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

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

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

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

4、《HTML網頁制作教程》材義語編著 鐵道出版社。【新課內容】 1.1 中超級鏈接標志的難點。

第7、8課時HTML表格、表單與框架標志

【教學內容】

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

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

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

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

* 理解框架屬性name、target的意義。* 理解表單中相應元素對應標志及屬性的含義。【教學方式】 案例分析式、項目教學 【教學參考】

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

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

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

2.5.1在網頁中插入表格

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

第一行第一列 第一行第二列
第二行第一列 第二行第二列
2.5.2嵌套的表格 2.5.3表格的屬性設置 2.5.4單元格屬性設置 2.6 表單的應用

表單在Web網頁中用來給訪問者填寫信息，從而能獲得用戶信息，使網頁具有交互的功能。2.6.1創建表單

2.6.2用定義用戶交互（1）單行文本輸入區（2）密碼輸入區（3）單選框（4）復選框（5）隱藏區域（6）按鈕

2.6.3定義下拉式菜單

你選修的課程：

2.6.4定義多行文字輸入區域 請輸入你的詳細介紹：

2.7 框架窗口

框架把窗口劃分成幾個子窗口，各個子窗口可以調入各自的HTML文檔，最后形成充滿整個窗口的網頁。2.7.1框架的定義 2.7.2框架屬性設置

2.7.3子窗口屬性設置

SRC=“a.htm”

MarginWidth=“5”

Noresize MarginHeight=“5” Scrolling=“auto” FrameBorder=“0” FrameSpacing=“6” BorderColor=“#0000FF” Target=“rtop”> 2.7.4常見的框架窗口劃分方法（1）標題和正文，分為上下兩部分（2）層次結構，分為上中下三部分

（3）目錄和標題，分為左上、左下、右三部分（4）標題、目錄和正文，分為上、左下、右下三部分（5）嵌套目錄，分為左、右上、右下三部分 2.7.5不支持框架的網頁 </p><p><BODY> 很抱歉，饋下使用的瀏覽器不支援框架功能，請轉用新的瀏覽器。</p><h2><a name="2" >第二篇：frontpage網頁制作教案</a></h2><p>Frontpage網頁制作導學案</p><p>青州一中</p><p>劉志韓</p><p>文件——新建——網頁 【學習目標】</p><p>1、包括網頁制作基礎知識</p><p>2、站點的規劃和創建</p><p>3、網頁文本和圖片的處理、表格和框架的應用 【學習重難點】</p><p>1、建立一個主題網站</p><p>2、建設一個網站的步驟</p><p>3、網頁的美化與特效的制作 【課前預習】</p><p>思考一下多媒體信息集成的方式有哪些？</p><p>【自主學習】</p><p>1、在www中，________是信息的主要組織和表現形式。</p><p>2、用________語言編寫的網頁實際上是一種文本文件，以.HTML或者.HTM為擴展名，可以使用任何文本處理軟件（如記事本、word等）創作或修改。</p><p>3、制作網頁常用的軟件有_________________和_________________。</p><p>4、網頁文件的擴展名有哪些？</p><p>5、網站開發的基本過程：</p><p>網站的規劃——（）——（）——網站的發布與管理——網站的評價 【合作探究與指導】</p><p>三、網站的制作</p><p>1、創建站點</p><p>文件——新建——站點（選擇或創建存儲站點的文件夾）</p><p>2、網頁的創建與編輯</p><p>3、插入對象 水平線 圖片 字幕 懸停按鈕</p><p>4、創建超級鏈接</p><p>在對象上右擊選擇超級鏈接——選擇鏈接的目標。</p><p>5、使用表格</p><p>表格——插入（在制作網頁的過程中用表格來布局網頁）</p><p>6、在站點中查看網頁的編輯及網頁之間的鏈接情況。</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>以環保為主題，利用文件夾“環保”中的素材，制作一個5頁的網站。</p><p>【當堂檢測】</p><p>1.在網頁制作中，我們經常用下列（）辦法進行頁面布局。</p><p>A.文字</p><p>B.表格</p><p>C.表單</p><p>D.圖片 2.使用瀏覽器訪問網站時，第一個被訪問的網頁稱為（）。</p><p>A.網頁</p><p>B.網站</p><p>C.HTML語言</p><p>D.主頁 3.網頁中可使我們進行選擇性瀏覽的稱為（）。</p><p>A.文字</p><p>B.圖片</p><p>C.聲音</p><p>D.超鏈接</p><p>4.在FrontPage2000中，要建立同一個網頁內的鏈接點，讓你點選某一鏈接后，迅速跳到同一網頁內的另一個特定位置，應采用（）鏈接。</p><p>A.單元格</p><p>B.表單</p><p>C.書簽</p><p>D.表格 5.FrontPage 2000中，下述關于圖片與鏈接的關系表述正確的是（）。</p><p>A.圖片不能建立鏈接</p><p>B.一張圖片只能建立一個鏈接</p><p>C.圖片要建立鏈接需經過處理</p><p>D.通過設置熱區，一張圖片可建立多個鏈接 6.在FrontPage 2000“網頁”視圖模式下，單擊“普通”標簽后，在出現的“普通”窗口中，可直接進行（）。</p><p>A.網頁編排</p><p>B.觀察網頁在瀏覽器中的效果</p><p>C.編輯HTML代碼</p><p>D.下載圖片 7.網頁制作的超文本標記語言稱為（）。</p><p>A.VB語言</p><p>B.HTML語言</p><p>C.BASIC語言</p><p>D.ASCII 8.在Frontpage2000網頁視圖方式下，單擊（）標簽可直接編輯HTML代碼？</p><p>A.普通</p><p>B.HTML</p><p>C.預覽</p><p>D.編輯 9.在FrontPage 2000中，我們想要文字左右交替移動的效果，是下列（）效果。</p><p>A.字體</p><p>B.DHTML效果</p><p>C.字幕</p><p>D.懸停按鈕 10.在FrontPage 2000表格單元格中，（）項目不能輸入。</p><p>A.表格</p><p>B.圖形</p><p>C.背景</p><p>D.聲音</p><p>作業：以我們寒假生活為主題，從互聯網上搜索的素材制作一個網站。</p><p>【閱讀材料】</p><p>網站設計</p><p>建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。</p><p>一、確定網站主題</p><p>網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于個人網站，必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。</p><p>二、搜集材料</p><p>明確了網站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網頁的素材。</p><p>三、規劃網站</p><p>網站設計得成功與否，很大程度上決定于設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。</p><p>四、選擇合適的制作工具</p><p>網頁制作涉及的工具比較多，首先就是網頁制作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，五、制作網頁</p><p>材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。</p><p>六、上傳測試</p><p>網頁制作完畢，最后要發布到Web服務器上，才能夠讓全世界的朋友觀看，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放服務器上。網站上傳以后，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然后再上傳測試。</p><p>七、推廣宣傳</p><p>網頁做好之后，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。</p><p>八、維護更新</p><h2><a name="3" >第三篇：Frontpage網頁制作經驗總結</a></h2><p>【摘要】Frontpage更以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網頁，利用它可以輕松的組織、編輯網頁并將其發布到指定的站點上，而且在發布之后還能對更新情況進行監控以更新站點的。</p><p>【關鍵字】Frontpage創建站點、新建頁面、文字、超鏈接</p><p>現在流行的網頁制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有Adobe Pagemill 3.0--制作多框架，表單和Image map 圖像的網頁工具、Netscape等等。其中Frontpage更以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網頁，利用它可以輕松的組織、編輯網頁并將其發布到指定的站點上，而且在發布之后還能對更新情況進行監控以更新站點的內容。</p><p>工具準備好了，可根據你的個人喜好來選擇一些素材，如圖片、喜歡的文章等。現在就讓我們從第一步的建立站點來踏上建造網上家園之旅。</p><p>用FRONTPAGE創建站點是很容易的。首先，我們來看一下創建一個只包含一個網頁的站點。選擇“文件”菜單的“新建”選項，單擊“站點”命令，這時新建站點對話框就彈出來了，在“指定新站點位置”文本框中輸入新站點的位置，單擊“只有一個網頁的站點” 圖標，單擊“確定”按鈕。這就建立好站點了，我們現在來看一下新的站點里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個網頁文件，名字叫做“index.htm”。我們知道，每一個站點都要有一個主頁，這個主頁也是一個網頁文件。瀏覽者訪問站點時首先進入的就是站點的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個網頁的站點時，FRONTPAGE就自動為我們創建了站點的主頁了。這個新建的站點主頁時空的，我們可以向里面添加內容。</p><p>在文件列表里除了主頁之外，還有文件夾。新建站點時，FRONTPAGE都會在站點所在位置下新建兩個文件夾，一個是“images”另一個是“_private”。我們在編輯站點時可以在“image”文件夾里放置站點用到的圖片。“private”文件夾比較特殊，其中的文件對瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網頁文件放在這個文件夾里，比如：我們可以在這個文件夾里存放注冊用戶的個人信息。</p><p>盡管每一個站點都要有一個主頁，不過創建站點時我們仍然可以從一個空站點開始：選擇“文件”菜單的“新建”命令，單擊“站點”選項，在“新建站點”對話框里，我們可以選擇“空站點”圖標來創建一個空站點。“新建站點”對話框中還有許多其他圖標，這是FRONTPAGE提供的用來創建站點模板或向導。我們創建只有一個網頁的站點或者創建空站點，都是從頭開始來創建一個站點，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結構和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節省了許多工作。</p><p>同樣的，盡管站點的風格千差萬別但是有許多站點的功能和結構都是一樣的，如果我們從頭開始建立站點的話，就要做許多重復勞動，這時，我們就可以使用模板或向導來建立站點。模板和向導的作用就好像蓋房子的圖紙一樣，我們不必每次建立站點時都從頭開始。我們單擊“個人站點”圖標，用它可以迅速創建一個個人站點，輸入站點所在的位置，單擊“確定”按鈕，這樣我們剛就創建了個人站點。個人站點模板已經為我們規劃好了站點的目錄和建立了相關的頁面。現在我們點擊一下“文件夾”按鈕，雙擊index.htm圖標，看，這就是我們的個人站點的主頁。哎，好象有許多文字都不對，沒關系，這些文字都是可以改變的，現在寫的是文字的用途，比如“主題”文字就是用來寫網站標題的地方，我們只要把它改為自己喜歡的標題就可以了。返回到“文件夾”模式，雙擊photo.htm。也可以把風景圖片換成自己的照片，只要在新建站點的基礎上進一步修改就可以做出自己的個人站點了。這不僅節省了許多力氣，同時也給了初學者一個良好的出發點。</p><p>那么模板和向導有什么區別呢？我們安裝軟件時，一步步的用對話框提示我們完成安裝過程的程序就是一個向導。在FRONTPAGE里，向導也是一種模板，不過它是一種特殊的模板，它會以對話框的形式輔助你完成站點的創建過程。</p><p>現在我們選擇“文件”菜單的“新建”選項，單擊“站點”命令，你看，FRONTPAGE提供了兩個向導：公司展示向導、討論站點向導，使用起來都很方便，你有興趣也可以利用向導建立一個站點。</p><p>創建頁面最簡單的就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網頁、站點、文件夾和任務。默認狀態下是新建網頁。</p><p>如果要新建網頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網頁能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網頁”，在“新建”對話框里，可以看到FRONTPAGE提供的許多網頁模板，我們可以用這些模板來建立相應的網頁。在右下角的預覽框里可以看到選中模板的外觀。選擇“兩欄正文”網頁，這樣就創建了一個新的分為兩欄的網頁了。然后點確定。使用模板可以不用總是從空白網頁開始編輯，這樣就省力很多。</p><p>網上幾乎所以的網頁都使用圖片加以點綴，在網頁中插入適當的圖片，能夠產生圖文并茂的效果。</p><p>如果有一個圖形，怎么把它放到網頁上呢？</p><p>首先要看你的圖形是什么格式的，也就是它擴展名是什么 只有擴展名為GIF和JPEG的圖形文件才能成為我們的頁面的一部分。因為這兩種圖形格式不僅廣泛，而且有利于節省存貯空間。如果圖形不是這種格式，使用了其它格式的圖形文件，在保存網頁時FRONTPAGE會提示做格式轉換，FRONTPAGE可以自動進行格式轉換。</p><p>現在可我們看看怎么插入圖形 選擇“插入”菜單的“圖片”命令，單擊“來自文件”按鈕。</p><p>在默認情況下，FRONTPAGE認為你要插入的圖片總是放在你建立的站點的目錄或它的子目錄下的。可以說,站點就是一個目錄。我們把編輯的許多網頁文件放在同一個目錄下，我們稱這個目錄為站點的主目錄。這些網頁引用的圖形一般也放在這個目錄下。當然，我們也可以在這個目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進行選擇。</p><p>如果要插入的圖片不在主目錄下, 在“選擇文件”對話框中進行選擇。選擇好文件以后，單擊“確定”按鈕，回到“圖形”對話框。單擊“確定”按鈕，圖形就插入了。現在單擊“常用”工具欄的“保存”按鈕。在“另存為”對話框中輸入新的web頁文件的名字，單擊“保存”按鈕。出現了一個對話框, 因為我們剛才插入的文件不在站點內，現在FRONTPAGE要把它復制到站點內，可是使用什么名字，放在站點的哪個目錄下呢，就要在這設置了，單擊“改變文件夾”按鈕，另外這兒還在需要時對圖形的格式進行轉換。單擊“位置”按鈕，在默認情況下，圖形被保存在站點的主目錄下，現在我們選擇IMAGE目錄，單擊“確定”按鈕。回到“嵌入式文件”窗口，再單擊“確定”。這樣，圖形就保存在站點內了</p><p>我們還可以從INTERNET上插入一個圖形。選擇“插入”菜單的“圖片”命令，在URL欄內輸入圖片的地址，單擊“確定”按鈕。由于是插入網上的圖片，因此在插入圖形以后，應該保存一下網頁，使圖形存到站點內。</p><p>您可能說,我不會畫畫，插入圖片容易，可是編輯圖片就不容易了。沒關系，FRONTPAGE自己帶有許多剪貼畫，你可以把它們插入到自己的網頁。選擇“插入”菜單的“圖片”命令，選擇“剪貼畫”。你看，各種剪貼畫都分類放好了。你可以自由地選</p><p>擇。不過，插入后別忘了保存網頁，把剪貼畫復制到站點目錄下。</p><p>一般我們插入的圖形總是和文本在一起的，所以調整圖形和文本的對齊方式很重要。在默認情況下，圖形自動與文本的底部對齊。這一個網頁，由于默認的對齊效果，頁面出現了大量的空白。這時就要調整圖形的對齊屬性。在圖形上單擊鼠標右鍵，選擇“圖片屬性”，選擇“外觀”選項卡我們把對齊方式調整為“左對齊”。使用圖形可以使網頁更加豐富多彩，而且我們還可以用圖形來建立超鏈接，使網頁相互聯系起來。怎么用圖形來建立鏈接呢？ 其實圖形超鏈接只要在建立超鏈接時選擇圖形就可以了。首先選中超鏈接的圖形，單擊箭頭圖形，單擊“常用”工具欄“超鏈接”按鈕，選擇主頁文件“頁面</p><p>1.htm”，單擊“確定”按鈕.在普通模式中，按住CTRL鍵，單擊箭頭圖形，就跳到主頁頁面了。</p><p>如果我們要在圖片上加上文字，單擊圖形工具欄“文本”按鈕，現在圖形中就出現了一個文本框，輸入：“機軟件”按一下Esc鍵，取消文字編輯，就選中文字框了，調整文本框到合適的位置，單擊頁面其他區域，文字就添加成功了。</p><p>如果我要修改 單擊一下要修改的文字，這時文字作為一個整體被選中了，再點一下文字，這時文本框里有光標閃爍，你可以編輯文本了，重新輸入：“計算機硬件”，在頁面其他區域單擊。文字就修改完成了。</p><p>怎樣使文字更豐富、活潑呢？一個簡單的就是使用“格式”工具欄。</p><p>字體設置：選上文字，打開格式工具欄的“字體”下拉列表框，在里面選擇相應的字體就可以了。如果瀏覽網頁的人使用的計算機沒有設置的字體？瀏覽器會用系統默認的字體代替你設置的字體。不過，使用常用字體是一個好習慣。</p><p>字號設置：在“格式”工具欄“字號”下拉列表框中選擇相應字體就可以了</p><p>工具欄上的B、I、U圖標的作用是：</p><p>按下B按鈕，被選中的文字就會變為粗體</p><p>按下I按鈕，被選中的文字就會變為斜體</p><p>按下u按鈕，被選中的文字就會帶下畫線</p><p>字的顏色：單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭，選擇適當的顏色，字的顏色就改變了。</p><p>還可以對字體進行一些其他設置。選擇“格式”菜單的“字體”命令，在這里我們還可以作進一步的設置。這里除了“格式”工具欄可以做的設置以外，還可以設置許多效果。“字符間距”選項卡：它是用來設置文字的間距的。單擊“間距”下拉列表，可以選擇字符的間距是普通、擴充還是緊縮的。選擇擴充，這時預覽框的文字間距就變大了。也可以調整間距大小來改變間距，輸入10，文字的間距就更大了。</p><p>“定位”下拉列表：在FRONTPAGE中每一行都有一個底線，定位就是指文字相對于底線的距離。也就是把文字上下移動，現在選擇“上移”，文字就向上移動了。預覽框中的黑線就是行的底線。</p><p>設計好的頁面，應該檢查它在瀏覽器中是否顯示正常。</p><p>方法是，一般只要切換到預覽模式就可以了。單擊“預覽”選項卡，在這個預覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網頁了。因為即使是同一個頁面，可能在不同的瀏覽器中顯示會不太一樣。比如在INTERNET EXPLORER中是這樣顯示的，但是在NETSCAPE中又是那樣顯示的。所以，我們要在自己的機器上多裝幾個瀏覽器，用來檢查網頁的兼容性。</p><p>那么為什么不用不同的瀏覽器來檢查呢？選擇“文件”菜單的“在瀏覽器中預覽”選項，在瀏覽器列表框中選擇不同的瀏覽器。（以INTERNET EXPLORER 5.0為例）單擊“確定”</p><p>按鈕。就可以看到新建頁面在瀏覽器中的效果了。</p><p>怎樣才能自己做的網頁相互聯系起來呢?也就是說讓別人點頁面上的圖形或文本就跳轉到其他頁面呢？</p><p>在網頁里，我們把這種點擊后會進行頁面切換的網頁界面元素叫超鏈接。先來看一下用文字來建立鏈接。</p><p>首先創建一個指向站點內其他網頁的超鏈接。</p><p>選擇“插入”菜單的“超鏈接”命令，在文件列表框內選擇“頁面1.htm”文件，注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預覽模式（單擊預覽按鈕），當我們把鼠標指向“主頁”兩字時鼠標變成手形，單擊它，我們就切換到主頁了。</p><p>那么為什么不在普通模式下試呢？：因為普通模式主要是用來編輯網頁的，當我們在普通模式把鼠標指向“主頁”兩字時鼠標沒有變成小手狀，因此不能進行頁面切換。不過如果按住CTRL鍵，鼠標就變成了小手狀。這時單擊就可以進行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。</p><p>我們也可以將超鏈接指向其他站點的網頁。選中作為超鏈接的文本，單擊“常用”工具欄的“超鏈接”按鈕，這和選擇插入菜單的超鏈接命令是一樣的。在“創建超鏈接”對話框里，在URL地址欄直接輸入要連接的網頁或網站的地址。如果不清楚要作超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網頁，FRONTPAGE會自動記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經設置好的超鏈接。首先確認是普通模式，在要改變的超鏈接下單擊鼠標右鍵，選擇“超鏈接屬性”命令，輸入新的URL地址就可以了。要想取消超鏈接，刪除所有URL地址框里的就可以了。還有一種超鏈接，可以鏈接郵件。這樣可以使你的網上朋友通過Email及時與你聯系，這是一個網站站長和網友交流的重要手段。先選中要作為超鏈接的文本，一般文本就是你的郵箱地址，單擊“超鏈接”按鈕，單擊“信封”按鈕，輸入你的郵箱地址，單擊“確定”按鈕，退出對話框，選擇“確定”，這時超鏈接就建立好了。我們試一下，切換到預覽模式，單擊郵件鏈接。</p><p>這樣我們就差不多完成了網頁的制作步驟，最后可將它發布到Web服務器上。站點發布前還要對它進行檢查工作，包括超鏈接，頁面等。</p><p>【】</p><p>〈1〉喬春源，樊天岳等。信息技術。江蘇技術出版社，2001年7月。</p><p>〈2〉李振格。Office入門與提高。清華大學出版社，2001年2月。</p><p>〈3〉王超鋒。網頁制作。人民郵電出版社，2001年10月。</p><h2><a name="4" >第四篇：FrontPage制作簡單網頁(高二公開課教案)（本站推薦）</a></h2><p>FrontPage制作簡單網頁</p><p>（高二信息技術公開課教學教案）</p><p>［ 教學目的 ］</p><p>了解網站的基本結構、構建網站的步驟，掌握用FrontPage制作簡單網頁 ［ 教學重點 ］</p><p>網站規劃、在網頁中輸入文字，插入圖片和表格 ［ 教學難點 ］</p><p>在網頁中輸入文字，插入圖片和表格 ［ 教學形式 ］ 演示與練習穿插進行 ［ 教學過程 ］ ［導入新課］</p><p>大家都很喜歡上網，因為網上有許多東西（學習資料、游戲、軟件、音樂……）可供我們選擇，而且許多都是免費的。這就是網絡的一個很重要的特點――資源共享。這些資源都是放在一個一個網站中的。我們也可以構建一個網站，把你的珍藏整理好放上去。這樣別人就可以分享你的東西。目前，在網上就有許多有名的個人網站，像華軍軟件、電腦之家、驅動之家、九天音樂等。［講授新課］</p><p>要想在網上安家落戶，大體上有以下三步：網站規劃、網頁制作和上傳以布。今天我們就先來學習網站規劃和簡單網頁的制作。</p><p>一、網站規劃</p><p>（在制作網頁之前要先建站，如果沒有事先的準備及策劃，只盲目的開始編輯網頁，將要花更多的時間和精力在網站的整合上。所以要養成先建站再織網的好習慣）</p><p>1． 確定網站的主題</p><p>2． 網站要包含哪些咨訓與服務 3． 構思每個網頁的草圖 4． 確定網頁與網頁之間的鏈接</p><p>演示：</p><p>1、用FrontPage中的導航來更直觀地了解網站結構；</p><p>2、用FrontPage新建一個站點；</p><p>（1）打開FrontPage，選擇“文件”－＞“新建”－＞“站點”；（2）單擊“只有一個網頁的站點”</p><p>注：在“文件夾列表”中顯示該站點中所有的文件夾和文件。（一般新建站點后就有兩個文件夾，我們一般將網站所需的圖片放在“image”文件夾中，當然你也可以根據需要新建一些文件夾，但必須在一個站點中）練習：</p><p>1． 自己構建一個個人網站；</p><p>2． 新建個人網站（當然此時的個人網站還只是和個空白網頁）二．制作網頁“自我簡介”（先展示一下做好的“自我簡介”）</p><p>（一）在網頁中輸入文字和插入表格</p><p>1． 在網頁中編輯工作區輸入文字“自我簡介”，居中；</p><p>2． 選中文字“自我簡介”，選擇“楷體＿GB2312”，字號為“6（24）磅”，粉紅色）； 3． 選擇“插入”－＞“換行符”，在彈出的“換行符屬性”對話框中選擇“普通換行符”，單擊“確定”，光標移到下一行； 4． 單擊“常用”工具欄上的“插入文件中的圖片”按鈕，彈出“圖片”對話框； 5． 單擊“剪貼畫”按鈕，在“比喻”類別中選擇一幅圖片，將此圖片插入網頁中； 6． 調整圖片的大小，居中放置；</p><p>7． 選擇“格式”－＞“背景”命令在網頁中加入背景圖片； 8． 單擊“網頁編輯區”下方的“預覽”標簽，可以預覽網頁的效果。</p><p>（二）制作“自我簡歷表”</p><p>網頁中僅有一個標題和一幅圖片，內容太少，下面插入一個表格 1． 單擊“常用”工具欄上的“插入表格”按鈕，制作一個6行2列的表格； 2． 在第一行第二列中，將單元格拆分成3列； 3． 輸入“自我簡歷表”中的文字；</p><p>4． 選中第一、三列，將字體設為“黑體”，字號為“4（14）磅”，字型為“粗體”，選中第二、四列，將字體設為“楷體”，字號為“4（14）磅”，選中這個表格，單擊“居中”按鈕，選中第二、四、六行，設置顏色為“淺綠色”；選中這個表格，單擊右鍵，選擇“表格屬性”命令，選擇邊框顏色為“粉紅色”，粗細為1；單擊確定。注：</p><p>1、格的邊框粗細設為0，則表格不顯示邊框。（我們可以利用這一特點來合理安排網頁的版面設置，書上163頁圖7.14的混合排版效果就是一例</p><p>2、“文件夾列表”中，雙擊某一網頁，該網頁就會顯示在網頁編輯區中，練習：</p><p>1． 在剛剛新建的站點上新建幾個網頁；</p><p>2． 在編輯網頁時，學會使用表格來對網頁進行排版。三．小結</p><p>展示和評講學生作品</p><h2><a name="5" >第五篇：FrontPage網頁制作教案(18課時)</a></h2><p>FrontPage網頁制作教案（18課時）</p><p>學期教學計劃</p><p>一、教材簡析</p><p>本學期使用的計算機教材是江蘇科學技術出版社出版的初中信息技術教科書。同時，由于配合高中階段選修網絡課程，增加部分網絡知識。</p><p>本教材主要內容如下：１、網絡基礎知識２、網頁的建立３、網頁圖片的處理４、網頁框架的設計５、網頁表格的制作６、網頁表單的制作７、創建超鏈接８、動態網頁的制作９、網站的建立</p><p>二、學情評價</p><p>１、學生學習網絡和網頁制作的興趣濃厚，熱情較高 ２、學生的計算機基礎知識掌握不夠牢 ３、學生運用電腦的能力較差 ４、部分學生上機行為不夠規范</p><p>５、有些學生鍵盤操作不熟練，用一只手操作鍵盤現象較嚴重</p><p>二、目的要求</p><p>１、提高學生學習計算機網絡知識的興趣，注重動手能力 ２、規范學生上機行為，養成良好的習慣</p><p>３、掌握基本的網絡知識和網上獲取信息的能力 ４、對學生適時進行愛國主義教育</p><p>５、成績指標：平均分80，及格率98％，高分率80％</p><p>三、教學措施</p><p>１、認真鉆研，精心備課２、仔細講授３、耐心輔導４、嚴格要求學生</p><p>四、教學進度</p><p>序次 課題：（內容）課時 周次</p><p>序次 課題：（內容）課時 周次 1</p><p>機房常規教育和課程安排</p><p>練習、實踐</p><p>１ 10 2</p><p>網絡基礎知識，制作工具</p><p>動態網頁制作</p><p>１ 11 3</p><p>網頁的建立、網頁屬性設置</p><p>網站建立</p><p>１ 12 4</p><p>網頁圖片的處理</p><p>設置單元格式</p><p>１ 13 5</p><p>練習、實踐</p><p>開始</p><p>網頁框架的設計</p><p>分組做網站 7</p><p>網頁表格的制作</p><p>網頁表單的制作</p><p>創建超鏈接</p><p>第一節</p><p>網頁制作基礎知識</p><p>教學目標：</p><p>1、了解網站、網頁、主頁和HTML的基本概念</p><p>2、了解常見的網頁制作工具</p><p>3、掌握Frontpage的啟動和退出</p><p>教學手段：教師講解與學生演示相結合</p><p>教學過程： 一．講課：</p><p>一、網頁及其組成</p><p>通過瀏覽器在www.tmdps.cne.htm。</p><p>操作步驟： 1． 文字編輯 2． 插入圖片</p><p>插入圖片可使網頁豐富多彩。在網頁中可以使用的圖片類型有多種，但最常用的是GIF和JPG格式的圖片，因為這兩種圖片的文件長度較小，有利于提高網頁的瀏覽速度。所以，插入其他格式的圖片后，在頁面存儲時，系統會自動將圖片格式轉換成GIF或JPG格式。</p><p>3． 插入動畫</p><p>在網頁制作中，經常使用一些小動畫，使頁面生動活潑，這些小動畫文件用專門的工具制作，也以GIF作為文件的擴展名。</p><p>操作步驟：</p><p>（1）依次單擊“插入（I）” 菜單中的“圖片（P）”、“來自文件（F）?”命令，打開“圖片”對話框，單擊“瀏覽”按鈕，打開“圖片”對話框，單擊“瀏覽”按鈕，從“選擇文件”對話框中選擇所需圖片“diqiu1.gif”，單擊“確定”按鈕，插入動畫。</p><p>（2）拖動動畫到標題下方適當位置即可。</p><p>4． 插入水平線</p><p>水平線是貫穿網頁寬度的細灰條，用來分隔文本成加著重符。插入水平線可以幫助我們將各類相關信息組合到一起，但同一個頁面中水平線不宜過多。</p><p>調整水平線的寬度、高度、對齊方式以及顏色，就可以改變它的外觀。5． 設置背景</p><p>（1）單擊“格式（O）”菜單中的“背景（K）?”命令，出現“頁面屬性”對話框，且“背景”標簽已被打開。</p><p>（2）單擊“瀏覽（B）?”按鈕，在“選擇文件”對話框中瀏覽文件夾內容，從中搜索到所需背景圖案后，單擊“確定”按鈕，關閉“選擇文件”對話框，再單擊“確定”按鈕，關閉“頁面屬性”對話框，背景圖案即可插入頁面。</p><p>頁面制作完成，可以單擊“預覽”標簽，觀察一下效果。</p><p>三、網頁的保存 單擊“文件（F）”菜單中的“保存文件（S）”命令，彈出“另存為”對話框.在“文件名（N）”列表框中輸入“welcome”后，單擊“保存（S）”按鈕。如果要保存的頁面含有圖片、動畫、聲音等元素，FrontPage還會繼續詢問是否保存這些嵌入的文件，如圖5-11所示。</p><p>此時最好將這些文件保存起來，以保持它們在網頁中的位置，否則，當網站發生遷移時，可能因找不到這些圖片、動畫等文件而無法顯示。另外，最好將它們保存到Images文件夾中，使網站保持清潔，便于管理和維護。練習：</p><p>1． 在設計網頁過程中，定義字體時要注意哪些問題？</p><p>2． 為什么在網頁中通常都使用GIF或JPG格式的圖片文件？ 設置網頁的背景時，可不可以使用較大的圖片？有什么缺點？</p><p>制作“自我簡介”</p><p>制作“自我簡介”</p><p>一、教學目標</p><p>1、讓學生熟悉FrontPage 2000的界面。</p><p>2、學會制作網頁標題。</p><p>3、學會在網頁中插入美麗的圖片。</p><p>4、學會在FrontPage 2000中使用表格。</p><p>二、重、難點使用表格</p><p>三、教學方法演示法、講授法、實踐操作法、比較討論法</p><p>四、教學類型新授課</p><p>五、教學過程</p><p>[導入]前面大家了解因特網的神奇世界，暢游了豐富多彩的網站，欣賞了精美華麗的網頁。看到這么多漂亮的網頁，同學們是否也想自己在網上建立一個自己的“家園”？現在我們將學習如何利用FrontPage 2000在因特網上安一個自己的“家”。</p><p>在因特網上安“家”的一般步驟大致可分為網站規劃、網頁制作和上傳發布三個階段。本章創建的整個網站主要由“自我簡介”、“成長之路”、“興趣特長”和“網上交流”等網頁構成。</p><p>[講授]創建網上家園，首先應將自己的有關情況展示出來，讓來訪者對自己有一個大概的了解。這里，先來看一個同學制作好的“自我簡介”網頁。</p><p>這個網頁包含有圖片、表格和相關文字等，下面學著制作這個網頁。每個網頁都有一個標題，讓來訪者一目了然。在“自我簡介”網頁中用“自我簡介”幾個文字來作為這個網頁的標題。</p><p>[演示]</p><p>1、單擊屏幕左下角的“開始”按鈕，在“開始”菜單中選擇“程序”→“Microsoft FrontPage”菜單命令，進入FrontPage 窗口。</p><p>2、在網頁編輯工作區輸入文字“自我簡介”，單擊“格式”工具欄上“居中”按鈕，將文字居中。</p><p>3、選中文字“自我簡介”，通過“格式”工具欄的“字體”下拉列表，選擇“楷體_GB2312”。</p><p>4、在“格式”工具欄選擇“字號”為“24磅”，“顏色”為“粉紅色”</p><p>5、單擊“常用”工具欄上的“保存”按鈕，彈出 “另存為”對話框。</p><p>6、在“文件名”中輸入文件名“簡介”后，單擊“保存”按鈕，保存網頁。[實踐操作]</p><p>1、使用“格式”→“字體”菜單命令也可以方便地設置字體。啟動FrontPage，在編輯工作區中輸入文字“興趣愛好”，使用菜單命令改變字體。</p><p>2、單擊“HTML”標簽，觀察編輯工作區的變化。[提醒]在網頁設計中，對于非Windows自帶的字體盡量少用，以免造成別人瀏覽此網頁時無法顯示這種字體，影響網頁整體效果。</p><p>[講授]</p><p>1、FrontPage啟動后，會自動打開一個新的空白網頁窗口。FrontPage窗口與前面所學的Word窗口類似，由標題欄、菜單欄、工具欄、編輯區和狀態欄組成。</p><p>2、網頁文件實際上是一個按HTML語言規則編寫的文本文件。我們看到的網頁是瀏覽器對HTML文件進行逐條解釋，再顯示出來的結果。</p><p>HTML是英文Hyper Text Markup Language的縮寫，意為“超文本標記語言”。這種語言用“<>”來標記網頁中對象的格式和有關參數。網頁中除了文字保存在HTML文件中外，其他對象（如聲音、圖象、動畫等）在HTML文件中只是保存了相應的標識和有關參數，真正是內容還在這些對象的文件中。因此，這些對象的文件如果被刪除或改變了位置，就不能在瀏覽器中正確顯示出來。</p><p>[討論]如果在兩個文字之間增加了一個空格后，間距又顯得太大，此時應怎樣調整才能得到合適的間距呢？</p><p>[實踐操作]啟動FrontPage，分別建立主題為“興趣特長”和“成長之路”的兩個網頁，并保存為xingqu.htm和chengzhang.htm [講述]你在因特網上漫游時，精彩生動的圖片會使人流連忘返。在自己的網頁上添加美麗的圖片，一定也會增加吸引力。</p><p>[演示]</p><p>1、打開網頁jianjie.htm，選擇“插入”→“換行符”菜單命令，彈出 “換行符屬性”對話框，選擇“普通換行符”，單擊“確定”按鈕，將光標下移一行。</p><p>3、單擊“常用”工具欄上的“插入文件中的圖片”按鈕，彈出 “圖片”對話框。</p><p>4、單擊“剪貼畫”按鈕，彈出“剪貼畫庫”窗口，在“比喻”類別中找到剪貼畫圖片，將此圖片插入到網頁中。</p><p>5、調整圖片的大小，并居中放置。</p><p>插入圖片[講授]</p><p>1、使用回車鍵換行時，行距較大，而采用普通換行符來換行，行距為0。</p><p>2、FrontPage中可以插入的圖片文件格式很多，如GIF、JPEG、PNG和BMP等。其中BMP格式的圖片是未經過壓縮的，文件較大，一般很少使用；而GIF、JPEG、PNG格式的圖片都是壓縮過的，文件較小，便于在網頁中瀏覽和下載，所以經常使用。[實踐操作]</p><p>1、在已建立的網頁“成長之路”中，選擇“插入”→“圖片”菜單命令，加入合適的圖片，并調整圖片的位置和大小。</p><p>2、在已建立的“興趣特長”網頁中，使用“常用”工具欄上的“插入文件中的圖片”按鈕，加入合適的圖片，并調整圖片的位置和大小。</p><p>3、選擇“格式”→“背景”菜單命令在網頁中加入背景圖片</p><p>以圖片為背景的網頁[講解]在FrontPage中使用表格，可以整齊地排列文本，有效地組織數據，使整個網頁看起來簡潔清晰。我們下面來使用表格制作出自我情況介紹。</p><p>網頁中的“自我簡歷表” [演示]</p><p>1、單擊“常用”工具欄上的“插入表格”按鈕，制作出一個6行2列的表格。</p><p>2、在第一行第二列中，單擊鼠標右鍵，在彈出的快捷菜單中，選擇“拆分單元格”命令，彈出 “拆分單元格”對話框。</p><p>3、選取“拆分為列”選項，在“列數”框中輸入3，單擊“確定”按鈕，將此單元格分為三列。</p><p>4、輸入表格中相應的文字。</p><p>5、按住Ctrl鍵，單擊表格的第一列和第三列，選中此兩列，在“格式”工具欄上設置“字體”為“黑體”，“字號”為“4（14）磅”，“字型”為“粗體”。</p><p>6、選中第二列和第四列，設置“字體”為“楷體”，“字號”為“4（14）磅”。</p><p>7、選中表格的 所有行，單擊“格式”工具欄上的“居中”按鈕，將文字居中。</p><p>8、選中第二行、第四行、和第六行，單擊“格式”工具欄上的“突出顯示顏色”按鈕，選擇突出顯示顏色為“淺綠色”。</p><p>9、選中整個表格，單擊鼠標右鍵，在彈出的快捷菜單中選擇“表格屬性”菜單命令，彈出 “表格屬性”對話框。</p><p>10、選擇邊框顏色為“粉紅色”，單擊“確定”按鈕，制作出 “自我簡歷表”。[試一試]刪除表格的某一行、某一列或整個表格。[小技巧]</p><p>1、選中表格的多行、多列或多個單元格時要按住Ctrl鍵不放，再選取所需的行、列或單元格。</p><p>2、選中整個表格的方法：在表格的最左或最右邊雙擊鼠標左鍵，當所有單元格反色顯示時表示該表格被選中。[學生閱讀并實踐] 表格的編輯方法 用表格來安排版面 [實踐操作]</p><p>1、在自己所建的xingqu.htm網頁中使用表格展示自己的興趣愛好。在chengzhang.htm網頁中加入能反映自己成長過程的圖片。</p><p>2、建立一個2行6列的表格，在表格中插入圖片和表格。</p><p>3、將本節中所制作的主題文字、圖片和表格進行混排。</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="下載《網頁制作FrontPage》教案（最終5篇）word格式文檔"> <div id="jdb3l39rxn9" class="download_card_msg"> <div id="jdb3l39rxn9" class="download_card_title" style="text-decoration:none;">下載《網頁制作FrontPage》教案（最終5篇）.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/wzdsrybcja/" target="_blank">文字的輸入與保存教案</a> <a href="/tag/yeyjkdmtja/" target="_blank">幼兒園健康多媒體教案</a> <a href="/tag/yeysjwyrja/" target="_blank">幼兒園世界無煙日教案</a> </div> <div id="jdb3l39rxn9" class="single-info mb40"><span id="jdb3l39rxn9" class="hidden-xs ">網址：http://www.tmdps.cn/a5/2019051223/0fbccdda4ddb16cd.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="/jiaoxue/kejian/3a8d173b15116244.html" target="_blank">用FrontPage制作網頁課件教程</a></h2><p>用FrontPage制作網頁教程 【教學目標】了解用FrontPage制作課件的優勢與不足，學會用FrontPage制作網頁型課件。 【重點難點】重點是如何在FrontPage插入多媒體素材，難點是課件......</p><h2 class="mb20"><a href="/jiaoxue/kejian/28fcc6c51136de53.html" target="_blank">用FrontPage制作網頁課件教程匯總</a></h2><p>用FrontPage制作網頁課件 【教學目標】了解用FrontPage制作課件的優勢與不足，學會用FrontPage制作網頁型課件。 【重點難點】重點是如何在FrontPage插入多媒體素材，難點是課......</p><h2 class="mb20"><a href="/a1/2019051217/eb65100aa6bdca21.html" target="_blank">高一frontpage制作網頁教程(二)</a></h2><p>應用frontpage制作網頁（二） 一、網頁美化 A、添加網頁背景：即整個網頁的背景。 在編輯窗口中選擇“普通”選項卡，在編輯區單擊右擊選擇“網頁屬性”調出“網頁屬性”對話框，選擇......</p><h2 class="mb20"><a href="/a1/2019051221/127f54d8edca0090.html" target="_blank">Frontpage網頁設計之主頁制作5篇范文</a></h2><p>網頁的制作教案 一、教學目標： 1、知道站點、主頁的概念，能在指定位置建立只有一個網頁的站點； 2、認識FRONTPAGE的界面； 3、掌握在主頁中插入文字、圖片、水平線； 4、掌握頁面文......</p><h2 class="mb20"><a href="/a5/2019051223/c65e010ba8b44be3.html" target="_blank">網頁制作教案</a></h2><p>網頁制作與設計教案 第一講 網頁設計概述 .................................................................................................................... 3 1.......</p><h2 class="mb20"><a href="/a5/2019051223/0944f29844b4da3a.html" target="_blank">《網頁制作》教案范文</a></h2><p>《信息技術》第三冊新課程標準教案 制作第一個網頁(網頁誕生了) [教學目的] 1．通過瀏覽幾個精彩網頁，激發學生制作網頁的學習興趣。 2．熟練掌握啟動Frontpage 2000，熟悉Frontpa......</p><h2 class="mb20"><a href="/a5/201905130/f0b5bafafc388bd3.html" target="_blank">《網頁制作》教案（范文大全）</a></h2><p>《網頁制作》教案 潘有寅 一、說教材： (一)教材分析：現在網絡快速發展，廣大的學生接觸，使用INTERNET的機會也大大增加，學生在使用網絡 獲取信息時，更多的是通過瀏覽網頁這一方式，......</p><h2 class="mb20"><a href="/a5/2019051223/5c5766cd995d68ed.html" target="_blank">網頁制作教案</a></h2><p>第一節 制作簡單的網頁 （一）教學對象分析 學生在學習本內容前，已經學習了利用Word制作簡單的網頁，并且初步掌握了制作網頁的一般流程及基本操作，具有進一步學習的能力。 （二）教學目......</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="/a5/201905130/84cb5012f197b7e3.html" title="網頁制作教案" target="_blank">網頁制作教案</a></li><li><a href="/jiaoxue/jiaoan/2924fadc7106efeb.html" title="Frontpage教案" target="_blank">Frontpage教案</a></li><li><a href="/a15/201905155/1a48606af641ef71.html" title="Frontpage教案" target="_blank">Frontpage教案</a></li><li><a href="/a5/2019051223/a022a0f83c29056f.html" title="dreamweaver網頁制作教案" target="_blank">dreamweaver網頁制作教案</a></li><li><a href="/a5/2019051223/c35ea2a4d6d422b5.html" title="網頁制作教案10" target="_blank">網頁制作教案10</a></li><li><a href="/a5/2019051223/186e17ac96ff4b29.html" title="網頁制作基礎知識 教案" target="_blank">網頁制作基礎知識 教案</a></li><li><a href="/a5/201905130/1b6264264bab3034.html" title="網頁制作教案8." target="_blank">網頁制作教案8.</a></li><li><a href="/a5/2019051223/cbe404a201a379dc.html" title="動態網頁制作教案（精選合集）" target="_blank">動態網頁制作教案（精選合集）</a></li><li><a href="/a5/201905130/a767a396b57e8517.html" title="《網頁制作工具》參考教案" target="_blank">《網頁制作工具》參考教案</a></li><li><a href="/a15/201905156/edcb9596e2db0866.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://33q.com.cn" target="_blank">国产精品久久久久久久久久直播</a>| <a href="http://yumeipaper.com.cn" target="_blank">日日人人爽人人爽人人片av</a>| <a href="http://zsvihp.cn" target="_blank">久久婷婷成人综合色</a>| <a href="http://syqjep.cn" target="_blank">天天躁日日躁很很很躁</a>| <a href="http://lifeplaza.cn" target="_blank">久久国产一区二区三区</a>| <a href="http://thdrdx.cn" target="_blank">亚洲熟女一区二区三区</a>| <a href="http://sczdcm.cn" target="_blank">午夜性刺激在线观看</a>| <a href="http://311qz.cn" target="_blank">国产18禁黄网站免费观看</a>| <a href="http://dongyutuzhuang.cn" target="_blank">国产女主播高潮在线播放</a>| <a href="http://500z.cn" target="_blank">国产精品久久久久久av福利</a>| <a href="http://chdz.org.cn" target="_blank">亚洲国产精品一区第二页</a>| <a href="http://tchealth.cn" target="_blank">97日日碰曰曰摸日日澡</a>| <a href="http://xindijinshu.cn" target="_blank">亚洲gv白嫩小受在线观看</a>| <a href="http://088u84.cn" target="_blank">无码精品久久久久久人妻中字</a>| <a href="http://nq5e1.cn" target="_blank">亚洲精品国产综合久久久久紧</a>| <a href="http://slcaq.org.cn" target="_blank">亚洲中文字幕久久精品无码喷水</a>| <a href="http://fwtzfki.cn" target="_blank">72种姿势欧美久久久久大黄蕉</a>| <a href="http://gkpuwaw.cn" target="_blank">小泽玛利亚一区二区在线</a>| <a href="http://kechangfood.cn" target="_blank">少妇被黑人到高潮喷出白浆</a>| <a href="http://semidegre.com.cn" target="_blank">最近免费中文字幕中文高清6</a>| <a href="http://xibeitechan.cn" target="_blank">成人无码精品1区2区3区免费看</a>| <a href="http://haozhulu.cn" target="_blank">欧美成人精品第一区</a>| <a href="http://tattoofans.cn" target="_blank">精品人妻伦九区久久aaa片69</a>| <a href="http://lovemmm.cn" target="_blank">亚洲一区二区经典在线播放</a>| <a href="http://zhangjienq.cn" target="_blank">欧美丰满熟妇xxxx性ppx人交</a>| <a href="http://cnscofield.cn" target="_blank">A级毛片无码久久精品免费</a>| <a href="http://559xp5.cn" target="_blank">少妇高潮喷潮久久久影院</a>| <a href="http://tjhuanlian.cn" target="_blank">久久久久亚洲av片无码下载蜜桃</a>| <a href="http://kelingcn.cn" target="_blank">鲁丝久久久精品av论理电影网</a>| <a href="http://nachr.cn" target="_blank">亚洲a∨无码精品色午夜</a>| <a href="http://qcjx.net.cn" target="_blank">日韩日韩日韩日韩日韩</a>| <a href="http://menruo.cn" target="_blank">日韩欧美一区二区三区免费观看</a>| <a href="http://khdataocean.cn" target="_blank">亚洲欧洲中文日韩乱码av</a>| <a href="http://cgyxw.cn" target="_blank">精品乱子伦一区二区三区</a>| <a href="http://zdmtliushuixian.cn" target="_blank">日韩精品无码av中文无码版</a>| <a href="http://quhuchou.cn" target="_blank">日韩精品免费一线在线观看</a>| <a href="http://chengmnf.cn" target="_blank">亚洲三区在线观看内射后入</a>| <a href="http://vfeq.cn" target="_blank">久久综合婷婷丁香五月中文字幕</a>| <a href="http://102714.cn" target="_blank">黑人巨大av无码专区</a>| <a href="http://wechatsurvey.cn" target="_blank">欧美性暴力变态xxxx</a>| <a href="http://puleju.com.cn" target="_blank">亚洲高清专区日韩精品</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="oei8k" class="pl_css_ganrao" style="display: none;"><acronym id="oei8k"></acronym><del id="oei8k"></del><tbody id="oei8k"></tbody><tr id="oei8k"></tr><nav id="oei8k"></nav><acronym id="oei8k"></acronym><tbody id="oei8k"></tbody><li id="oei8k"></li><abbr id="oei8k"></abbr><th id="oei8k"><tr id="oei8k"><button id="oei8k"></button></tr></th><tbody id="oei8k"></tbody><abbr id="oei8k"></abbr><cite id="oei8k"></cite><dfn id="oei8k"><option id="oei8k"><tbody id="oei8k"></tbody></option></dfn><dl id="oei8k"></dl><samp id="oei8k"></samp><small id="oei8k"><strike id="oei8k"><tbody id="oei8k"></tbody></strike></small><kbd id="oei8k"><noscript id="oei8k"><cite id="oei8k"></cite></noscript></kbd><samp id="oei8k"><del id="oei8k"><small id="oei8k"></small></del></samp><bdo id="oei8k"></bdo><button id="oei8k"><noscript id="oei8k"><dl id="oei8k"></dl></noscript></button><option id="oei8k"></option><ul id="oei8k"></ul><dd id="oei8k"></dd><center id="oei8k"><del id="oei8k"><noframes id="oei8k">

      <button id="oei8k"><option id="oei8k"></option></button>
        • <button id="oei8k"></button>
            • <bdo id="oei8k"></bdo>
            <nav id="oei8k"></nav>
            <bdo id="oei8k"></bdo>