網(wǎng)站設(shè)計(jì)技術(shù)應(yīng)用研究

張雪瑩

摘要：隨著我國(guó)計(jì)算機(jī)技術(shù)的發(fā)展和網(wǎng)絡(luò)的普及，互聯(lián)網(wǎng)正在深刻改變著我們的工作和生活。從基本的辦公、查詢資料、文字處理到如今的網(wǎng)絡(luò)交友、網(wǎng)絡(luò)購(gòu)物等，互聯(lián)網(wǎng)在社會(huì)公眾日常生活中扮演者越來(lái)越重要的角色。網(wǎng)絡(luò)上發(fā)布信息、交易等主要是通過(guò)網(wǎng)站實(shí)現(xiàn)的，隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，如何設(shè)計(jì)制作人性化的功能和界面，以此來(lái)滿足不同顧客的需求顯得尤為重要。本文從網(wǎng)站設(shè)計(jì)的背景出發(fā)，圍繞網(wǎng)絡(luò)設(shè)計(jì)技術(shù)和功能需要，并結(jié)合自身工作實(shí)際，闡述了網(wǎng)站設(shè)計(jì)的思路，是專業(yè)技術(shù)在實(shí)際工作應(yīng)用的體現(xiàn)。

關(guān)鍵詞：網(wǎng)站設(shè)計(jì) 技術(shù) 應(yīng)用

中圖分類號(hào)：TP391.1 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1007-9416（2016）07-0078-01

1 開(kāi)發(fā)背景

如今網(wǎng)絡(luò)成為各單位、各企業(yè)宣傳自身的重要平臺(tái)。學(xué)校通過(guò)網(wǎng)站可以宣傳辦學(xué)理念、辦學(xué)特色，介紹專業(yè)設(shè)置情況和招生就業(yè)情況，讓師生可以更加直觀地了解學(xué)校，在如今網(wǎng)絡(luò)時(shí)代是很好的宣傳平臺(tái)。另外，隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，網(wǎng)上預(yù)約、網(wǎng)上辦公系統(tǒng)也大大提高了辦事效率，節(jié)約了資源和時(shí)間。在教學(xué)資源共享方面，網(wǎng)絡(luò)平臺(tái)可以儲(chǔ)存和共享各類資料、信息等，各類交互式學(xué)習(xí)和教學(xué)平臺(tái)大大提高了教學(xué)效果。因此，加強(qiáng)網(wǎng)站建設(shè)，拓展網(wǎng)站功能，提升辦公效率，不斷開(kāi)發(fā)網(wǎng)絡(luò)技術(shù)，是計(jì)算機(jī)更好的服務(wù)于人們的日常工作，是技術(shù)發(fā)展的需要，也是專業(yè)人員的職責(zé)。

2 網(wǎng)站開(kāi)發(fā)工具

本人根據(jù)工作需要，在本網(wǎng)站設(shè)計(jì)中結(jié)合實(shí)際選擇Dreamweaver8作為開(kāi)發(fā)工具，運(yùn)用PhotoshopCP處理好圖片效果，應(yīng)用在網(wǎng)頁(yè)中，用Flash制作漂亮的動(dòng)畫(huà)，并在網(wǎng)頁(yè)中使用，Dreamweaver8是Macromedia公司的開(kāi)發(fā)產(chǎn)品，是目前使用最為廣泛的網(wǎng)頁(yè)制作軟件。Dreamweaver8是一個(gè)集網(wǎng)頁(yè)創(chuàng)作、網(wǎng)站開(kāi)發(fā)與站點(diǎn)管理于一身的超重量級(jí)的創(chuàng)作工具。

3 網(wǎng)站的分析與布局

3.1 網(wǎng)站的色彩分析

本文以我單位中專部網(wǎng)站為設(shè)計(jì)基礎(chǔ)，網(wǎng)站基調(diào)顏色選擇是藍(lán)色為主。因?yàn)樗{(lán)色是冷色調(diào)，給人以穩(wěn)重、冷靜的感覺(jué)，同時(shí)，藍(lán)色也代表著創(chuàng)新，也是許多人鐘愛(ài)的顏色。同時(shí)在設(shè)計(jì)過(guò)程中，藍(lán)色與其他色調(diào)進(jìn)行結(jié)合，通過(guò)對(duì)比，將藍(lán)色的樸實(shí)、穩(wěn)重、內(nèi)向性格與其他活躍、擴(kuò)張力的色彩進(jìn)行對(duì)比，給人以沉靜、理智、誠(chéng)實(shí)以及和平、淡雅、可靠等感覺(jué)。

3.2 網(wǎng)站的內(nèi)容分析與布局

本文設(shè)計(jì)的網(wǎng)站是一個(gè)實(shí)用性的網(wǎng)站，是介紹宣傳中專部基本情況、辦學(xué)特色、教學(xué)與科研一體的綜合性網(wǎng)站。中專部網(wǎng)站建設(shè)的內(nèi)容是為了方便學(xué)校發(fā)布招生信息、教育教學(xué)改革成果、校內(nèi)各類新聞等。根據(jù)工作需要，結(jié)合設(shè)計(jì)的思路，網(wǎng)站的板塊計(jì)劃作如下圖1所示。

本網(wǎng)站利用Dreamweaver進(jìn)行開(kāi)發(fā)，其功能目標(biāo)是要實(shí)現(xiàn)信息在線瀏覽的功能。本系統(tǒng)建成后，對(duì)各功能模塊進(jìn)行了反復(fù)的測(cè)試，經(jīng)過(guò)多次的修改各功能模塊已經(jīng)達(dá)到設(shè)計(jì)的要求。本網(wǎng)站開(kāi)發(fā)技術(shù)先進(jìn)、功能模塊齊全并且具有較好的通用性。在本網(wǎng)站中界面的設(shè)計(jì)主要還是圖文結(jié)合，以簡(jiǎn)潔大方為主。

4 網(wǎng)站測(cè)試與上傳

4.1 網(wǎng)站的測(cè)試

網(wǎng)站制作完成后需要進(jìn)一步的測(cè)試和運(yùn)行，方便查看整體效果以及各模塊適應(yīng)情況。需要對(duì)網(wǎng)站進(jìn)行全面測(cè)試。軟件測(cè)試是為了發(fā)現(xiàn)程序中的錯(cuò)誤而執(zhí)行程序的過(guò)程。好的測(cè)試方案是極可能發(fā)現(xiàn)迄今為止尚未發(fā)現(xiàn)的錯(cuò)誤的測(cè)試方案。

4.2 網(wǎng)站上傳

利用FlashFXP上傳做好的完整的網(wǎng)站內(nèi)容。FlashFXP是一款功能強(qiáng)大的FXP/FTP軟件，集成了其它優(yōu)秀的FTP軟件的優(yōu)點(diǎn)，如CuteFTP的目錄比較，支持彩色文字顯示等；如BpFTP支持多目錄選擇文件，暫存目錄；又如LeapFTP的界面設(shè)計(jì)。支持目錄（和子目錄）的文件傳輸，刪除；支持上傳、下載以及第三方文件續(xù)傳；可以跳過(guò)指定的文件類型，只傳送需要的本件；可自定義不同文件類型的顯示顏色；暫存遠(yuǎn)程目錄列表，支持FTP代理及Socks 3&4；有避免閑置斷線功能，防止被FTP平臺(tái)踢出；可顯示或隱藏具有“隱藏”屬性的文檔和目錄；支持每個(gè)平臺(tái)使用被動(dòng)模式等。

在這一個(gè)章節(jié)中主要是網(wǎng)站的測(cè)試，通過(guò)IETESTER軟件對(duì)系統(tǒng)整體功能進(jìn)行測(cè)試，測(cè)試網(wǎng)頁(yè)在IE6、IE7、IE8瀏覽器是否能都能正常顯示。檢驗(yàn)本網(wǎng)站是否符合系統(tǒng)開(kāi)發(fā)的目標(biāo)，發(fā)現(xiàn)系統(tǒng)存在的問(wèn)題進(jìn)行改進(jìn)，利用Flashfxp上傳網(wǎng)站，從任何瀏覽器都可以看到此網(wǎng)站，從而實(shí)現(xiàn)學(xué)院網(wǎng)站的開(kāi)發(fā)目標(biāo)。

參考文獻(xiàn)

[1]楊曉鐘.網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)[M].北京：機(jī)械工業(yè)出版社，2005-06.

[2]楊選輝.網(wǎng)頁(yè)設(shè)計(jì)與制作教程[M].北京：清華大學(xué)出版，2005-06.