網(wǎng)站設(shè)計技術(shù)探討范文

本站小編為你精心準備了網(wǎng)站設(shè)計技術(shù)探討參考范文，愿這些范文能點燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。

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

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

1開發(fā)背景

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

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

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

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

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

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

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

本文設(shè)計的網(wǎng)站是一個實用性的網(wǎng)站,是介紹宣傳中專部基本情況、辦學(xué)特色、教學(xué)與科研一體的綜合性網(wǎng)站。中專部網(wǎng)站建設(shè)的內(nèi)容是為了方便學(xué)校招生信息、教育教學(xué)改革成果、校內(nèi)各類新聞等。根據(jù)工作需要,結(jié)合設(shè)計的思路,網(wǎng)站的板塊計劃作如下圖1所示。本網(wǎng)站利用Dreamweaver進行開發(fā),其功能目標是要實現(xiàn)信息在線瀏覽的功能。本系統(tǒng)建成后,對各功能模塊進行了反復(fù)的測試,經(jīng)過多次的修改各功能模塊已經(jīng)達到設(shè)計的要求。本網(wǎng)站開發(fā)技術(shù)先進、功能模塊齊全并且具有較好的通用性。在本網(wǎng)站中界面的設(shè)計主要還是圖文結(jié)合,以簡潔大方為主。

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

4.1網(wǎng)站的測試

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

4.2網(wǎng)站上傳

利用FlashFXP上傳做好的完整的網(wǎng)站內(nèi)容。FlashFXP是一款功能強大的FXP/FTP軟件,集成了其它優(yōu)秀的FTP軟件的優(yōu)點,如CuteFTP的目錄比較,支持彩色文字顯示等;如BpFTP支持多目錄選擇文件,暫存目錄;又如LeapFTP的界面設(shè)計。支持目錄(和子目錄)的文件傳輸,刪除;支持上傳、下載以及第三方文件續(xù)傳;可以跳過指定的文件類型,只傳送需要的本件;可自定義不同文件類型的顯示顏色;暫存遠程目錄列表,支持FTP及Socks3&4;有避免閑置斷線功能,防止被FTP平臺踢出;可顯示或隱藏具有“隱藏”屬性的文檔和目錄;支持每個平臺使用被動模式等。在這一個章節(jié)中主要是網(wǎng)站的測試,通過IETESTER軟件對系統(tǒng)整體功能進行測試,測試網(wǎng)頁在IE6、IE7、IE8瀏覽器是否能都能正常顯示。檢驗本網(wǎng)站是否符合系統(tǒng)開發(fā)的目標,發(fā)現(xiàn)系統(tǒng)存在的問題進行改進,利用Flashfxp上傳網(wǎng)站,從任何瀏覽器都可以看到此網(wǎng)站,從而實現(xiàn)學(xué)院網(wǎng)站的開發(fā)目標。

作者:張雪瑩 單位:永城職業(yè)學(xué)院

參考文獻:

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

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