最近中文字幕2018免费版2019,久久国产劲暴∨内射新川,久久久午夜精品福利内容,日韩视频 中文字幕 视频一区

首頁(yè) > 文章中心 > 網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)

網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)

前言:想要寫(xiě)出一篇令人眼前一亮的文章嗎?我們特意為您整理了5篇網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)范文,相信會(huì)為您的寫(xiě)作帶來(lái)幫助,發(fā)現(xiàn)更多的寫(xiě)作思路和靈感。

網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)

網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)范文第1篇

摘要:本文以Web標(biāo)準(zhǔn)為基本思想,闡述了針對(duì)電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)的思想和策略,探究了一套緊隨時(shí)代需求的網(wǎng)站設(shè)計(jì)流程。

關(guān)鍵詞 :Web標(biāo)準(zhǔn);電子商務(wù)網(wǎng)站;網(wǎng)頁(yè)設(shè)計(jì)

引言

隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的迅速發(fā)展,網(wǎng)站的網(wǎng)頁(yè)設(shè)計(jì)布局也顯得越來(lái)越復(fù)雜,在專業(yè)技術(shù)上的要求也越來(lái)越綜合。同時(shí),電子商務(wù)在這樣的潮流下飛速發(fā)展,但電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)卻成了阻礙電子商務(wù)發(fā)展的一個(gè)重要因素,在這樣的形勢(shì)下,電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作就需要有專業(yè)的技術(shù)來(lái)實(shí)現(xiàn),僅僅依靠傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)已不能滿足時(shí)代的需求。目前,基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)思路已成為網(wǎng)站開(kāi)發(fā)的主流,以Web標(biāo)準(zhǔn)為基本思想探究出一套有效的、緊跟時(shí)代步伐的設(shè)計(jì)流程,同時(shí)針對(duì)電子商務(wù)領(lǐng)域研究有效的網(wǎng)頁(yè)設(shè)計(jì)策略。

1、關(guān)于Web標(biāo)準(zhǔn)的主要技術(shù)

1.1 什么是Web標(biāo)準(zhǔn)

Web標(biāo)準(zhǔn)不僅僅是一個(gè)標(biāo)準(zhǔn),而是一系列標(biāo)準(zhǔn)的組合。一般的網(wǎng)頁(yè)都由三個(gè)部分組成,即結(jié)構(gòu)、行為和表現(xiàn),而這三個(gè)部分中結(jié)構(gòu)對(duì)應(yīng)的標(biāo)準(zhǔn)為XML和XHTML,行為對(duì)應(yīng)的標(biāo)準(zhǔn)為對(duì)象模型等,表現(xiàn)對(duì)應(yīng)的標(biāo)準(zhǔn)為CSS。

① 結(jié)構(gòu)

其中的主要技術(shù)包括可擴(kuò)展超文本標(biāo)記語(yǔ)言(XHTML)和可擴(kuò)展標(biāo)記語(yǔ)言(XML),主要應(yīng)用在對(duì)網(wǎng)頁(yè)數(shù)據(jù)的分類以及整合方面。在這兩個(gè)標(biāo)準(zhǔn)中,XML是一種源語(yǔ)言,它能夠讓用戶對(duì)自己的語(yǔ)言進(jìn)行標(biāo)記定義,其具有的數(shù)據(jù)轉(zhuǎn)換能夠相對(duì)來(lái)說(shuō)比較強(qiáng)大,而XHTML在性能上結(jié)合了超文本置標(biāo)語(yǔ)言(HTML)的簡(jiǎn)單特性,同時(shí),它還使用了XML的強(qiáng)大的功能系統(tǒng),在語(yǔ)法上相對(duì)來(lái)說(shuō)也比較嚴(yán)格。

② 行為

其中的主要技術(shù)包括ECMAScript和對(duì)象模型(DOM),主要應(yīng)用在交互操作網(wǎng)頁(yè)文檔方面。ECMAScript能夠有效的實(shí)現(xiàn)界面上操作對(duì)象的交互操作,而DOM能夠定義、修改以及表示文檔所需的對(duì)象、所需的對(duì)象的屬性和行為,同時(shí)還能處理這些所需的對(duì)象之間的關(guān)系。

③ 表現(xiàn)

其中的主要技術(shù)是CSS,即層疊樣式表,主要應(yīng)用在對(duì)瀏覽器的顯示控制方面。CSS控制的表現(xiàn)與XHTML決定的結(jié)構(gòu)相分離,主要用來(lái)設(shè)計(jì)網(wǎng)頁(yè)的風(fēng)格。

1.2 Web標(biāo)準(zhǔn)下的網(wǎng)頁(yè)設(shè)計(jì)流程

Web標(biāo)準(zhǔn)下的網(wǎng)頁(yè)設(shè)計(jì)流程主要包括語(yǔ)義結(jié)構(gòu)定義、網(wǎng)頁(yè)內(nèi)容添加、CSS美化網(wǎng)頁(yè)以及添加動(dòng)態(tài)元素四個(gè)部分。

語(yǔ)義結(jié)構(gòu)定義:進(jìn)行這個(gè)部分時(shí),需要我們能夠根據(jù)網(wǎng)頁(yè)上的設(shè)計(jì)圖,對(duì)我們所需要的DIV層塊進(jìn)行進(jìn)一步分析,同時(shí)也要分析各個(gè)層塊之間的相互關(guān)系,為達(dá)到一個(gè)好的訪問(wèn)速度,DIV層塊應(yīng)該小于等于三層。

網(wǎng)頁(yè)內(nèi)容添加:在第一步中定義好語(yǔ)義結(jié)構(gòu)后,然后根據(jù)網(wǎng)頁(yè)設(shè)計(jì)圖添加內(nèi)容,并且在每一個(gè)層塊添加合適的網(wǎng)頁(yè)內(nèi)容,其中包括添加文字、圖像、表單、列表等。

CSS美化網(wǎng)頁(yè):在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí),需要使用CSS對(duì)網(wǎng)頁(yè)的整個(gè)頁(yè)面進(jìn)行布局,其中包括在頁(yè)面中加入邊框和背景等;同時(shí),還需要使用CSS的相關(guān)設(shè)置,其中包括字體和大小等。

添加動(dòng)態(tài)元素:在網(wǎng)頁(yè)中添加動(dòng)態(tài)元素時(shí),需要根據(jù)網(wǎng)頁(yè)設(shè)計(jì)圖對(duì)各個(gè)方面的要求,利用JavaScript技術(shù)完成網(wǎng)頁(yè)中動(dòng)態(tài)元素的添加,包括添加導(dǎo)航菜單、焦點(diǎn)圖及其它動(dòng)態(tài)元素等。

2、電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)所需要的技術(shù)

隨著互聯(lián)網(wǎng)科學(xué)技術(shù)的飛速發(fā)展,越來(lái)越多的企業(yè)應(yīng)用互聯(lián)網(wǎng)技術(shù)推動(dòng)了企業(yè)的發(fā)展,人們的生活方式也受到互聯(lián)網(wǎng)的影響。在這樣的背景下,電子商務(wù)也逐漸發(fā)展壯大,而電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)就成了相對(duì)重要的一部分,網(wǎng)頁(yè)設(shè)計(jì)是以網(wǎng)絡(luò)為載體,把一些對(duì)人們有用的信息方便快速的傳達(dá)給他們。在進(jìn)行電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)時(shí),整個(gè)過(guò)程都要用到大量的電子商務(wù)設(shè)計(jì)軟件,而設(shè)計(jì)的過(guò)程又需要計(jì)算機(jī)技術(shù)作為基礎(chǔ)。

在研究基于Web標(biāo)準(zhǔn)的電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)時(shí),在設(shè)計(jì)過(guò)程中需要有縝密的思想來(lái)進(jìn)行設(shè)計(jì)的每一個(gè)流程,然后開(kāi)發(fā)網(wǎng)上商店系統(tǒng),以達(dá)到對(duì)網(wǎng)店實(shí)行有效的管理以及擴(kuò)展網(wǎng)店的業(yè)務(wù)。在Web的標(biāo)準(zhǔn)下,網(wǎng)頁(yè)設(shè)計(jì)者能夠有效的將網(wǎng)頁(yè)結(jié)構(gòu)劃分清楚,這樣就能夠提升電子商務(wù)網(wǎng)站網(wǎng)頁(yè)開(kāi)發(fā)的效率,同時(shí)還能夠盡可能的降低網(wǎng)頁(yè)設(shè)計(jì)成本。

3、電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)過(guò)程

在設(shè)計(jì)電子商務(wù)網(wǎng)站網(wǎng)頁(yè)時(shí),可以按照下面的流程進(jìn)行:內(nèi)容分析、結(jié)構(gòu)設(shè)計(jì)、方案設(shè)計(jì)以及表現(xiàn)設(shè)計(jì)。

第一,內(nèi)容分析:即通過(guò)了解需要展示在網(wǎng)頁(yè)上的具體內(nèi)容,清楚各內(nèi)容所具有的邏輯關(guān)系,最后分清楚各個(gè)內(nèi)容的重要程度從而合理安排位置。第二,結(jié)構(gòu)設(shè)計(jì):即根據(jù)內(nèi)容分析得出的相關(guān)結(jié)論,找到合理有效的網(wǎng)頁(yè)布局,從而設(shè)計(jì)出好的XHTML結(jié)構(gòu)。第三,方案設(shè)計(jì):使用好的美工設(shè)計(jì)軟件,設(shè)計(jì)出一個(gè)能給人視覺(jué)帶來(lái)享受的網(wǎng)站頁(yè)面設(shè)計(jì)圖。第四,表現(xiàn)設(shè)計(jì):表現(xiàn)設(shè)計(jì)又可分視覺(jué)設(shè)計(jì)和布局設(shè)計(jì),視覺(jué)設(shè)計(jì)即是使用CSS美化網(wǎng)頁(yè)的方式,同時(shí)配合美工設(shè)計(jì)元素,將設(shè)計(jì)方法轉(zhuǎn)化為網(wǎng)頁(yè)的方式。布局設(shè)計(jì)即是通過(guò)使用CSS和XHTML對(duì)網(wǎng)站頁(yè)面進(jìn)行布局設(shè)計(jì)。

3.1 內(nèi)容分析

一個(gè)電子商務(wù)網(wǎng)站能否起到吸引客戶的效果,取決于這個(gè)電子商務(wù)網(wǎng)站網(wǎng)頁(yè)的布局是否清晰明了,能否給人一種視覺(jué)上的享受。網(wǎng)頁(yè)設(shè)計(jì)就是一種視覺(jué)語(yǔ)言,對(duì)布局和色彩的搭配要求很高,要求網(wǎng)站的主頁(yè)也能給人一種美的享受,其它網(wǎng)站頁(yè)面的布局也應(yīng)該與主頁(yè)相協(xié)調(diào)。電子商務(wù)網(wǎng)站中網(wǎng)頁(yè)布局形式多種多樣,有“廠”字型、“國(guó)”字型、“封面”型以及經(jīng)濟(jì)“框架”型等。

3.2 結(jié)構(gòu)設(shè)計(jì)

為電子商務(wù)網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)時(shí),網(wǎng)頁(yè)中展示的有突出核心的業(yè)務(wù)區(qū),也有展現(xiàn)其它功能的區(qū)域,整個(gè)網(wǎng)頁(yè)開(kāi)發(fā)完成后,用戶可以在后臺(tái)進(jìn)行可視化的操作,同時(shí),用戶還可以創(chuàng)建屬于自己的個(gè)性化的網(wǎng)頁(yè)。在設(shè)計(jì)電子商務(wù)網(wǎng)站網(wǎng)頁(yè)時(shí),框架是整個(gè)網(wǎng)頁(yè)的核心部分,它決定了整個(gè)網(wǎng)頁(yè)的整體布局效果,框架一般都是HTML格式的文件,它能夠?qū)㈨?yè)面劃分區(qū)域。

在制作電子商務(wù)網(wǎng)站時(shí),首先要在硬盤(pán)上新建一個(gè)文件夾,并把這個(gè)文件夾作為網(wǎng)站的根目錄,最后將這個(gè)目錄上傳到服務(wù)器上就行了。一個(gè)網(wǎng)站就對(duì)應(yīng)一個(gè)磁盤(pán)上的文件夾,設(shè)計(jì)網(wǎng)站所需要的全部資源以及所有網(wǎng)頁(yè)都放在這個(gè)文件夾里面。

3.3 表現(xiàn)設(shè)計(jì)

在設(shè)計(jì)好網(wǎng)頁(yè)和它的結(jié)構(gòu)后,可以使用CSS為網(wǎng)頁(yè)文檔添加樣式。首先要將已經(jīng)設(shè)計(jì)好的方案中的網(wǎng)頁(yè)圖片分離出來(lái),然后使用CSS為其添加合適的樣式,在進(jìn)行這個(gè)操作的整個(gè)過(guò)程中,涉及到CSS的布局以及背景圖片應(yīng)用,在使用CSS時(shí),可在網(wǎng)站的前臺(tái)觀察到網(wǎng)頁(yè)的板塊區(qū)域,板塊區(qū)域的個(gè)數(shù)會(huì)根據(jù)有設(shè)計(jì)的電子商務(wù)網(wǎng)站的類型不同而有所變化,這個(gè)過(guò)程是由CSS規(guī)則確定的,并且整個(gè)框架結(jié)構(gòu)是由HTML文件確定的。這樣設(shè)計(jì)的網(wǎng)站,可以在其后臺(tái)進(jìn)行可視化設(shè)計(jì),向所需要的區(qū)域添加好的插件等,這樣網(wǎng)頁(yè)表現(xiàn)出來(lái)的畫(huà)面效果更好。

4、結(jié)語(yǔ)

隨著時(shí)代的發(fā)展,人們不再滿足于單調(diào)的生活模式,在這樣的背景下,互聯(lián)網(wǎng)技術(shù)慢慢融入到人們的生產(chǎn)與生活中去,這就使得方便人們生活的電子商務(wù)逐漸發(fā)展起來(lái)。目前,大多數(shù)人的生活開(kāi)始與電子商務(wù)緊密聯(lián)系在一起,而電子商務(wù)的網(wǎng)頁(yè)設(shè)計(jì)的好壞直接關(guān)系到整個(gè)電子商務(wù)模式的運(yùn)行。因此,研究基于Web標(biāo)準(zhǔn)下的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)成為了電子商務(wù)門(mén)戶的重點(diǎn),這樣才能有效的提升電子商務(wù)網(wǎng)站的性能以及開(kāi)發(fā)效率。

參考文獻(xiàn):

[1] 朱淑琴,魏威,張嘉萌. 基于Web標(biāo)準(zhǔn)的電子商務(wù)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)與制作[J]. 計(jì)算機(jī)與現(xiàn)代化. 2012(15),30-32.

[2] 王猛. 基于用戶情感需求的電子商務(wù)網(wǎng)站首頁(yè)界面設(shè)計(jì)研究[D].東北大學(xué). 2012,18-23.

網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)范文第2篇

關(guān)鍵詞:色彩;網(wǎng)站頁(yè)面;頁(yè)面設(shè)計(jì);應(yīng)用

中圖分類號(hào):TP393.092

1 色彩在網(wǎng)站頁(yè)面設(shè)計(jì)中的重要性

在網(wǎng)頁(yè)設(shè)計(jì)中,色彩是一個(gè)非常值得研究的對(duì)象,最早將色彩引入到現(xiàn)代色彩體系中的教育家有很多,約翰內(nèi)斯?伊頓就是其中的一位,他具有十分敏感的形式意識(shí),在他看來(lái),色彩是一種比較理性的事物,只有對(duì)色彩的構(gòu)成進(jìn)行認(rèn)真地分析和研究,才能更好地展現(xiàn)出色彩的魅力。他曾經(jīng)說(shuō)過(guò):“研究色彩美學(xué)的一種重要出發(fā)點(diǎn)就是對(duì)比效果及其分類,主觀調(diào)整色彩感知力問(wèn)題和建筑設(shè)計(jì)、藝術(shù)設(shè)計(jì)以及商業(yè)廣告設(shè)計(jì)等具有緊密的聯(lián)系。”由此產(chǎn)生了色彩美學(xué)的概念。色彩在網(wǎng)站頁(yè)面設(shè)計(jì)中的作用,可以從色彩的表現(xiàn)力和色彩的結(jié)構(gòu)性兩方面進(jìn)行研究。

1.1 色彩的表現(xiàn)力。人們通常將色彩形象地比喻為具有較強(qiáng)誘惑力的女性,主要是因?yàn)榕詫?duì)色彩具有加強(qiáng)的敏感性。英國(guó)有專家指出,將色彩應(yīng)用于視覺(jué)作品上將會(huì)增加作品的吸引力。在設(shè)計(jì)作品中半數(shù)以上顏色設(shè)計(jì)較好的作品能夠吸引更多的女性消費(fèi)者。

康定斯基曾說(shuō):“內(nèi)部因素和外部因素是藝術(shù)作品中的兩大因素。內(nèi)部因素是指藝術(shù)家內(nèi)心所具有的情感,可以引起觀眾類似情感。”設(shè)計(jì)師就是利用了自己真實(shí)的感受和對(duì)色彩的認(rèn)識(shí)來(lái)設(shè)計(jì)作品的,目的是為了引起觀眾情感上的共鳴。與圖形的變大效果相比,色彩具有更強(qiáng)的感染力。

1.2 色彩的象征性。對(duì)于色彩的心理感受,心理學(xué)家曾做過(guò)實(shí)驗(yàn),結(jié)果發(fā)現(xiàn)人們?cè)诩t色氛圍下,情緒比較激動(dòng),脈搏跳動(dòng)的比較快,而在藍(lán)色氛圍中就正好相反。

色彩可以指代不同的情感,因?yàn)槿藗兊墓ぷ髂芰ΑL(fēng)俗習(xí)慣、抵御、生活環(huán)境以及民族的差異,具有不同的象征。由此可見(jiàn),色彩具有十分重要的作用。

2 網(wǎng)站網(wǎng)頁(yè)色彩的基本設(shè)計(jì)原則

2.1 在網(wǎng)頁(yè)設(shè)計(jì)中要遵循簡(jiǎn)潔原則。色彩主要分為兩種,一種是有彩色,另一種是無(wú)彩色。無(wú)彩色主要包括三種顏色,它們是黑色、白色及灰色。其他的顏色就是有彩色。在網(wǎng)頁(yè)中使用色彩時(shí),并不是使用的顏色越多越好。除了無(wú)彩色之外,在使用其他顏色時(shí)盡量不要超過(guò)三種。這里需要注意一個(gè)問(wèn)題,不少學(xué)生容易將無(wú)彩色中的黑色或白色或灰色也看作了有彩色,這是不正確的。注意,這里強(qiáng)調(diào)的是有彩色。很多網(wǎng)站的網(wǎng)頁(yè)背景色都采用了無(wú)彩色,這樣有助于減少配色出錯(cuò)的幾率。

藍(lán)、紅、綠等分別代表一類具體的顏色,也就是色相。它是一種色彩區(qū)別于另一種色彩的名稱,指的是色彩的外在特征。有些學(xué)生將淺藍(lán)色和深藍(lán)色看作是兩個(gè)色相,實(shí)質(zhì)上,它們僅是一種色相,就是紅。這兩種顏色是紅色的基礎(chǔ)上增添了不同的灰色,使色彩的飽和度發(fā)生了變化,或者色彩的亮度發(fā)生的變化。這種色彩的變化利用Photoshop的調(diào)色板很容易實(shí)現(xiàn)。網(wǎng)頁(yè)色彩設(shè)計(jì)的簡(jiǎn)潔性原則,這個(gè)原則不會(huì)隨著時(shí)間的改變而發(fā)生意義上的變化。

2.2 堅(jiān)持主從關(guān)系的色彩設(shè)計(jì)原則。在色彩設(shè)計(jì)中,需要遵循的一項(xiàng)比較穩(wěn)定的原則就是主從關(guān)系原則。大多數(shù)網(wǎng)站網(wǎng)頁(yè)的背景采用的都是無(wú)彩色,除無(wú)彩色之外,其他顏色就是頁(yè)面的主題顏色。如果在網(wǎng)站網(wǎng)頁(yè)中進(jìn)行色彩設(shè)計(jì)時(shí),沒(méi)有遵循主從原則,或者沒(méi)有把握好這樣原則,就很容易造成網(wǎng)頁(yè)中缺乏主色調(diào),所在不能使用較多的其他顏色,以免喧賓奪主。

在世界五百?gòu)?qiáng)企業(yè)中的網(wǎng)站的首頁(yè)中,幾乎全部重點(diǎn)突出一種色相,顏色看起來(lái)十分簡(jiǎn)潔,有的表現(xiàn)出一種詼諧幽默,有的表現(xiàn)出一種清新自由,有的表現(xiàn)出一種高貴典雅等,這些設(shè)計(jì)思想既遵循了簡(jiǎn)潔的設(shè)計(jì)原則,也充分體現(xiàn)了主從設(shè)計(jì)原則。通過(guò)這種設(shè)計(jì)原則可以將人們的視線集中在一種顏色之上,讓人感覺(jué)像在一種色彩的世界當(dāng)中,由此可見(jiàn)色彩所具有的獨(dú)特魅力。

2.3 堅(jiān)持色彩均衡設(shè)計(jì)原則。在網(wǎng)頁(yè)設(shè)計(jì)中,如果使用過(guò)多明度較高的顏色就會(huì)使多數(shù)人的心理上無(wú)法認(rèn)可,這時(shí)就可以用同色相或者黑色在小面積范圍內(nèi)進(jìn)行適當(dāng)?shù)攸c(diǎn)綴,這樣就可以色彩的設(shè)計(jì)趨于平衡,這樣就可以滿足大多人對(duì)色彩的要求。

有些主頁(yè)的底色設(shè)計(jì)成黑色,而將字體也設(shè)計(jì)成比較深的顏色,色彩的亮度太接近,讀者就會(huì)感覺(jué)閱讀頁(yè)面比較吃力,相反,如果顏色的亮度對(duì)比度過(guò)高,人們的眼睛也會(huì)感覺(jué)很不舒服,讀起來(lái)很費(fèi)勁。

2.4 選擇色彩的原則:

(1)選擇的色彩要與內(nèi)容相符合。網(wǎng)頁(yè)設(shè)計(jì)的目的是為社會(huì)提供服務(wù),為自身的產(chǎn)品做有效的宣傳,務(wù)必要根據(jù)頁(yè)面的內(nèi)容選擇相符合的顏色,這樣才有可能達(dá)到預(yù)期的效果,若顏色設(shè)計(jì)的不合理,那么后果是難以預(yù)測(cè)的。因此,我們對(duì)網(wǎng)頁(yè)中的色彩進(jìn)行設(shè)計(jì)時(shí),要根據(jù)網(wǎng)頁(yè)中的具體內(nèi)容選擇合理的顏色,使色彩的色相、明度以及色度,以及色彩的心理、物力以及生理等感覺(jué)要素的作用得到充分地發(fā)揮,力求選擇的色彩更準(zhǔn)確、更合理及更典型。

(2)保持色彩的時(shí)尚性。在設(shè)計(jì)網(wǎng)頁(yè)顏色時(shí),要充分了解時(shí)下的流行色。一般情況下,網(wǎng)站網(wǎng)頁(yè)的顏色要根據(jù)每年流行色的發(fā)展進(jìn)行重新設(shè)計(jì),這樣才助于保持網(wǎng)頁(yè)顏色的時(shí)尚性。除非是一些每戶網(wǎng)站,或者網(wǎng)站網(wǎng)色顏色的變動(dòng)受到一定的限制,可以不進(jìn)行改動(dòng)。每年歐美等國(guó)家都會(huì)向外界一批大眾比較喜愛(ài)的顏色,即流行色。如果將這些顏色應(yīng)用在網(wǎng)站的網(wǎng)頁(yè)設(shè)計(jì)中將會(huì)使網(wǎng)頁(yè)更具有時(shí)尚性,更富有朝氣和活力,將會(huì)更吸引大眾的眼球。

(3)色彩的獨(dú)特性。在設(shè)計(jì)網(wǎng)頁(yè)色彩時(shí),要使網(wǎng)頁(yè)的色彩具有獨(dú)特性,這不僅可以給人視覺(jué)上的沖擊,也是增強(qiáng)人們對(duì)色彩識(shí)別度和記憶性地客觀要求。因此,要確保網(wǎng)頁(yè)具有與眾不同的色彩選擇和色彩搭配,這樣有助于為網(wǎng)頁(yè)訪問(wèn)者提供獨(dú)特的感受,提高訪問(wèn)者對(duì)該網(wǎng)頁(yè)的記憶度。

3 網(wǎng)站頁(yè)面色彩的各部分設(shè)計(jì)原則

網(wǎng)頁(yè)的組成部分主要有網(wǎng)頁(yè)內(nèi)容、網(wǎng)頁(yè)標(biāo)頭、導(dǎo)航菜單所在區(qū)域、側(cè)欄、頁(yè)腳以及配色等。

3.1 網(wǎng)頁(yè)內(nèi)容。這部分空間主要用來(lái)存儲(chǔ)信息,一般對(duì)背景的亮度要求較高,而對(duì)文字的亮度要求較低,需要擁有加大的對(duì)比度。不少網(wǎng)站網(wǎng)頁(yè)的背景都是白色,字體選擇黑色。也有一些網(wǎng)站頁(yè)面的內(nèi)容使用的是自己logo的顏色。例如北京大學(xué)網(wǎng)站首頁(yè)內(nèi)容的顏色就是應(yīng)用logo的顏色,北大網(wǎng)站logo的顏色為藍(lán)色,網(wǎng)站網(wǎng)址為http: //.從整體上看,頁(yè)面內(nèi)容的顏色顯得比較協(xié)調(diào)。

3.2 網(wǎng)頁(yè)標(biāo)頭。這部門(mén)的作用用于logo主要信息的存放,通常選用深色,并且要求具有較高的對(duì)比度,這樣的設(shè)計(jì)有助于用戶在短時(shí)間內(nèi)就能夠?qū)ふ业絣ogo在該網(wǎng)站的具置。一般情況下,網(wǎng)頁(yè)標(biāo)題的顏色不同于網(wǎng)頁(yè)的其他部分。在為其選擇色彩時(shí),一般選用和頁(yè)面內(nèi)容顏色差距非常大的顏色組合或者字體,也可以選擇與頁(yè)面內(nèi)容相反的顏色。例如,中央美術(shù)學(xué)院網(wǎng)站首頁(yè)內(nèi)容的顏色是橘紅色的背景,而頁(yè)面標(biāo)題的顏色就選擇了與頁(yè)面顏色差距較大的綠色,這樣就形成了鮮明的對(duì)比,更加突顯了標(biāo)題的重要性。

3.3 導(dǎo)航菜單所在的區(qū)域。在設(shè)計(jì)這部分顏色時(shí),要選擇比較暗的顏色,這樣就可以利用鮮明的顏色對(duì)比,以及特殊性較強(qiáng)的字體或?qū)Ρ榷容^高的圖形元素,將菜單的作用和頁(yè)面內(nèi)容明確地劃分開(kāi)來(lái)。

3.4 側(cè)欄。雖然側(cè)欄并不是每個(gè)網(wǎng)站頁(yè)面上都有的,但是它依然是用于現(xiàn)實(shí)附加信息的有效方式,也要將其和網(wǎng)頁(yè)內(nèi)容明確地區(qū)分開(kāi)來(lái),并且也要方便讀者進(jìn)行閱讀。

3.5 頁(yè)腳。頁(yè)腳是網(wǎng)站網(wǎng)頁(yè)中最不起眼的部分,不能讓它過(guò)于突出,在進(jìn)行顏色設(shè)計(jì)時(shí),可以選擇使用側(cè)欄的顏色,也可以使用更深一點(diǎn)的顏色。

3.6 配色。在網(wǎng)頁(yè)配色方面可以選擇那些跳躍性較強(qiáng)的顏色,這樣有助于快速地引導(dǎo)讀者,例如沈陽(yáng)師范大學(xué)網(wǎng)站首頁(yè)的顏色就選擇使用淺黃色,這種顏色在淺綠色的整體色調(diào)中比較顯眼,能夠更好地引導(dǎo)讀者的視線。

參考文獻(xiàn):

[1]王鷹漢,張慧.淺談旅游公司網(wǎng)站的設(shè)計(jì)[J].科協(xié)論壇(下半月),2011,2.

[2]劉秀芳,劉仲鵬.基于的商品交易網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)[J].黑龍江科技信息,2011,8.

網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)范文第3篇

【關(guān)鍵詞】網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作 網(wǎng)絡(luò)現(xiàn)狀分析 網(wǎng)絡(luò)設(shè)計(jì)未來(lái)發(fā)展規(guī)劃

網(wǎng)絡(luò)課程設(shè)計(jì)是針對(duì)當(dāng)前網(wǎng)絡(luò)教學(xué)過(guò)程中,如何有效直觀的進(jìn)展課程和培養(yǎng)學(xué)生實(shí)際操作能力的一種教學(xué)方式,它突出以學(xué)生為重點(diǎn),強(qiáng)調(diào)理論實(shí)際相結(jié)合從而達(dá)到快速掌握和應(yīng)用的目的。“網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作”是運(yùn)用編程語(yǔ)言,數(shù)據(jù)庫(kù)語(yǔ)言和網(wǎng)頁(yè)美工的一種集網(wǎng)頁(yè)鏈接、編輯、制作生成的所見(jiàn)即所得的網(wǎng)站編輯程序,它的誕生提高了宣傳和認(rèn)知能力,加速了電子商務(wù)的發(fā)展,基于它的重要性和普遍性,激發(fā)了我們對(duì)網(wǎng)絡(luò)課程設(shè)計(jì)的濃厚興趣,使之精益求精,來(lái)確保我們的“網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作”課程豐富多彩,運(yùn)用自如。

1 “網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作”網(wǎng)絡(luò)設(shè)計(jì)現(xiàn)狀分析

1.1 網(wǎng)站開(kāi)發(fā)語(yǔ)言安全性

網(wǎng)站開(kāi)發(fā)采用的語(yǔ)言有ASP、php、aspx、java等,實(shí)際開(kāi)發(fā)制作中PHP+SQL的應(yīng)用非常廣泛,這在網(wǎng)絡(luò)課程設(shè)計(jì)中也是綜合運(yùn)用的重要課程,它能獨(dú)立實(shí)現(xiàn)網(wǎng)頁(yè)的自由切換,完成復(fù)合圖形的鏈接,調(diào)整網(wǎng)站的模式結(jié)構(gòu),它的動(dòng)態(tài)因素還能起到吸引眼球,脫穎而出的效果;網(wǎng)站開(kāi)發(fā)中PHP+SQL的綜合運(yùn)用更是提高了網(wǎng)頁(yè)的利用空間,加速了后臺(tái)數(shù)據(jù)庫(kù)的建立,同時(shí)提高了網(wǎng)站開(kāi)發(fā)的安全性和注重瀏覽者的綜合感受。

1.2 靜態(tài)網(wǎng)頁(yè)制作中Dreamweaver的應(yīng)用

現(xiàn)階段,在網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作課程中,Dreamweaver網(wǎng)頁(yè)靜態(tài)編輯器應(yīng)用最為廣泛,它從最初的1.0版本升級(jí)到CS5,同時(shí)它的功能也從簡(jiǎn)單的調(diào)節(jié)色階、飽和度、制作文字圖框上上升到獨(dú)立編輯和創(chuàng)建動(dòng)漫圖片,三維立體調(diào)色,人物實(shí)體渲染等豐富強(qiáng)大的功能,這在網(wǎng)頁(yè)制作圖像編輯上發(fā)揮了立竿見(jiàn)影的作用,其次它帶有掃描和創(chuàng)作功能,使制作的圖片所見(jiàn)即所得;同時(shí)他還具有自由變換渲染實(shí)景的強(qiáng)大功能,可以還原復(fù)古地域風(fēng)情、分辨明暗光景、豐富人物表情等,使我們的圖像新穎而富有特色。

1.3 收錄引擎對(duì)網(wǎng)站的友好度

搜索引擎屬于網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作的后臺(tái)工作,它是支撐網(wǎng)頁(yè)正常運(yùn)行的必要條件,也是網(wǎng)站鏈接顯示的重要組成部分,PHP、JAVA、ASP程序的編寫(xiě)就好比人的大腦,它的關(guān)鍵度和完整度不言而喻。在制作處理完網(wǎng)頁(yè),建立網(wǎng)站后往往要優(yōu)化系統(tǒng),有利于提高網(wǎng)站的點(diǎn)擊率和被百度收錄的幾率,這也是網(wǎng)絡(luò)課程設(shè)計(jì)的范疇,由于網(wǎng)頁(yè)腳本語(yǔ)言的改革使得SEO優(yōu)化系統(tǒng)后豐富了網(wǎng)站的實(shí)用性,從而提高了網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作的熱情和創(chuàng)新性。

2 “網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作”設(shè)計(jì)發(fā)展規(guī)劃

2.1 多層次深發(fā)展?jié)M足不同領(lǐng)域的需求

網(wǎng)絡(luò)課程是一種以學(xué)生為主體的網(wǎng)絡(luò)教育方式,它注重學(xué)生的實(shí)操能力和融會(huì)貫通能力,改變了老師口傳式的傳統(tǒng)教學(xué)模式,更好的活躍了學(xué)生氛圍。網(wǎng)絡(luò)課程設(shè)計(jì)可以根據(jù)學(xué)生接受能力的不同、所處領(lǐng)域的不同實(shí)行分類式教學(xué)模式,分層次輔導(dǎo),有的放矢。例如,對(duì)研究和專業(yè)學(xué)生的教學(xué),專業(yè)學(xué)生注重就業(yè)方向,我們?cè)O(shè)計(jì)的網(wǎng)絡(luò)課程就偏重于實(shí)用性,把日后經(jīng)常用到的知識(shí)點(diǎn)納入教學(xué)中;對(duì)于研究?jī)A向的學(xué)生偏重于后臺(tái)技術(shù)的開(kāi)發(fā),使它們?cè)诮窈蟮难芯恐腥〉眯碌倪M(jìn)展和突破,這樣做到有針對(duì)性的因材施教可以滿足不同領(lǐng)域?qū)W生的需求。網(wǎng)絡(luò)課程設(shè)計(jì)不受時(shí)間和地點(diǎn)的限制,可以重復(fù)式學(xué)習(xí)和互動(dòng),使學(xué)生更好的接受和完成學(xué)習(xí)任務(wù)。

2.2 整合資源優(yōu)化知識(shí)結(jié)構(gòu),提高網(wǎng)絡(luò)課程設(shè)計(jì)效率

在網(wǎng)絡(luò)課程設(shè)計(jì)中,注重知識(shí)點(diǎn)的整合和知識(shí)結(jié)構(gòu)的優(yōu)化是關(guān)鍵的一個(gè)步驟。網(wǎng)頁(yè)制作不僅要求學(xué)生靈活掌握網(wǎng)站框架結(jié)構(gòu),而且在其藝術(shù)性上也提出了更高的要求,例如:在網(wǎng)頁(yè)制作中加入文字描述是我們常常遇到的問(wèn)題,這時(shí)我們可以涉及如何加入文字并進(jìn)行藝術(shù)設(shè)計(jì),如何制作文字動(dòng)態(tài)效果,并且兼顧抓取整段文字的關(guān)鍵詞,瀏覽備注信息和搜索引擎中出現(xiàn)的頻率等,這樣就構(gòu)成了由點(diǎn)到面,循序漸進(jìn)形成一系列連貫的知識(shí)點(diǎn)。再有網(wǎng)站開(kāi)發(fā)過(guò)程中,網(wǎng)站鏈接瀏覽器的選擇也十分重要,它涉及到網(wǎng)站的權(quán)重問(wèn)題和優(yōu)先選擇問(wèn)題,網(wǎng)站權(quán)重突出了網(wǎng)站的地位和導(dǎo)向,我們來(lái)?yè)Q位思考一下,在搜索時(shí)習(xí)慣輸入什么知識(shí)點(diǎn)鏈接哪些網(wǎng)站,什么樣的域名優(yōu)先錄取等都是我們需要考慮的,這也是我們網(wǎng)絡(luò)課程設(shè)計(jì)中資源優(yōu)化的體現(xiàn)。

2.3 理論實(shí)際相結(jié)合,培養(yǎng)學(xué)生動(dòng)手能力

在網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作網(wǎng)絡(luò)課程設(shè)計(jì)中,首選要建立大量的圖庫(kù)資源和圖片資料,要求學(xué)生在日常生活中注意積累如各地人情,旅游風(fēng)景,代表建筑物等一些列具有紀(jì)念價(jià)值的圖片,使得網(wǎng)頁(yè)制作過(guò)程中有豐富素材可用;其次課程設(shè)計(jì)中要多引進(jìn)網(wǎng)站創(chuàng)新案例,利用多媒體播放一些特點(diǎn)鮮明的網(wǎng)站作品,使學(xué)生在潛意識(shí)中加深印象,在創(chuàng)新案例講解過(guò)程中融入教學(xué)重點(diǎn)和網(wǎng)絡(luò)設(shè)計(jì)難點(diǎn),使學(xué)生享受成功案例的同時(shí)學(xué)到知識(shí),長(zhǎng)時(shí)間耳濡目染使學(xué)生形成一種創(chuàng)新網(wǎng)站設(shè)計(jì)構(gòu)想的良性循環(huán);最后要多培養(yǎng)學(xué)生善于總結(jié)和創(chuàng)新能力,注重學(xué)生的動(dòng)手能力,在網(wǎng)絡(luò)課程設(shè)計(jì)中要留出足夠時(shí)間,反復(fù)實(shí)操。

2.4 將前臺(tái)簡(jiǎn)單的網(wǎng)頁(yè)編輯延伸至后臺(tái)技術(shù)的開(kāi)發(fā)及數(shù)據(jù)庫(kù)的整理

網(wǎng)站后臺(tái)制作是一項(xiàng)乏味而艱巨的任務(wù),針對(duì)它的特殊性和復(fù)雜性,在網(wǎng)絡(luò)課程設(shè)計(jì)時(shí),注重多媒體的使用,這樣可以使枯燥的編程程序直觀的表達(dá),易于學(xué)生的接受;其次后臺(tái)數(shù)據(jù)庫(kù)的整理工作更是需要專業(yè)知識(shí)的鋪墊,需要多涉及實(shí)際數(shù)據(jù)的推算和項(xiàng)目數(shù)據(jù)庫(kù)整理工作,同時(shí)注重學(xué)生的綜合感受和自我評(píng)價(jià)能力,使它們能完全融入先進(jìn)的課程設(shè)計(jì)中,從而達(dá)到理論實(shí)際結(jié)合的目的。

3 結(jié)束語(yǔ)

時(shí)代在發(fā)展,教育在改革,隨著計(jì)算機(jī)應(yīng)用的普及,網(wǎng)絡(luò)教育占據(jù)主流力量,網(wǎng)站開(kāi)發(fā)與網(wǎng)頁(yè)制作網(wǎng)絡(luò)課程設(shè)計(jì)會(huì)得到大力的推廣和應(yīng)用,它不僅可以直觀形象的講解原理,因材施教,而且注重學(xué)生理論實(shí)踐相結(jié)合的動(dòng)手能力,從而大大提高了學(xué)生的綜合素質(zhì)和就業(yè)適應(yīng)能力。

參考文獻(xiàn)

[1]韓陵宜.網(wǎng)頁(yè)制作課程教學(xué)及考核方式的研究與探索[J].計(jì)算機(jī)教學(xué)與教育信息,2008(03).

[2]紀(jì)明明.淺談“項(xiàng)目教學(xué)法”在網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)課程教學(xué)中的應(yīng)用[J].中國(guó)新技術(shù)新產(chǎn)品,2010.

[3]盧新建.試談ASP動(dòng)態(tài)網(wǎng)頁(yè)課程的教學(xué)探索[J].計(jì)算機(jī)應(yīng)用教學(xué)研究,2010(10).

作者簡(jiǎn)介

史文斌(1986-),男,籍貫:江蘇蘇州,大學(xué)本科,現(xiàn)供職于蘇州大學(xué)計(jì)算機(jī)學(xué)院,研究方向?yàn)橛?jì)算機(jī)技術(shù)。

網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)范文第4篇

關(guān)鍵詞:網(wǎng)站設(shè)計(jì)與網(wǎng)站管理 教學(xué)網(wǎng)站 ASP DIV CSS

一、構(gòu)建課程教學(xué)網(wǎng)站的目的及意義

隨著互聯(lián)網(wǎng)和信息技術(shù)的飛速發(fā)展,我們的學(xué)習(xí)方式也在產(chǎn)生變革,學(xué)生在查找資料時(shí),從傳統(tǒng)的查閱圖書(shū)到了如今的利用互聯(lián)網(wǎng)絡(luò)上的資源為自己答疑解惑。電子商務(wù)專業(yè)與信息技術(shù)緊密相關(guān),而網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站管理作為電子商務(wù)專業(yè)的必修課程,更應(yīng)該實(shí)現(xiàn)學(xué)科教學(xué)與信息技術(shù)的完美結(jié)合,這必將成為當(dāng)今學(xué)校教學(xué)的發(fā)展趨勢(shì)之一。

通過(guò)構(gòu)建課程教學(xué)網(wǎng)站,可以給學(xué)生和老師提供一個(gè)交流的平臺(tái),給學(xué)生提供一種學(xué)習(xí)的輔助工具,實(shí)現(xiàn)教學(xué)資源的共享,提高高校教學(xué)質(zhì)量。

二、構(gòu)建課程教學(xué)網(wǎng)站的技術(shù)與方法

1、DIV+CSS

DIV+CSS是一種常用的網(wǎng)頁(yè)布局方法,這一種網(wǎng)頁(yè)布局方法有別于傳統(tǒng)的HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言中的表格(table)定位方式,可實(shí)現(xiàn)網(wǎng)頁(yè)頁(yè)面內(nèi)容與表現(xiàn)相分離。不僅讓整個(gè)網(wǎng)頁(yè)看起來(lái)?xiàng)l理清晰,而且修改起來(lái)很方便。

2、ASP+IIS+SQL

現(xiàn)在常用的網(wǎng)站開(kāi)發(fā)語(yǔ)言有ASP、PHP、JSP、等。ASP是微軟所開(kāi)發(fā)的一種后臺(tái)腳本語(yǔ)言,它的語(yǔ)法和Visual BASIC類似,雖然ASP存在著安全性等問(wèn)題,但是它簡(jiǎn)單易用。目前在微軟的.net戰(zhàn)略中新推出的借鑒了Java技術(shù)的優(yōu)點(diǎn),使用C Sharp (C#)語(yǔ)言作為的推薦語(yǔ)言,同時(shí)改進(jìn)了以前ASP的安全性差等缺點(diǎn)。但是平臺(tái)的局限性和ASP自身的安全性限制了ASP的廣泛應(yīng)用。

PHP的源代碼完全公開(kāi),平臺(tái)無(wú)關(guān)性是PHP的最大優(yōu)點(diǎn),但是如果在PHP中不使用ODBC,而用其自帶的數(shù)據(jù)庫(kù)函數(shù)來(lái)連接數(shù)據(jù)庫(kù)的話,使用不同的數(shù)據(jù)庫(kù),PHP的函數(shù)名不能統(tǒng)一。這樣,使得程序的移植變得有些麻煩。

JSP的最大優(yōu)點(diǎn)是平臺(tái)無(wú)關(guān)性,除了這個(gè)優(yōu)點(diǎn),JSP/Servlet的效率以及安全性也是相當(dāng)驚人的。因此,JSP/Servlet雖然在國(guó)內(nèi)目前的應(yīng)用并不廣泛,但是其前途不可限量。

如今主流的Web服務(wù)器軟件主要由IIS或Apache組成。IIS支持ASP且只能運(yùn)行在Windows平臺(tái)下,Apache支持PHP,CGI,JSP且可運(yùn)行于多種平臺(tái),雖然Apache是世界使用排名第一的Web服務(wù)器平臺(tái),但是眾所周知,Windows以易用而出名,也因此占據(jù)不少的服務(wù)器市場(chǎng)。

綜合以上分析,在構(gòu)建課程教學(xué)網(wǎng)站時(shí),采用的是DIV CSS的網(wǎng)頁(yè)布局方法,結(jié)構(gòu)清晰,修改方便;開(kāi)發(fā)環(huán)境選擇的是微軟的ASP和IIS應(yīng)用服務(wù)器,由于其簡(jiǎn)單易用,便于學(xué)生參與;數(shù)據(jù)層選擇的是SQL Server2008,它是迄今為止最強(qiáng)大最全面的SQL Server版本。

三、課程教學(xué)網(wǎng)站的主要內(nèi)容

1、提供注冊(cè)登錄功能,讓學(xué)生能夠?qū)嵜蟼髯鳂I(yè),下載教學(xué)課件等;

2、課程安排,將理論課程、實(shí)驗(yàn)課程及課程設(shè)計(jì)安排詳細(xì)說(shuō)明及指導(dǎo)文檔上傳到網(wǎng)絡(luò),使學(xué)生能把握課程學(xué)習(xí)的進(jìn)度;

3、提供教學(xué)視頻,上傳與課程相關(guān)的視頻供學(xué)生學(xué)習(xí);

4、作品展示區(qū)域,將往屆優(yōu)秀的學(xué)生作品在網(wǎng)上展示,供學(xué)生觀摩學(xué)習(xí);

5、開(kāi)設(shè)交流論壇,供學(xué)生與老師或?qū)W生與學(xué)生之間進(jìn)行交流;

6、資源推薦,將與課程相關(guān)的優(yōu)秀資源網(wǎng)站鏈接推薦給學(xué)生。

根據(jù)以上分析,課程教學(xué)網(wǎng)站的結(jié)構(gòu)如下:

四、課程教學(xué)網(wǎng)站的教學(xué)應(yīng)用

1、學(xué)生可以通過(guò)教學(xué)網(wǎng)站已經(jīng)學(xué)過(guò)的知識(shí)進(jìn)行復(fù)習(xí),對(duì)將要學(xué)到的內(nèi)容進(jìn)行預(yù)習(xí)。

2、遇到課堂上沒(méi)有理解的知識(shí)或?qū)嵺`步驟,可以通過(guò)下載課件和實(shí)踐指導(dǎo),自行練習(xí)。

3、教師可以通過(guò)教學(xué)網(wǎng)站收集學(xué)生在學(xué)習(xí)中所遇到的問(wèn)題,在課堂中詳細(xì)進(jìn)行講解和點(diǎn)評(píng)。

4、學(xué)生可以通過(guò)登錄教學(xué)網(wǎng)站,提交課程實(shí)踐、課程設(shè)計(jì)等老師布置的作業(yè)和任務(wù),還可以在交流論壇中與老師及同學(xué)交流。

通過(guò)《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站管理》課程教學(xué)網(wǎng)站的建設(shè),給學(xué)生提供了一種新的學(xué)習(xí)模式,會(huì)極大激發(fā)學(xué)生的學(xué)習(xí)熱情,加強(qiáng)師生之間的溝通和交流。

本文系武漢大學(xué)珞珈學(xué)院教學(xué)研究項(xiàng)目(201216)的研究成果之一。

參考文獻(xiàn):

網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)范文第5篇

網(wǎng)站建設(shè)過(guò)程中,系統(tǒng)的架構(gòu)設(shè)計(jì)是重要的環(huán)節(jié)。本系統(tǒng)采用MVC(ModelViewController)模式,系統(tǒng)結(jié)構(gòu)示意如圖2所示。主要是在服務(wù)器端利用JSP(JavaServerPages)、Struts、JavaBean等技術(shù)進(jìn)行開(kāi)發(fā)。MVC模式的最大優(yōu)點(diǎn)是耦合性低,視圖層和業(yè)務(wù)層分離,這樣就允許只更改視圖層代碼而不用重新編譯模型和控制器代碼,同理,一個(gè)應(yīng)用的業(yè)務(wù)流程或者業(yè)務(wù)規(guī)則的改變只需要改動(dòng)MVC的模型層即可[2]。

2網(wǎng)站實(shí)現(xiàn)平臺(tái)

2.1軟件和服務(wù)器環(huán)境操作系統(tǒng):WINDOWSXP/7服務(wù)器軟件:Apache數(shù)據(jù)庫(kù)軟件:MySQL(WAMP/XAMPP集成)編譯器:MyEclipse,Dreamweaver82.2Apache服務(wù)器Apache是一種網(wǎng)頁(yè)服務(wù)器軟件,在目前網(wǎng)絡(luò)技術(shù)市場(chǎng)中,Apache是唯一一款開(kāi)源的,全世界的優(yōu)秀程序員都在對(duì)它進(jìn)行修改[3]。因此,Apache是JSP網(wǎng)站開(kāi)發(fā)程序的首選頁(yè)面服務(wù)器軟件,有執(zhí)行效率高,與JSP完美搭配、穩(wěn)定等優(yōu)點(diǎn)。雖然Apache配置過(guò)程較復(fù)雜,但是配置成功之后可長(zhǎng)時(shí)間穩(wěn)定運(yùn)行。因此服務(wù)器上普遍采用LINUX+Apache的方式進(jìn)行配置。個(gè)人計(jì)算機(jī)在開(kāi)發(fā)調(diào)試過(guò)程中,可以選擇集成開(kāi)發(fā)環(huán)境XAMPP或WAMP,這也充分體現(xiàn)了JSP的跨平臺(tái)特性。JSP技術(shù)類似ASP技術(shù),它是在傳統(tǒng)的網(wǎng)頁(yè)HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP標(biāo)記(tag),從而形成JSP文件(后綴名為*.JSP)。用JSP開(kāi)發(fā)的Web應(yīng)用是跨平臺(tái)的,既能在Linux下運(yùn)行,也能在其他操作系統(tǒng)上運(yùn)行[4]。網(wǎng)站通過(guò)使用JSP技術(shù),可以實(shí)現(xiàn)用戶的登錄、留言等數(shù)據(jù)庫(kù)的操作功能。2.3MySQL管理軟件MySQL同ORACLE、DB2、SQLSERVER等軟件一樣,是一款常用的關(guān)系型數(shù)據(jù)庫(kù)管理軟件[5]。比其他關(guān)系型數(shù)據(jù)庫(kù)管理軟件體積更小、效率更高、搜索快速、不需要花費(fèi)任何費(fèi)用,網(wǎng)站采用MYSQL數(shù)據(jù)庫(kù)管理系統(tǒng)與JSP腳本語(yǔ)言相結(jié)合的數(shù)據(jù)庫(kù)系統(tǒng)解決方案。數(shù)據(jù)庫(kù)的功能是在計(jì)算機(jī)上實(shí)現(xiàn)數(shù)據(jù)管理。網(wǎng)站首先要建立數(shù)據(jù)庫(kù),數(shù)據(jù)庫(kù)連接成功后,整個(gè)網(wǎng)站操作將更為簡(jiǎn)便。網(wǎng)站數(shù)據(jù)庫(kù)中建立了三個(gè)基本的關(guān)系表:網(wǎng)站管理員用戶表admin,如表1所示;網(wǎng)站普通用戶表student,如表2所示;網(wǎng)站留言信息表comment,如表3所示。

3網(wǎng)站使用的相關(guān)技術(shù)

3.1數(shù)據(jù)庫(kù)的連接大學(xué)生創(chuàng)新創(chuàng)業(yè)網(wǎng)站是一個(gè)運(yùn)用Servlet來(lái)編寫(xiě)的動(dòng)態(tài)網(wǎng)站,采用JDBC(JavaDataBaseConnectivity)來(lái)建立數(shù)據(jù)庫(kù)。JDBC是一種用于執(zhí)行SQL語(yǔ)句的JavaAPI(ApplicationProgrammingInterface),可以為多種關(guān)系數(shù)據(jù)庫(kù)提供統(tǒng)一訪問(wèn),它由一組用Java語(yǔ)言編寫(xiě)的類和接口組成。JDBC提供了一種基準(zhǔn),據(jù)此可以構(gòu)建更高級(jí)的工具和接口,使數(shù)據(jù)庫(kù)開(kāi)發(fā)人員能夠編寫(xiě)數(shù)據(jù)庫(kù)應(yīng)用程序[6]。部分核心代碼如下:conn=DriverManager.getConnection("jdbc:mysql://127.0.01/startbusiness?useUnicode=true&characterEncoding=utf-8","root","");通過(guò)調(diào)用JDBC的核心類生成conn數(shù)據(jù)庫(kù)操作對(duì)象,并利用getConnection方法將數(shù)庫(kù)的地址和鏈接用戶名以及數(shù)據(jù)庫(kù)的打開(kāi)字符集進(jìn)行描述。整個(gè)網(wǎng)站平臺(tái)的實(shí)現(xiàn)結(jié)構(gòu)是利用‘?dāng)?shù)據(jù)庫(kù)鏈接池’的軟件架構(gòu),如圖3所示。如果需要使用數(shù)據(jù)庫(kù)資源,只需要調(diào)用鏈接Javabean的函數(shù)方法就可以了。使用這種架構(gòu)的系統(tǒng),結(jié)構(gòu)清晰、功能可擴(kuò)展性強(qiáng)、后期可維護(hù)性高。3.2Css樣式表的設(shè)計(jì)Css(CascadingStyleSheet)是一種用來(lái)表現(xiàn)HTML(HyperTextMark-upLanguage標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用)或XML(eXtensibleMarkupLanguage標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集)等文件樣式的計(jì)算機(jī)語(yǔ)言[7]。通過(guò)使用Css樣式表可以使網(wǎng)站前臺(tái)的文字和樣式分離。在修改網(wǎng)頁(yè)的時(shí)候只需要修改其文字內(nèi)容而不需修改其樣式,實(shí)現(xiàn)網(wǎng)頁(yè)修改的漸變快捷和風(fēng)格靈活;而在擴(kuò)展和修改網(wǎng)站前臺(tái)風(fēng)格時(shí),只需要通過(guò)修改網(wǎng)站的樣式表就可以實(shí)現(xiàn)對(duì)網(wǎng)站整體風(fēng)格的修改了;同時(shí),其標(biāo)簽化的方式可以輕松的實(shí)現(xiàn)對(duì)表單<form>的兼容。對(duì)于后臺(tái)的一些處理請(qǐng)求因?yàn)槠淠K化的設(shè)計(jì)結(jié)構(gòu)可以方便的完成對(duì)前臺(tái)頁(yè)面的動(dòng)態(tài)管理。3.3JavaScript腳本的設(shè)計(jì)JavaScript是一種基于對(duì)象和事件驅(qū)動(dòng)并具有相對(duì)安全性的客戶端腳本語(yǔ)言。同時(shí)也是一種廣泛用于客戶端Web開(kāi)發(fā)的腳本語(yǔ)言,常用來(lái)給HTML網(wǎng)頁(yè)添加動(dòng)態(tài)功能,比如響應(yīng)用戶的各種操作[8]。JavaScript通過(guò)嵌入到前臺(tái)的<scripttype=text/javascript>Java腳本來(lái)實(shí)現(xiàn)注冊(cè)用戶的密碼驗(yàn)證功能,前臺(tái)界面通過(guò)document.getElementById的方法獲取用戶界面的輸入數(shù)字并進(jìn)行比較,如果相同則函數(shù)返回true,如果不同則返回false并且彈出提示對(duì)話框。3.4Session變量的應(yīng)用Session對(duì)象存儲(chǔ)特定用戶會(huì)話所需的信息。這樣,當(dāng)用戶在應(yīng)用程序的Web頁(yè)之間跳轉(zhuǎn)時(shí),存儲(chǔ)在Session對(duì)象中的變量將不會(huì)丟失,并且在整個(gè)用戶會(huì)話中一直存在下去[9]。在網(wǎng)站中最典型的應(yīng)用就是用戶登錄界面的用戶名保存功能,不論用戶在哪一個(gè)界面,一旦其登錄以后用戶名便可以保存在網(wǎng)頁(yè)中。Session變量的生命周期是整個(gè)網(wǎng)站瀏覽周期,也就是說(shuō)一旦打開(kāi)瀏覽器網(wǎng)站就會(huì)生成session變量,而不會(huì)隨頁(yè)面的跳轉(zhuǎn)而發(fā)生變化。3.5post數(shù)據(jù)傳送方法Post傳輸數(shù)據(jù)時(shí)有其不需要在URL中顯示出來(lái)的優(yōu)點(diǎn),同時(shí)Post傳輸?shù)臄?shù)據(jù)量大,可以達(dá)到2M,而Get方法由于受到URL長(zhǎng)度的限制,只能傳遞大約1024字節(jié)[10]。在本網(wǎng)站中的應(yīng)用是用戶登錄時(shí)對(duì)其輸入的信息在服務(wù)器中進(jìn)行驗(yàn)證,再返回給用戶。部分核心代碼如下:<formname="form1"method="post"action="servlet/userlogin">;前臺(tái)代碼Stringname=vd.getUnicode(request.getParameter("username"));后臺(tái)代碼可以看到前臺(tái)在提交信息時(shí)method使用的是post方式,而提交動(dòng)作則交給了userlogin這個(gè)servlet來(lái)進(jìn)行處理;后臺(tái)中servlet獲得了request變量中的username字段,并進(jìn)行字符碼的轉(zhuǎn)換,然后進(jìn)行判斷用戶名是否正確等一系列的動(dòng)作。

4結(jié)束語(yǔ)

相關(guān)期刊更多

電子政務(wù)

CSSCI南大期刊 審核時(shí)間1-3個(gè)月

中國(guó)科學(xué)院

魚(yú)雷技術(shù)

統(tǒng)計(jì)源期刊 審核時(shí)間1-3個(gè)月

中國(guó)船舶重工集團(tuán)公司

信息系統(tǒng)學(xué)報(bào)

CSSCI南大期刊 審核時(shí)間1-3個(gè)月

清華大學(xué)經(jīng)濟(jì)管理學(xué)院

主站蜘蛛池模板: 陆丰市| 栾城县| 彭泽县| 富顺县| 孟村| 固始县| 浠水县| 沁水县| 万荣县| 临洮县| 花垣县| 峡江县| 手游| 中牟县| 长宁区| 镇坪县| 建阳市| 福贡县| 湖州市| 都匀市| 大安市| 湘阴县| 汉阴县| 马公市| 金溪县| 茶陵县| 浪卡子县| 临沧市| 花莲县| 甘孜| 岫岩| 内江市| 彭山县| 余干县| 洪洞县| 祁门县| 漯河市| 华安县| 明溪县| 五河县| 时尚|