【精品】學(xué)校班級(jí)網(wǎng)站設(shè)計(jì)心得

1、班級(jí)網(wǎng)站設(shè)計(jì)心得（一）其實(shí)，在初次知道我們這學(xué)期的設(shè)計(jì)內(nèi)容是關(guān)于網(wǎng)站設(shè)計(jì)時(shí)，我 真的很害怕，也很擔(dān)心。因?yàn)樵谶@一年半的大學(xué)學(xué)習(xí)中，雖然我也學(xué) 習(xí)了一些這方面的知識(shí)，也編寫過一些簡單的網(wǎng)頁，但是對(duì)于那些我 弄出來的東西，連我自己也不敢茍同，更別說是讓我設(shè)計(jì)出一個(gè)界面 美觀的網(wǎng)站了。所以在聽到老師讓我們?cè)O(shè)計(jì)出一個(gè)網(wǎng)站時(shí)，我真的是 腦袋都大了。不過還好，老師的要求并不是要求每位同學(xué)各做一個(gè)，而是要求 我們一個(gè)班上的幾位同學(xué)組成一個(gè)小組來完成一個(gè)網(wǎng)站。這樣，就好 做多了，人多力量大，大家互補(bǔ)其短，互揚(yáng)其長，難度就降低了很多, 大家心里也有底了。等組完小組后，我們就開始了我們這個(gè)組究竟做那個(gè)網(wǎng)站了。后來

2、，經(jīng)過我們小組的集體商量，我們最終商定制作班級(jí)這個(gè)網(wǎng)站。至于為什么做這個(gè)網(wǎng)站，我們則認(rèn)為一方面是因?yàn)檫@方面的資料比較好 收集，另一方面，感覺也比較簡單。不過，即便是這樣，對(duì)于我們來 說仍然還是很困難，因?yàn)橐胱龀瞿菢右粋€(gè)界面美觀的網(wǎng)站，還有很 多知識(shí)我們不知道。比如網(wǎng)站的創(chuàng)意、風(fēng)格、整體框架布局、文字編 排、圖片的合理利用，空間的合理安排上面等等，有著許多諸多的要 求，需要考慮。既然困難這么多，一個(gè)人肯定是不可能在這么短的時(shí)間內(nèi)將這些方面都做完的，于是在接下來，我們大家則根據(jù)自己的所長，安排了 一個(gè)方面的內(nèi)容。1. 2開發(fā)工具的選用及介紹我的系統(tǒng)是win 7的，為了做網(wǎng)站，我下載了網(wǎng)頁三劍客和

3、數(shù)據(jù)庫access.asp的優(yōu)勢(shì)：active server pages： “動(dòng)態(tài)服務(wù)器網(wǎ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是在客戶端(client)的瀏覽器上執(zhí)行，若使用vbscript來設(shè)計(jì)程序，客戶端 (client)在i e瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端(client)若使用 n

4、etscape瀏覽器就無法顯示vbscript的執(zhí)行結(jié)果。a s p的特點(diǎn)：任何開發(fā)工具皆可發(fā)展asp只要使用一般的文書編輯程序，如windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁發(fā)展 工具，例如，frontpage expressfrontpage等也都可以；不過還是建議你用記事本來 寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫asp,可能會(huì)發(fā)生一些意 想不到的離奇狀態(tài)。由于asp程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的html文件適用于不同的瀏覽 器。語言相容性高asp 與所有的 activex script 語言都相容，除了可結(jié)合 html, vbscript. java

5、script、 activex服務(wù)器組件來設(shè)計(jì)外，并可經(jīng)由“plug-in (外掛組件模組)的方式，使用其他廠 商(third party)所提供的語言。隱密安全性高如果我們?cè)跒g覽器中直接查看網(wǎng)頁的原始代碼，就只能看到html文件，原始的asp 程序代碼是看不到的！這是因杰asp程序先于網(wǎng)站服務(wù)(web server)端執(zhí)行后，將結(jié) 果轉(zhuǎn)換成標(biāo)準(zhǔn)html文件，再傳送到客戶端(client)的瀏覽器上，因此，我們所辛苦 撰寫的a s p程序并不會(huì)輕易地被看見進(jìn)而被盜用。易于操控?cái)?shù)據(jù)庫a s p可以輕易地通過odbc (open database connectivity)驅(qū)動(dòng)程序連接各種不同的數(shù)

6、據(jù) 庫，例如：acess、foxpro> dbase、oracle等等，另外，a s p亦可將“文本文件"或 是” excel”文件當(dāng)成數(shù)據(jù)庫用。面向?qū)ο髮W(xué)習(xí)容易asp具備有面向?qū)ο?object-oriented)功能，學(xué)習(xí)容易，asp提供了五種方便能 力強(qiáng)大的內(nèi)建對(duì)象：request> response、sever、application 以及 session,同時(shí)，若使 用as p內(nèi)建的“application”對(duì)象或” session”對(duì)象所撰寫出來的a s p程序可以在 多個(gè)網(wǎng)頁之間暫時(shí)保存必要的信息。asp的六大內(nèi)部對(duì)象對(duì)象名稱功能描述requestrespo

7、nseserversessionapplicationobjectcontext 從客戶端取得信息將信息送 給客戶端提供一些web服務(wù)器工具儲(chǔ)存在一個(gè)session內(nèi)的用戶信息，該信息僅可被該用 戶訪問在一個(gè)asp-application中讓不同的客戶端共享信息可以用來配合microsofttransaction服務(wù)器進(jìn)行分布式事務(wù)處理所以我選擇了 asp結(jié)合dreamweaver構(gòu)建我們計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)081班級(jí)網(wǎng)站。配置了 iiso因?yàn)閣in7的iis和windows的iis配置不一樣。我上網(wǎng)搜索了 win7的iis配置方法。部分圖解如下:windows 班能ip安全url授權(quán)windows

8、身份驗(yàn)證客戶氓證書映肘身份驗(yàn)證打開或關(guān)閉windows功能«若要打開一種功能.清遠(yuǎn)擇具復(fù)選框.若要關(guān)閉一種功直m.清清除具復(fù)選框填充的框 表示僅打開該功能的 t 分.鬥丄 internet information services 可承載的 web 核心 曰團(tuán)internet信息液務(wù)日孔ftp服努器 回.ftp服務(wù) 叼ftp擴(kuò)展性fi孔，web營理工具 曰回a 11s 6肯理兼容性iis 6 wmi莪容性iis 6善理控制臺(tái)iis 6本工具iis元站庫和iis 6配置兼容性回丄iis管理服務(wù) 回j. 1is昔理騰本和工具 回丄iis昔理控制臺(tái)q.萬淮網(wǎng)服務(wù) 日回丄安全性vh hs客戶

9、馳書滴身份密正回丄 回a選了 捷要驗(yàn)正 z 帛見http功能 切“ http錯(cuò)誤 ghttp重走向v1 . webdav 軸 0靜態(tài)內(nèi)容0默認(rèn)文欄回.目珮覽日回.性能功能 回j動(dòng)態(tài)內(nèi)容壓縮 口 .靜態(tài)內(nèi)容壓縮應(yīng)程序開發(fā)功能1； bj; 匣£bjh.net擴(kuò)展性 aspasp.netcgi isapi擴(kuò)展 isapi篩礙）服務(wù)器覺包含 日_運(yùn)行狀況和診斷匣乜http日志 4 . odbc日志記錄 j.跟蹤 0 j.請(qǐng)求鑒觀器 日志工具組織 刻錄名稱修改日期型下載皇面廚最近訪問的位疊勺internet信息服務(wù)(iis) 6.0管理器in ternet歸.iscsi發(fā)起程序2009/5/2

10、3 14:32009/5/23 14:32009/4/22 16:1windows powershell modules2009/4/22 16:5旨庫h磁圖圖片j言樂*4家庭組計(jì)算機(jī)確網(wǎng)絡(luò)windows內(nèi)存診斷 気本寶全策略打印管理2009/4/22 16:12009/5/23 12:12009/5/23 12:12009/4/22 16:1押高級(jí)寶全windows防火塩 諄計(jì)算機(jī)管理g)戲計(jì)劃歸 強(qiáng)事件查看器 國加源(odbc) 困磁t配冒性苜谿見器罰組件服勢(shì)2009/4/22 16:12009/4/22 16:12009/4/22 16:116:1 6:1 6:116:1弋藥0卯亦22

11、16:1e喬 /wqqvmisjkw七s q /v 1dj5 qe;£s qwm 專4220 魚 按醫(yī)ag 卸丄unujm(jd6nlljm)od6nlljy 禎；一ki£s qum 土詰id。按kod6nujm默認(rèn)文檔操作添加1恢復(fù)為父項(xiàng)使用此功誚f定當(dāng)客戶據(jù)未請(qǐng)求持定文件名時(shí)返回的默認(rèn)文件q按優(yōu)先 級(jí)磚曲。名稱條目類型in dex.aspdefault.h tm繼承default.aspin dex.htmindex.htmliisstart.h tm繼承幫助聯(lián)機(jī)幫助由于對(duì)網(wǎng)站的界面美化有過一定的學(xué)習(xí)，于是，前半個(gè)月我的任務(wù)就是關(guān)于網(wǎng)站界面美化方面的設(shè)計(jì)。界面設(shè)計(jì)即簡單

12、又不簡單，簡 單的是界面設(shè)計(jì)只是在功能設(shè)計(jì)的基礎(chǔ)上作一些美工設(shè)計(jì);不簡單的 是，要設(shè)計(jì)既得好看，又與功能設(shè)計(jì)很貼切是很考究制作者的美術(shù)和 平面設(shè)計(jì)功底的。我雖然學(xué)習(xí)過一些這方面的，但要真的做起來，恐 怕還差很遠(yuǎn)，這就要求我在平常去學(xué)習(xí)這方面的知識(shí)了。于是在任務(wù)安排了以后,我就去學(xué)校圖書館借了一些這方面的專 業(yè)書籍，如平面設(shè)計(jì)，工業(yè)設(shè)計(jì)等。另外，我還有時(shí)間就去那些設(shè)計(jì) 的比較好的網(wǎng)站內(nèi)去轉(zhuǎn)一轉(zhuǎn)，學(xué)習(xí)其中的優(yōu)點(diǎn)。這樣，一個(gè)多月下來 后，雖然仍還有很多不了解，但是卻也從中學(xué)到了很多。由于我們這 個(gè)網(wǎng)站要求的并不是很高，所以經(jīng)過我這一個(gè)多月的突擊，也是勉強(qiáng) 能行了。充電完成后，接下來就是真的實(shí)踐了。而

13、要做網(wǎng)站的美工，那么首先要弄的就是網(wǎng)站的logoo logo顧名思義就是站點(diǎn)的標(biāo)志圖案, logo最重要的就是用圖形化的方式傳遞網(wǎng)站的定位和經(jīng)營理念.同時(shí)便于人們識(shí)別。對(duì)于這方面，我可以說是完全沒有經(jīng)驗(yàn)。后來真的 不知該怎么辦，只好在網(wǎng)上收集了一些這方面的素材，然后找出了其 中一個(gè)自己比較好的將其作為了我們網(wǎng)站的logoologo做好了后，我還做了文字的編排以及文字圖形化。在網(wǎng)頁設(shè)計(jì)中，字體的處理與顏色、版式、圖形化等其他設(shè)計(jì)元素的處理 一樣非常關(guān)鍵。而文字圖形化就是將文字用圖片的形式來表現(xiàn)，這種 形式在頁面的子欄目里面最為常用，因?yàn)樗哂型怀觯瑫r(shí)又美化了 頁面，使頁面更加人性化加強(qiáng)了視覺效

14、果。是文字無法達(dá)到的。這樣 做了好，網(wǎng)站整體上看起來就好看多了。另外，我還要強(qiáng)調(diào)文字。因?yàn)樵谖铱磥?，將個(gè)別文字作為頁面的訴求重點(diǎn)，然后通過加粗、加下劃線、加大號(hào)字體、加指示性符號(hào). 傾斜字體、改變字體顏色等手段有意識(shí)地強(qiáng)化文字的視覺效果，使其 在頁面整體中顯得出眾而奪目o最后，我還對(duì)網(wǎng)站進(jìn)行了一些簡單的配色。我先用一種色彩選定指定顏色，然后調(diào)整透明度或者飽和度，（說得通俗些就是將色彩變淡或則加深），產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩有層次感。罰榮譽(yù)通訊錄-學(xué)習(xí)園地友情鏈接曲生活的大概成果如下圖一個(gè)涅的班級(jí)班級(jí)簡介切海納百川經(jīng)世致用總而言之，前期我就在準(zhǔn)備材料和美工中設(shè)計(jì)了半個(gè)月。設(shè)計(jì)我ft五十16年輕的心我f）, 一足涉豬塚海的知識(shí)海