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

網頁制作教案

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

第一篇：網頁制作教案

網頁制作與設計教案

第一講 網頁設計概述....................................................................................................................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中靜態(tài)網頁設計.............................................................................13 3.2 在頁面中加入文字和圖像..................................................................................................14 3.3 超級鏈接的運用..................................................................................................................14 3.4.表格的應用.........................................................................................................................14 3.5.在網頁中創(chuàng)建表單.............................................................................................................15 第八講 DREAMWEAVER中動態(tài)網頁設計.............................................................................15 第九講 DREAMWEAVER綜合性網頁設計案例.....................................................................16 第十講 VBSCRIPT概述.............................................................................................................17 4.1 VBSCRIPT語言簡介.............................................................................................................17 第十一講 VBSCRIPT的基本元素與輸入輸出.........................................................................18 4.2.基本數(shù)據(jù)類型.......................................................................................................................18 4.2.表達式和運算符.................................................................................................................19 第十二講 VBSCRIPT的條件語句、循環(huán)語句和過程.............................................................20 4.3 VBSCRIPT基本語句.............................................................................................................20

第一講 網頁設計概述

【教學內容】

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

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

網頁設計中的若干術語?！窘虒W難點】

理解網頁設計中的若干術語?！窘虒W方式】

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

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

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

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

4、《HTML網頁制作教程》材義語編著 鐵道出版社?！拘抡n內容】

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，超文本傳輸協(xié)議）作為網絡應用層通信協(xié)議 1.1.3 URL URL的完整格式

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

1.2 IE5的使用

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

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

1.2.1 IE5的界面 1.2.2 IE5的使用

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

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

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

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

3、《HTML網頁制作教程》材義語編著 鐵道出版社?！拘抡n內容】

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 圖像地圖 【課后小結】

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

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

【教學內容】

講解HTML中制作表格、表單與框架的標志?！窘虒W目的】

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

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

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

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

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

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

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="2" >第二篇：《網頁制作》教案范文</a></h2><p>《信息技術》第三冊</p><p>新課程標準教案</p><p>制作第一個網頁(網頁誕生了)</p><p>[教學目的]</p><p>1．通過瀏覽幾個精彩網頁，激發(fā)學生制作網頁的學習興趣。</p><p>2．熟練掌握啟動Frontpage 2000，熟悉Frontpage2000文件菜單和常用工具的使用方法，新建“只有一個網頁的站點”的操作步驟，從中認識Frontpage2000的主界面，理解創(chuàng)建網站的意義．</p><p>3．網頁的基本步驟，了解創(chuàng)建網頁的過程學會在網頁中輸入文字、編輯文字、插入圖片的方法，培養(yǎng)學生搜集、處理信息的能力。</p><p>4．作網頁，培養(yǎng)學生學習制作網頁的興趣</p><p>[教學重點]</p><p>創(chuàng)建網站的過程，制作、編輯網頁的基本方法。Frontpage2000的窗口組成，[教學難點]</p><p>保存網頁文件的方法，創(chuàng)建網站的意義</p><p>[教法設計]</p><p>演示、練習、講授、啟發(fā)引導、任務驅動</p><p>[導入新課]</p><p><講述>在因特網上，我們可以用IE瀏覽器獲取萬維網中各種有價值的信息。同時看到許多</p><p>組織機構甚至個人都在萬維網上擁有自己的網頁。</p><p>讓學生打開“網上鄰居”的“網頁”文件夾，瀏覽從網上下載的幾個精彩網頁。</p><p><歸納> 你們有沒有想過自己制作一個網頁呢?把自己想要表述的內容，自己喜歡的作文、圖片通過網頁展示給同學或更多的朋友觀看、欣賞、瀏覽。</p><p>[講授新課]</p><p><布置任務> 制作第一個網頁</p><p><提問> 網頁制作不是一件簡單的事情，而是按一定的順序一步步進行的。請同學們回憶制作網頁前應作哪些準備工作?</p><p><歸納> 現(xiàn)在開始創(chuàng)建網頁．我們選用功能強大，操作簡單的工具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中“個人站點”來啟發(fā)引導．</p><p><小結> 一般來講，網頁文件總是存放在特定的站點中便于管理。因此，第一次制作網頁之前需建立一個存放網頁文件的專用站點。</p><p><學生練習>教材P76試試看</p><p>對于初學者，通常選用“只有一個網頁的站點”，今后根據(jù)需要可以向網站中添加新的網頁。</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><展示幾個學生的優(yōu)秀作品，師生共同評價></p><p>評選出網頁制作的“速度獎”、“設計獎”、“美觀獎”。</p><p>五、保存制作的網頁</p><p>網頁制作完成，需要將它保存下來．請同學們按照教材P78頁上的操作步驟將網頁文件分別存放在images和_private文件夾中。</p><p><學生自行操作></p><p><歸納)在創(chuàng)建網站的同時系統(tǒng)自動地創(chuàng)建了images和_private文件夾。其中images文件夾用來保存網頁中使用的圖像文件，而private文件夾則保存一些參考文件和其他一些重要數(shù)據(jù)．鑒于此，希望同學們以后要學會分門別類地存放數(shù)據(jù)、資料和信息，養(yǎng)成整潔、條理的好習慣。</p><p><課堂總結> 今天用網頁制作工具Frontpage 2000創(chuàng)建了一個只有一個網頁的站點，在主頁中加入了文字和圖片，制作了一個簡單的網頁．這只是網頁制作的第一步，精彩的網頁還要不斷地加工、美化和修飾，例如：配上美麗的背景，加上好看的花邊和配上動聽的音樂，使之變得更完美。</p><p><課后小記></p><p>本著以學生為主體的原則，我在本課的教學中設計先讓學生瀏覽網上下載的精彩網頁，借以激發(fā)他們學習制作網頁的興趣，然后從啟動Frontpage 2000開始，直至網頁制作完成，老師只是一步步的啟發(fā)引導，起著主導的作用，大部分時間都是學生自己動手動腦操作，整堂課課堂氣氛活躍，收到了較好的教學效果。</p><p>教案設計：陡埠中學</p><p>彭榮兵</p><h2><a name="3" >第三篇：《網頁制作》教案</a></h2><p>《網頁制作》教案</p><p>潘有寅</p><p>一、說教材：</p><p>(一)教材分析：現(xiàn)在網絡快速發(fā)展，廣大的學生接觸，使用INTERNET的機會也大大增加，學生在使用網絡 獲取信息時，更多的是通過瀏覽網頁這一方式，我認為上好這節(jié)課是非常必要的，這對學生進一步認識、使用INTERNET更有益處，同時通過網頁制作這一過程也利于學生對計算機常用素材的類型有更深入的了解，在一定程度上也起著培養(yǎng)學生運用綜合知識能力作用，所以我認為這節(jié)課是非常值得我們去研究上好的，考慮這節(jié)課的內容及教法、學法的需要，我把這節(jié)分為兩課時，第一時：在引導下學生學，練 DREAMWEAVER制作網頁的基本方法；第二課：讓學生自己構思創(chuàng)意一個與自身相關的內容豐富的，頁面美觀的網頁。</p><p>(二)教學目標：根據(jù)對教材的分析及學生實際情況，制定如下的教學目標：</p><p>(1)知識目標：</p><p>1、有關建設第一個網頁的理念思想構成。</p><p>2、熟悉用DREAMWEAVER制作網頁的基本方法</p><p>3、超級鏈接是網頁實現(xiàn)互相鏈接的基本方法</p><p>(2)能力目標：</p><p>1、培養(yǎng)學生的自學能力</p><p>2、創(chuàng)意構思能力</p><p>3、能制作出具有多重鏈接、多種素材、內容豐富的網頁。</p><p>(3)情感目標：</p><p>1、教育學生正確認識和理解信息技術相關文化，倫理和社會問題，負責地使用信息技術。</p><p>(三)教學的重、難點：</p><p>根據(jù)對教材的分析及網頁制作過程中的 實際情況，我認為要出制作內容豐富的網頁，關鍵是要知道為什么要做網頁，明確你做網頁的目標。從培養(yǎng)學生運用信息技術綜合能力這點出發(fā)，我認為如何引導學生進行思考定位、以及通過網頁的制作這過程使學生對互聯(lián)網有更深入的了解和運用，應該做為本節(jié)的難點內容。</p><p>二、說教法：</p><p>我采用了主體式教學模式，首先我創(chuàng)設了一個學習情景，讓學生在情景中積極地完成任務，在任務完成階段，我是一名幫助者、引導者，教學時注意觀察學生，及時總結共性問題，個性問題留給小組學生討論，不斷激發(fā)學生的學習興趣，以達到最佳教學效果。教學方式上①我采用了“任務驅動”教學方式，強調“實踐出真知”的科學思想，授課時出示明確的，可操作性強的教學任務②分層教學，分類指導即兩分：考慮學生計算機水平的差異，我把學生分為A、B兩層，不同層次學生完成的學習目標不同，不同層次的學生教師指導方法不同。A層學生只要求完成知識目標，及能力目標第一個，B層學生同時要求能力目標的2、3 項。</p><p>三、說學法：</p><p>以學生為中心，要求學生由知識的灌輸對象轉變?yōu)樾畔⒓庸さ闹黧w，引導學生按以下兩種方式來完成任務：①自學自練：通過學生自己在計算機進行操作從中獲取對知識的正確理解，探求問題解決的方法；②協(xié)作學習：在實際操作中遇到的問題鼓勵學生共同研究討論、解決，使學生可以看到問題的不同側面和不同的解決途徑，開闊學生的思路，從而對知識產生新的理解。</p><p>四、說教學過程</p><p>教學環(huán)節(jié)</p><p>教師主導</p><p>學生主體</p><p>設計意圖</p><p>導入新課：</p><p>同學們，互聯(lián)網近年發(fā)展迅猛，大家都離不開網絡了，那么同學們平時上網看的都是別人做的網頁，如果自己也可以在網上看到自己制作網頁，那中動手的滿足感該有多好啊。這節(jié)的學習的目標就是網頁的制作，準備共用兩課時完成這部分內容，第一課時：自學自練DREAMWEAVER制作網頁的基本方法；第二課時： 自己設計制作網頁。學生回答，明確學習目標 通過展示教師制作的學校網頁，激發(fā)學生的學習興趣，同時給出學習目標，讓學生明確學習任務，做到有的放矢。</p><p>講授新課第一課時： 再具體操作之前，同學們應先了解有關網頁的一些相關知識。</p><p>閱讀內容、分析，總結激發(fā)學生主體參與意識，培養(yǎng)學生閱讀歸納知識的能力 理念的構成，尋找可模仿的同齡人制作的網頁。找出網頁內在的邏輯關系及理念。先模仿再創(chuàng)造。觀察，調動的興趣，明確學習的途徑，方法，堅定學習成功的信心。通過展示學生們制作的班級網頁，進一步激發(fā)學生的學習興趣，同時堅定學生的學習信心，告訴學生通過自己的自學自練就可實現(xiàn)學習目標，進而培養(yǎng)學生的自學習慣。</p><p>總結或補充</p><p>1、網頁制作方法很多，我們要學習的只是其中的一種；</p><p>2、無論哪種方法制作的網頁，生成文 件擴展名均為html或htm，即對應是html語言</p><p>3、當瀏覽網頁時，看到的不是語言代碼而是語言代碼所描述 的形象。總結 理解、記憶在上課的最佳時間內，讓學生了解有關網頁的相關知識，這利于學生的記憶</p><p>教師指導(分類指導)共性問題做小結</p><p>自學、自練協(xié)作學習培養(yǎng)學生自學能力，閱讀、分析、解決問題實際操作，使學生成為學習的主體，學習的主人 小結 1解決操作中的共性問題</p><p>2指出超級鏈接是實現(xiàn)多網頁鏈接的的基本方法：</p><p>3、保存文件為htm或html格式并預覽 學生總結并提出問題，理解超級鏈接，預覽自己的練習作品</p><p>解決操作中的問題，為下步學習掃清障礙，將本節(jié)的重點問題突出，通過預覽對網頁設計有一個初步設想</p><p>展示第二課時目標：</p><p>設計一個網頁，內容豐富，突出主題，展示個性</p><p>多種素材綜合運用(可以自己準備素材)</p><p>明確下課時學習任務，主動思考</p><p>通過一下課時的目標展示，使學生可以有更多時間去構思、創(chuàng)意，促動學生主動的去思考、去學習，引導學生習慣于創(chuàng)新，展示獨特創(chuàng)意。</p><p>第二課時</p><p>展示第二課時目標：</p><p>計一個網頁，內容豐富，突出主題，展示個性</p><p>多種素材綜合運用(可以使用自己的準備素材)</p><p>明確任務</p><p>明確目標、任務，理清設計思路</p><p>指導(分類)</p><p>設計自己的網頁</p><p>培養(yǎng)學生實際操作能力，綜合運用知識能力在這過程中學生將會將上節(jié)自學的內容及以上學習綜合運用，這對培養(yǎng)學生綜合能力是相當有好處的。</p><p>通過局域網展示網頁</p><p>學生推薦、自薦、評論</p><p>激發(fā)學生向上進取的學習態(tài)度，也可以使學生橫向學習</p><p>課堂小結及課后要求</p><p>小結：找優(yōu)缺點</p><p>思考、總結</p><p>進步引導學生學習</p><p>課后思考</p><p>1、讓你的網頁互相網上也被全世界人所瀏覽，那你該怎樣實現(xiàn)</p><p>2、用DREAMWEAVER制作的網頁與我們平時所見的網頁效果一樣嗎？</p><p>全班互動學習進一步拓展學生的學習思路，學習空間，加強自學、互學的能力</p><p>五、說板書設計：</p><p>考慮到信息技術學科教學的實際特點，所以在板書設計上我主要體現(xiàn)了以下三個特點。</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="4" >第四篇：網頁制作教案</a></h2><p>第一節(jié) 制作簡單的網頁</p><p>（一）教學對象分析</p><p>學生在學習本內容前，已經學習了利用Word制作簡單的網頁，并且初步掌握了制作網頁的一般流程及基本操作，具有進一步學習的能力。</p><p>（二）教學目標</p><p>1、了解Frontpage的界面組成及基本功能。</p><p>2、掌握在Frontpage中編輯文字、插入圖像的方法。</p><p>3、掌握在Frontpage中設置電子郵件超鏈接的方法。</p><p>4、培養(yǎng)學生在獲取信息的能力，使學生學會利用計算機和網絡搜集與準備網頁素材。</p><p>5、培養(yǎng)學生的知識遷移能力。</p><p>（三）教學重點</p><p>利用Frontpage制作簡單的網頁</p><p>（四）教學方法和手段</p><p>教學方法：以學生自學為主，教師輔導為輔。教學手段：多媒體網絡教學。</p><p>（五）教學過程</p><p>1、創(chuàng)設情境，導入新課：</p><p>展示幾幅優(yōu)秀的網頁作品，激發(fā)學生學習專業(yè)網頁制作軟件的愿望。Frontpager 功能主要體現(xiàn)在：</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、創(chuàng)建電子郵件超鏈接</p><p>三、保存網頁</p><p>四、預覽網頁 反饋操作情況情況</p><p>第二節(jié) 插入表格</p><p>（一）教學目標</p><p>了解Frontpage中使用表格的作用。掌握在Frontpage中插入表格的方法。能熟練在表格中輸入文字、插入圖片。</p><p>（二）教學重點</p><p>在Frontpage 中利用表格組織網頁結構。</p><p>（三）教學過程</p><p>導入新課，表格是網頁中經常使用的一種形式，表格里不僅可以存放文字、圖像等數(shù)據(jù)，還可以作為組織網頁內容的框架，使網頁整齊、美觀。</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>第三節(jié) 創(chuàng)建表單</p><p>（一）教學目標 了解表單的功能。</p><p>掌握在Frontpage中創(chuàng)建表單的方法。掌握在Frontpage中插入表單域的方法。</p><p>（二）教學重點 表單網頁的結果處理。</p><p>（三）教學過程</p><p>復習</p><p>1、如何制作圖文并茂的網頁？</p><p>2、表格在網頁中的主要作用？</p><p>3、在網頁中插入表格有幾種方法？ 導入新課、創(chuàng)設情境</p><p>展示幾幅含有表單域的網頁作品，例如調查表、申請表、提問：表單與表格的異同點？ 講授新課</p><p>一、利用表單網頁向導創(chuàng)建表單</p><p>1、建立表單</p><p>2、修改表單</p><p>3、處理表單結果</p><p>4、利用表單確認模板制作表單確認頁面</p><p>二、制作網頁背景 反饋操作情況 本課總結</p><p>課后任務：利用菜單欄中的命令在網頁中插入表單域。</p><p>第四節(jié) 利用框架制作首頁</p><p>（一）教學目標 了解框架的功能</p><p>掌握在Frontpage中使用框架的方法。掌握在Frontpage中建立超鏈接的方法。</p><p>（二）教學重點 利用框架制作首頁</p><p>（三）教學過程</p><p>復習：</p><p>1、如何制作表單頁？</p><p>2、表單的主要作用？</p><p>導入新課、創(chuàng)設情境：展示模范的網頁作品，激發(fā)學生學習的興趣。講授新課：</p><p>一、利用框架制作首頁</p><p>1、新建框架網頁</p><p>2、設置 右框中的初始網頁</p><p>3、保存網頁</p><p>4、建立左框中的網頁</p><p>二、建立超鏈接</p><p>二、制作網頁背景 保存網頁、游覽網頁 反饋操作情況 本課總結</p><p>課后任務：練習其他幾種超鏈接方式。宛善網頁。</p><p>第五節(jié) 站點管理</p><p>（一）教學目標 了解站點的基本知識。</p><p>掌握利用Frontpage建立站點的方法。掌握向站點中導入網頁的方法。</p><p>（二）教學重點 導入超鏈接</p><p>（三）教學過程 復習：</p><p>導入新課、創(chuàng)設情境：Frontpage不僅具有強大的網頁編輯功能，而且具有強大的管理站點的功能。講授新課：</p><p>一、建立站點</p><p>二、導入網頁</p><p>三、導入超鏈接 本課總結</p><p>第六節(jié) 發(fā)布站點</p><p>（一）教學目標 了解發(fā)布站點的一般流程</p><p>（二）教學重點</p><p>把站點發(fā)布到因特網上是本節(jié)的重點。</p><p>（三）教學過程 復習：</p><p>導入新課、創(chuàng)設情境：展示因特網上的優(yōu)秀個人網站。講授新課：</p><p>一、把站點發(fā)布到本機</p><p>二、測試網站的表單功能</p><p>三、把網站發(fā)布到因特網上（介紹）本課總結</p><h2><a name="5" >第五篇：網頁制作教案</a></h2><p>HTML第一節(jié)課</p><p>1.本課程主要目標</p><p>使用DIV+CSS布局網頁</p><p>使用CSS美化網頁</p><p>制作精美的商業(yè)網站 2.整體課程內容</p><p>3.本課程授課目標</p><p>3.1了解HTML整體課程 3.2 會使用HTML標簽</p><p>3.3 了解并會使用 CSS 層疊樣式表 3.4 div+CSS 做網頁 3.5完成一個完整的網頁 4.本章目標</p><p>會使用HTML的基本結構創(chuàng)建網頁 使用文本相關標簽排版文本信息 使用圖像相關標簽實現(xiàn)圖文并茂的頁面 會使用超鏈接相關標簽實現(xiàn)頁面間的跳轉 5.本章重點</p><p>本階段的重點是讓學員熟悉HTML的基本結構、HTML中的一些基本標記以及標記的屬性，以及HTML中的鏈接。6.本章難點</p><p>HTML基本標記及其屬性 7.授課思路</p><p>以提問和演示的方式 邊講邊演示</p><p>7.課程知識點講解 7.1什么是HTML</p><p>超文本標記語言，是英文Hyper Text Markup Language的縮寫 什么是超文本</p><p>就是指頁面內可以包含圖形、動畫、聲音、表格、鏈接等非文字元素。</p><p>什么是標記</p><p>就是我們要學的標簽 也就是說標記語言是由一套標簽組成的</p><p>HTML發(fā)展史</p><p>7.2HTML基本結構</p><p>7.3用記事本創(chuàng)建網頁的步驟</p><p>答：</p><p>1、打開記事本</p><p>2、輸入HTML代碼</p><p>3、保存為*.html文件，注意格式問題</p><p>4、打開網頁預覽效果 8.標簽</p><p>8.1 標題標簽</p><p>H1 H2 H3 H4 H5 H6 由大到小 <h1>標題內容 </h1></p><p>講課思路：先演示h1的效果，在邊演示邊講解h1-h6的變化，以及他們都是加粗字體</p><p>提問：有沒有h7，然后演示，結果：和正常字體一樣</p><p>8.2段落標簽</p><p>p 格式 <p>段落內容</p><p>講課思路：先演示兩段。</p><p>提問 ： 與正常見到的段落有什么不同</p><p>答；首行沒有縮進，沒有換行 可以先用空格代替 縮進學完樣式后就會使用 接下來講換行標簽</p><p>8.3換行標簽</p><p><br/> 代表換行</p><p>第一個但標簽 書寫方式< /> 與雙標簽的區(qū)別 個數(shù) 及 /的位置</p><p>講完換行標簽后與段落標簽對比，告訴他們根據(jù)空隙的大小區(qū)別什么是段落（間隙大）、什么是換行（間隙?。?/p><p>8.4水平線標簽</p><p><hr />水平線標簽</p><p>第二個單標簽 是一條水平線</p><p>先演示 然后告訴他們可以改顏色---引出屬性</p><p>解釋什么是屬性 就是用來修飾標簽的 屬于標簽的性質 要寫在標簽里 書寫寫法 屬性名=“具體值” 并演示給他們</p><p>8.5 加粗、斜體標簽</p><p>加粗的字 <em>斜體的字</em></p><p>挑選部分字體演示</p><p>8.6 特殊符號</p><p><!--注釋--></p><p>效果：不會顯示在頁面上 作用：1網頁的作者 2注釋部分代碼 試用于找錯的時候</p><p>空格 ? > > < < “ @</p><p>首先敲一個空格 提問：是否有效果 再敲多個空格 提問；是否有效果 展示并引出空格特殊符號 ” ?</p><p>先敲一個<p>問他們是否會顯示在頁面 然后再說出替代的 < > 特殊符號</p><p>最后提問 有沒有注意過版權符號 提示他們網站的最下面版權部分 最后演示寫法</p><p>8.7 圖片標簽 思路---------標簽與標簽的屬性----可以回顧 已經學習的標簽 與 a標簽的區(qū)別 雙標簽 單標簽 標簽屬性</p><p><img src=“圖片的路徑” alt=“替換圖片顯示的文字” title=“鼠標懸停時顯示的文字 圖片的描述” width=“寬度” height=“高度” /></p><p>圖像首先說明是單標簽 然后介紹第一個屬性 src 路徑介紹：相對路徑 上一級../ 上上級../../ 下一級 同級名/ 絕對路徑</p><p>file:///C:/Users/Administrator/Desktop/Chapter01/demo.html 第二個屬性：alt 演示圖片不顯示的情況 第三個屬性：title 書寫并將鼠標放到圖片，查看效果</p><p>第四個屬性：width 單獨設置寬度時的效果 高度成比例縮放</p><p>第五個屬性：height 單獨設置高度時的效果 寬度成比例縮放</p><p>如果想要具體的大小 則要同時設置寬和高</p><p>8.8 鏈接標簽</p><p><a href=“點擊要鏈接到的地址（頁面文件.html #錨點的名字 #空鏈接）”</p><p>先寫一對<a></a> 標簽 然后再在里面寫上href屬性 告訴他們與圖片的src屬性相似，都是地址路徑 再告訴他們href=“" 里面可以是別的網頁 也可以是網址、郵箱地址 沒有具體的可以寫#表示空連接</p><p>演示相關鏈接 其中要注意，告訴他們沒有在<a></a>標簽中間寫內容 網頁是不會顯示任何內容的并演示</p><p>target=”在哪里打開新鏈接（_self:本身窗口 _blank:新窗口打開鏈接）”> 文字 圖片</a></p><p>講解target 屬性：是跳轉位置，是本頁面還是新的頁面 并演示給他們</p><p>錨鏈接</p><p><a name=“錨點名字（最好用英文字母來起名字）”></a></p><p>結合之前的超鏈接 錨點就是大船停泊時拋出的錨，只有錨固定了，船舶才能停住 同理</p><p>只有設置錨點了超鏈接才能找到指定位置</p><p>錨點的寫法 也是先寫<a></a> 只不過這次的屬性是 name=“" 就是給你的錨點起個名字</p><p>而且這時超鏈接的href=”" 里面要寫成#+你起的名字 最后演示效果</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/wyzzjatw/" target="_blank">網頁制作教案圖文</a> <a href="/tag/wyzzjsja/" target="_blank">網頁制作技術教案</a> <a href="/tag/wyzzjamf/" target="_blank">網頁制作教案免費</a> </div> <div id="jdb3l39rxn9" class="single-info mb40"><span id="jdb3l39rxn9" class="hidden-xs ">網址：http://www.tmdps.cn/a5/2019051223/c65e010ba8b44be3.html</span><br>聲明：本文內容由互聯(lián)網用戶自發(fā)貢獻自行上傳，本網站不擁有所有權，未作人工編輯處理，也不承擔相關法律責任。如果您發(fā)現(xiàn)有涉嫌版權的內容，歡迎發(fā)送郵件至：645879355@qq.com 進行舉報，并提供相關證據(jù)，工作人員會在5個工作日內聯(lián)系你，一經查實，本站將立刻刪除涉嫌侵權內容。 </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/2019051223/a022a0f83c29056f.html" target="_blank">dreamweaver網頁制作教案</a></h2><p>dreamweaver網頁制作教案 （Dreamweaver MX） 一、Dreamweaver MX中文版建站初步 建立一個網站，首先要在本地機器上做好網站，再傳到網上的虛擬空間上。現(xiàn)在免費的網頁空間很少了，在......</p><h2 class="mb20"><a href="/a5/2019051223/c35ea2a4d6d422b5.html" target="_blank">網頁制作教案10</a></h2><p>4.2 課堂任務1 首頁版面的設計與制作 課程名稱：網站的設計與制作 課時數(shù)：4 教學目標： 知識與技能：了解圖層及圖層樣式相關概念。 過程與方法：掌握用PhotoShop進行簡單的圖片處理......</p><h2 class="mb20"><a href="/a5/2019051223/186e17ac96ff4b29.html" target="_blank">網頁制作基礎知識 教案</a></h2><p>網頁制作基礎知識 教案 教學目標： 了解網頁的組成元素及常用的網頁制作工具。了解網頁制作的一些基礎知識，如網站和網頁的區(qū)別、網頁的類型、網頁的構成元素等，然后在了解的基......</p><h2 class="mb20"><a href="/a5/201905130/1b6264264bab3034.html" target="_blank">網頁制作教案8.</a></h2><p>3.3 課堂任務 快速建站技術—模板的應用 課程名稱:利用模板快速建站 課時數(shù):4 教學目標: 知識與技能:了解模板的定義,模板的可編輯區(qū)域的定義。 過程與方法:掌握在網頁中創(chuàng)......</p><h2 class="mb20"><a href="/a5/2019051223/cbe404a201a379dc.html" target="_blank">動態(tài)網頁制作教案（精選合集）</a></h2><p>一、教學目標： 1、知識目標 （1）了解動態(tài)HTML，動態(tài)網頁的概念 （2）能夠實現(xiàn)簡單的動態(tài)HTML效果，能夠插入簡單的javascript代碼 （3）掌握動態(tài)網頁的特性 2、能力目標 （1）培養(yǎng)學生的探究學習......</p><h2 class="mb20"><a href="/a5/201905130/a767a396b57e8517.html" target="_blank">《網頁制作工具》參考教案</a></h2><p>《網頁制作工具》參考教案 教學主題 網頁制作工具（1）（Frontpage和Dreamweaver的使用） 教案設計趙志 教案編號適用年級 高二年級教學課時1課時 教材分析 概述：通過網頁設計，了......</p><h2 class="mb20"><a href="/a15/201905151/725365d89e9b4be7.html" target="_blank">frontpage網頁制作教案</a></h2><p>Frontpage網頁制作導學案 青州一中劉志韓 文件——新建——網頁 【學習目標】 1、包括網頁制作基礎知識 2、站點的規(guī)劃和創(chuàng)建 3、網頁文本和圖片的處理、表格和框架的應用......</p><h2 class="mb20"><a href="/a15/201905156/edcb9596e2db0866.html" target="_blank">電腦網頁制作教案</a></h2><p> 電腦網頁制作教案 教員：王曉燕 課時：第一課時，一個半小時 教學目標: 1.知道如何啟動和退出Dreamweaver8 2．掌握如何建立新站點，網頁的打開和保存 3.掌握如何插入圖像，動畫，插件 4.......</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/201905155/96ec16df026d98f9.html" title="網頁制作第二節(jié)教案" target="_blank">網頁制作第二節(jié)教案</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><li><a href="/a15/201905156/9326cef6d8c0e588.html" title="框架網頁制作教案分析" target="_blank">框架網頁制作教案分析</a></li><li><a href="/a15/201905155/e0164fcbe5deed15.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://gnnm.net.cn" target="_blank">亚洲成av人片在线观看下载</a>| <a href="http://dasosu.cn" target="_blank">国产精品丝袜一区二区三区</a>| <a href="http://inflatables86.cn" target="_blank">自在自线亚洲а∨天堂在线</a>| <a href="http://hbb123.cn" target="_blank">老司机午夜福利试看体验区</a>| <a href="http://tuangejia.cn" target="_blank">国产亚洲日韩在线一区二区三区</a>| <a href="http://phs52.cn" target="_blank">日日噜噜夜夜狠狠视频无码日韩</a>| <a href="http://zhiqingshidai.org.cn" target="_blank">激情内射人妻1区2区3区</a>| <a href="http://qqzit.cn" target="_blank">一区二区免费高清观看国产丝瓜</a>| <a href="http://ncacc.cn" target="_blank">欧洲lv尺码大精品久久久</a>| <a href="http://kangyuanyaoye.cn" target="_blank">欧美又黄又大又爽a片三年片</a>| <a href="http://020hack.cn" target="_blank">免费观看成人毛片a片</a>| <a href="http://q-english.cn" target="_blank">久久久久性色av毛片特级</a>| <a href="http://51ksl.cn" target="_blank">亚洲国产精品无码第一区二区三区</a>| <a href="http://eqaicc.com.cn" target="_blank">亚洲sss整片av在线播放</a>| <a href="http://aolinedu.cn" target="_blank">河北真实伦对白精彩脏话</a>| <a href="http://rollerskates.cn" target="_blank">精品久久人人妻人人做精品</a>| <a href="http://593by.cn" target="_blank">天堂资源最新在线</a>| <a href="http://sp5r0.cn" target="_blank">久久欧美一区二区三区性生奴</a>| <a href="http://bykevin.cn" target="_blank">国产激情视频一区二区三区</a>| <a href="http://yearn-believe.cn" target="_blank">美女张开腿黄网站免费</a>| <a href="http://db114.com.cn" target="_blank">香蕉久久人人97超碰caoproen</a>| <a href="http://0531jz.cn" target="_blank">日韩欧美国产一区精品</a>| <a href="http://167wl.cn" target="_blank">久久综合给合综合久久</a>| <a href="http://xxygo.cn" target="_blank">亚洲人成色7777在线观看</a>| <a href="http://shd-hy.cn" target="_blank">欧美成人免费全部</a>| <a href="http://scld66.cn" target="_blank">成年日韩片av在线网站</a>| <a href="http://ovus.cn" target="_blank">国产麻花豆剧传媒精品mv在线</a>| <a href="http://fengyeting.cn" target="_blank">国产成人精品午夜福利在线播放</a>| <a href="http://ago99.cn" target="_blank">国产麻豆精品一区二区三区v视界</a>| <a href="http://hqetbx.cn" target="_blank">国产人成无码视频在线1000</a>| <a href="http://qshcazd.cn" target="_blank">欧美牲交a欧美牲交aⅴ免费下载</a>| <a href="http://517vpn.cn" target="_blank">一本大道大臿蕉视频无码</a>| <a href="http://youhebei.cn" target="_blank">亚洲av日韩精品久久久久久a</a>| <a href="http://xgrnnhpa.com.cn" target="_blank">亚洲精品无码成人片久久</a>| <a href="http://npcxw.cn" target="_blank">亚洲а∨天堂男人无码</a>| <a href="http://panleng.cn" target="_blank">亚洲欧美日韩成人综合一区</a>| <a href="http://akxcby.cn" target="_blank">99久久无码一区人妻a片蜜</a>| <a href="http://farai.cn" target="_blank">亚洲无人区一区二区三区</a>| <a href="http://123dudu.cn" target="_blank">久久婷婷六月综合色液啪</a>| <a href="http://jinbo868.cn" target="_blank">久在线观看福利视频</a>| <a href="http://452gp.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="keca0" class="pl_css_ganrao" style="display: none;"><nav id="keca0"></nav><blockquote id="keca0"><strike id="keca0"><input id="keca0"></input></strike></blockquote><code id="keca0"></code><blockquote id="keca0"><tfoot id="keca0"><input id="keca0"></input></tfoot></blockquote><cite id="keca0"><table id="keca0"><tr id="keca0"></tr></table></cite><input id="keca0"></input><strike id="keca0"></strike><strike id="keca0"></strike><code id="keca0"></code><pre id="keca0"></pre><code id="keca0"><noframes id="keca0"><del id="keca0"></del>

    •  
     第一行第一列 第一行第二列 
     
     第二行第一列 第二行第二列
    <del id="keca0"><dfn id="keca0"></dfn></del>
    <strike id="keca0"></strike>