本篇文章給大家談?wù)劙嗉?jí)網(wǎng)站建設(shè)html制作，以及班級(jí)網(wǎng)站建設(shè)html制作對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、班級(jí)網(wǎng)站策劃書范文
• 2、如何應(yīng)用html，css，javascript等設(shè)計(jì)并實(shí)現(xiàn)一個(gè)班級(jí)網(wǎng)站以表格的形式
• 3、怎樣制作html網(wǎng)頁(yè)
• 4、制作一個(gè)班級(jí)主頁(yè)或個(gè)人主頁(yè)(html制作)
• 5、如何制作html

班級(jí)網(wǎng)站策劃書范文

班級(jí)網(wǎng)站應(yīng)該是一個(gè)展示、記錄、交流與溝通的網(wǎng)絡(luò)平臺(tái)，下面是我為您整理的“班級(jí)網(wǎng)站策劃書范文”，僅供參考，希望您喜歡！更多詳細(xì)內(nèi)容請(qǐng)點(diǎn)擊查看。

班級(jí)網(wǎng)站策劃書范文1

一、前言

互聯(lián)網(wǎng)的發(fā)展日新月異。僅僅幾年，互聯(lián)網(wǎng)電子商務(wù)已經(jīng)從兩年前的萌芽階段迅速成為中國(guó)未來(lái)經(jīng)濟(jì)的支柱力量。新的商務(wù)模式，正在深刻而徹底地改變著我們傳統(tǒng)的經(jīng)營(yíng)方式，讓我們?cè)诙虝r(shí)間內(nèi)得以與世界經(jīng)濟(jì)接軌。眼下，利用網(wǎng)絡(luò)，電子化機(jī)構(gòu)與電子化生活已經(jīng)越發(fā)顯出激動(dòng)人心的商機(jī)與活力！

信息流、物流、資金流的循環(huán)，開拓全新的市場(chǎng)機(jī)會(huì)。大學(xué)班級(jí)網(wǎng)站一直是互聯(lián)網(wǎng)的新生活力項(xiàng)目，在互聯(lián)網(wǎng)上各種各樣的班級(jí)網(wǎng)站都有，但大多基本上還處于有待加強(qiáng)和提高，當(dāng)中的原因有很多。

因?yàn)榭嘤谌狈Y金和技術(shù)，如何把握班級(jí)網(wǎng)站的尺度，做到簡(jiǎn)單優(yōu)雅、滿足眾人胃口也是問(wèn)題所在。

結(jié)合各網(wǎng)站的特點(diǎn)，我們可以看到，班級(jí)網(wǎng)站是在網(wǎng)絡(luò)中把班級(jí)成員聯(lián)系到一起。班級(jí)網(wǎng)站的特點(diǎn)是需要成員的參與、交流的項(xiàng)目。因此，我們把班級(jí)網(wǎng)站的建設(shè)初步定位為：

它主要是以網(wǎng)上聯(lián)系交流為主的互動(dòng)網(wǎng)絡(luò)平臺(tái) ，它的網(wǎng)站名稱xx，這個(gè)班級(jí)網(wǎng)站主要以以信息交流為主，附設(shè)新聞前線、娛樂(lè)地帶等趣味欄目，開設(shè)互動(dòng)式流言專區(qū)，開設(shè)同學(xué)信息、同學(xué)作品等版塊。

二、班級(jí)網(wǎng)站建設(shè)的可行性分析

1、團(tuán)隊(duì)自身?xiàng)l件分析

首先我們認(rèn)識(shí)到，我們所學(xué)習(xí)的是電子商務(wù)，我們有自己動(dòng)手的能力，有HTML、dreamweaver、數(shù)據(jù)庫(kù)這方面學(xué)習(xí)的經(jīng)歷，通過(guò)這個(gè)項(xiàng)目，可以把學(xué)到的知識(shí)運(yùn)用到實(shí)踐中，但不足之處可能就在于我們的知識(shí)程度有限，網(wǎng)絡(luò)在發(fā)展，技術(shù)在進(jìn)步，許多新技術(shù)應(yīng)用的出現(xiàn)，是我們不能及的，所以，在現(xiàn)有的條件下，我們做這個(gè)網(wǎng)站只能是在簡(jiǎn)單中追求完美，盡最大可能的發(fā)揮我們這個(gè)團(tuán)隊(duì)的優(yōu)勢(shì)，盡最大努力做到最好。

2.專業(yè)老師的指導(dǎo)和幫助

我們系有專業(yè)的老師為我們提供指導(dǎo)，遇到不懂的，可以向老師請(qǐng)教；若是有超出我們專業(yè)范圍的東西，可以請(qǐng)老師加入我們，為我們班級(jí)網(wǎng)站的建設(shè)出謀劃策！

三、 班級(jí)成員的需求分析

1、班級(jí)網(wǎng)站的服務(wù)宗旨

班級(jí)網(wǎng)站是班級(jí)內(nèi)成員相互交流的平臺(tái)，它的目的主要在于服務(wù)廣大師生，為大家創(chuàng)造一個(gè)安全、健康、綠色，便捷的網(wǎng)絡(luò)服務(wù)平臺(tái)！從而增進(jìn)師生感情，并且為大家獲取班級(jí)內(nèi)成員的信息提供一個(gè)更便捷的通道！

2、班級(jí)內(nèi)成員的特點(diǎn)

（1） 整個(gè)班級(jí)是一個(gè)團(tuán)體，大家在學(xué)習(xí)中各有所長(zhǎng)，班級(jí)網(wǎng)站的建設(shè)需要發(fā)揮每個(gè)人的聰明才智，這樣才能把我們的網(wǎng)站建設(shè)的更好.

（2） 最終網(wǎng)站用戶是登陸互聯(lián)網(wǎng)絡(luò)的所有瀏覽者，而不僅僅是我們本班的同學(xué)，所以，他是一個(gè)開放的平臺(tái)，班級(jí)成員可以在這結(jié)交更多的朋友！

（3） 整個(gè)網(wǎng)站由動(dòng)態(tài)模塊構(gòu)成，維護(hù)人員不需懂太多網(wǎng)頁(yè)設(shè)計(jì)知識(shí)，只須有一定的計(jì)算機(jī)操作基礎(chǔ)，能熟練操作類似word等辦公軟件即可。

　 　四、網(wǎng)站的設(shè)計(jì)方案

1、網(wǎng)站的布局

（1）網(wǎng)站的整體風(fēng)格

設(shè)計(jì)上講究和諧統(tǒng)一，大氣之中又包含溫馨，在將班級(jí)特色展現(xiàn)出來(lái)的同時(shí)，又可以向大家傳達(dá)班級(jí)集體一大家的理念，版面設(shè)計(jì)上，新穎獨(dú)特，動(dòng)態(tài)與靜態(tài)恰當(dāng)融合，吸引人的同時(shí)，又給人以視覺享受。

（2）網(wǎng)站主題

體現(xiàn)青春活力，同學(xué)情誼，與時(shí)代同行的氣息

（3）網(wǎng)站背景

校園景色，主要以青春色彩的綠色和橙色為主，體現(xiàn)青春氣息！

（4）網(wǎng)站版塊

1 [首頁(yè)] 2 [班級(jí)簡(jiǎn)介] 3 [班級(jí)展廳] 4 [同學(xué)通訊錄](méi) 5 [您的建議] 6 [關(guān)于我們]

（5）網(wǎng)站的美工設(shè)計(jì)

網(wǎng)頁(yè)的設(shè)計(jì)基本上就只有動(dòng)與靜兩種方式，恰如其分地將動(dòng)與靜結(jié)合起來(lái)，可以讓網(wǎng)頁(yè)畫面變得靈動(dòng)活潑，從而給人們帶來(lái)強(qiáng)烈的視覺吸引力和沖擊力，提升網(wǎng)站的形象。我們?cè)谠O(shè)計(jì)網(wǎng)站時(shí)，要將動(dòng)畫融入到靜態(tài)的文字與圖片之中，增加網(wǎng)站的活力

2、功能模塊設(shè)計(jì)

（1） 信息瀏覽系統(tǒng)：

主要應(yīng)用于網(wǎng)站中的觀點(diǎn)展臺(tái)和班級(jí)新新聞兩個(gè)版塊，將網(wǎng)頁(yè)上的某些需要變動(dòng)的信息由后臺(tái)管理員集中管理，并通過(guò)信息的某些共性進(jìn)行分類，最后系統(tǒng)化，標(biāo)準(zhǔn)化發(fā)布到網(wǎng)站上。

網(wǎng)站信息通過(guò)一個(gè)操作簡(jiǎn)單的界面加入數(shù)據(jù)庫(kù)，然后通過(guò)已有的網(wǎng)頁(yè)模板格式與審核流程發(fā)布到網(wǎng)站上，從而方便不同訪客閱覽所需的各版塊信息。

（2）即時(shí)通：

類似qq群一樣的班級(jí)群的聯(lián)系方式，在這里可以直接聯(lián)系彼此。

（3）信息發(fā)布系統(tǒng)：

添加、刪除、修改信息發(fā)布班級(jí)新新聞、各分類信息、友友動(dòng)態(tài)、我的秀逗、聯(lián)系我們版塊信息。

（4）聯(lián)系我們系統(tǒng)：

可以通過(guò)聯(lián)系我們來(lái)對(duì)我們網(wǎng)站進(jìn)行評(píng)價(jià)，以及提出一些意見或者建議。

3、交互性和用戶友好界面設(shè)計(jì)

（1） 在設(shè)計(jì)網(wǎng)站時(shí)可以充分利用網(wǎng)絡(luò)的交互性，通過(guò)聯(lián)系我們等功能模塊建立企業(yè)與用戶及公眾之間有效信息溝通交流的平臺(tái)

（2） 在網(wǎng)頁(yè)畫面設(shè)計(jì)方面，既會(huì)充分考慮到用戶的行為習(xí)慣，也會(huì)考慮到創(chuàng)新性，不僅讓用戶得到滿意的體驗(yàn)，還會(huì)讓用戶產(chǎn)生耳目一新的感覺，在這一方面，我們將會(huì)著重于畫面動(dòng)態(tài)設(shè)計(jì)與導(dǎo)航設(shè)計(jì)，以生動(dòng)、形象、通俗、易懂的方式引導(dǎo)用戶瀏覽網(wǎng)站，從而建立起對(duì)本網(wǎng)站乃至本公司的整體了解。

4、網(wǎng)站開發(fā)使用技術(shù)情況

五、網(wǎng)頁(yè)形式和語(yǔ)言

1.網(wǎng)頁(yè)形式

動(dòng)態(tài)和靜態(tài)結(jié)合網(wǎng)頁(yè)

2.網(wǎng)站語(yǔ)言

Javascript

　 　六、軟硬件環(huán)境

1.軟件： Dreamweaver \ Photoshop CS \ Flash

2.硬件： PC機(jī)

3.技術(shù)： ASP\HTML\CSS\VBscript \ javascript\ SQL

4.項(xiàng)目設(shè)計(jì)及運(yùn)行平臺(tái) Windows 7 web IIS

七、網(wǎng)站測(cè)試

1、性能測(cè)試

（1）連接速度測(cè)試 ：用戶連接到電子商務(wù)網(wǎng)的速度與上網(wǎng)方式有關(guān)，他們或許是電話撥號(hào)，或是寬帶上網(wǎng)！

（2）負(fù)載測(cè)試 ：負(fù)載測(cè)試是在某一負(fù)載級(jí)別下，檢測(cè)電子商務(wù)系統(tǒng)的實(shí)際性能。也就是能允許多少個(gè)用戶同時(shí)在線?？梢酝ㄟ^(guò)相應(yīng)的軟件在一臺(tái)客戶機(jī)上模擬多個(gè)用戶來(lái)測(cè)試負(fù)載。

（3）壓力測(cè)試： 壓力測(cè)試是測(cè)試系統(tǒng)的限制和故障恢復(fù)能力，也就是測(cè)試電子商務(wù)系統(tǒng)會(huì)不會(huì)崩潰。

2、安全性測(cè)試

它需要對(duì)網(wǎng)站的安全性（服務(wù)器安全，腳本安全），可能有的漏洞測(cè)試，攻擊性測(cè)試，錯(cuò)誤性測(cè)試。對(duì)電子商務(wù)的客戶服務(wù)器應(yīng)用程序、數(shù)據(jù)、服務(wù)器、網(wǎng)絡(luò)、防火墻等進(jìn)行測(cè)試！用相對(duì)應(yīng)的軟件進(jìn)行測(cè)試。

3、基本測(cè)試

包括色彩的搭配，連接的正確性，導(dǎo)航的方便和正確，CSS應(yīng)用的統(tǒng)一性。

4、網(wǎng)站優(yōu)化測(cè)試

好的電子商務(wù)網(wǎng)站是看它是否經(jīng)過(guò)搜索引擎優(yōu)化了，網(wǎng)站的架構(gòu)、網(wǎng)頁(yè)的欄目與靜態(tài)情況等。

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

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

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

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

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

5、做好網(wǎng)站安全管理，防范黑客入侵網(wǎng)站，檢查網(wǎng)站各個(gè)功能，鏈接是否有錯(cuò)。

九、網(wǎng)站進(jìn)度 班級(jí)網(wǎng)站策劃書范文2

　 　一、建設(shè)必要性分析

互聯(lián)網(wǎng)的發(fā)展日新月異。僅僅幾年，互聯(lián)網(wǎng)電子商務(wù)已經(jīng)從兩年前的萌芽階段迅速成為中國(guó)未來(lái)經(jīng)濟(jì)的支柱力量。新的商務(wù)模式，正在深刻而徹底地改變著我們傳統(tǒng)的經(jīng)營(yíng)方式，讓我們?cè)诙虝r(shí)間內(nèi)得以與世界經(jīng)濟(jì)接軌。

眼下，利用網(wǎng)絡(luò)，電子化機(jī)構(gòu)與電子化生活已經(jīng)越發(fā)顯出激動(dòng)人心的商機(jī)與活力！信息流、物流、資金流的循環(huán)，開拓全新的市場(chǎng)機(jī)會(huì)。 大學(xué)班級(jí)網(wǎng)站一直是互聯(lián)網(wǎng)的新生活力項(xiàng)目，在互聯(lián)網(wǎng)上各種各樣的班級(jí)網(wǎng)站都有，但大多基本上還處于有待加強(qiáng)和提高，當(dāng)中的原因有很多。

因?yàn)榭嘤谌狈Y金和技術(shù)，如何把握班級(jí)網(wǎng)站的尺度，做到簡(jiǎn)單優(yōu)雅、滿足眾人胃口也是問(wèn)題所在。結(jié)合各網(wǎng)站的特點(diǎn)，我們可以看到，班級(jí)網(wǎng)站是在網(wǎng)絡(luò)中把班級(jí)成員聯(lián)系到一起。班級(jí)網(wǎng)站的特點(diǎn)是需要成員的參與、交流的項(xiàng)目。

二、團(tuán)隊(duì)自身?xiàng)l件分析

首先我們認(rèn)識(shí)到，我們有自己動(dòng)手的能力，有HTML、ASP、數(shù)據(jù)庫(kù)這方面學(xué)習(xí)的經(jīng)歷，通過(guò)這個(gè)項(xiàng)目，可以把學(xué)到的知識(shí)運(yùn)用到實(shí)踐中，但不足之處可能就在于我們的知識(shí)程度有限，網(wǎng)絡(luò)在發(fā)展，技術(shù)在進(jìn)步，許多新技術(shù)應(yīng)用的出現(xiàn)，是我們不能及的，所以，在現(xiàn)有的條件下，我們做這個(gè)網(wǎng)站只能是在簡(jiǎn)單中追求完美，盡最大可能的發(fā)揮我們這個(gè)團(tuán)隊(duì)的優(yōu)勢(shì)，盡最大努力做到最好。

建設(shè)初步定位是：

以班級(jí)成員網(wǎng)上聯(lián)系交流為主的互動(dòng)網(wǎng)絡(luò)平臺(tái)，以信息交流為主，附設(shè)新聞前線、娛樂(lè)地帶等趣味欄目，開設(shè)互動(dòng)式流言專區(qū)，開設(shè)同學(xué)信息、同學(xué)作品等版塊。

首頁(yè)要求

體現(xiàn)青春活力，同學(xué)情誼，與時(shí)代同行的氣息；背景為：校園景色、青春主題 具體內(nèi)容 前臺(tái)

1 [首頁(yè)]

2 [班級(jí)簡(jiǎn)介]

3 [班級(jí)展廳]

4 [同學(xué)通訊錄](méi)

5 [您的建議]

6 [關(guān)于我們]

后臺(tái)

1、網(wǎng)站會(huì)員登陸系統(tǒng)

2、網(wǎng)站社區(qū)服務(wù)系統(tǒng)

3、其他相關(guān)程序

網(wǎng)站屬班級(jí)網(wǎng)站，功能比較少，需要的服務(wù)器空間較小，并且對(duì)服務(wù)器的功能要求，擴(kuò)展性要求較低，對(duì)未來(lái)訪問(wèn)量的高承受能力和帶寬要求也不是很高，因此，在服務(wù)器的選擇上，要做到經(jīng)用夠用和好用，能夠保障網(wǎng)站的正常運(yùn)行需要，追求最高最好的性能價(jià)格比。

在服務(wù)器操作系統(tǒng)方面，可以使用Windows2000 Adervace Server 操作系統(tǒng)和IIS5.0 Internet服務(wù)器軟件，此服務(wù)器開發(fā)環(huán)境兼容性能好，開發(fā)難度低，可利用資源多；在服務(wù)器安全和穩(wěn)定性能方面，需要加載病毒防火墻和反黑客軟件用以保障。

網(wǎng)站程序開發(fā)可以使用Microsoft公司的Active Server Pages 技術(shù)進(jìn)行開發(fā)應(yīng)用，在數(shù)據(jù)庫(kù)使用方面，可以使用Microsoft 公司的 SQL Server 2000或ACSS數(shù)據(jù)庫(kù)軟件；前兩者技術(shù)成熟，兼容性能良好，可利用資源多，開發(fā)經(jīng)驗(yàn)豐富，是組建電子商務(wù)網(wǎng)絡(luò)平臺(tái)的較好選擇。

網(wǎng)站建成后，有一個(gè)常規(guī)推廣期，在這個(gè)期間內(nèi)，需要收集各方面對(duì)網(wǎng)站的初步看法和意見，并繼續(xù)加大網(wǎng)站充實(shí)的力度，進(jìn)行更新，培養(yǎng)初步的訪問(wèn)群，力爭(zhēng)在用達(dá)到日真實(shí)訪問(wèn)量50以上，此期間主要有以下手段：

1、搜索引擎加注：做好每個(gè)網(wǎng)頁(yè)的關(guān)鍵字索引，爭(zhēng)取每個(gè)頁(yè)面的關(guān)鍵字都有所不同；

2、廣泛友情連接：

3、到各類留言板留言

4、到各大論壇發(fā)布廣告

5、利用論壇網(wǎng)聚人氣，廣泛收集精彩貼子，廣交天下。

班級(jí)網(wǎng)站策劃書范文3

一、總括：

1.網(wǎng)站主題：班級(jí)風(fēng)采，體現(xiàn)青春活力，同學(xué)情誼。

2.網(wǎng)站作用：展示班級(jí)風(fēng)采，讓觀看網(wǎng)站的人了解軟工六班。

3.網(wǎng)站規(guī)模：班級(jí)網(wǎng)站，由簡(jiǎn)單網(wǎng)頁(yè)組成，規(guī)模不大。

4.目標(biāo)人群：本班全體成員，以及想了解軟工六班的所有人。

5.網(wǎng)站特色：我們這個(gè)網(wǎng)站主要展示班級(jí)風(fēng)采發(fā)。在色彩和風(fēng)格上采用以灰色為主，畫面單純而不乏絢爛，內(nèi)容的特色表現(xiàn)為：內(nèi)容有個(gè)性；內(nèi)容的實(shí)用性和真實(shí)性；充分展示了軟工六班的風(fēng)采。

二、網(wǎng)站的風(fēng)格及配色方案：

1.網(wǎng)站名稱：6班風(fēng)采。

2.網(wǎng)站LOGO：主色采用灰色白色，左邊為RG6圖案代表軟工6，后面有“20xx級(jí)軟工6班”文字。

3.網(wǎng)站的標(biāo)準(zhǔn)色：網(wǎng)站一以白色和灰色為主色調(diào)，整個(gè)網(wǎng)頁(yè)以灰色純色為背景，內(nèi)容的背景顏色則用白色，這兩種顏色的搭配給人以時(shí)代的感覺，代表了年輕人主宰這當(dāng)前的時(shí)代。

4.網(wǎng)站的標(biāo)準(zhǔn)字體：網(wǎng)站整體采用了黑體，黑體方正、粗獷、樸素、簡(jiǎn)潔、無(wú)裝飾、橫豎筆形粗細(xì)視覺相等、筆形方頭方尾、黑白均勻，因此非常醒目。

三、網(wǎng)站的欄目設(shè)計(jì)及板塊介紹：

1.主頁(yè)：網(wǎng)站的首頁(yè)，幾張合照的切換展示我們班的所有人。

2.班級(jí)介紹： 介紹了班級(jí)的基本歷史，班委。

3.班級(jí)新聞：班級(jí)新聞為從開學(xué)以來(lái)發(fā)生的一些重要的事情。

4.班級(jí)榮譽(yù)：這是我們班在開學(xué)以來(lái)獲得的榮譽(yù)。

5.圖片墻：圖片墻以圖片形式記錄了我們一起走過(guò)的日子。

6.六班金花：展示我們班的很有特色的小女生。

四、網(wǎng)站設(shè)計(jì)和制作中所采用的技術(shù)：

網(wǎng)站主要采用本學(xué)期所學(xué)的html和css技術(shù)，套用了css3和html5技術(shù)。在網(wǎng)頁(yè)顯示特效上套用了java script，jquery技術(shù)。還是用flash技術(shù)。

網(wǎng)站的連接跳轉(zhuǎn)主要使用的是描點(diǎn)，將網(wǎng)頁(yè)分為幾部分，使用了html5中的section標(biāo)記。配合JavaScript和css3把不需要顯示的內(nèi)容隱藏起來(lái)，當(dāng)點(diǎn)到的時(shí)候才顯示出來(lái)。

在不同頁(yè)面切換之間加入了個(gè)flash的載入條。在網(wǎng)頁(yè)的照片墻上里，使用了jquery和java script來(lái)做切換效果展示圖片。

五、首頁(yè)的設(shè)計(jì)：

網(wǎng)站的首頁(yè)，用盒子將首頁(yè)分為四部分，第一部分為L(zhǎng)OGO；第二部為網(wǎng)頁(yè)的導(dǎo)航欄；第三部分加載幾張合照的切換展示我們班的所有人還有一按鈕可以切換圖片

六、網(wǎng)站大體內(nèi)容：

1.第一個(gè)頁(yè)面為主頁(yè)，展示我們班的所有人以及顯示網(wǎng)站的各網(wǎng)頁(yè)標(biāo)題；

2.第二個(gè)頁(yè)面為班級(jí)介紹，分為兩個(gè)小部分，左邊為我們班開學(xué)報(bào)到認(rèn)識(shí)彼此和軍訓(xùn)時(shí)我們的榮辱與共，右邊為班級(jí)介紹展示班級(jí)的一系列活動(dòng)和老師，導(dǎo)生和通過(guò)競(jìng)選而產(chǎn)生的各個(gè)優(yōu)秀班委；

3.第三個(gè)頁(yè)面為班級(jí)新聞，展示我們班參加的一系列活動(dòng)的新聞通告，可以讓更多的同學(xué)了解到更多的信息。

新聞熱點(diǎn)有：

軟工六班健康行之陽(yáng)光登山

24字團(tuán)日活動(dòng)決賽

觸動(dòng)你我他的團(tuán)日活動(dòng)

六班的優(yōu)秀辯手與精彩的辯論賽

六班的熱血系籃球賽

宿舍開放日的男女交流

男生宿舍的友誼

系運(yùn)動(dòng)會(huì)之飛揚(yáng)六班

軍訓(xùn)回憶

4.第四個(gè)頁(yè)面為班級(jí)榮譽(yù)，展示我們班參加活動(dòng)所得到的獎(jiǎng)項(xiàng)：

早讀被評(píng)為“早讀積極班級(jí)”；

參加以“踐行社會(huì)主義核心價(jià)值觀—共筑美好華軟”為主題的團(tuán)日活動(dòng)獲得軟件工程系二等獎(jiǎng)。

5.第五個(gè)頁(yè)面為圖片墻，展示我們班從開學(xué)到現(xiàn)在留下的一張張美好回憶，展示我們的青春與活力；

6.第六個(gè)頁(yè)面為六班金花，展示我們班僅有的四名女生，在我們班成功晉級(jí)為國(guó)寶，四朵金花各有各的性格特點(diǎn)，我們會(huì)付出行動(dòng)去呵護(hù)她們，不會(huì)讓她們受到傷害。

班級(jí)網(wǎng)站策劃書范文4

　 　一、前言

學(xué)習(xí)電子商務(wù)專業(yè)將近三年，同學(xué)們應(yīng)將扎實(shí)的基礎(chǔ)理論知識(shí)學(xué)以致用，通過(guò)建設(shè)班級(jí)網(wǎng)站，提高同學(xué)們的實(shí)踐應(yīng)用能力。

為了更好的服務(wù)同學(xué)，班級(jí)網(wǎng)站做出整體規(guī)劃，成為對(duì)外宣傳班級(jí)形象，同學(xué)們溝通、學(xué)習(xí)、交流的載體，使網(wǎng)站具有鮮明、活力、開放、文化等特色，打造成為為老師、同學(xué)提供信息服務(wù)的平臺(tái)。

1.1 網(wǎng)站建設(shè)目標(biāo)

（1）促進(jìn)同學(xué)之間、同學(xué)與老師之間的溝通、交流、學(xué)習(xí)，打造班級(jí)良好形象。

（2）展示班級(jí)風(fēng)采，記錄每個(gè)成員的生活點(diǎn)滴，擴(kuò)大生活學(xué)習(xí)交際圈，廣增人脈。

（3）通過(guò)建設(shè)班級(jí)網(wǎng)站，提升學(xué)生建站操作技能，更重要的是鍛煉了同學(xué)們的團(tuán)隊(duì)精神和團(tuán)隊(duì)協(xié)作能力，為畢業(yè)找工作奠定了良好的基礎(chǔ)。

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

（1）便利性原則

網(wǎng)站導(dǎo)航明確簡(jiǎn)單，各類功能模塊一目了然，用戶可以方便的進(jìn)行查詢各類信息，瀏覽網(wǎng)站動(dòng)態(tài)等各類活動(dòng)，另外網(wǎng)站功能設(shè)計(jì)應(yīng)以方便使用為原則。

（2）經(jīng)濟(jì)性原則

建立適合學(xué)生需求的網(wǎng)絡(luò)平臺(tái)，提供廣泛的用戶所需求的多種功能，數(shù)據(jù)處理方式靈活，節(jié)省網(wǎng)站建設(shè)成本，并確保其較好的拓展性和開放性；網(wǎng)站整合功能完善，使管理員能夠很方便地對(duì)網(wǎng)站中的動(dòng)態(tài)內(nèi)容進(jìn)行更新。

（3）擴(kuò)展性原則

網(wǎng)站的整體規(guī)劃及框架設(shè)計(jì)是具可擴(kuò)充性的，前臺(tái)頁(yè)面的設(shè)計(jì)能保證網(wǎng)站在增加欄目后不會(huì)破壞網(wǎng)站的整體結(jié)構(gòu)。網(wǎng)站良好的擴(kuò)充性能夠適應(yīng)內(nèi)外網(wǎng)連接、數(shù)據(jù)同步的需要，能夠?yàn)槿蘸蟮墓δ軘U(kuò)展預(yù)留接口。

二、客戶需求分析

2.1 網(wǎng)站服務(wù)宗旨

宣傳班級(jí)良好形象，為用戶提供文明、溫馨、舒適的上網(wǎng)環(huán)境，用戶可以方便的查找、瀏覽、更新相關(guān)信息。

2.2 用戶和操作人員特點(diǎn)

（1）網(wǎng)站用戶多為本班級(jí)學(xué)生、校內(nèi)學(xué)生及其好友，以及授課老師。

（2）整個(gè)網(wǎng)站由動(dòng)態(tài)模塊構(gòu)成，班級(jí)網(wǎng)站維護(hù)人員無(wú)須懂網(wǎng)頁(yè)設(shè)計(jì)知識(shí)，只須有一定的計(jì)算機(jī)操作基礎(chǔ)，可進(jìn)行后續(xù)的網(wǎng)站信息錄入和修改工作。

三、解決方案

3.1 網(wǎng)站欄目規(guī)劃

班級(jí)網(wǎng)站包括：首頁(yè)、班級(jí)簡(jiǎn)介、班級(jí)個(gè)人信息、班級(jí)相冊(cè)、班級(jí)動(dòng)態(tài)、班級(jí)活動(dòng)、同學(xué)通訊錄、班級(jí)日志、留言板、在線論壇、英語(yǔ)角常用網(wǎng)站鏈接等欄目。

3.2 網(wǎng)站美工設(shè)計(jì)

（1）風(fēng)格

網(wǎng)站背景應(yīng)以天藍(lán)色為主要顏色，干凈清爽，整體設(shè)計(jì)風(fēng)格和諧、溫馨、簡(jiǎn)潔、清新，版面設(shè)計(jì)應(yīng)新穎獨(dú)特，充滿活力與激情，能充分體現(xiàn)當(dāng)代大學(xué)生的精神風(fēng)貌。

（2）首頁(yè)和欄目頁(yè)美工

網(wǎng)站首頁(yè)畫面應(yīng)以校園青春為主題，能體現(xiàn)出大學(xué)生的朝氣蓬勃與無(wú)限活力。網(wǎng)頁(yè)設(shè)計(jì)采用動(dòng)靜相結(jié)合的方式，將動(dòng)態(tài)畫面融入到靜態(tài)的文字與圖片當(dāng)中，使網(wǎng)頁(yè)畫面變得生動(dòng)活潑，同時(shí)網(wǎng)站欄目的設(shè)計(jì)效果應(yīng)與網(wǎng)站風(fēng)格和諧統(tǒng)一，為用戶帶來(lái)視覺享受。

3.3 功能模塊設(shè)計(jì)

（1）信息查詢系統(tǒng)：用戶登錄到網(wǎng)站信息查詢系統(tǒng)，進(jìn)行查詢考試成績(jī)、相關(guān)證書的考試結(jié)果以及用戶的個(gè)人基本信息等的查詢。

（2）學(xué)生管理系統(tǒng)：

3.4 交互性和用戶友好界面設(shè)計(jì)

3.5 宣傳推廣方案

3.6 網(wǎng)站技術(shù)解決方案

　 　四、網(wǎng)頁(yè)形式和語(yǔ)言

1、網(wǎng)頁(yè)形式

動(dòng)態(tài)和靜態(tài)結(jié)合網(wǎng)頁(yè)

2、網(wǎng)站語(yǔ)言

Java script

　 　五、軟硬件環(huán)境

1、軟件： Dreamweaver\Photoshop CS\Flash

2、硬件： PC機(jī)

3、技術(shù)： ASP\HTML\CSS\VB script\java script\SQL

4、項(xiàng)目設(shè)計(jì)及運(yùn)行平臺(tái) Windows 7 web IIS

六、網(wǎng)站測(cè)試與發(fā)布

網(wǎng)站測(cè)試以用戶體驗(yàn)為中心。網(wǎng)站測(cè)試包括：配置測(cè)試、兼容性測(cè)試、易用性測(cè)試、安全性測(cè)試以及基本測(cè)試等。

在對(duì)網(wǎng)站進(jìn)行完整的測(cè)試后就可以發(fā)布了，將網(wǎng)站內(nèi)容使用FTP上傳到網(wǎng)站空間當(dāng)中，在此之前，還需要申請(qǐng)網(wǎng)站的域名，這些可以在網(wǎng)絡(luò)的空間提供商和域名提供商處購(gòu)買。

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

1、服務(wù)器及相關(guān)軟硬件的維護(hù)，對(duì)可能出現(xiàn)的問(wèn)題進(jìn)行評(píng)估，制定相應(yīng)的措施；

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

3、網(wǎng)站內(nèi)容的更新、調(diào)整等；

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

5、做好網(wǎng)站安全管理，防范黑客入侵網(wǎng)站，檢查網(wǎng)站各個(gè)功能，鏈接是否有錯(cuò)。

八、進(jìn)度

班級(jí)網(wǎng)站建設(shè)需要：

網(wǎng)站建設(shè)負(fù)責(zé)人1名

美工1名

高級(jí)程序員1名

HTML制作及測(cè)試工程師2名

后臺(tái)管理員1名；

網(wǎng)站建設(shè)實(shí)施進(jìn)度大約需要一個(gè)月的時(shí)間。

如何應(yīng)用html，css，javascript等設(shè)計(jì)并實(shí)現(xiàn)一個(gè)班級(jí)網(wǎng)站以表格的形式

可以使用表格控件生成（jqxwidget），

或者使用模板制作（bootstrap），

或者自己寫一個(gè)table也行

怎樣制作html網(wǎng)頁(yè)

怎樣制作html網(wǎng)頁(yè)?制作網(wǎng)頁(yè)的整體思路有：

在進(jìn)行網(wǎng)頁(yè)制作的時(shí)候，要明白網(wǎng)頁(yè)的類型以及所需要的材料，并做好一個(gè)框架構(gòu)想，這樣利于網(wǎng)頁(yè)的效果形成，對(duì)后期的建設(shè)有相應(yīng)的鏈接作用和奠基作用。

先布局，再用CSS進(jìn)行控制。

骨架搭好了，初始化樣式。

注意：將CSS的樣式導(dǎo)入到外部樣式表時(shí)，要注意圖片的位置，以及對(duì)外部樣式表的引入。這點(diǎn)可以參照HTML文件和LINGMAODIANSHANG等

1、頭部的背景圖片的高度128px來(lái)自素材的圖片高，容器的寬度大小也來(lái)自圖片寬

2、圖片的位置：當(dāng)你在編寫index.html頁(yè)面代碼時(shí)，出現(xiàn)一些圖片路徑時(shí)，那么先分清楚哪些是同級(jí)目錄文件

!DOCTYPE

html

html

head

/head

body

/body

/html

制作一個(gè)班級(jí)主頁(yè)或個(gè)人主頁(yè)(html制作)

4.部分個(gè)人或隱私信息必須要登陸后才可以查看。

5． 實(shí)現(xiàn)一個(gè)簡(jiǎn)單的聊天室功能

這兩個(gè)功能,必須使用ASP .PHP .或者JSP 才能夠?qū)崿F(xiàn)的. 建議你還是先把網(wǎng)站的樣子做出來(lái),再考慮里面的功能.

僅僅會(huì)HTML+CSS 只能做出靜態(tài)的網(wǎng)頁(yè)

如何制作html

網(wǎng)頁(yè)制作要能充分吸引訪問(wèn)者的注意力，讓訪問(wèn)者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁(yè)創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來(lái)。網(wǎng)站設(shè)計(jì)是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識(shí)通過(guò)藝術(shù)的手法表現(xiàn)出來(lái)；網(wǎng)頁(yè)制作通常就是將網(wǎng)頁(yè)設(shè)計(jì)師所設(shè)計(jì)出來(lái)的設(shè)計(jì)稿，按照W3C規(guī)范用html語(yǔ)言將其制作成網(wǎng)頁(yè)格式。

網(wǎng)站制作的步驟：

需要評(píng)估使用的功能規(guī)格；

競(jìng)爭(zhēng)的研究；

發(fā)展的結(jié)構(gòu)（樹），網(wǎng)頁(yè)的內(nèi)容和演示；

創(chuàng)建一個(gè)Web界面（也被稱為網(wǎng)頁(yè)設(shè)計(jì)）；

用不同的編程語(yǔ)言的網(wǎng)站整合。主要的的HTML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用），層疊樣式表（外語(yǔ)簡(jiǎn)稱：CSS），JavaScript，PHP，ASP.NET；

建立一個(gè)網(wǎng)站的內(nèi)容管理系統(tǒng)（外語(yǔ)簡(jiǎn)稱：CMS）；

預(yù)訂和管理域名（網(wǎng)站地址，網(wǎng)站的訪問(wèn)）；

上線一個(gè)FTP服務(wù)器，允許主辦的網(wǎng)站不斷地連接到互聯(lián)網(wǎng)上的Web服務(wù)器上的網(wǎng)頁(yè)文件；

創(chuàng)建一個(gè)網(wǎng)站可以委托給易雅網(wǎng)或自己制作。要自己建立一個(gè)網(wǎng)站，它可以使用網(wǎng)頁(yè)編輯器。

班級(jí)網(wǎng)站建設(shè)html制作的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于班級(jí)網(wǎng)站建設(shè)html制作、班級(jí)網(wǎng)站建設(shè)html制作的信息別忘了在本站進(jìn)行查找喔。