第一篇：《規(guī)劃設(shè)計網(wǎng)站》教學(xué)設(shè)計

八年級下冊

八年級下冊

八年級下冊

八年級下冊

八年級下冊

第二篇：網(wǎng)站規(guī)劃教學(xué)設(shè)計

網(wǎng)站規(guī)劃教學(xué)設(shè)計

一、教學(xué)準(zhǔn)備：

1．選取一些學(xué)生制作的優(yōu)秀網(wǎng)站，以備上課演示時用。2．配置校園網(wǎng)Web服務(wù)器

3．準(zhǔn)備好校園內(nèi)部BBS，為班內(nèi)互評作準(zhǔn)備。

二、教學(xué)目標(biāo)：

1．以網(wǎng)站欣賞為主線，介紹網(wǎng)站設(shè)計思想,使學(xué)生初步了解網(wǎng)站設(shè)計的整體構(gòu)思。

2．學(xué)會如何規(guī)劃、構(gòu)思一個網(wǎng)站。

三、教學(xué)重點、難點：網(wǎng)站的整體構(gòu)思

四、教材內(nèi)容分析

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

五、教學(xué)對象分析

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

六、教學(xué)資源及輔助手段、工具：

資源：對一個下載好的優(yōu)秀學(xué)生的網(wǎng)站進行分析、講解 網(wǎng)頁制作工具：FrontPage

七、教學(xué)過程：

教師活動

引入

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

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

正課

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

問題1：這是一個什么樣的網(wǎng)站？（指內(nèi)容）

問題2：這個網(wǎng)站提供了一些什么功能？

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

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

1、做好需求分析

學(xué)生活動

學(xué)生都在說著自己看到的一些優(yōu)秀網(wǎng)站，其中包括內(nèi)容方面、界面方面、設(shè)計風(fēng)格方面等等。

對于親自動手制作一個網(wǎng)站，學(xué)生表現(xiàn)出了很大的興趣，都想一顯身手。

學(xué)生的目光一下子集中到了這個網(wǎng)站上了。

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

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

在建站之前首先要明確的是建站的目的和網(wǎng)站將要面對的對象，在課堂中做一個簡單的調(diào)查，進行歸納總結(jié)。

2、確定網(wǎng)站的主題。

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

思考：你們想做一個關(guān)于什么內(nèi)容的網(wǎng)站呢？可以從自身的興趣、特長、愛好出發(fā)來確定站點的主題。

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

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

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

3、確定網(wǎng)站名稱

將學(xué)生根據(jù)主題的選擇的相似，分成小組開展活動。選擇恰當(dāng)?shù)木W(wǎng)站名稱是建

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

三、布置任務(wù)：

①要根據(jù)自己的情況確定好網(wǎng)站的主題和名稱。

②根據(jù)主題收集一些資料。

第三篇：網(wǎng)站布局規(guī)劃設(shè)計

網(wǎng)站布局規(guī)劃設(shè)計《教學(xué)設(shè)計》

【教學(xué)內(nèi)容】

練習(xí)用布局模式和表格布局網(wǎng)頁

【教學(xué)參考】

《 Dreamweaver 精彩設(shè)計百例》

中國水利水電出版社

《 DreamweaverCS3商業(yè)應(yīng)用篇》 清華大學(xué)出版社

【教學(xué)設(shè)備】

多媒體計算機，投影機

【教學(xué)目的】

1、掌握用表格布局網(wǎng)頁基本操作

2、掌握用布局模式布局網(wǎng)頁基本操作

3、比較表格和布局模式的優(yōu)劣

【教學(xué)重點】

1、用表格布局網(wǎng)頁

2.、用布局模式布局網(wǎng)頁

【教學(xué)難點】

布局模式布局網(wǎng)頁

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

【教學(xué)設(shè)計】

向?qū)W生講解表格和布局模式的基本概念，演示 2 個項目的制作過程和效果圖，分析這 2 個網(wǎng)頁中表格的設(shè)計及相關(guān)屬性的設(shè)置，布局表格及布局單元格的設(shè)計及相關(guān)屬性的設(shè)置。講解、示范操作完畢后布置課后作業(yè)。

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

第二步：用表格布局網(wǎng)頁元素

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

第四步：布局模式概說

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

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

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

第八步：布置作業(yè)

【教學(xué)過程】見講義 【小結(jié)】

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

【作業(yè)】

思考題：用表格布局和用布局模式布局網(wǎng)頁有何優(yōu)劣？

第四篇：網(wǎng)站規(guī)劃與設(shè)計心得

第一次接觸網(wǎng)站規(guī)劃與設(shè)計，而且是自己參與設(shè)計一個網(wǎng)站，所以非常興奮，從前期網(wǎng)站主題的確定與相關(guān)內(nèi)容的分析到網(wǎng)站的設(shè)計，每個隊員都在積極努力，出謀劃策，每個人都在經(jīng)歷一場頭腦風(fēng)暴。

1.確定主題。制作網(wǎng)站首先確定主題，我們想做一個租書網(wǎng)站，所以就上網(wǎng)瀏覽了許多優(yōu)秀 租書網(wǎng)站和有名的主題網(wǎng)站。

2.設(shè)計主頁。主頁的設(shè)計是整個網(wǎng)站的靈魂，構(gòu)思導(dǎo)航欄的分類，然后是整體規(guī)劃，每一版 塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，我們就構(gòu)思大致分幾部分。首頁、熱門閱讀、傳統(tǒng)閱讀、散文詩歌、國外文學(xué)等等，每一部分又分幾小部分，內(nèi)容比較充分，多樣。確定導(dǎo)航欄的各個分類標(biāo)題之后對于建立二級子網(wǎng)尤為重要。在頁面設(shè)計時，主要考慮整體布局、視覺平衡、頁面尺寸和頁面框架等四個方面的因素。保持網(wǎng)站的整體設(shè)計風(fēng)格統(tǒng)一一致，避免凌亂的思維方式，要做到有步驟、有計劃的設(shè)計和制作。

3.素材的搜集。主頁的導(dǎo)航欄設(shè)計好后，接下來就是對主頁導(dǎo)航欄的各個內(nèi)容進行資料的收 集，我采用大量的資料收集再對資料進行塞選，得到最適合導(dǎo)航欄內(nèi)容的資料。網(wǎng)頁是否生動、別具特色，還需強調(diào)文本、圖片、flash小動畫或gif動畫的編輯以及聲音和視頻等的處理和加工是否保持相對的一致性。素材的選擇，要符合網(wǎng)站的主題，然后放入站點底下，進行圖文的鏈接和排版。

4.實現(xiàn)網(wǎng)頁間的鏈接。做好各個子網(wǎng)和首頁后，接下來就是通過模板的鏈接，將整個網(wǎng)站中 的網(wǎng)頁鏈接起來，過程其實很簡單，主要是把要鏈接的文字和圖標(biāo)選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

第五篇：可口可樂網(wǎng)站規(guī)劃設(shè)計書

可口可樂網(wǎng)站規(guī)劃設(shè)計書

1.企業(yè)簡介:

可口可樂公司(Coca-Cola Company)成立于1892年，目前總部設(shè)在美國喬亞州亞特蘭大，是全球最大的飲料公司，擁有全球48%市場占有率以及全球前三大飲料的二項(可口可樂排名第一，百事可樂第二，低熱量可口可樂第三)，其2001年營收達20,092百萬美元，普通股股東權(quán)益則為11,351百萬美元。可口可樂在200個國家擁有160種飲料品牌，包括汽水、運動飲料、乳類飲品、果汁、茶和咖啡，亦是全球最大的果汁飲料經(jīng)銷商(包括Minute Maid品牌)，在美國排名第一的可口可樂為其取得超過40%的市場占有率，而雪碧(Sprite)則是成長最快的飲料，其它品牌包括伯克(Barq)的root beer(沙士)，水果國度(Fruitopia)以及大浪(Surge)。

2.網(wǎng)站目標(biāo)規(guī)劃:

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

網(wǎng)站策劃是指在網(wǎng)站建設(shè)前對市場進行分析、確定網(wǎng)站的目的和功能，并根據(jù)需要對網(wǎng)站建設(shè)中的技術(shù)、內(nèi)容、費用、測試、維護等做出策劃。網(wǎng)站策劃對網(wǎng)站建設(shè)起到計劃和指導(dǎo)的作用，對網(wǎng)站的內(nèi)容和維護起到定位作用。

網(wǎng)站策劃書出應(yīng)該盡可能涵蓋網(wǎng)站策劃中的各個方面，網(wǎng)站策劃書的寫作要科學(xué)、認真、實事求是。

一、建設(shè)網(wǎng)站前的市場分析（企業(yè)自行處理）

1、相關(guān)行業(yè)的市場是怎樣的,市場有什么樣的特點，是否能夠在互聯(lián)網(wǎng)上開展公司業(yè)務(wù)。

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

3、公司自身條件分析、公司概況、市場優(yōu)勢，可以利用網(wǎng)站提升哪些競爭力，建設(shè)網(wǎng)站的能力（費用、技術(shù)、人力等）。

二、建設(shè)網(wǎng)站目的及功能定位（企業(yè)自行處理或與專業(yè)公司商議）

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

2、整合公司資源，確定網(wǎng)站功能。根據(jù)公司的需要和計劃，確定網(wǎng)站的功能類型：

企業(yè)型網(wǎng)站、應(yīng)用型網(wǎng)站、商業(yè)型網(wǎng)站（行業(yè)型網(wǎng)站）、電子商務(wù)型網(wǎng)站；企業(yè)網(wǎng)站又分為企業(yè)形象型、產(chǎn)品宣傳型、網(wǎng)上營銷型、客戶服務(wù)型、電子商務(wù)型等。

3、根據(jù)網(wǎng)站功能，確定網(wǎng)站應(yīng)達到的目的作用。

4、企業(yè)內(nèi)部網(wǎng)（Intranet）的建設(shè)情況和網(wǎng)站的可擴展性。

三、網(wǎng)站技術(shù)解決方案（與專業(yè)公司商議）

根據(jù)網(wǎng)站的功能確定網(wǎng)站技術(shù)解決方案。

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

2、選擇操作系統(tǒng)，用Window2000/NT還是unix,Linux。分析投入成本、功能、開發(fā)、穩(wěn)定性和安全性等。

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

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

5、選擇什么樣的動態(tài)程序及相應(yīng)數(shù)據(jù)庫。如程序ASP、JSP、PHP；數(shù)據(jù)庫SQL、ACCESS、ORACLE等。

四、網(wǎng)站內(nèi)容及實現(xiàn)方式（與專業(yè)公司商議）

1、根據(jù)網(wǎng)站的目的確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航。

一般企業(yè)型網(wǎng)站應(yīng)包括：公司簡介、企業(yè)動態(tài)、產(chǎn)品介紹、客戶服務(wù)、聯(lián)系方式、在線留言等基本內(nèi)容。更多內(nèi)容如：常見問題、營銷網(wǎng)絡(luò)、招賢納士、在線論壇、英文版等等。

2、根據(jù)網(wǎng)站的目的及內(nèi)容確定網(wǎng)站整合功能。

如FLASH引導(dǎo)頁、會員系統(tǒng)、網(wǎng)上購物系統(tǒng)、在線支付、問卷調(diào)查系統(tǒng)、在線支付、信息搜索查詢系統(tǒng)、流量統(tǒng)計系統(tǒng)等。

3、確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航中的每個頻道的子欄目。

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

4、確定網(wǎng)站內(nèi)容的實現(xiàn)方式。

如產(chǎn)品中心使用動態(tài)程序數(shù)據(jù)庫還是靜態(tài)頁面；營銷網(wǎng)絡(luò)是采用列表方式還是地圖展示。

五、網(wǎng)頁設(shè)計

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

2、在新技術(shù)的采用上要考慮主要目標(biāo)訪問群體的分布地域、年齡階層、網(wǎng)絡(luò)速度、閱讀習(xí)慣等。

3、制定網(wǎng)頁改版計劃，如半年到一年時間進行較大規(guī)模改版等。

六、費用預(yù)算

1、企業(yè)建站費用的初步預(yù)算

一般根據(jù)企業(yè)的規(guī)模、建站的目的、上級的批準(zhǔn)而定。

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

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

七、網(wǎng)站維護

1、服務(wù)器及相關(guān)軟硬件的維護，對可能出現(xiàn)的問題進行評估，制定響應(yīng)時間。

2、數(shù)據(jù)庫維護，有效地利用數(shù)據(jù)是網(wǎng)站維護的重要內(nèi)容，因此數(shù)據(jù)庫的維護要受到重視。

3、內(nèi)容的更新、調(diào)整等。

4、制定相關(guān)網(wǎng)站維護的規(guī)定，將網(wǎng)站維護制度化、規(guī)范化。

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

八、網(wǎng)站測試

網(wǎng)站發(fā)布前要進行細致周密的測試，以保證正常瀏覽和使用。主要測試內(nèi)容：

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

2、程序及數(shù)據(jù)庫測試。

3、鏈接是否有錯誤。

九、網(wǎng)站發(fā)布與推廣

3.功能規(guī)劃

企業(yè)的網(wǎng)上“門臉兒”

做生意要選好的“門臉兒”，建網(wǎng)站也一樣，許多經(jīng)理認為做網(wǎng)站越省錢越好，其實，這個錢是不應(yīng)該省的，請問，你為什么投資幾千、幾萬甚至幾十萬來裝修你的店面，可有不能用比這少得多的投資做一個好的網(wǎng)站呢？一定要記住，未來許多的客戶可能并沒有見過您的公司，只是從網(wǎng)站中對您進行了解，然后建立信任關(guān)系，從而達成交易的，所以您的網(wǎng)站與您的公司“門臉兒”一樣重要，并且隨著市場的發(fā)展，會越來越重要的??

產(chǎn)品說明書

您的市場開發(fā)人員可能會向客戶大量的發(fā)送產(chǎn)品說明書，可是，客戶手中的書面的說明書難免丟失或無法隨處攜帶，包括您的業(yè)務(wù)人員?？墒?，只要能上網(wǎng)就會過您的網(wǎng)址看到您的網(wǎng)上產(chǎn)品說明，既方便、又省錢。

二十四小時工作的網(wǎng)上推銷員

您的網(wǎng)站同時又是您的推銷員，通過搜索引擎或其他的網(wǎng)站鏈接，許多瀏覽者會很容易的進入您的網(wǎng)站，并對您的公司及產(chǎn)品有更深入的了解，從而，進一步聯(lián)絡(luò)產(chǎn)生購買。

網(wǎng)上客戶服務(wù)專員

網(wǎng)站也可以給您的客戶或準(zhǔn)客戶提供售后服務(wù)與產(chǎn)品解答，這樣增強您的客戶關(guān)系，將會對公司的業(yè)績產(chǎn)生更大的促進.企業(yè)文化的傳播者

網(wǎng)站的風(fēng)格、內(nèi)容都會表達出貴公司的企業(yè)特點（文化），同時也可以有意地將公司的文化內(nèi)涵載入其中，讓客戶和員工能夠更多的理解公司的文化，使公司更具魅力。

實現(xiàn)網(wǎng)絡(luò)辦公

互聯(lián)網(wǎng)也為我們提供了一個方便、快捷、經(jīng)濟的溝通方式，您可以通過互聯(lián)網(wǎng)的內(nèi)部交流系統(tǒng)隨時與其他員工進行溝通、了解銷售數(shù)據(jù)、查閱員工的工作報告等等，總之，無論何時、何地，您都可以通過網(wǎng)絡(luò)進行所需要的工作.客戶意向調(diào)查統(tǒng)計

通過您的網(wǎng)站來源地區(qū)結(jié)構(gòu)，可以判斷市場情況，通過對網(wǎng)站的訪問量統(tǒng)計，可以看出網(wǎng)站的影響力，通過在線的調(diào)查方式，可以了解客戶的需求等等 一個全新的網(wǎng)上企業(yè)

網(wǎng)站能起的作用真實舉不勝舉，以前曾與一些企業(yè)界人士探討過什么是網(wǎng)站？很多經(jīng)理認為網(wǎng)站是廣告，不過我很鄭重的表達了我的觀點，就是，在商人的眼里，網(wǎng)站就是一個公司，就是你在互聯(lián)網(wǎng)上開的一家虛擬方式但卻現(xiàn)實的一個公司??

4.網(wǎng)站信息結(jié)構(gòu)規(guī)劃

一級:瀏覽者

二級:首頁 關(guān)于我們 我們的品牌 精彩贊助 企業(yè)社會責(zé)任 新聞中心 飲料面面觀 職業(yè)發(fā)展

三級:首頁

關(guān)于我們:可口可樂公司 愿景及使命 可口可樂中國公司 業(yè)務(wù)合作伙伴 經(jīng)濟貢獻 獎項及榮譽

我們的品牌:全系列產(chǎn)品 品牌文化

精彩贊助:奧運會 足球 籃球 一級方程式 特奧會 其他

企業(yè)社會責(zé)任:企業(yè)信譽 公益活動 企業(yè)社會責(zé)任報告

新聞中心:最新活動 新聞稿 公司聲名 網(wǎng)絡(luò)媒體中心 圖片庫 媒體留言 公司資料 聯(lián)系我們

飲料面面觀

職業(yè)發(fā)展:為何選擇我們 我們的員工 常見問題 熱門職業(yè)