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

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

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

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

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

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

第二篇：學(xué)校網(wǎng)站的規(guī)劃與設(shè)計(jì)

摘要：做好一個(gè)網(wǎng)站，可以全面宣傳，展示學(xué)校風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布學(xué)校的活動(dòng)安排等信息內(nèi)容，使學(xué)生及家長(zhǎng)增加對(duì)學(xué)校的了解，增強(qiáng)學(xué)生、家長(zhǎng)與學(xué)校之間的聯(lián)系，在Internet網(wǎng)上，讓學(xué)生及家長(zhǎng)及時(shí)得到學(xué)校發(fā)布的重要信息，同時(shí)也幫助了學(xué)校完成部分教學(xué)事務(wù)，提高辦事效率,給學(xué)生、家長(zhǎng)與學(xué)校最方便的聯(lián)系橋梁。在這里學(xué)生及家長(zhǎng)也可以提出意見(jiàn)及想法，互通教學(xué)之間的意見(jiàn)想法，更加有效的提高教學(xué)質(zhì)量，學(xué)生需要哪樣的教學(xué)方式能夠更好的吸收與接納？這些都能成為學(xué)校的參考，以便更加的提高學(xué)校的辦學(xué)及教學(xué)水平。

關(guān)鍵字： Internet 校園網(wǎng) ASP技術(shù)

Dreamweaver

一、校園網(wǎng)發(fā)展現(xiàn)狀

Internet的迅速發(fā)展，極大地推動(dòng)了我國(guó)的網(wǎng)絡(luò)建設(shè)。我國(guó)先后建立了中科院互聯(lián)網(wǎng)(NCFC)、中國(guó)教育科研網(wǎng)(CERNET)、中國(guó)公用計(jì)算機(jī)互聯(lián)網(wǎng)(CHINANET)、中國(guó)金橋信息網(wǎng)(CH工NAGBN)等四大網(wǎng)絡(luò)。特別是中國(guó)教育科研網(wǎng)(CERNET)的發(fā)展，極大地促進(jìn)了學(xué)校校園網(wǎng)的建設(shè)。社會(huì)網(wǎng)絡(luò)大環(huán)境的影響、有關(guān)教育部門(mén)的支持、校領(lǐng)導(dǎo)的重視以及教師和學(xué)生的積極要求，使得校園網(wǎng)的建設(shè)如魚(yú)得水，非常順利。據(jù)統(tǒng)計(jì)己經(jīng)建成的校園網(wǎng)，其布點(diǎn)范圍從幾百個(gè)到幾千個(gè)不等，在技術(shù)上是跟得上國(guó)際發(fā)展潮流的。校園網(wǎng)的開(kāi)通，不僅改變了傳統(tǒng)的教學(xué)模式、教學(xué)方法和教學(xué)手段，促進(jìn)了教育觀念和教學(xué)思想的轉(zhuǎn)變，而且拓寬了教師和學(xué)生的視野，有利于培養(yǎng)學(xué)生的創(chuàng)造性思維，提高學(xué)生獲取信息、分析信息、處理信息的能力和適應(yīng)現(xiàn)代社會(huì)的能力。校園網(wǎng)的開(kāi)通，從根本上促進(jìn)了教學(xué)、科研人員之間的信息交流、資源共享、科學(xué)計(jì)算和科研合作，成為學(xué)校教育和科研工作最重要的基礎(chǔ)設(shè)施。

中國(guó)教育和科研計(jì)算機(jī)網(wǎng)的建設(shè)直接引導(dǎo)和推動(dòng)了校園網(wǎng)。截至目前，這一網(wǎng)絡(luò)已經(jīng)通達(dá)內(nèi)地的160個(gè)城市，聯(lián)網(wǎng)的教育機(jī)構(gòu)和科研單位達(dá)900多個(gè)，聯(lián)網(wǎng)主機(jī)120萬(wàn)臺(tái)，網(wǎng)絡(luò)用戶(hù)800多萬(wàn)，成為國(guó)內(nèi)僅次于中國(guó)電信的第二大互聯(lián)網(wǎng)絡(luò)。中國(guó)教育和科研計(jì)算機(jī)網(wǎng)己經(jīng)成為世界上最龐大的‘校園網(wǎng)’。

在這樣的一個(gè)背景下，我校本著從實(shí)際出發(fā)、節(jié)省的原則，在條件具備的前提下，決定組建校園網(wǎng)絡(luò)，與Internet互連，并自行建立自己的校園網(wǎng)站（http://004km.cn）為滿(mǎn)足我校日益增長(zhǎng)的辦學(xué)、科研、培訓(xùn)的需要。

二、規(guī)劃原則

經(jīng)過(guò)一學(xué)期的準(zhǔn)備，本著以學(xué)校教育教學(xué)需求為前提，講究方便、實(shí)用和易管的原則，現(xiàn)初步將學(xué)校網(wǎng)站欄目做如下規(guī)劃和設(shè)置：

（一）首頁(yè)規(guī)劃

網(wǎng)站首頁(yè)，就是用戶(hù)進(jìn)入網(wǎng)站看到的第一個(gè)網(wǎng)頁(yè)。首頁(yè)是網(wǎng)站的門(mén)面，首頁(yè)制作質(zhì)量直接影響到用戶(hù)對(duì)網(wǎng)站的整個(gè)印象。一般首頁(yè)制作占整個(gè)制作時(shí)間的30%左右，所以在首頁(yè)制作時(shí)要多花些功夫。按照網(wǎng)頁(yè)設(shè)計(jì)的版塊、字體和色彩搭配方案對(duì)首頁(yè)進(jìn)行“精雕細(xì)刻”。使首頁(yè)達(dá)到簡(jiǎn)潔明快的風(fēng)格，簡(jiǎn)單的表格，令人愉快的色彩搭配，協(xié)調(diào)的文字，瀏覽速度快，易于導(dǎo)航，經(jīng)常保持新鮮感，使訪問(wèn)者賞心悅目。網(wǎng)站主頁(yè)采用靜、動(dòng)互相結(jié)合的方式，即靜態(tài)的主畫(huà)面和動(dòng)態(tài)的圖片相結(jié)合，體現(xiàn)學(xué)校的勃勃生氣，靜態(tài)主頁(yè)方式介紹學(xué)校風(fēng)采、優(yōu)點(diǎn)特色、信息發(fā)布，對(duì)于新聞留言等，就得利用ＡＳＰ與數(shù)據(jù)庫(kù)結(jié)合的技術(shù)建立數(shù)據(jù)庫(kù)查詢(xún)管理系統(tǒng)，采用交互式的動(dòng)態(tài)的web畫(huà)面來(lái)實(shí)現(xiàn)。

（1）、首頁(yè)內(nèi)容模塊。

首頁(yè)分模塊進(jìn)行制作，一般的站點(diǎn)有這樣一些內(nèi)容模塊：站點(diǎn)名稱(chēng)、動(dòng)態(tài)廣告條、主菜單、新聞、校長(zhǎng)寄語(yǔ)、網(wǎng)站導(dǎo)航、校園公告、友情鏈接等。首頁(yè)選擇哪些模塊，實(shí)現(xiàn)哪些功能，是否需要添加其它模塊，這都根據(jù)學(xué)校網(wǎng)站主題和內(nèi)容來(lái)確定。內(nèi)容模塊確定后，按照首頁(yè)設(shè)計(jì)的版面，發(fā)揮網(wǎng)頁(yè)制作人員的創(chuàng)意和想象力，制作出比較滿(mǎn)意的網(wǎng)頁(yè)。

（2）根據(jù)上面的設(shè)計(jì)思想進(jìn)行分析，按照系統(tǒng)開(kāi)發(fā)的基本觀點(diǎn)對(duì)網(wǎng)站進(jìn)行分解，從內(nèi)容上可對(duì)網(wǎng)站作如下劃分：

學(xué)校概況：包括學(xué)校概況、學(xué)校榮譽(yù)、領(lǐng)導(dǎo)風(fēng)采、校園快訊以及部分圖片

等內(nèi)容。

教學(xué)動(dòng)態(tài)：包括學(xué)期計(jì)劃、考試信息、教研動(dòng)態(tài)、實(shí)驗(yàn)安排、教學(xué)總結(jié)等

子項(xiàng)欄目。

教學(xué)資源：包括教學(xué)研究、教學(xué)論文、教學(xué)課件、經(jīng)驗(yàn)交流等子項(xiàng)欄目。

教師之窗：包括教工生活、教師主頁(yè)、教師風(fēng)采、教育信息、教研組信息

等子項(xiàng)。

學(xué)校天地：包括校園生活、校園之星、學(xué)生風(fēng)采、學(xué)生作品、學(xué)習(xí)交流等

子項(xiàng)。網(wǎng)絡(luò)德育：包括規(guī)章制度、德育科研、心理輔導(dǎo)、社會(huì)活動(dòng)、教育法規(guī)、學(xué)生評(píng)語(yǔ)、住校生管理、國(guó)旗下講話等子項(xiàng)。

衛(wèi)生保健：包括送你健康、生活保健、生活急救、健康課程、心理茶室等欄目。

電腦學(xué)堂：包括新手學(xué)堂、軟件應(yīng)用、硬件知識(shí)、網(wǎng)頁(yè)制作、軟件下載等

欄目。

校園留言：通過(guò)留言板與學(xué)生家長(zhǎng)聯(lián)系，有利于家校溝通，意見(jiàn)互換。

三、開(kāi)發(fā)工具的選用及介紹

Active Server Pages：“動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)”，一般簡(jiǎn)稱(chēng)為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶(hù)端（Client）的瀏覽器上執(zhí)行，若使用VBScript來(lái)設(shè)計(jì)程序，客戶(hù)端（Ｃlient）在ＩＥ瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶(hù)端（Ｃlient）若使用Netscape瀏覽器就無(wú)法顯示VBScript的執(zhí)行結(jié)果。

常用的一般代碼編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁(yè)發(fā)展工具，例如，F(xiàn)rontPage Express、ＦrontPage、Dreamweaver等也都可以；不過(guò)還是建議你用記事本來(lái)編寫(xiě)，既省時(shí)又方便，調(diào)試可選用Dreamweaver等可視編輯軟件。當(dāng)然你若全是靜態(tài)頁(yè)面。可不用asp動(dòng)態(tài)服務(wù)器技術(shù)。而我校編寫(xiě)的網(wǎng)頁(yè)功能較多，所以我選擇了ASP結(jié)合Dreamweaver組建了本網(wǎng)站。

四、制作技巧

（一）版面設(shè)計(jì)

版面設(shè)計(jì)是整個(gè)網(wǎng)站構(gòu)思過(guò)程中最重要的一部分，因?yàn)楹玫陌婷娌季纸o瀏覽者不但會(huì)留下好的第一印象，而且還會(huì)帶來(lái)一個(gè)好的心情。學(xué)校站點(diǎn)的版面設(shè)計(jì)可以是明快、亮麗型；可以是古樸、大方型；可以是凝重、整齊型等。

就像傳統(tǒng)的報(bào)刊雜志編輯一樣，可以將網(wǎng)頁(yè)看作一張報(bào)紙、一本雜志來(lái)進(jìn)行排版布局。雖然動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)飛速發(fā)展，但是靜態(tài)的網(wǎng)頁(yè)版面設(shè)計(jì)基礎(chǔ)依然是必須學(xué)習(xí)和掌握的。它們的基本原理是共通的，領(lǐng)會(huì)要點(diǎn)，便可舉一反三，觸類(lèi)旁通。

（1）創(chuàng)意草案

草案的形成決定著將來(lái)網(wǎng)頁(yè)的基本面貌，類(lèi)似一個(gè)設(shè)計(jì)創(chuàng)意。它往往來(lái)自于一些現(xiàn)有設(shè)計(jì)作品、圖形圖像素材的組合、改造、加工。其思維方式有兩種：借鑒模仿和逆向重組。

構(gòu)思伊始，設(shè)計(jì)者可能會(huì)受現(xiàn)存的一些網(wǎng)頁(yè)設(shè)計(jì)的影響，借鑒現(xiàn)有的設(shè)計(jì)樣式是很自然的事，但不能照抄照搬。吸取成功作品中的一些視覺(jué)元素及其組合方式，加入自己的新元素，形成新的組合，這種借鑒模仿可以比較順利地產(chǎn)生網(wǎng)頁(yè)方案的雛形。逆向重組是利用反向思維來(lái)完成設(shè)計(jì)和創(chuàng)作，把現(xiàn)有作品的視覺(jué)元素的性質(zhì)加以改變、重組，與自己的素材結(jié)合而產(chǎn)生新的設(shè)計(jì)作品。比如，原有作品的背景色是黑色的，你把它改成白色，就會(huì)變成另外一個(gè)樣子。也就是說(shuō)將某一視覺(jué)元素中的某一描述參數(shù)加以改變，從而實(shí)現(xiàn)新的設(shè)計(jì)作品。

由此可見(jiàn)，設(shè)計(jì)者的工作很像作曲家創(chuàng)作音樂(lè)作品，需要從民間音樂(lè)中尋找素材，把一首歌謠創(chuàng)作成一首樂(lè)曲，把單獨(dú)的樂(lè)曲發(fā)展成一個(gè)樂(lè)章。應(yīng)該說(shuō)明的是，借鑒模仿和逆向重組都是對(duì)視覺(jué)元素的量的改變，至于變化到什么程度，需要有專(zhuān)業(yè)的眼光、素養(yǎng)才能把握住。你可以用一張白紙和一支鉛筆，把你最初的創(chuàng)意畫(huà)出來(lái)。這屬于創(chuàng)造階段，不講究細(xì)膩工整，不必考慮細(xì)節(jié)，只以粗陋的線條勾畫(huà)出創(chuàng)意的輪廓即可。盡你的可能多畫(huà)幾張，最后選定一個(gè)滿(mǎn)意的作為繼續(xù)創(chuàng)作的腳本。

（2）粗略布局

在草案的基礎(chǔ)上，將你確定需要放置的功能模塊安排到頁(yè)面上。功能模塊我們?cè)谇懊嬉烟徇^(guò)，主要包含學(xué)校標(biāo)志、主菜單、新聞、校長(zhǎng)寄語(yǔ)、網(wǎng)站導(dǎo)航、校園公告、友情鏈接等。注意，這里我們必須遵循突出重點(diǎn)、平衡協(xié)調(diào)的原則，將學(xué)校標(biāo)志、主菜單等最重要的模塊放在最顯眼、最突出的位置，然后再考慮次要模塊的排放。

（3）最后定案

將粗略布局精細(xì)化、具體化。在布局過(guò)程中，我們可以遵循的原則有： ①平衡：指畫(huà)面的圖像文字的視覺(jué)效果在左右、上下幾個(gè)方位基本相等，分布勻稱(chēng)。

②呼應(yīng)：在不平衡的布局中的補(bǔ)救措施，使一種元素同時(shí)出現(xiàn)在不同的地方，形成相互的聯(lián)系。

③對(duì)比：利用不同的色彩、線條等視覺(jué)元素相互映襯，造成畫(huà)面的多種變化，達(dá)到豐富視覺(jué)的效果。

④疏密：疏，是指畫(huà)面中元素稀少(甚至空白)的部分；密，是指畫(huà)面中元素繁多的部分，在網(wǎng)頁(yè)設(shè)計(jì)中就是空白的處理運(yùn)用，太滿(mǎn)、太密、太平均是任何版式設(shè)計(jì)的大忌，適當(dāng)?shù)氖杳艽钆淇梢允巩?huà)面產(chǎn)生節(jié)奏感，體現(xiàn)出網(wǎng)站的格調(diào)與品位。

以上的設(shè)計(jì)原則，雖然枯燥，但是如果能運(yùn)用到頁(yè)面布局里，效果就大不一樣了。比如，網(wǎng)頁(yè)的白色背景太虛，則可以加些色塊；版面零散，可以用線條和符號(hào)串聯(lián)；左面文字過(guò)多，右面則可以插一張圖片保持平衡；經(jīng)過(guò)不斷的嘗試和推敲，一個(gè)嶄新的設(shè)計(jì)方案便完成了。若你的美學(xué)差一點(diǎn)，也可請(qǐng)個(gè)美學(xué)好點(diǎn)的老師幫助你。

（二）圖文及頁(yè)面的制作

網(wǎng)頁(yè)制作要圖文并茂，很多文字性的內(nèi)容如標(biāo)題、主菜單欄目名都可以處理成圖像形式，這不但克服了不同平臺(tái)上的文字兼容性問(wèn)題，而且頁(yè)面也顯得非常美觀、精制，引人入勝，對(duì)訪問(wèn)者有較強(qiáng)的吸引力。

文字處理方法和Word 相同,在這里就不再多述。圖片可以通過(guò)掃描儀或數(shù)碼相機(jī)獲得，再?gòu)?fù)制到網(wǎng)頁(yè)上直接使用，也可以將圖片經(jīng)過(guò)Photoshop 或Fireworks藝術(shù)加工后再使用。動(dòng)畫(huà)可以自己動(dòng)手用Flash 制作，也可以在互聯(lián)網(wǎng)的動(dòng)畫(huà)寶庫(kù)中下載。當(dāng)然使用的前提是要和自己做的色調(diào)一樣。

制作時(shí)應(yīng)該注意：為了使頁(yè)面瀏覽下載速度快，就要盡可能地減少頁(yè)面的數(shù)據(jù)量，減少圖像和動(dòng)畫(huà)的數(shù)量，特別是大的圖像和動(dòng)畫(huà)；盡量減少表格嵌套，不要把所有的內(nèi)容都放在一個(gè)大表格里；頁(yè)面保存必須在根目錄下各建和頁(yè)面名稱(chēng)相同的文件夾，以存放每一頁(yè)的圖片等網(wǎng)頁(yè)素材，這也方便了我們以后的管理和維護(hù)。

子頁(yè)的制作，其方法和首頁(yè)制作相同，都要遵循首頁(yè)制作一些規(guī)則。在制作一級(jí)子頁(yè)時(shí)，首先要考慮子頁(yè)的個(gè)數(shù)和每個(gè)子頁(yè)的名稱(chēng)，然后將制作好的首頁(yè)分別另存為每個(gè)一級(jí)子頁(yè)的名稱(chēng)，把它們作為新建的一級(jí)子頁(yè)面，這樣，一級(jí)子頁(yè)面的標(biāo)題和導(dǎo)航以及版面信息就設(shè)置完畢。只需要在相應(yīng)的子頁(yè)面里修改相應(yīng)的內(nèi)容即可，從而大大地提高了子頁(yè)面的制作速度。一級(jí)子頁(yè)頁(yè)面的顯示盡量采用新建窗口的形式，這使用戶(hù)在等待頁(yè)面下載的同時(shí)還可以繼續(xù)瀏覽其它內(nèi)容。

在網(wǎng)頁(yè)制作方面還有許多技術(shù)細(xì)節(jié)，諸如如何適應(yīng)不同的瀏覽器，在不同的分辨率下保持網(wǎng)頁(yè)不變形，如何減少垃圾代碼等等。首頁(yè)相比其它頁(yè)面來(lái)說(shuō)，技術(shù)上要求更加嚴(yán)格，決不能出錯(cuò)?，F(xiàn)在有不少網(wǎng)站教學(xué)類(lèi)的網(wǎng)站，如：網(wǎng)頁(yè)教學(xué)網(wǎng)（http://004km.cn）可多多參考，不斷提升自己的制作水平。

五、網(wǎng)頁(yè)（站）的調(diào)試 一切前期工作做好后，我們要做的事就是要調(diào)試網(wǎng)頁(yè)，看看有沒(méi)有做的不理想，不成功的地方，網(wǎng)頁(yè)的調(diào)試，我們經(jīng)常使用的方法有多種，如直接本機(jī)預(yù)覽、在網(wǎng)絡(luò)上應(yīng)用網(wǎng)頁(yè)代碼調(diào)試器在線預(yù)覽（http://www.tool.la/WebDebugger）、安裝iis服務(wù)器組件調(diào)試。現(xiàn)為大家介紹其中兩種我們經(jīng)常用的方法。

（一）本機(jī)直接預(yù)覽

本機(jī)直接預(yù)覽就是在制作時(shí)直接按預(yù)覽按扭。如在Dreamweaver中，選擇“文件”→“在瀏覽器中預(yù)覽” →“iexplore”即可?；蛑苯影纯旖萱I“F12”亦可。還可在根目錄中找到想要預(yù)覽的htm文件，雙擊就可預(yù)覽。

（二）安裝iis服務(wù)器組件調(diào)試

IIS（Internet Information Server，互聯(lián)網(wǎng)信息服務(wù)）是一種Web（網(wǎng)頁(yè)）服務(wù)組件，其中包括Web服務(wù)器、FTP服務(wù)器、NNTP服務(wù)器和SMTP服務(wù)器，分別用于網(wǎng)頁(yè)瀏覽、文件傳輸、新聞服務(wù)和郵件發(fā)送等方面，它使得在網(wǎng)絡(luò)（包括互聯(lián)網(wǎng)和局域網(wǎng)）上發(fā)布信息成了一件很容易的事。

IIS組件的添加我們?cè)诖瞬辉儋樖?，安裝好iis后，點(diǎn)擊“開(kāi)始”→“程序” →“管理工具” →“Internet信息服務(wù)”，選擇“默認(rèn)網(wǎng)站”右擊，選擇“屬性”修改主目錄。轉(zhuǎn)到“主目錄”窗口，再在“本地路徑”輸入（或用“瀏覽”按鈕選擇）好自己網(wǎng)頁(yè)所在的“D:Wyweb”目錄。若是動(dòng)態(tài)首頁(yè)要自行添加首頁(yè)文件名：轉(zhuǎn)到“文檔”窗口，再按“添加”按鈕，根據(jù)提示在“默認(rèn)文檔名”后添加自己網(wǎng)頁(yè)的首頁(yè)文件名“index.asp”。否則無(wú)法預(yù)覽。

安裝好后，我們打開(kāi)IE瀏覽器，在地址欄輸入http://127.0.0.1或http:// localhost之后再按回車(chē)鍵，此時(shí)就能夠調(diào)出你自己網(wǎng)頁(yè)的首頁(yè)，則說(shuō)明設(shè)置成功！這時(shí)便可像在Internet上一樣訪問(wèn)自己的頁(yè)面。若有想要修改的地方，找到相應(yīng)的htm文件名重新修改即可，直到滿(mǎn)意為至。

總之，做好一個(gè)網(wǎng)站，可以全面宣傳，展示學(xué)校風(fēng)采、優(yōu)點(diǎn)與特色，發(fā)布學(xué)校的活動(dòng)安排等信息內(nèi)容，使學(xué)生及家長(zhǎng)增加對(duì)學(xué)校的了解，增強(qiáng)學(xué)生、家長(zhǎng)與學(xué)校之間的聯(lián)系，在Internet網(wǎng)上，讓學(xué)生及家長(zhǎng)及時(shí)得到學(xué)校發(fā)布的重要信息，同時(shí)也幫助了學(xué)校完成部分教學(xué)事務(wù)，提高辦事效率,給學(xué)生、家長(zhǎng)與學(xué)校最方便的聯(lián)系橋梁。在這里學(xué)生及家長(zhǎng)也可以提出意見(jiàn)及想法，互通教學(xué)之間的意見(jiàn)想法，更加有效的提高教學(xué)質(zhì)量，學(xué)生需要哪樣的教學(xué)方式能夠更好的吸收與接納？這些都能成為學(xué)校的參考，以便更加的提高學(xué)校的辦學(xué)及教學(xué)水平。

第三篇：網(wǎng)站的設(shè)計(jì)與規(guī)劃(二)

網(wǎng)站的設(shè)計(jì)與規(guī)劃

（二）【教學(xué)目標(biāo)】

1、知識(shí)與技能：

（1）掌握FrontPage 2000的啟動(dòng)、退出及FrontPage 2000的界面窗口組成；

（2）學(xué)會(huì)新建站點(diǎn)與選擇站點(diǎn)保存位置；

（3）熟悉表格的組成，掌握創(chuàng)建表格、編輯表格及相關(guān)屬性的設(shè)置方法；

（4）理解超鏈接的概念，知道超級(jí)鏈接的作用；

（5）掌握在FrontPage中插入圖片、水平線與設(shè)置超鏈接的方法。

2、過(guò)程與方法：

（1）體驗(yàn)利用FrontPage 2000建立站點(diǎn)的過(guò)程；

（2）利用知識(shí)遷移，總結(jié)建立站點(diǎn)、插入圖片、水平線和超鏈接的規(guī)律和方法；

（3）通過(guò)對(duì)提供網(wǎng)頁(yè)的分析，鍛煉探究與合作、交流與表達(dá)、觀察與理解的能力。

3、情感態(tài)度與價(jià)值觀：

（1）在做主題網(wǎng)站過(guò)程中形成和保持對(duì)信息技術(shù)求知欲，感受探索創(chuàng)造的樂(lè)趣。

（2）學(xué)會(huì)欣賞他人勞動(dòng)成果，給出中肯的評(píng)價(jià)意見(jiàn)，提高藝術(shù)修養(yǎng)和審美情趣。

【教學(xué)重點(diǎn)、難點(diǎn)分析】

教學(xué)重點(diǎn)：站點(diǎn)的建立及保存；表格、圖片的插入；創(chuàng)建文字、圖片超鏈接

教學(xué)難點(diǎn)：表格的合并與拆分；創(chuàng)建、設(shè)置熱區(qū)超鏈接

【教學(xué)方法和手段】

任務(wù)驅(qū)動(dòng)法、自主探究、講授法

【教材分析及教學(xué)策略】

本節(jié)內(nèi)容介紹了信息集成的一般過(guò)程，要求學(xué)生學(xué)會(huì)將素材有效地組織在一起，以表達(dá)綜合信息。利用FrontPage 2000制作網(wǎng)頁(yè)是第三課時(shí)的教學(xué)內(nèi)容。本節(jié)課的核心內(nèi)容是：讓學(xué)生根據(jù)提供的素材，制作符合要求的網(wǎng)頁(yè)，體會(huì)信息集成過(guò)程所涉及的各方面知識(shí)的綜合運(yùn)用。

通過(guò)前面兩個(gè)課時(shí)的學(xué)習(xí)，學(xué)生初步了解了信息集成的一般過(guò)程，掌握了網(wǎng)頁(yè)選題立意及設(shè)計(jì)規(guī)劃的重要性。很多同學(xué)在初中時(shí)對(duì)FrontPage 2000啟動(dòng)操作和界面操作有一定的了解。但考慮到學(xué)生對(duì)教學(xué)中的抽象概念不太感興趣，而熱衷于網(wǎng)頁(yè)的開(kāi)發(fā)制作，往往急于求成；而且學(xué)生動(dòng)手操作時(shí)可能缺少具體的操作方法和網(wǎng)頁(yè)素材，反而造成無(wú)從下手的尷尬局面。

寒假過(guò)后，正逢元宵佳節(jié)。為了激發(fā)學(xué)生的學(xué)習(xí)興趣，結(jié)合前期的網(wǎng)站構(gòu)建，本節(jié)課從中國(guó)傳統(tǒng)節(jié)日—元宵節(jié)入手，制作元宵節(jié)網(wǎng)頁(yè)。在賞析網(wǎng)頁(yè)的過(guò)程中，讓學(xué)生產(chǎn)生強(qiáng)烈的學(xué)習(xí)愿望。學(xué)生根據(jù)教師課前準(zhǔn)備的節(jié)日素材和案例網(wǎng)頁(yè)，自主探究，合作學(xué)習(xí)，培養(yǎng)自信和勇氣，激發(fā)探究的欲望，快速完成學(xué)習(xí)內(nèi)容。

【教學(xué)組織】

本小節(jié)計(jì)劃使用2個(gè)學(xué)時(shí)。

【教學(xué)過(guò)程】

【教學(xué)后記】

第四篇：網(wǎng)站規(guī)劃與設(shè)計(jì)考試整理

1、空間、域名、流量、搜索引擎、關(guān)鍵字、安全協(xié)議、網(wǎng)站規(guī)劃、網(wǎng)站運(yùn)營(yíng)、網(wǎng)站推

廣、各種營(yíng)銷(xiāo)策略、網(wǎng)站數(shù)據(jù)庫(kù)化等概念

空間：建設(shè)一個(gè)網(wǎng)站，必須在互聯(lián)網(wǎng)上購(gòu)買(mǎi)自己的空間，并將自己的網(wǎng)站上傳到空間上去，并將域名與空間關(guān)聯(lián)，之后，我們的網(wǎng)站才能被世界各地的瀏覽者通過(guò)域名進(jìn)入。

網(wǎng)站空間的種類(lèi)：

1、免費(fèi)

2、收費(fèi)

域名：域名中常用的幾個(gè)名詞：

（1）國(guó)際域名這種域名是互聯(lián)網(wǎng)從誕生發(fā)展到現(xiàn)在為止全球用戶(hù)都在使用的域名，所以叫國(guó)際域名，其后綴是以 com、net、org為主的，它的管理機(jī)構(gòu)是美國(guó)。（2）國(guó)內(nèi)域名中國(guó)用戶(hù)用得最多的域名，其后綴是以cn為主的，還有很多的延伸域名，比如com.cn，net.cn, org.cn等，（4）中文域名：文域名分國(guó)際中文域名和國(guó)內(nèi)中文域名。國(guó)際中文域名的格式是，就是在國(guó)際域名的后綴前面使用了中文文字注冊(cè)資料；而國(guó)內(nèi)中文域名就比較多了，其格式是，中文.中國(guó)，中文.公司，中文.網(wǎng)絡(luò)等。（5）非主流的域名 如手機(jī)域名.mobi等（6）通用網(wǎng)址 如中央電視臺(tái)、網(wǎng)易等

電子商務(wù)網(wǎng)站的流量統(tǒng)計(jì)：是指通過(guò)對(duì)用戶(hù)訪問(wèn)網(wǎng)站的情況進(jìn)行統(tǒng)計(jì)、分析，從中發(fā)現(xiàn)用戶(hù)訪問(wèn)網(wǎng)站的規(guī)律，并將這些規(guī)律與網(wǎng)絡(luò)營(yíng)銷(xiāo)策略相結(jié)合，從而發(fā)現(xiàn)目前網(wǎng)絡(luò)營(yíng)銷(xiāo)活動(dòng)中可能存在的問(wèn)題，并為進(jìn)一步修正或重新制定網(wǎng)絡(luò)營(yíng)銷(xiāo)策略提供依據(jù)。方法：1）、自行設(shè)計(jì)流量統(tǒng)計(jì)系統(tǒng)2）、使用專(zhuān)業(yè)流量統(tǒng)計(jì)系統(tǒng)

流量統(tǒng)計(jì)包括以下內(nèi)容：（1）訪問(wèn)量，包括網(wǎng)站的獨(dú)立IP數(shù)（IP）、頁(yè)面訪問(wèn)量（PV）、獨(dú)立訪客（UV）；

（2）訪問(wèn)時(shí)段，即一天24小時(shí)內(nèi)的訪問(wèn)量的分布；

（3）訪問(wèn)者來(lái)自地區(qū)，對(duì)國(guó)內(nèi)訪問(wèn)的分析可以精確到省 ；

（4）來(lái)自搜索引擎的訪問(wèn)，可以統(tǒng)計(jì)出搜索引擎種類(lèi)及關(guān)鍵字分布 ；

（5）客戶(hù)訪問(wèn)時(shí)所使用的瀏覽器及操作系統(tǒng) ；

（6）訪問(wèn)來(lái)源，可以統(tǒng)計(jì)出來(lái)自其他網(wǎng)站的鏈接所導(dǎo)入的訪問(wèn)量 ；

（7）頁(yè)面熱點(diǎn)統(tǒng)計(jì)，可以統(tǒng)計(jì)出網(wǎng)站上最受歡迎的頁(yè)面的排名 ；

（8）歷史訪問(wèn)統(tǒng)計(jì)詳細(xì)記錄。

搜索引擎：三部分功能：信息收集，信息整理，用戶(hù)查詢(xún)

使用方法：（1）列出網(wǎng)站關(guān)鍵詞清單（2）主關(guān)鍵詞的確定 3）長(zhǎng)尾關(guān)鍵詞的使用（4）在網(wǎng)頁(yè)中合理部署關(guān)鍵字（5）鏈接的使用（6）提交網(wǎng)站到搜索引擎

網(wǎng)站運(yùn)營(yíng)：

網(wǎng)站運(yùn)營(yíng)是指網(wǎng)絡(luò)營(yíng)銷(xiāo)體系中一切與網(wǎng)站的后期運(yùn)作有關(guān)的工作。網(wǎng)站制作完成之后，便進(jìn)入了網(wǎng)站運(yùn)營(yíng)階段，網(wǎng)站運(yùn)營(yíng)是整個(gè)網(wǎng)站建設(shè)中最為重要的一環(huán)，也是網(wǎng)站能否興旺發(fā)達(dá)的關(guān)鍵步驟。

內(nèi)容：

1、網(wǎng)站發(fā)展創(chuàng)新；

2、內(nèi)容建設(shè)：欄目?jī)?nèi)容建設(shè)；更新維護(hù)。

3、營(yíng)銷(xiāo)管理：信息宣傳；市場(chǎng)調(diào)查；消費(fèi)分析；網(wǎng)上促銷(xiāo)；網(wǎng)絡(luò)廣告。

方法：

1、建立一個(gè)健全的運(yùn)營(yíng)體系；

2、內(nèi)容不斷更新與維護(hù)；

3、網(wǎng)站不斷改版與創(chuàng)新

網(wǎng)站推廣：是指如何讓更多人知道你的網(wǎng)站。網(wǎng)民常說(shuō)的點(diǎn)擊率，其實(shí)就是網(wǎng)站推廣程度的一個(gè)度量。意義：提高網(wǎng)站的訪問(wèn)量+擴(kuò)大企業(yè)的知名度

方式：

1、分類(lèi)目錄；

2、交換鏈接；

3、網(wǎng)絡(luò)廣告；

4、電子郵件推廣；

5、傳統(tǒng)媒體推廣；

6、搜素引擎推廣

2、ASP的內(nèi)置對(duì)象：Request, response, session, application, server的使用及其功能。

3、ASP數(shù)據(jù)庫(kù)應(yīng)用中Connection 對(duì)象、Command 對(duì)象和Recordset 對(duì)象的使用及其

功能。

4、HTML小程序的書(shū)寫(xiě)。

5、VBSCRIPT小程序的書(shū)寫(xiě)。

6、ASP連接數(shù)據(jù)庫(kù)程序的書(shū)寫(xiě)。

7、會(huì)ASP連接數(shù)據(jù)庫(kù)程序中SQL語(yǔ)句（查詢(xún)、插入、刪除、修改）的書(shū)寫(xiě)、執(zhí)行結(jié)

果的書(shū)寫(xiě)。一定要完整地了解ASP中應(yīng)用程序和數(shù)據(jù)庫(kù)文件的執(zhí)行過(guò)程。

8、了解ASP中涉及的各種文件: adovbs.inc文件、Global.asa文件、*.asp文件和*.mdb文

件各是什么內(nèi)容及其作用。

“.asp ”文件就是一個(gè)文本文件，其中可以包括：

?

?

? HTML語(yǔ)句：包括的部分。服務(wù)器端的程序代碼:位于<%...%>內(nèi)。客戶(hù)端的程序代碼:位于內(nèi)的代碼

9、認(rèn)真看課件：第一章網(wǎng)站概述、第二章網(wǎng)站規(guī)劃設(shè)計(jì)、第三章HTML，第四章VBSCRIPT、ASP內(nèi)置對(duì)象，第五章ASP訪問(wèn)數(shù)據(jù)庫(kù)、第六

章網(wǎng)站運(yùn)營(yíng)與推廣、第七章案例分析、第八章網(wǎng)站安全與信息發(fā)布。

10、涉及程序設(shè)計(jì)的請(qǐng)看：作業(yè)

1、作業(yè)

2、作業(yè)3中的代碼。

1、選擇題（常識(shí)性）

網(wǎng)站制作之后進(jìn)入什么階段？

訪問(wèn)量怎么進(jìn)行計(jì)算？

關(guān)鍵詞個(gè)數(shù)？

安全協(xié)議有哪些？

2、判斷題

網(wǎng)站那一塊IIS功能，域名申請(qǐng)涉及到的問(wèn)題？

ASP和數(shù)據(jù)庫(kù)和數(shù)據(jù)庫(kù)連接時(shí)，涉及到的三個(gè)對(duì)象？

3、簡(jiǎn)答題

網(wǎng)站數(shù)據(jù)庫(kù)化有什么好處？

解釋?zhuān)茫桑希?，ＢＯＦ相關(guān)作用？

ＡＳＰ內(nèi)置對(duì)象？

? 在ASP引擎中提供了六大內(nèi)置對(duì)象

? Response對(duì)象：該對(duì)象專(zhuān)門(mén)負(fù)責(zé)HTTP的響應(yīng)工作，也就是說(shuō)，Response對(duì)象可以通過(guò)多種方式將服務(wù)器

端數(shù)據(jù)發(fā)送到客戶(hù)端，如客戶(hù)端屏幕顯示，用戶(hù)瀏覽頁(yè)面的重定向以及在客戶(hù)端創(chuàng)建cookies等。

? Request對(duì)象：該對(duì)象是ASP的請(qǐng)求對(duì)象，它所包含的信息是客戶(hù)端瀏覽器提出的請(qǐng)求。利用Request對(duì)

象可以接收用戶(hù)基于HTTP請(qǐng)求的所有信息，這包括通過(guò)POST方法或GET方法、cookies以及客戶(hù)端證

書(shū)從HTML表單傳遞的參數(shù)。通過(guò)Request對(duì)象也可以訪問(wèn)發(fā)送到服務(wù)器的二進(jìn)制數(shù)據(jù)，如文件上載。

? Application對(duì)象：Application對(duì)象可以控制服務(wù)器端應(yīng)用程序的啟動(dòng)和終止?fàn)顟B(tài)，并保存整個(gè)應(yīng)用程序

過(guò)程中的信息。它將虛擬目錄及其子目錄也看成一個(gè)應(yīng)用程序，用來(lái)在給定的應(yīng)用程序的所有用戶(hù)之間共

享信息。它在很多方面與Session對(duì)象很相似，但是在本質(zhì)上有著很大區(qū)別。

比如對(duì)于同一個(gè)頁(yè)面，不同的訪問(wèn)者可以創(chuàng)建不同的Session，而Application的值卻是固定不變的，只被

創(chuàng)建一次。在ASP中，多個(gè)用戶(hù)可以共享Application對(duì)象，因此必須用lock和unlock方法來(lái)確保多個(gè)用

戶(hù)不能同時(shí)改變Application對(duì)象。

? Server對(duì)象：Server對(duì)象是ASP六大內(nèi)置對(duì)象之中與服務(wù)器關(guān)系最為密切的一個(gè)對(duì)象，它允許用戶(hù)存

取Web服務(wù)器提供的功能。Server對(duì)象使用其方法和屬性來(lái)訪問(wèn)Web服務(wù)器，大多數(shù)方法和屬性是作為

實(shí)用程序的功能服務(wù)的。使用Server對(duì)象，可以在服務(wù)器上啟動(dòng)ActiveX組件，可以創(chuàng)建各種Server對(duì)象的實(shí)例以簡(jiǎn)化用戶(hù)的操作

? Session對(duì)象：Session對(duì)象是ASP技術(shù)中實(shí)現(xiàn)用戶(hù)會(huì)話管理的手段，主要用來(lái)存儲(chǔ)特定用戶(hù)會(huì)話所需的信

息。當(dāng)用戶(hù)在應(yīng)用程序的Web頁(yè)面之間跳轉(zhuǎn)時(shí)，存儲(chǔ)在Session對(duì)象中的變量不會(huì)丟失，而且在整個(gè)用戶(hù)

會(huì)話中會(huì)一直存在下去。Session對(duì)象常用來(lái)存儲(chǔ)用戶(hù)的首選項(xiàng)，也經(jīng)常被用來(lái)保存用戶(hù)的身份標(biāo)記，實(shí)

現(xiàn)用戶(hù)的身份認(rèn)證和用戶(hù)權(quán)限管理。

? ObjectContext對(duì)象：ObjectContext對(duì)象是微軟在IIS4.0中最新提供的對(duì)象，它主要用來(lái)處理與事務(wù)相關(guān)的問(wèn)題。與ASP的其它對(duì)象有所不同，ObjectContext對(duì)象沒(méi)有屬性和集合，只有方法和事件。

?

涉及到數(shù)據(jù)庫(kù)對(duì)象的作用（連接、數(shù)據(jù)集、命令）其中最為常用的是前5種。

4、代碼操作題

寫(xiě)一個(gè)最簡(jiǎn)單的html代碼

Html代碼和VB script腳本相關(guān)的代碼

作業(yè)1中，循環(huán)，分組，數(shù)組，指針，信息核三個(gè)例題的代碼。

5、數(shù)據(jù)庫(kù)的大題

6、寫(xiě)運(yùn)行結(jié)果

給代碼SQL語(yǔ)句，執(zhí)行過(guò)后的結(jié)果給畫(huà)出來(lái)

7、寫(xiě)一段程序

要求執(zhí)行一個(gè)操作，網(wǎng)站數(shù)據(jù)庫(kù)相關(guān)

8、案例分析題

（考對(duì)網(wǎng)站運(yùn)作，推廣，運(yùn)營(yíng)方面的東西）

課堂上講的案例三大題

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

八年級(jí)下冊(cè)

八年級(jí)下冊(cè)

八年級(jí)下冊(cè)

八年級(jí)下冊(cè)

八年級(jí)下冊(cè)