第一篇：網站規劃教學設計

網站規劃教學設計

一、教學準備：

1．選取一些學生制作的優秀網站，以備上課演示時用。2．配置校園網Web服務器

3．準備好校園內部BBS，為班內互評作準備。

二、教學目標：

1．以網站欣賞為主線，介紹網站設計思想,使學生初步了解網站設計的整體構思。

2．學會如何規劃、構思一個網站。

三、教學重點、難點：網站的整體構思

四、教材內容分析

本節課內容為高中第二冊第一章第一節內容，它是進行網頁制作的前提工作，其重點在于創建網站的幾個步驟，即網站設計的整體構思。在這部分內容中，要求動腦思考的內容比較多，所以對于本節課內容只在于讓學生了解網站設計的完整過程，不能急于求成，暫時只要他們能夠策劃出簡單的網站就可以了。

五、教學對象分析

本節課的教學對象為高一年級第二學期的學生。在上學期，他們已經掌握了信息技術的基礎知識、windows的基本操作、字處理軟件的應用，掌握了上網的相關操作（如：接入Internet、瀏覽網頁，從因特網上獲取信息、收發電子郵件等等），通過觀察，他們對上網很感興趣。很多學生曾問我：老師，這些東西是從哪里來的呀？是誰做的呀？怎樣發布到Internet上的呀？那些動畫是怎么做的呀？等等。由此可見，他們對網站的設計也一定有興趣、有信心。為了使本節課內容更好的讓學生吸收，我特提前（上節課）給他們介紹了FrontPage軟件（包括菜單的介紹、創建站點）。

六、教學資源及輔助手段、工具：

資源：對一個下載好的優秀學生的網站進行分析、講解 網頁制作工具：FrontPage

七、教學過程：

教師活動

引入

在因特網這個信息的海洋中我們發現許許多多內容豐富、創意新穎、設計獨特的網站，不知道你見到這樣漂亮可人的網站是否有點心動，你是否也想動手做一個嗎？

提出問題：你們是否找到了適合你口味的網站或特別能打動你的主頁？選擇幾個學生來說說。

正課

首先打開自己先前做好的網站，一定要做的漂亮，能吸引住學生的注意力，同時也讓學生表現出對你的欽佩，對你的崇拜，這樣學生才有信心跟你學，并且學好。

問題1：這是一個什么樣的網站？（指內容）

問題2：這個網站提供了一些什么功能？

問題3：想不想知道這個網站我花了多少時間完成的嗎？

首先讓學生猜猜老師花了多少時間完成的。以第三個問題引出了我們今天要講的內容，告訴學生制作一個網站應該如何著手，需要分成多少個步驟來完成。首先要確定主題，然后查找資料，最后再動手制作。所以說，制作一個網站是一個長期的工作，而不是一朝一夕之事，只有通過不斷地改進、完善才能做出一個成功的網站。

1、做好需求分析

學生活動

學生都在說著自己看到的一些優秀網站，其中包括內容方面、界面方面、設計風格方面等等。

對于親自動手制作一個網站，學生表現出了很大的興趣，都想一顯身手。

學生的目光一下子集中到了這個網站上了。

學生通過觀察，依次回答了老師提出的問題。

學生都在議論紛紛，有的說2~3天，有的說5~6天，有的說……

在建站之前首先要明確的是建站的目的和網站將要面對的對象，在課堂中做一個簡單的調查，進行歸納總結。

2、確定網站的主題。

創建網站前要先確定站點的主題，只有主題確定之后才會有目的的去尋找相關的資料，否則就像一只無頭蒼蠅到處亂竄，所以確定站點的主題是非常重要的，同學要慎重考慮好。

思考：你們想做一個關于什么內容的網站呢？可以從自身的興趣、特長、愛好出發來確定站點的主題。

通過這么一個小思考，活躍了課堂的學生紛紛提出了自己的想法 學生議論：

有的學生對散文詩比較感興趣，想做一個關于散文詩欣賞的網站，有的學生是追星族，想做一個關于明星、歌星方面的網站，有的學生對軍事很感興趣，所以想做一個關于軍事武器方面的網站，各有氣氛，同時也為今后的工作提前做了準備。各的想法，可謂包羅萬象。

小結：站點的主題最好是自己擅長或者喜愛的內容，這樣制作過程中才不會覺得無聊或力不從心，制作的內容才能夠豐富多彩，更能吸引人。

3、確定網站名稱

將學生根據主題的選擇的相似，分成小組開展活動。選擇恰當的網站名稱是建

讓學生不斷地到報刊、網上收設網站的重要步驟。列出一些讓學生評價。集資料、圖像、圖標等素材，將學小結：給網站取名就像是給人取名、生收集到的優秀的素材放在校園給公司取名一樣，第一要與主題緊密相關，網上供大家使用。第二要有意義，第三要上口、悅耳、易記。此外取名時還要注意你的名稱是否合法、合理、合情。

三、布置任務：

①要根據自己的情況確定好網站的主題和名稱。

②根據主題收集一些資料。

第二篇：《規劃設計網站》教學設計

八年級下冊

八年級下冊

八年級下冊

八年級下冊

八年級下冊

第三篇：網站布局規劃設計

網站布局規劃設計《教學設計》

【教學內容】

練習用布局模式和表格布局網頁

【教學參考】

《 Dreamweaver 精彩設計百例》

中國水利水電出版社

《 DreamweaverCS3商業應用篇》 清華大學出版社

【教學設備】

多媒體計算機，投影機

【教學目的】

1、掌握用表格布局網頁基本操作

2、掌握用布局模式布局網頁基本操作

3、比較表格和布局模式的優劣

【教學重點】

1、用表格布局網頁

2.、用布局模式布局網頁

【教學難點】

布局模式布局網頁

【教學方法】、項目工程互動式教學法、“講、學、練”相結合：大量采用演示、講解和練習等方式

【教學設計】

向學生講解表格和布局模式的基本概念，演示 2 個項目的制作過程和效果圖，分析這 2 個網頁中表格的設計及相關屬性的設置，布局表格及布局單元格的設計及相關屬性的設置。講解、示范操作完畢后布置課后作業。

第一步：表格概說及示范操作

第二步：用表格布局網頁元素

第三步：教師示范操作范例 1、答疑

第四步：布局模式概說

第五步：展示項目 2 效果圖，并分析布局單元格屬性

第六步：教師示范操作、答疑

第七步：比較表格和布局模式的異同

第八步：布置作業

【教學過程】見講義 【小結】

本次課，主要講解用表格布局網頁和用布局模式布局網頁的方法。

【作業】

思考題：用表格布局和用布局模式布局網頁有何優劣？

第四篇：《體驗網站規劃與設計》教學反思

《體驗網站規劃與設計》教學反思

《體驗網站規劃與設計》教學反思

今天上午，我在高二（1）班上了一節公開課，上課的內容是《體驗網站規劃與設計》。整個教學過程以師生訪問分析網站為主線，采取分組討論、小組活動進行。教學中以任務驅動、自主學習，交流學習以及引領展示的模式，將規劃過程分解為幾個任務，根據所學知識，完成對網站規劃選題、域名、欄目及藝術風格的規劃與設計進行學習，并將各小組任務完成的情況以學案—《網站規劃與設計方案》的形式呈現出來。通過展示學生設計方案，對學生成果給予評價與肯定，激發學生進一步學習的興趣，培養學生主動思考、積極參加團結協作。

成功之處，本節課教學環節完整，對三維目標把握較好，同時認真的對學情進行了分析。本節課，對學高二火箭班的學生，我注重了學生發散性思維、語言表達能力、邏輯推理思維的培養，同時引導學生學會鑒賞、學生聆聽、學會尊重，學生在較短的時間內能夠很好的完成教學各環節的實踐，最終形成了完成的方案，且能很好的陳述。

不足之處，本節課，整個教學過程都是需要網絡支撐，由于網絡突然出現問題，而心中又想達到理想的課堂，希望給學生一個完整的教學過程，導致課堂的暫時中斷，而此后壓縮了學生討論和展示成果的一些時間，后面的教學時間和節奏略顯蒼促，課堂小節也不是很到位。

經驗總結：在教學過程中，我也考慮到網絡和電的問題，但是心向往對課堂存理想化狀態，實際上不然，不想發現的事終究發生了，以此，不管是哪種級別的公開課，都要著兩種備案才可，以免出現課堂教學事故而讓自己陷入囧境。

第五篇：網站規劃

網站規劃

一個網站的成功與否與建站前的網站規劃有著極為重要的關系。在建立網站前應明確建設網站的目的，確定網站的功能，確定網站規模、投入費用，進行必要的市場分析等。只有詳細的規劃，才能避免在網站建設中出現的很多問題，使網站建設能順利進行。

網站規劃是指在網站建設前對市場進行分析、確定網站的目的和功能，并根據需要對網站建設中的技術、內容、費用、測試、維護等做出規劃。網站規劃對網站建設起到計劃和指導的作用，對網站的內容和維護起到定位作用。

網站規劃書出應該盡可能涵蓋網站規劃中的各個方面，網站規劃書的寫作要科學、認真、實事求是。

網站策劃書包含的內容如下：

一、建設網站前的市場分析（企業自行處理）

1、相關行業的市場是怎樣的,市場有什么樣的特點，是否能夠在互聯網上開展公司業務。

2、市場主要競爭者分析，競爭對手上網情況及其網站策劃、功能作用。

3、公司自身條件分析、公司概況、市場優勢，可以利用網站提升哪些競爭力，建設網站的能力（費用、技術、人力等）。

二、建設網站目的及功能定位（企業自行處理或與專業公司商議）

1、為什么要建立網站，是為了樹立企業形象，宣傳產品，進行電子商務，還是建立行業性網站？是企業的基本需要還是市場開拓的延伸？

2、整合公司資源，確定網站功能。根據公司的需要和計劃，確定網站的功能類型：企業型網站、應用型網站、商業型網站（行業型網站）、電子商務型網站；企業網站又分為企業形象型、產品宣傳型、網上營銷型、客戶服務型、電子商務型等。

3、根據網站功能，確定網站應達到的目的作用。

4、企業內部網（Intranet）的建設情況和網站的可擴展性。

三、網站技術解決方案（與專業公司商議）

根據網站的功能確定網站技術解決方案。

1、采用自建服務器，還是租用虛擬主機。

2、選擇操作系統，用Window2000/NT還是unix,Linux。分析投入成本、功能、開發、穩定性和安全性等。

3、采用模板自助建站、建站套餐還是個性化開發。

4、網站安全性措施，防黑、防病毒方案（如果采用虛擬主機，則該項由專業公司代勞）。

5、選擇什么樣的動態程序及相應數據庫。如程序ASP、JSP、PHP；數據庫SQL、ACCESS、ORACLE等。

四、網站內容及實現方式（與專業公司商議）

1、根據網站的目的確定網站的結構導航。

一般企業型網站應包括：公司簡介、企業動態、產品介紹、客戶服務、聯系方式、在線留言等基本內容。更多內容如：常見問題、營銷網絡、招賢納士、在線論壇、英文版等等。

2、根據網站的目的及內容確定網站整合功能。

如FLASH引導頁、會員系統、網上購物系統、在線支付、問卷調查系統、在線支付、信息搜索查詢系統、流量統計系統等。

3、確定網站的結構導航中的每個頻道的子欄目。

如公司簡介中可以包括：總裁致詞、發展歷程、企業文化、核心優勢、生產基地、科技研發、合作伙伴、主要客戶、客戶評價等；客戶服務可以包括：服務熱線、服務宗旨、服務項目等。

4、確定網站內容的實現方式。

如產品中心使用動態程序數據庫還是靜態頁面；營銷網絡是采用列表方式還是地圖展示。

五、網頁設計

1、網頁設計美術設計要求，網頁美術設計一般要與企業整體形象一致，要符合企業CI規范。要注意網頁色彩、圖片的應用及版面策劃，保持網頁的整體一致性。

2、在新技術的采用上要考慮主要目標訪問群體的分布地域、年齡階層、網絡速度、閱讀習慣等。

3、制定網頁改版計劃，如半年到一年時間進行較大規模改版等。

六、費用預算

1、企業建站費用的初步預算

一般根據企業的規模、建站的目的、上級的批準而定。

2、專業建站公司提供詳細的功能描述及報價，企業進行性價比研究。

3、網站的價格從幾千元到十幾萬元不等。如果排除模板式自助建站（火山動力通常認為企業的網站無論大小，必須有排他性，如果千篇一律對企業形象的影響極大）和牟取暴利的因素，網站建設的費用一般與功能要求是成正比的。

七、網站維護

1、服務器及相關軟硬件的維護，對可能出現的問題進行評估，制定響應時間。

2、數據庫維護，有效地利用數據是網站維護的重要內容，因此數據庫的維護要受到重視。

3、內容的更新、調整等。

[1]

4、制定相關網站維護的規定，將網站維護制度化、規范化。

5、說明：動態信息的維護通常由企業安排相應人員進行在線的更新管理；靜態信息（即沒用動態程序數據庫支持）可由專業公司進行維護。

八、網站測試

網站發布前要進行細致周密的測試，以保證正常瀏覽和使用。主要測試內容：

1、文字、圖片是否有錯誤。

2、程序及數據庫測試。

3、鏈接是否有錯誤。

4、服務器穩定性、安全性。

5、網頁兼容性測試，如瀏覽器、顯示器。

九、網站發布與推廣

1、網站測試后進行發布的公關，廣告活動。

2、搜索引掣登記等。

以上為網站策劃中的主要內容，根據不同的需求和建站目的，內容也會在增加或減少。在建設網站之初一定要進行細致的策劃，才能達到預期建站目的。

特別提示

根據信息產業部規定，所有網站都需要辦理icp備案，這里提醒大家購買虛擬主機后繼的登錄信息產業部備案，否則會有被查封的風險。

如何進行網站規劃？

如何建立一個真正的電子商務網站，如何使網站結構清晰合理，內容準確詳實，頁面生動鮮明，如何保證自己的網站能夠在茫茫的網絡世界脫穎而出，完整的網站建設策劃方案恐怕是你在開始建設網站之前必須要考慮的問題。

第一個階段就是：，計劃階段1，向本公司的各個部門收取書面資料，如果有必要網站建設部門的人員可以派專人到其他部門聆聽講解，尤其要準確理解本公司的業務重點之所在。，在收到書面資料后，由網站建設部門通過細致的整理。對文檔進行歸類。以確定那些是要在首頁或者一級頁面上就要向瀏覽者表明的。那些可以放在欄目子頁中的。對文字進行潤色。使文字盡量的通俗，減少不必要的專業術語的使用，盡量的簡潔，這樣即可以加快網頁的顯示速度，又可以避免因為過多的枯燥文字使瀏覽者因麻煩產生反感。比如原來為兩類或兩類以上文檔，現發現可以歸為一類的，一定要歸為一類。這樣可以減少頁面數量，對瀏覽和維護都有很大的好處。，文檔整理完畢后，根據分類就可以統計出新版網站有多少個欄目，每個欄目有多少個頁面，每個頁面的具體內容及名稱。統計完畢后要有一個網站文件明細表-最好為樹型圖。第一個階段的工作完成之后，就要轉入下一個階段： 2，設計階段1，首頁設計：當設計人員拿到網站文件明細表后開始設計首頁。

首頁設計是整個網站設計的重中之重，它的成功與否直接關系著公司的形象，所以對它的要求要很高。首頁設計要符合公司現階段的宣傳方針。同公司在其他媒體上的公告最好要相互呼應。例如：英特爾在網站及報紙，電視的廣告上顏色的統一性非常的明顯。以非常穩重的蘭色為底色-表明該公司的實力雄厚，科研態度一絲不茍。在底色上經常陪以時髦的亮色如綠色-表明該公司在資訊科技的發展中總是走在最前列。類似這樣的經驗是非常值得我們借鑒的。如此可以顯示出公司辦事是非常有組織，有計劃，也可以表現出公司的風范，起到良好的形象宣傳作用。首頁設計的用色要謹慎，高級，不可隨便。因為當瀏覽者打開公司的網站時，他的第一感覺就是對顏色的感覺，舒服，漂亮的東西總是讓人有好感的，所以必

須考慮顏色明暗，輕重，明快與穩重的搭配。首頁設計最好不要顯得零碎，最好有明顯的模塊化，可以使用比較小的圖標。但切忌使用小的純色塊，這樣容易使網頁顯得缺乏氣度。不要在首頁上體現過多的內容。因為首頁過多的內容會導致重點不突出，頁面傳輸過慢，頁面長度過長的問題，造成瀏覽者的不方便感。沒有人會在一個操作上倍感掣肘的網站上停留很長的時間。在這個方面，國外的一些網站的探索很值得參考，例如通過活潑生動的小圖標及兩行簡練的介紹把公司的主要業務介紹清楚;通過給人視覺相對強刺激的五塊畫面，使人很容易的了解到網站的主要功能;而在這點上就更加明顯，在它的首頁上最顯眼的就是一個域名注冊的最初幾步，其他功能都是在你一步步的深入后展開的。其網站制作動機及目的顯而易見。這些網站還有一個共同的特點-即你在不需要拉動窗口右滾動條的情況下。就可以對網站的主要功能一目了然。請注意：在首頁上當瀏覽器打開后第一時間顯示的部分是黃金地帶。這部分做成功了，夸張一點的講網站也就成功了一半首頁設計還有一個重要的因素就是速度。因為目前網絡-特別是我國網絡的帶寬是非常有限的，超過70K的頁面通過瀏覽器打開是很慢的。作為將要開展電子商務的公司網站，它的瀏覽者大多是企業，基本上大部分是在白天上網的，白天又是網速最慢的時候，所以說網頁的大小就是必須要考慮的因素。的網頁是為追求速度舍棄其他的最典型范例了。首頁設計沒有必要采取由幾個設計人員拿出幾套方案的做法。因為不是在征集，而是在最短的時間里完成任務。應該由一個設計小組的幾個人在考慮諸多因素的前提下，共同提出。這樣的方案會相對成熟，所需的修改也相對要少很多。大大加快工程的進度。考慮到瀏覽器的兼容問題，要盡量使用穩定，成熟，標準化的技術。不要加一些華而不實的特殊的效果。首頁設計要留有發展的空間。因為公司常常發展得非常快，不斷添加新的業務，所以要為這些留有余地。，欄目頁面設計：當首頁的設計通過后，就應該著手欄目的設計了。普通欄目的設計的要求要比首頁寬松一些。欄目設計最好是引導式的，而不是灌輸式的，要和欄目的內容結合的緊密;包含在文章里的鏈結要容易辨認;文字排版要好看，有統一的間距和邊距要求。不得使用太大和太疏的文字，表格的設置要合理，不要太長;對于提交表單，盡量減少讓客戶用鍵盤輸入的東西。可以通過下拉菜單或復選框等實現的盡量使用;說明性的文字同操作用的表格最好合而為一，時刻使客戶明白他現在所做的是干什么，怎么干。每一頁都要有“返回首頁”，“返回前頁”，“返回首頁”的鏈結。合理的設計可以避免網站在建設的過程中出現大的改動，避免無用功和重復勞動。這個階段一旦完成，就可以開始：，制作階段1，設計稿通過以后開始進行頁面模板的制作;2，模板制作完成后，開始進行頁面的制作;3，頁面的分工要明確;4，鏈結要隨制作隨檢查;5，在制作工程中要注意垃圾原碼，一發現就立即清理;6，頁面制作完畢后，開始進行后臺程序的編制。4，核對階段1，由網站建設部對網站進行第一次核對;2，在局域網上進行一次全公司所有人員都可參加的核對。5，上傳在所有核對無誤的情況下，可以開始上傳！上傳當晚必須有一有修改權限的人值班。以備有錯誤出現時好修改。祝您能夠建設出成功的網站，加入企業電子商務的大潮。