當前位置:才華齋>設計>網頁設計>

網頁設計實習報告書寫範文

網頁設計 閱讀(1.52W)

網頁設計實習報告如何書寫呢?下面是小編為您推薦的參考範文,歡迎閱讀學習!更多內容請關注應屆畢業生考試網!

網頁設計實習報告書寫範文

  利用ASP設計網的實習報告

今年11月,我在超想電腦公司實習,本次實習主要是參加超想電腦公司給一個地稅的辦公自動化系統的軟體設計,此軟體採用asp開發。本人在此過程中主要參與了用ASP進行網設計,包括新聞欄的建立和自動更新,以及公告欄的建立、使用和維護。通過本次設計,使我更加深入掌握了ASP網設計的技巧。下面就是本人在本次實習後的心得。

ASP是Microsoft公司推出的一種用以取代通用閘道器介面的技術,英文全稱Active

  Server

Pages。它是一個Web伺服器端的執行環境。ASP本身包含了VBScript和JavaScript引擎,使得指令碼可以直接嵌入HTML中。現將我們在ASP運用過程中的幾個小技巧與大家分享。

  一、新聞欄

大多數網上有新聞欄,用以顯示最近新聞的主題,點選此主題即可檢視詳細報道。倘若每天都一條條寫在網上,再依次建立連結太過麻煩。如何讓其可以根據檔案自動更新呢?

1.預備工作:

1)建一個資料夾,起名為"news",假設存於D:/ASP/目錄下;

2)把每條新聞的詳細內容寫入檔案,且此檔案的命名形式為:x

(newstime)。其中x為此條新聞的主題,newstime為此條新聞釋出的時間(按年-月-日順序寫)。為什麼要這樣寫呢?看了下面的演算法思想和源程式就知道了。

2.演算法思想:對於news資料夾中的檔案,依據它們檔名中新聞釋出的時間(即括號內的'內容),從大到小排序。這樣一來,最新的新聞排在最上面,只要在網相應位置顯示

news資料夾中最上面的若干個檔名,因為檔名的命名方式如1中所述,就可以在新聞欄中顯示最新新聞了。

3.源程式段(用VBScript編寫的)

4.新聞欄內容更新:

只要養成良好的書寫習慣,使得新聞的名稱遵照1的要求,再把寫好的檔案存入news資料夾,新聞欄就會自動顯示出最新的10條新聞了。

  二、公告欄

除了新聞欄之外,較常用的就是公告欄了,公告欄主要用來顯示一些重要的通知。當然這些通知是要經常變化的。讓使用者每次更改公告內容時都到源程式裡去修改嗎?當然不行,我們必須提供一個維護的介面給使用者,使得使用者只要輸入通知,網上的公告欄裡自然就會顯示通知內容了。

1.

解決這一問題的關鍵在於靈活應用FileSystemObject物件和TextStream物件。在實際應用中,你無需自行建立TextStream物件,因為只要利用FileSystemObject物件打開了檔案,系統便自動建立TextStream物件。也就是說,一旦呼叫OpenTextFile或CreateTextFile方法,便會傳回TextStream物件。

2.

所需相關檔案有三個:更新、公告、維護文字,把它們存入d:/ASP/maintain目錄下。

3.三個檔案的主要功能和源程式段:

1)更新

主要功能是讓使用者輸入欲顯示的公告,檢驗輸入內容是否為空,若不為空,則提交給”公告”程式處理。

更新公告欄內容

function

datacheck()

dim

msg,errflag

errflag=true

if

len(trim(e))=0

then

focusto(0)

errflag=false

msg="請輸入需提交的公告內容"

end

if

if

(errflag=false)

then

msgbox

msg,64,"oh

no!"

exit

function

end

if

datacheck=errflag

it

end

function

sub

focusto(x)

ents(x)s()

end

sub

語句①中的action="公告"部分,指出了在form提交後要啟動的程式為“公告”。

2)公告

通過FileSystemObject物件和TextScream物件對"維護文字"檔案進行讀寫操作,使得此檔案最上面5行的內容為要在公告欄裡顯示的公告。

上述兩個小技巧舉一反三,可以解決很多此類問題。

  【相關閱讀】網頁設計與網頁製作的區別?

網頁設計是將策劃案中的內容、網站的主題模式,以及結合自己的認識通過藝術的手法表現出來;而網頁製作通常就是將網頁設計師所設計出來的設計稿,按照W3C規範用html語言將其製作成網頁格式。這就相當於一個幹腦力活,一個是幹體力活,但是一個優秀的網頁設計師對著兩到工序都是十分了解的,因為他要知道自己的設計稿,是否會為網頁製作人員製作頁面帶來麻煩。網頁製作包括兩個部分:

(UserInterface,使用者介面):UI的意思是使用者介面,是英文User Interface的縮寫。既瀏覽者在瀏覽網頁時,通過視覺所能觀察到的一切事物,這些都是需要設計的部分,在網際網路行業,做介面設計的人被貶義的稱為“美工”。

其實我們一開始接觸電腦時就應該對UI有很深的認識,從最早的DOS作業系統到Windows 1.0,再到Windows XP。我們開機所看到的就叫使用者介面,DOS作業系統黑底白字的文字介面,Windows XP的經典藍面,這些都是使用者介面的發展歷程。從簡單到複雜,從庸俗到華麗,也證明了使用者介面設計越發成熟。

(UserExperience,使用者體驗):UE的意思是使用者體驗,英文叫做User Experience,縮寫為UE, 或者UX。是指一個瀏覽者在訪問一個網站或者使用一個產品時的印象和感受,對網站的佈局、色彩、功能、感覺是否滿意,在第一次訪問離開後是否還想再回訪,是否能發現明顯的Bug(既網站在瀏覽過程中出現的錯誤)。