本篇文章給大家談?wù)劸W(wǎng)站建設(shè)與網(wǎng)頁設(shè)計(jì)ppt，以及網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計(jì)課程對應(yīng)的知識點(diǎn)，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、如何造網(wǎng)頁
• 2、怎么編寫網(wǎng)站建設(shè)策劃書
• 3、企業(yè)網(wǎng)站怎么建設(shè)
• 4、如何創(chuàng)造自己的網(wǎng)站
• 5、中小學(xué)專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)
• 6、保護(hù)環(huán)境網(wǎng)站的需求分析確定風(fēng)格與定位,設(shè)計(jì)開設(shè)哪些欄目呢

如何造網(wǎng)頁

你想自己制作網(wǎng)站嗎？最簡單制作一個(gè)網(wǎng)頁就是用TXT，里面隨便寫什么，把后綴名改成.htm即可，還一種你做好了PPT，word等，右擊另存為網(wǎng)頁格式，就是一個(gè)頁面了。然后你需要去租虛擬主機(jī)或者自己去弄服務(wù)器，把網(wǎng)頁放上去即可。

怎么編寫網(wǎng)站建設(shè)策劃書

網(wǎng)站策劃方案范本（案例研究）

目 錄

一、項(xiàng)目目標(biāo) 4

1.1 需求分析 4

1.2 網(wǎng)站目標(biāo)與期望 4

1.3 網(wǎng)站設(shè)計(jì)原則 4

1.4解決方案 5

二 網(wǎng)站整體結(jié)構(gòu) 6

2.1 網(wǎng)站欄目結(jié)構(gòu)圖 6

2.2 欄目說明 6

2.21 FLASH引導(dǎo)頁 6

2.22 網(wǎng)站首頁 6

2.22集團(tuán)概況 7

2.23企業(yè)動(dòng)態(tài)、企業(yè)文化 8

2.24公司產(chǎn)品 12

2.25銷售網(wǎng)絡(luò) 15

2.26客戶服務(wù) 15

2.27我們的客戶 19

2.28人才招聘 19

2.29 經(jīng)銷商管理系統(tǒng) 23

2.210 企業(yè)論壇 24

2.211 網(wǎng)站信息管理平臺(tái) 28

2.212 網(wǎng)站分析統(tǒng)計(jì)系統(tǒng) 30

三 我們優(yōu)勢 35

3.1 技術(shù)力量 35

3.2 解決方案 35

3.3 項(xiàng)目管理 35

3.4 網(wǎng)站推廣 36

3.5 售后服務(wù) 36

四 網(wǎng)站權(quán)限管理 36

五 網(wǎng)站建設(shè)平臺(tái)分析 36

5.1 虛擬主機(jī) 36

5.2 數(shù)據(jù)中心托管環(huán)境 36

5.3 數(shù)據(jù)中心網(wǎng)絡(luò)結(jié)構(gòu)拓補(bǔ)圖 37

六 網(wǎng)站運(yùn)營安全策略 38

七 網(wǎng)站建設(shè)進(jìn)度及實(shí)施過程 40

7.1 項(xiàng)目合作與成員 40

7.2 項(xiàng)目實(shí)施方法 40

八 費(fèi)用預(yù)算 42

8.1 網(wǎng)站部分：（報(bào)價(jià)包括中、英文雙版本） 42

8.2網(wǎng)站平臺(tái)部分： 44

8.3網(wǎng)站維護(hù)部分： 44

九 項(xiàng)目進(jìn)度安排 45

一、項(xiàng)目目標(biāo)

1.1 需求分析

現(xiàn)在網(wǎng)絡(luò)的發(fā)展已呈現(xiàn)商業(yè)化、全民化、全球化的趨勢。目前，幾乎世界上所有的公司都在利用網(wǎng)絡(luò)傳遞商業(yè)信息，進(jìn)行商業(yè)活動(dòng)，從宣傳企業(yè)、發(fā)布廣告、招聘雇員、傳遞商業(yè)文件乃至拓展市場、網(wǎng)上銷售等，無所不能。如今網(wǎng)絡(luò)已成為企業(yè)進(jìn)行競爭的戰(zhàn)略手段。企業(yè)經(jīng)營的多元化拓展，企業(yè)規(guī)模的進(jìn)一步擴(kuò)大，對于企業(yè)的管理、業(yè)務(wù)擴(kuò)展、企業(yè)品牌形象等提供了更高的要求。在以信息技術(shù)為支撐的新經(jīng)濟(jì)條件下，越來越多的企業(yè)利用起網(wǎng)絡(luò)這個(gè)有效的工具。網(wǎng)站早已由論證階段進(jìn)入了實(shí)質(zhì)階段，尤其為企業(yè)提供一個(gè)展示自己的舞臺(tái)、為消費(fèi)者創(chuàng)造一個(gè)了解企業(yè)的捷徑。公司可以通過建立商業(yè)平臺(tái)，實(shí)行全天候銷售服務(wù)，借助網(wǎng)絡(luò)推廣企業(yè)的形象、宣傳企業(yè)的產(chǎn)品、發(fā)布公司新聞，同時(shí)通過信息反饋使公司更加了解顧客的心理和需求，網(wǎng)站虛擬公司與實(shí)體公司的經(jīng)營運(yùn)作有機(jī)的結(jié)合，將會(huì)有利于公司產(chǎn)品銷售渠道的拓展，并節(jié)省大量的廣告宣傳和經(jīng)營運(yùn)營成本，更好地把握商機(jī)。

隨著全球信息網(wǎng)絡(luò)的發(fā)展，Internet在世界上已不僅僅是一種技術(shù)，更重要的是它已成為一種新的經(jīng)營模式。從4C（ Connection.，Communication ，Commerce , Co-operation ）層次上徹底改變了人類工作，學(xué)習(xí)，生活，娛樂的方式，已成為國家經(jīng)濟(jì)和區(qū)域經(jīng)濟(jì)增長的主要?jiǎng)恿Αnternet正成為世界最大的公共資料信息庫，它包含無數(shù)的信息資源，所有最新的信息都可以通過網(wǎng)絡(luò)搜索獲得。更重要的是，大部分信息都是免費(fèi)的，應(yīng)用電子商務(wù)可使企業(yè)獲得在傳統(tǒng)模式下所無法獲得的巨量商業(yè)信息，在激烈的市場競爭中領(lǐng)先對手。互聯(lián)網(wǎng)真是商機(jī)無限。

為此，我們結(jié)合網(wǎng)站將來發(fā)展方向，本著專業(yè)負(fù)責(zé)的精神，策劃***制泵有限公司網(wǎng)站，密切***制泵有限公司同其合作伙伴、經(jīng)銷商、客戶、和瀏覽者之間的關(guān)系，優(yōu)化企業(yè)經(jīng)營模式，提高企業(yè)運(yùn)營效率。采用最新的技術(shù)架構(gòu)和應(yīng)用系統(tǒng)平臺(tái)，協(xié)助***制泵有限公司網(wǎng)站優(yōu)化復(fù)雜的商業(yè)運(yùn)作流程。特為***制泵有限公司網(wǎng)站度身定做一個(gè)符合自己需求的網(wǎng)上品牌推廣平臺(tái)。

1.2 網(wǎng)站目標(biāo)與期望

1) 幫助集團(tuán)公司建立有效的企業(yè)形象宣傳、企業(yè)風(fēng)采展示、公司產(chǎn)品宣傳,打造“***制泵有限公司”新形象,突出***制泵有限公司的大型企業(yè)形象。

2) 充分利用網(wǎng)絡(luò)快捷、跨地域優(yōu)勢進(jìn)行信息傳遞，對公司的新聞進(jìn)行及時(shí)的報(bào)道，介紹本行業(yè)國內(nèi)外發(fā)展的最新信息和技術(shù)成果，推廣國內(nèi)外先進(jìn)經(jīng)驗(yàn)。

3)通過產(chǎn)品數(shù)據(jù)庫功能實(shí)現(xiàn)網(wǎng)上產(chǎn)品定單、資料搜索、供求聯(lián)系等,進(jìn)行網(wǎng)上產(chǎn)品銷售的在線指導(dǎo)，實(shí)現(xiàn)安全快捷的網(wǎng)上產(chǎn)品的查詢、訂購,提供便利的產(chǎn)品及相關(guān)資料共享等網(wǎng)上服務(wù)，優(yōu)化內(nèi)部管理。

4)為企業(yè)和客戶提供網(wǎng)上開放平臺(tái)，增進(jìn)系統(tǒng)內(nèi)外信息互通、經(jīng)驗(yàn)交流，配合企業(yè)的精神文明建設(shè)，增加客戶的美譽(yù)度，提高企業(yè)員工的凝聚力。

1.3 網(wǎng)站設(shè)計(jì)原則

商業(yè)性原則

作為企業(yè)商業(yè)運(yùn)作的一個(gè)組成重要部分，服務(wù)于***制泵有限公司企業(yè)文化的對外傳播，服務(wù)于企業(yè)與客戶、企業(yè)與員工溝通渠道的建立，完善企業(yè)服務(wù)體系，創(chuàng)造更多的商業(yè)機(jī)會(huì)，為企業(yè)經(jīng)營者提供科學(xué)決策輔助。

品牌性原則

為客戶提供有價(jià)值的產(chǎn)品和服務(wù)，充分體現(xiàn)“***制泵有限公司”品牌優(yōu)勢，重點(diǎn)塑造企業(yè)網(wǎng)絡(luò)品牌的個(gè)性化形象，使注意力資源盡可能地轉(zhuǎn)化成品牌消費(fèi)，建立忠誠“***制泵有限公司”消費(fèi)群體。

經(jīng)濟(jì)性原則

建立適合***制泵有限公司自身需求的網(wǎng)絡(luò)平臺(tái)，提供廣泛的涵蓋用戶多種需求的功能，數(shù)據(jù)處理方式靈活以滿足高度用戶化的需求，節(jié)省網(wǎng)站建設(shè)成本，并確保其較好的拓展性和開放性；同時(shí)網(wǎng)站具有基于WEB界面的管理后臺(tái)，企業(yè)能夠自主的對網(wǎng)站中大部分內(nèi)容作更新、修改操作，節(jié)省了企業(yè)網(wǎng)站的運(yùn)營成本，提高了信息更新、傳播效率。

擴(kuò)充性原則

網(wǎng)站的整體規(guī)劃及框架設(shè)計(jì)是具可擴(kuò)充性的，前臺(tái)頁面的設(shè)計(jì)能保證企業(yè)網(wǎng)站在增加欄目后不會(huì)破壞網(wǎng)站的整體結(jié)構(gòu)。后臺(tái)數(shù)據(jù)庫的設(shè)計(jì)具有高度的擴(kuò)充性，企業(yè)能夠根據(jù)需要對欄目、類別的增、刪、修改。

1.4解決方案

1、 界面結(jié)構(gòu)

我們專業(yè)的設(shè)計(jì)師根據(jù)***制泵有限公司的CI風(fēng)格、網(wǎng)站功能，采用最新表現(xiàn)技術(shù)全面設(shè)計(jì)，充分體現(xiàn)***制泵有限公司大企業(yè)的形象。

2、 功能模塊

網(wǎng)站建設(shè)以界面的簡潔化，功能模塊的靈活變通性為原則，為***制泵有限公司網(wǎng)站設(shè)計(jì)制作維護(hù)人員提供一個(gè)自主更新維護(hù)的動(dòng)態(tài)空間和發(fā)揮余地，去完善辦好他們的網(wǎng)站，達(dá)到一次投資，長期受益，降低成本的根本目的。

3、 網(wǎng)站推廣

我們憑借多年對互聯(lián)網(wǎng)技術(shù)的深入研究、對中國互聯(lián)網(wǎng)的現(xiàn)狀和發(fā)展趨勢的把握以及在網(wǎng)站推廣服務(wù)方面的成熟經(jīng)驗(yàn)，能夠?yàn)槠髽I(yè)提供最專業(yè)、最有效、最經(jīng)濟(jì)的網(wǎng)站推廣服務(wù)。

4、 內(nèi)容主題

設(shè)計(jì)重心轉(zhuǎn)向以客戶為中心，圍繞客戶的需求層面有針對性的設(shè)計(jì)實(shí)用簡潔的欄目及實(shí)用的功能，極大方便客戶了解企業(yè)的服務(wù)，咨詢服務(wù)技術(shù)支持、問題解答，個(gè)性化產(chǎn)品意見提出等一系列需求在***制泵有限公司網(wǎng)站上逐個(gè)需求得到滿足的過程；做到產(chǎn)品展示，服務(wù)技術(shù)支持，問題，反饋意見等為一體，充分幫助客戶體驗(yàn)到***制泵有限公司的全系列服務(wù)；

5、 人力資源

為網(wǎng)站開發(fā)操作簡便使用高效的管理后臺(tái)，網(wǎng)站管理員能夠開設(shè)多個(gè)管理員帳戶，為每個(gè)管理員分別設(shè)置管理權(quán)限，系統(tǒng)根據(jù)權(quán)限自動(dòng)為某個(gè)管理員配置管理后臺(tái)，后臺(tái)只允許該管理員管理其具有管理權(quán)限的欄目。同時(shí)網(wǎng)站開發(fā)具有等級管理功能的會(huì)員系統(tǒng)，能夠?qū)⒔?jīng)銷商、代理商、普通客戶、公司員工、網(wǎng)站管理員分類管理，分別為其設(shè)置訪問、管理權(quán)限。這樣使整個(gè)網(wǎng)站運(yùn)行起來有條不紊，同時(shí)也做到了專人專職，責(zé)權(quán)分明。

6、 網(wǎng)站維護(hù)

對***制泵有限公司相關(guān)網(wǎng)站維護(hù)人員進(jìn)行日常維護(hù)、更新方面的技術(shù)培訓(xùn)，項(xiàng)目開發(fā)成功后企業(yè)能自主完成對整個(gè)網(wǎng)站的維護(hù)更新。

二 網(wǎng)站整體結(jié)構(gòu)

2.1 網(wǎng)站欄目結(jié)構(gòu)圖

注：黃色背景的為采用動(dòng)態(tài)數(shù)據(jù)庫的欄目

2.2 欄目說明

***制泵有限公司網(wǎng)站欄目結(jié)構(gòu)如上圖所示。欄目規(guī)劃充分考慮到***制泵有限公司展示企業(yè)形象、擴(kuò)大知名度以及網(wǎng)上營銷的需要。網(wǎng)站采用了多種動(dòng)態(tài)模塊，企業(yè)能夠自主、獨(dú)立的完成網(wǎng)站中多數(shù)內(nèi)容的更新。

頁面的設(shè)計(jì)將充分體現(xiàn)***制泵有限公司國內(nèi)大型企業(yè)的形象，在框架編排、色彩搭配以及Flash動(dòng)畫的適當(dāng)穿插都做到恰到好處，使整個(gè)網(wǎng)站在保證功能的前提下給使用者帶來良好的視覺享受和精神愉悅感。

2.21 Flash引導(dǎo)頁

Flash引導(dǎo)頁是企業(yè)網(wǎng)站的第一窗口，決定客戶對企業(yè)文化第一印象認(rèn)知度的關(guān)鍵頁面，頁面的布局和頁面風(fēng)格的設(shè)定，對網(wǎng)站整體定位起著決定性的作用。我們擁有專業(yè)而朝氣的美工設(shè)計(jì)隊(duì)伍，精彩的FLASH矢量動(dòng)畫技術(shù)和資深的網(wǎng)站策劃工程師。為客戶的網(wǎng)站度身定制獨(dú)有的風(fēng)格和整體形象結(jié)構(gòu)。

在設(shè)計(jì)風(fēng)格上體現(xiàn)企業(yè)的行業(yè)特點(diǎn)與個(gè)性突出的特色，做到卓爾不群。

內(nèi)容上著重展示企業(yè)logo、公司名稱、公司產(chǎn)品等信息，凸顯企業(yè)形象與實(shí)力。

2.22 網(wǎng)站首頁

采用動(dòng)態(tài)ASP動(dòng)態(tài)頁面，將整個(gè)網(wǎng)站的最新信息在首頁顯示，主要包括最新動(dòng)態(tài)信息（自動(dòng)從公司動(dòng)態(tài)中提取）、推薦產(chǎn)品（管理員后臺(tái)發(fā)布），等。網(wǎng)管在后臺(tái)可以動(dòng)態(tài)更新首頁的內(nèi)容。瀏覽者一進(jìn)入首頁就能夠了解整個(gè)網(wǎng)站的最新更新和公司的最新活動(dòng)，給瀏覽者耳目一新的感覺，吸引瀏覽者經(jīng)常訪問***制泵有限公司網(wǎng)站。

首頁的設(shè)計(jì)著重體現(xiàn)企業(yè)的文化與形象，力求給瀏覽者一種親和力和認(rèn)知感，繼而讓客戶產(chǎn)生了解更多信息的興趣。

2.22集團(tuán)概況

本欄目包括“集團(tuán)簡介”、“企業(yè)榮譽(yù)”、“組織機(jī)構(gòu)”、“分公司”、“信息反饋”五個(gè)二級欄目，內(nèi)容是傳導(dǎo)公司的經(jīng)營理念、企業(yè)價(jià)值觀，運(yùn)用現(xiàn)代網(wǎng)絡(luò)媒體的優(yōu)勢樹立企業(yè)品牌和形象。欄目采用靜態(tài)頁面，在頁面設(shè)計(jì)上，我們采用靈活運(yùn)用多種動(dòng)畫效果表現(xiàn)手法，力求將***制泵有限公司的企業(yè)形象予以最好的傳達(dá)。其中：

“集團(tuán)簡介”主要介紹公司的一些基本情況，包括文字介紹和企業(yè)外景照片。

“企業(yè)榮譽(yù)”展示企業(yè)所獲得的技術(shù)認(rèn)證證書或榮譽(yù)證書，證書采用縮略圖加文字介紹的形式，點(diǎn)擊縮略圖彈出大圖顯示窗口。

“組織機(jī)構(gòu)”為集團(tuán)公司的管理結(jié)構(gòu)圖，采用樹型目錄的形式展示。

“分公司”介紹各地分公司的情況，并設(shè)置超級鏈接到各分公司的網(wǎng)站。

“信息反饋”采用在線反饋表單，利用這個(gè)模塊，瀏覽者可以在線提交反饋信息，可以選擇提交問題的種類，反饋信息以電子郵件形式發(fā)送到管理員信箱。系統(tǒng)可以根據(jù)選擇自動(dòng)判定郵件發(fā)送地址

企業(yè)網(wǎng)站怎么建設(shè)

企業(yè)網(wǎng)站怎么建設(shè)？下面給大家分享一下關(guān)于企業(yè)網(wǎng)站建設(shè)的解決方案：

1、確定網(wǎng)站主題

主要包括三個(gè)部分：目標(biāo)、布局和風(fēng)格。

目標(biāo)，是指我們所希望達(dá)到的效果，如品牌宣傳、網(wǎng)上銷售、互動(dòng)交流等；

布局，是指網(wǎng)站網(wǎng)頁內(nèi)容的排版，如主頁上的橫幅、產(chǎn)品簡介、功能模塊等；

樣式，是指企業(yè)網(wǎng)站建設(shè)設(shè)計(jì)的主題，如高端科技風(fēng)、甜美暖風(fēng)等等，主題要根據(jù)企業(yè)品牌本身的特點(diǎn)來確定。

2、產(chǎn)品核心定位

核心產(chǎn)品具有品牌代表性，能夠帶動(dòng)企業(yè)一系列產(chǎn)品的銷售。當(dāng)決定一個(gè)核心產(chǎn)品時(shí)，我們應(yīng)該考慮它是否能代表一類產(chǎn)品的特性？市場上有競爭優(yōu)勢嗎？該產(chǎn)品是否得到了企業(yè)的技術(shù)支持？

3、定位目標(biāo)用戶

企業(yè)網(wǎng)站建設(shè)是以用戶為中心的，因此尋找準(zhǔn)目標(biāo)用戶也是一個(gè)非常重要的環(huán)節(jié)。我們必須清楚地了解用戶的性別、年齡、消費(fèi)能力、地域分布等。

例如潮流男裝，它面對的大多數(shù)是男性消費(fèi)者，但也有一部分是女性消費(fèi)者，在某些情況下，女性會(huì)為與自己親近的男性選擇和購買服裝。對于年齡，跨度可以在18~35歲之間，這個(gè)年齡階段的人都具有一定的消費(fèi)能力，而且也比較了解網(wǎng)絡(luò)，知道網(wǎng)購商品。由于物流產(chǎn)業(yè)的迅猛發(fā)展，網(wǎng)上購物已經(jīng)不再局限于地理位置上的限制，但是一些特定的商品仍然具有地域上的針對性。

4、關(guān)鍵詞定位

對于企業(yè)網(wǎng)站建設(shè)來說，網(wǎng)站優(yōu)化推廣至關(guān)重要。流量是潛在的消費(fèi)力，要獲得流量，一種有效而又經(jīng)濟(jì)的方法就是搜索引擎優(yōu)化。它包括關(guān)鍵詞的定位和選擇。通過以上分析，我們可以得到網(wǎng)站的主題和核心產(chǎn)品，從中篩選出有用的關(guān)鍵詞，同時(shí)進(jìn)行合理的優(yōu)化即可。

假如大家想要找一家專業(yè)的網(wǎng)站建設(shè)公司來制作自己的網(wǎng)站的話，不妨到這個(gè)一站式網(wǎng)站建設(shè)系統(tǒng)和建站平臺(tái)

如何創(chuàng)造自己的網(wǎng)站

是的，我可以幫助查找關(guān)于創(chuàng)建網(wǎng)站的相關(guān)資料。

選擇網(wǎng)站建設(shè)工具：可以使用專業(yè)的網(wǎng)站建設(shè)軟件或在線網(wǎng)站建設(shè)平臺(tái)來創(chuàng)建網(wǎng)站，這樣可以避免編寫代碼的麻煩。

購買域名和空間：創(chuàng)建網(wǎng)站之前，需要先購買域名和空間，這樣才能在互聯(lián)網(wǎng)上發(fā)布網(wǎng)站。

設(shè)計(jì)網(wǎng)站架構(gòu)：設(shè)計(jì)網(wǎng)站的架構(gòu)，包括網(wǎng)站的導(dǎo)航、布局、頁面元素等。

創(chuàng)建網(wǎng)頁：使用網(wǎng)站建設(shè)工具或代碼創(chuàng)建網(wǎng)頁，并按照設(shè)計(jì)的架構(gòu)進(jìn)行布局。

添加內(nèi)容：為網(wǎng)站添加文字、圖片、視頻等內(nèi)容，以便向用戶展示網(wǎng)站的信息。

測試網(wǎng)站：在本地進(jìn)行網(wǎng)站的測試，確保網(wǎng)站能夠正常運(yùn)行。

上傳網(wǎng)站：將網(wǎng)站上傳到互聯(lián)網(wǎng)上，并發(fā)布到域名對應(yīng)的空間上。

優(yōu)化SEO：對網(wǎng)站進(jìn)行SEO優(yōu)化，以便更好地被搜索引擎收錄。

維護(hù)和更新：定期維護(hù)和更新網(wǎng)站，保證其正常運(yùn)行

中小學(xué)專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)

一、引言

隨著Internet網(wǎng)絡(luò)建設(shè)的迅速發(fā)展，特別是校園網(wǎng)絡(luò)的廣泛建立，開發(fā)建設(shè)基于Internet的多媒體學(xué)習(xí)資源具有重大意義。專題學(xué)習(xí)網(wǎng)站是在因特網(wǎng)的環(huán)境下，圍繞某一專題進(jìn)行較為廣泛深入研究的資源學(xué)習(xí)型網(wǎng)站，專題學(xué)習(xí)網(wǎng)站在中小學(xué)教學(xué)的應(yīng)用，充分體現(xiàn)了信息技術(shù)與課程整合的優(yōu)勢。本文將對專題網(wǎng)站建設(shè)的意義和設(shè)計(jì)策略結(jié)合揚(yáng)州大學(xué)附屬中學(xué)信息技術(shù)拓展專題學(xué)習(xí)網(wǎng)站對專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)開發(fā)做一探討，并就專題學(xué)習(xí)網(wǎng)站如何有效地實(shí)施課堂教育教學(xué)結(jié)合課程實(shí)例作一闡述。

二、專題學(xué)習(xí)網(wǎng)站的定義

專題學(xué)習(xí)網(wǎng)站的本質(zhì)是一個(gè)基于網(wǎng)絡(luò)資源的專題研究、協(xié)作式學(xué)習(xí)系統(tǒng)，它通過在網(wǎng)絡(luò)學(xué)習(xí)環(huán)境中，向?qū)W習(xí)者提供大量的專題學(xué)習(xí)資源和協(xié)作學(xué)習(xí)交流工具，讓學(xué)習(xí)者自己選擇和確定研究的課題或項(xiàng)目的設(shè)計(jì)，自己收集、分析并選擇信息資料，應(yīng)用知識，去解決實(shí)際問題。它強(qiáng)調(diào)通過學(xué)習(xí)者主體性的探索、研究、協(xié)作來求得問題解決，從而讓學(xué)習(xí)者體驗(yàn)和了解科學(xué)探索過程，提高學(xué)習(xí)者獲取信息、分析信息、加工信息的實(shí)踐能力和培養(yǎng)良好的創(chuàng)新意識與信息素養(yǎng)。

三、專題學(xué)習(xí)網(wǎng)站的基本特征

專題學(xué)習(xí)網(wǎng)站通常包含以下四個(gè)基本內(nèi)容：

（1） 專題知識部分是指通過收集整理與建設(shè)與本專題相關(guān)的文本、圖片、動(dòng)畫等教學(xué)媒體，按一定的教學(xué)策略進(jìn)行分類、組織，以網(wǎng)頁形式制作專題網(wǎng)絡(luò)教學(xué)課件。

（2） 專題資源庫部分是指按有關(guān)的資源建設(shè)規(guī)范分類、整理與本專題相關(guān)的資源入庫（例如學(xué)習(xí)工具（字典、詞典、讀音、仿真實(shí)驗(yàn)）以及相關(guān)資源網(wǎng)站的鏈接等，并提供良好的資源上傳、下載、資源維護(hù)、資源檢索、資源應(yīng)用等資源管理與應(yīng)用功能

（3） 專題學(xué)習(xí)應(yīng)用工具部分指學(xué)習(xí)者提供能應(yīng)用專題知識和專題資源進(jìn)行網(wǎng)絡(luò)學(xué)習(xí)的工具，這為協(xié)作學(xué)習(xí)的開展提供了有利的空間，學(xué)生可以利用“論壇”、“留言板”、“BBS”、“聊天室”等方式互相交流，并且也為教師與學(xué)生之間的溝通搭建了橋梁。

（4） 專題學(xué)習(xí)評價(jià)部分是指為學(xué)習(xí)者提供自我學(xué)習(xí)評測的手段，通過收集與學(xué)習(xí)專題相關(guān)的思考性問題、形成性聯(lián)系以及總結(jié)性考察的評測資料，學(xué)生可以在線完成自我學(xué)習(xí)的評價(jià)。

專題學(xué)習(xí)網(wǎng)站是圍繞某一專題進(jìn)行詳細(xì)而深入的資源建設(shè)，利用網(wǎng)站組織學(xué)習(xí)者對該專題進(jìn)行全面的學(xué)習(xí)，并使用所提供的資源，在創(chuàng)設(shè)的情境下（如教學(xué)活動(dòng)、各種問題情境以及虛擬實(shí)驗(yàn)，甚至游戲）分析信息、利用信息、培養(yǎng)學(xué)習(xí)者的觀察思維能力，具有專題性、綜合性、開放性、實(shí)踐性的特點(diǎn)。

五、專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)

專題學(xué)習(xí)網(wǎng)站的包括選題、內(nèi)容設(shè)計(jì)和系統(tǒng)設(shè)計(jì)幾個(gè)步驟。

1．專題學(xué)習(xí)網(wǎng)站選題

選題網(wǎng)站的設(shè)計(jì)關(guān)鍵，主題的選擇要體現(xiàn)專題的特點(diǎn)，可以涉及與中小學(xué)學(xué)習(xí)有關(guān)的學(xué)科知識、人文社會(huì)、自然科學(xué)等方面。專題學(xué)習(xí)網(wǎng)站不同于網(wǎng)絡(luò)課程，課程在內(nèi)容上有系統(tǒng)性、完整性、教學(xué)性，而專題內(nèi)容相對具體，更加針對一項(xiàng)具體的知識內(nèi)容，因此在選題時(shí)應(yīng)注意以下原則

（1）選題上的教育性、科學(xué)性原則：專題是為教學(xué)服務(wù)的，要符合學(xué)習(xí)對象的特點(diǎn)，選題內(nèi)容有一定的教育意義，突出學(xué)習(xí)中的重點(diǎn)，注意啟發(fā)，促進(jìn)思維，培養(yǎng)能力。選題內(nèi)容正確、邏輯嚴(yán)謹(jǐn)，層次清楚，擴(kuò)展資源內(nèi)容健康、合情合理，突出專題特征。

（2）內(nèi)容上的整合性原則：專題不只是單個(gè)知識點(diǎn)，它是具有相關(guān)知識特征的知識點(diǎn)的集合與延伸，所以選題要在專題范圍內(nèi)自成體系，各相關(guān)知識點(diǎn)要圍繞專題設(shè)立，不僅僅局限于書本內(nèi)容，允許在該專題涉及的范圍內(nèi)涵蓋相關(guān)學(xué)科，體現(xiàn)了學(xué)科的整合。

另外，在選題時(shí)還要注意下面幾個(gè)方面：

（1）專題要小而精。定位要小，內(nèi)容要精，選擇的題材涉及面可以很廣，不要只是局限于學(xué)校的學(xué)科教學(xué)，但也要有所側(cè)重，以實(shí)用為主。

（2）要有獨(dú)特性，新穎性，只有專題網(wǎng)站要做出自己的特色來，才會(huì)有生命力。

2．專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)原則

（1）交互性原則：專題學(xué)習(xí)網(wǎng)站要有良好的交互性，及時(shí)對學(xué)生的學(xué)習(xí)活動(dòng)做出相應(yīng)的反饋。

（2）界面直觀友好原則：網(wǎng)站界面要美觀，符合學(xué)生的視覺心理；操作要簡單，不需要大量的預(yù)備技能；提示信息要詳細(xì)、準(zhǔn)確、恰當(dāng)。

（3）創(chuàng)新能力培養(yǎng)原則：知識創(chuàng)新和信息獲取的能力是當(dāng)代素質(zhì)教育的核心，專題學(xué)習(xí)網(wǎng)站應(yīng)采取多種教學(xué)策略，以便充分體現(xiàn)學(xué)生的認(rèn)知主體作用，使學(xué)生在學(xué)習(xí)過程能進(jìn)行積極的思考，而不是處于被動(dòng)接受知識狀態(tài)，從而在培養(yǎng)學(xué)生的創(chuàng)新能力和增強(qiáng)信息文化素養(yǎng)方面發(fā)揮應(yīng)有的作用。

（4）科學(xué)性原則：專題網(wǎng)站中所要表達(dá)的知識要具有科學(xué)性，措辭要準(zhǔn)確，行文要流暢，符合知識的內(nèi)在邏輯體系和學(xué)生的認(rèn)知結(jié)構(gòu)。

（5）協(xié)作性原則：協(xié)作學(xué)習(xí)有利于高級認(rèn)知能力以及合作精神的培養(yǎng)，而網(wǎng)絡(luò)為協(xié)作學(xué)習(xí)提供了理想的環(huán)境，因此，專題學(xué)習(xí)網(wǎng)站要充分發(fā)揮這一優(yōu)勢，提供協(xié)作學(xué)習(xí)和協(xié)同工作的工具和網(wǎng)絡(luò)空間。

（6）教學(xué)設(shè)計(jì)原則：要重視教學(xué)設(shè)計(jì)，即要注意分析學(xué)習(xí)者的特征、要分析教學(xué)目標(biāo)和教學(xué)內(nèi)容的結(jié)構(gòu)、要設(shè)計(jì)符合學(xué)生認(rèn)知心理的知識表現(xiàn)形式，設(shè)計(jì)能夠有力地促進(jìn)主動(dòng)建構(gòu)知識意義的學(xué)習(xí)策略。

六、專題學(xué)習(xí)網(wǎng)站建設(shè)的步驟：

確定選題

（1）選題要具有教育性、科學(xué)性、知識性、趣味性與整合性。

（2）選題要獨(dú)特、新穎、定位準(zhǔn)確。

（3）選題要發(fā)揮本身優(yōu)勢、教學(xué)試驗(yàn)與內(nèi)容建設(shè)相結(jié)合。

專題結(jié)構(gòu)化知識設(shè)計(jì)。

（1）標(biāo)題

（2）專題內(nèi)容（知識點(diǎn)）

（3）制作思路

系統(tǒng)結(jié)構(gòu)的設(shè)計(jì)

（1）專題知識框架

（2）各部分內(nèi)容的說明

網(wǎng)頁界面的設(shè)計(jì)

工作任務(wù)列表分工

素材、資源的搜集和制作

制作工具的使用

自主學(xué)習(xí)的設(shè)計(jì)

協(xié)作交流的設(shè)計(jì)

學(xué)生評價(jià)系統(tǒng)的設(shè)計(jì)

網(wǎng)站評價(jià)的設(shè)計(jì)

七、專題學(xué)習(xí)網(wǎng)站的制作

目前各個(gè)學(xué)校專題學(xué)習(xí)網(wǎng)站的開發(fā)與設(shè)計(jì)，大部分都是由計(jì)算機(jī)教師完成的。由此而帶來的弊端就是懂技術(shù)的教師不懂教學(xué)，懂教學(xué)的老師不懂技術(shù)。因此制作時(shí)必須由一線教師廣泛參與網(wǎng)站建設(shè)，資源的整理、加工，素材的制作，制作相對簡單的網(wǎng)頁部分，計(jì)算機(jī)教師進(jìn)行整合，已充分體現(xiàn)教師的教學(xué)思想。網(wǎng)站的資源建設(shè)，可采納如下途徑：

一線教師：收集資料，上傳，下載符合專題的資源整理加工利用。

專業(yè)教師：圍繞專題制作相關(guān)素材、課件。

購買:購買教育教學(xué)類素材。

制作時(shí)要選擇或設(shè)計(jì)合適的網(wǎng)站源程序，制作富有個(gè)性的網(wǎng)站界面，學(xué)習(xí)資源的呈現(xiàn)要符合學(xué)生的認(rèn)知規(guī)律，要按照專題內(nèi)容的類型和學(xué)習(xí)者的特征，選擇最合適的形式來表現(xiàn)專題內(nèi)容。不能是資源的簡單堆積，要對上傳的資源適當(dāng)加工，并建立合理的檢索機(jī)制。其檢索方式至少包括：關(guān)鍵字、作者、所屬專題等.

保護(hù)環(huán)境網(wǎng)站的需求分析確定風(fēng)格與定位,設(shè)計(jì)開設(shè)哪些欄目呢

《環(huán)境保護(hù)》網(wǎng)站設(shè)計(jì)

一． 前言

20 世紀(jì)以來，科技進(jìn)步和社會(huì)生產(chǎn)力的提高，使人類得以創(chuàng)造出前所未有的物質(zhì)財(cái)富。但與此同時(shí)，人口劇增、資源過度消耗、環(huán)境污染。生態(tài)破壞、國家或地區(qū)之間貧富差距擴(kuò)大等全球性問題也日益突出，嚴(yán)重阻礙了人類社會(huì)的長遠(yuǎn)發(fā)展和生活質(zhì)量的提高，甚至對人類未來的生存和發(fā)展構(gòu)成了威脅。特別是這幾年地球生態(tài)環(huán)境被破壞很大，造成了很多的水土流失，動(dòng)物滅種，自然災(zāi)害頻繁發(fā)生，從那年的干旱開始這幾年出現(xiàn)了洪水、雪災(zāi)、地震差不多每年都會(huì)出現(xiàn)一次重大的自然災(zāi)害。這就是人類破壞了自然的后果，做這個(gè)網(wǎng)站就是為了提倡大家關(guān)愛自然，尊重生命，保護(hù)自然環(huán)境，維護(hù)生態(tài)平衡，畢竟我們只有一個(gè)地球。

二． 總體設(shè)計(jì)

做網(wǎng)站前我瀏覽了國家環(huán)保局的網(wǎng)站與各種關(guān)于環(huán)境保護(hù)的網(wǎng)站，最后我、確定我的網(wǎng)站主要實(shí)現(xiàn)讓人們可以從我的網(wǎng)站了解環(huán)保法規(guī)、了解環(huán)保知識、宣傳環(huán)保廣告等功能，確定了網(wǎng)站要實(shí)現(xiàn)的功能后，就是著手畫網(wǎng)站草圖了，瀏覽與參考了很多網(wǎng)站后終于成功畫出網(wǎng)站的草圖，并根據(jù)草圖最終完成網(wǎng)站制作。網(wǎng)站邏輯圖如下

三． 詳細(xì)設(shè)計(jì)

1.草圖的設(shè)計(jì)，瀏覽了各大環(huán)保網(wǎng)站后,我已在心中確定了我的環(huán)保網(wǎng)站的大體布局,并成功的建立網(wǎng)站草圖.

2.布局的規(guī)劃，第一步新建“HTML” 在新建的空白網(wǎng)頁的”工具欄”選項(xiàng)卡中選中”布局”由于在網(wǎng)頁中”層”不好固定位置,所以我選用表格布局,進(jìn)入布局模式選用”繪制布局單元格”在空白網(wǎng)頁中根據(jù)先前設(shè)計(jì)的個(gè)人網(wǎng)站草圖繪出網(wǎng)頁的框架. 根據(jù)個(gè)人網(wǎng)站顯示的需要更改表格布局的屬性值, 最后成功完成了網(wǎng)站主頁的布局設(shè)計(jì),并根據(jù)需要調(diào)整好頁面的布局表格屬性值.

網(wǎng)站的布局

3. 網(wǎng)頁背景的設(shè)計(jì)

a.打開Adobe Photoshop CS2根據(jù)網(wǎng)頁頁面的要求建立相應(yīng)大小的空白圖片,然后在新建的圖片上進(jìn)行處理.

b.使用各工具對網(wǎng)頁背景的大體顏色進(jìn)行噴繪,為使網(wǎng)站的背景顏色不會(huì)太過死板生硬,將各工具的”硬度”調(diào)整為0.

c.使用Adobe Photoshop CS2中的鋼筆路徑工具裁取網(wǎng)頁背景所需要的裝飾圖片

1.打開需要摳圖的圖片在Adobe Photoshop CS2的工具欄上選中”鋼筆”工具并將其改為”路徑描點(diǎn)”模式.

2.使用鋼筆工具描出需要摳取圖片,描點(diǎn)完成后同時(shí)按住鍵盤上”ctrl”+”enter”完成路徑的合并,將圖選中.

3.切換到剛剛新建的網(wǎng)站背景圖,將剛剛摳取的圖片粘貼進(jìn)去.

4.重復(fù)摳圖步驟剪取背景所需的各種裝飾圖.對網(wǎng)站背景進(jìn)行美化.

最后運(yùn)用了Adobe Photoshop CS2將所有網(wǎng)頁頁面的背景模板都按照草圖要求美化。完成了整個(gè)網(wǎng)站各頁面的背景模板的美化設(shè)計(jì).

我設(shè)計(jì)的網(wǎng)頁背景圖

4.網(wǎng)頁模板的建立，由于網(wǎng)站有很多網(wǎng)頁是用的同一種風(fēng)格，所以建立網(wǎng)頁模板可以節(jié)省很多時(shí)間與精力，模板是做好一個(gè)網(wǎng)頁的母版后，選擇“文件“里的”另存為模板“，如果計(jì)算機(jī)以前沒有建立站點(diǎn)，存模板時(shí)會(huì)提示建立站點(diǎn)，站點(diǎn)的文件夾要設(shè)為網(wǎng)頁保存的文件夾，最后成功的建立了模板并運(yùn)用模板建立了多個(gè)子網(wǎng)頁。

網(wǎng)站的模板

5.廣告頁面flash的設(shè)計(jì)，1．打開Flash，在開始頁上選擇“從模板創(chuàng)建”中的“幻燈片演示文稿”，在彈出的對話框中選擇一模板，如“科技幻燈片演示文稿”，然后“確定”即可。如果沒有開始頁，不要緊，可以單擊菜單“文件”中的“新建”，也可出現(xiàn)該對話框。2．打開后如下圖所示，在Flash中的幻燈片和PowerPoint結(jié)構(gòu)略有不同，它是一個(gè)倒掛的樹形結(jié)構(gòu)。樹根只有一個(gè)，在幻燈片演示中一直存在，一般用來做背景；同級之間是兄弟關(guān)系，默認(rèn)情況是“替換”，也就是說第二張幻燈片如果與第一張幻燈片同在一級，當(dāng)?shù)诙埢脽羝霈F(xiàn)時(shí)，第一張幻燈片消失；還有上下級關(guān)系，與上級之間默認(rèn)情況是“疊加”關(guān)系，也就是說，如果第二張幻燈片是第一張幻燈片的下級，當(dāng)?shù)诙埢脽羝霈F(xiàn)時(shí)，它是加在第一張幻燈片上面的。3．當(dāng)然，模板給的幻燈片個(gè)數(shù)可能與所需幻燈片不一樣，也可以自己添加幻燈片或刪除它。在需要添加或刪除的幻燈片上單擊鼠標(biāo)右鍵，如下圖，可以很方便地添加或添除它。當(dāng)選擇“插入屏幕”時(shí)，插入的幻燈片與所選幻燈片同級并在所選幻燈片的下方；當(dāng)選擇“插入嵌套屏幕”時(shí)，插入的幻燈片與所選幻燈片是下級關(guān)系。好了，只要將每張幻燈片變成自己的內(nèi)容，然后選擇“文件-存盤”，再選擇“文件-發(fā)布”，就會(huì)在保存文件的位置發(fā)現(xiàn)一個(gè)同名的swf文件，這就是制作出的幻燈片文件了。

四． 心得體會(huì)

做完這個(gè)網(wǎng)站,讓我真正的認(rèn)識到一個(gè)成功的網(wǎng)站，先期的準(zhǔn)備工作是很重要的，好的開始等于成功的一半。選擇這個(gè)環(huán)保網(wǎng)站的建設(shè)的樣式后，就要為目標(biāo)而努力了。熟練掌握網(wǎng)頁設(shè)計(jì)和圖形處理的技巧是必須的，但經(jīng)驗(yàn)是在實(shí)戰(zhàn)中獲得的，我們雖然剛開始學(xué)也不必因此而畏懼退縮，多多練習(xí)才會(huì)有提高。網(wǎng)站建設(shè)最重要的莫過于兩個(gè)問題：設(shè)計(jì)和內(nèi)容，素材的準(zhǔn)備.

1、設(shè)計(jì)的要求：

第一、導(dǎo)航清晰，布局合理，層次分明，頁面的鏈接層次不要太深，盡量讓人第一眼看清網(wǎng)站的大體.

第二、保持統(tǒng)一的風(fēng)格，有助于加深訪問者對的網(wǎng)站的印象。要實(shí)現(xiàn)風(fēng)格的統(tǒng)一，不一定要把每個(gè)欄目做得一模一樣，舉個(gè)例子來說，可以嘗試讓導(dǎo)航條樣式統(tǒng)一，各個(gè)欄目采用不同的色彩搭配，在保持風(fēng)格統(tǒng)一的同時(shí)為網(wǎng)站增加一些變化.

第三、色彩和諧、重點(diǎn)突出：在網(wǎng)頁設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美觀的頁面.

第四、界面清爽：要吸引訪問者長時(shí)間的停留在的網(wǎng)站，千萬不能讓用戶第一眼就感覺壓抑。大量的文字內(nèi)容要使用舒服的背景色，前景文字和背景之間要對比鮮明，這樣訪問者瀏覽時(shí)眼睛才不致疲勞。

第五、堅(jiān)持原創(chuàng)：剛開始學(xué)做主頁時(shí)，適當(dāng)模仿別人的優(yōu)秀設(shè)計(jì)是可取的，但模仿絕不等同于抄襲，一定要把握好其中的尺度。設(shè)計(jì)是這樣，內(nèi)容的選取也是如此，多一些原創(chuàng)的內(nèi)容，的主頁才會(huì)帶有更多的個(gè)性色彩；

第六、動(dòng)態(tài)效果不宜太多：適當(dāng)?shù)膭?dòng)態(tài)效果可以起到畫龍點(diǎn)睛的作用，過多的動(dòng)態(tài)效果會(huì)讓人眼花繚亂而抓不住主題。

2、技術(shù)運(yùn)用中要注意的一些事項(xiàng)：

第一、明確技術(shù)是為設(shè)計(jì)服務(wù)的，不要沉迷于技術(shù)的運(yùn)用，堅(jiān)決摒棄那些華而不實(shí)的特效；

第二、先為站點(diǎn)定義好統(tǒng)一的外部CSS，內(nèi)部頁面都調(diào)用這個(gè)CSS，這樣不但可以讓的網(wǎng)頁在瀏覽器改變設(shè)置時(shí)不變形，還有助于保持整個(gè)站點(diǎn)的風(fēng)格統(tǒng)一，并且方便修改；

第三、不要打開過多的新窗口，每個(gè)鏈接都會(huì)打開不同的新窗口尤其讓人反感；

第四、圖象的制作要兼顧大小和美觀，圖片和文字的混排、圖片的合理壓縮可以讓頁面美觀而且文件小巧。即使是個(gè)性十足的設(shè)計(jì)站點(diǎn)，浪費(fèi)太多的時(shí)間在頁面下載上也會(huì)令人生厭；

3.加深了網(wǎng)站設(shè)計(jì)的技術(shù)熟悉

這次對網(wǎng)站的設(shè)計(jì)讓我對各種網(wǎng)站設(shè)計(jì)的技術(shù)和網(wǎng)站設(shè)計(jì)中應(yīng)注意的問題以及網(wǎng)站設(shè)計(jì)中所運(yùn)用的工具更加的了解與熟練.

關(guān)于網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計(jì)ppt和網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計(jì)課程的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。