通常來說,只要我們付出努力,就會有相應(yīng)的回報。當我們完成任務(wù)后,寫報告已經(jīng)不再是一件稀奇的事情了。你是否在寫報告時感到困惑?如果您希望了解有關(guān)“網(wǎng)頁設(shè)計報告”的相關(guān)知識,不妨考慮閱讀本篇文章,它可以為您提供參考,并請您收藏!
網(wǎng)頁設(shè)計報告【篇1】
實驗項目:VBScript基礎(chǔ):內(nèi)部函數(shù)
實驗時間:20xx年3月23日
一、實驗基礎(chǔ)知識:
1、什么是VBscript內(nèi)部函數(shù)?VBscript內(nèi)部函數(shù)是VB系統(tǒng)定義的函數(shù),這些函數(shù)具有一定的功能,編程者都可以直接調(diào)用這些內(nèi)部函數(shù)。
二、實驗內(nèi)容:
1、將IIS的網(wǎng)頁發(fā)布主目錄設(shè)在D盤,名為。利用DW新建一個動態(tài)站點,站點的本地信息和測試服務(wù)器設(shè)置如下:
略
2、新建一個名為index1.asp的文件,利用日期函數(shù)顯示當前系統(tǒng)的時間,在頁面中顯示如下:“歡迎訪問本網(wǎng)站,現(xiàn)在時間是20xx-9-1011:35:19”(注:時間必須是用戶訪問頁面時候的實際時間)訪問本網(wǎng)站,現(xiàn)在的時間是:
3、新建一個名為index2.asp的文件
1)、用字符串函數(shù)求字符串“我校20xx級新生開學(xué)典禮暨軍訓(xùn)動員大會在我校風雨籃球場順利召開”的長度并輸出,
2)、利用字符串截取函數(shù)截取該字符串的前10個字符,并輸出
3)、并利用replace函數(shù)將字符串中的”我校”用“桂林旅?!比〈?,并輸出結(jié)果。
4、在下新建一個名為images的文件夾,從網(wǎng)上下載四張圖片到該文件夾下,圖片命名為img1.jpg、img2.jpg、img3.jpg、img4.jpg。新建一個名為index2.asp的文件,定義一個有4個元素的字符型數(shù)組變量,然后給數(shù)組變量img的每一個元素賦值,內(nèi)容如下:利用用ASP隨機數(shù)函數(shù)Rnd,每次刷新頁的時候隨機輸出數(shù)組中包含的一張圖片,顯示在瀏覽器中。按F12運行,將運行結(jié)果截圖,插入下面的表格中
網(wǎng)頁設(shè)計報告【篇2】
畢業(yè)后,我來到了社會這個匯集眾多江河湖水的大海,感受到了獨立生活的好處與艱辛,同時我自己也更深的理解了,家長和學(xué)校老師對我們的殷切希望,在社會實習(xí)的這段日子,我吃了些苦,受了些罪,可是整個人在肉體上和精神上卻升華了很多,也比以前的變得更有自信了?,F(xiàn)將我的實習(xí)情況匯報如下:
我所在的這家公司,是一家做網(wǎng)上招商的商業(yè)網(wǎng)站,公司接收各種廠家提供的信息,然后由網(wǎng)絡(luò)的技術(shù)人員,將商家的信息做成網(wǎng)頁廣告,然后掛在我們的網(wǎng)站上,以此達到商業(yè)推廣的目的,類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員,主要的工作就是接收美工人員的網(wǎng)站模板,將其通過photoshop切片,然后導(dǎo)入dreamweaver進行排版,(排版主要使用css+div),并進一步的加以制作,完善美化,如加入js代碼,或透明flash,因為網(wǎng)頁是用css+div進行排版的,所以在最后一步的時候,我們還需要進行瀏覽器測試,因為css+div排版方式有一個最大的缺點就是:瀏覽器不兼容的問題,典型的如:ie與fireworks,因為各種瀏覽器使用的協(xié)議不同,所以會導(dǎo)致頁面在最終瀏覽的時候有一些小問題,如:頁面混亂,圖片、文字之間的距離過大或過小,頁面不美觀等等,做為一個新人,我在有些方面的技術(shù)還很不成熟,所以在技術(shù)總監(jiān)張偉的幫助下,解決了很多問題,所在我很感謝他,當每天我們做完網(wǎng)頁后,都會在代碼頁面加入注釋代碼,在里面寫上每個人姓名的漢語拼間和工作日期,這樣方便月底做統(tǒng)計工作,公司領(lǐng)導(dǎo)會根據(jù)每個人的工作數(shù)量進行獎勵,每做一個頁面會有2塊的提成,雖然少點,但是積少成多,也是很可觀的。
初來公司的時候,我們經(jīng)過了初期考試,培訓(xùn),與最終考試三個階段,在接到公司讓我面試的電話后,我來到了xx公司,因為要干的是網(wǎng)頁設(shè)計,所以要有一個小測驗,技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字,做一個簡單的頁面,要求是:什么樣的頁面都可以,考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度,說實話,從畢業(yè)后,有一段時間沒有寫代碼了,剛一上機,還有點生疏,但是憑借在學(xué)樣扎實的學(xué)習(xí)功底,我很快就恢復(fù)了自己的英雄本色,將html代碼寫的很熟練,做了一個左右分欄的頁面,沒什么太大難度,技術(shù)總監(jiān)
網(wǎng)頁設(shè)計報告【篇3】
實驗項目:ASP基礎(chǔ)
實驗時間:20xx年3月9日
一、實驗基礎(chǔ)知識:
1、什么是客戶端腳本,什么服務(wù)端腳本?所謂腳本是指嵌入到WEB頁中的程序代碼,在服務(wù)器端運行的腳本語言是服務(wù)器端腳本,在客戶端運行的腳本是客戶端腳本。客戶端腳本由一個配備了解釋器的WEB瀏覽器處理,當一個瀏覽器的用戶執(zhí)行了一個操作時,不必通過網(wǎng)絡(luò)對其作出響應(yīng),客戶端程序就能完成任務(wù),常見的客戶端腳本語言有:javascript,VBScript。服務(wù)端腳本則是在WEB服務(wù)器上執(zhí)行生成代碼,然后發(fā)送到瀏覽器,在瀏覽器上收到的只是執(zhí)行后的標準HTML文件,常見的服務(wù)器端腳本語言有:PHP,jsp,asp
二、實驗內(nèi)容:
1、掌握用DW創(chuàng)建動態(tài)站點的方法:將IIS的網(wǎng)頁發(fā)布主目錄設(shè)在D盤,名為。利用DW新建一個動態(tài)站點,站點的本地信息和測試服務(wù)器設(shè)置如下:
2、新建一個ASP頁面,用VBscript編寫一段服務(wù)端腳本,在客戶端瀏覽器中輸出“Hello!World”,將該頁面以index1.asp為名保存在d:中,然后訪問index1.asp頁面,將結(jié)果截圖插入下面的空白文檔中:
3、新建一個ASP頁面,用VBscript定義變量r,area,PI,然后給變量r,PI賦值,并計算出相對應(yīng)的圓面積,保存文件為index2.asp,然后訪問index2.asp頁面,將結(jié)果截圖插入下面的空白文檔中:
4、新建一個ASP頁面,其要求如下:寫一個已知三角形三邊長,求三角形面積的程序。保存文件為index3.asp,然后訪問index3.asp頁面,將結(jié)果截圖插入下面的空白文檔中:
5、利用DW在當前站點下新建一個文件,index5.asp,其功能如下:用response輸出如下圖片:
網(wǎng)頁設(shè)計報告【篇4】
在經(jīng)濟迅速發(fā)展的今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習(xí),讓我們把平時所學(xué)知識運用到實習(xí)中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實習(xí)使我獲得了更多的新知識同時也使我使我認識到了自己在學(xué)習(xí)上的許多不足,下面就談?wù)勎以诒敬螌S弥艿闹饕惺堋?BR> 一、網(wǎng)站整體規(guī)劃,要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心,無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2.定位網(wǎng)站的ci形象。“易菲”植根中國文化之精髓,汲取自然稟賦之靈性,形成一個既有濃厚文化底蘊,又有現(xiàn)代自然人文氣息的特色品牌?!耙住奔词侨荩前?,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展?!胺啤蓖ǚ?,是生機、是個性、是春意盎然、是自強不息,是對人性深度的一種挖掘?!吧钊缁?,自在快樂”是yifini易菲的設(shè)計理念,倡導(dǎo)一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3.確定欄目和板塊。
于時間的關(guān)系在本次我準備做四張網(wǎng)頁:一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2.網(wǎng)站的整體風格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上,yieini易菲推崇“自然美”,將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中,充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準備,在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料,我首先進它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容,同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集,動態(tài)圖片其gif格式的還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索,不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處,最關(guān)鍵就是平時對知識的掌握不夠,連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我一定會做得更好,爭取不范類似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用,但是出現(xiàn)的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現(xiàn)了我學(xué)習(xí)方面的缺點,它是我平時不夠認真的具體表現(xiàn)。
三、網(wǎng)頁制作,這便進入我該次的主題了具體制作流程如下。
1.構(gòu)建站點框架。
在我打開dremweaver后第一步便是新建站點,我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中,以便網(wǎng)頁制作時可以方便的使用。
2.設(shè)計主頁及二級頁面。
在主頁我設(shè)首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內(nèi)容統(tǒng)一,都是為了主題服務(wù),美容美體,一個網(wǎng)站強調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的;連貫,頁面之間關(guān)系連貫,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,色彩呼應(yīng),搭配協(xié)調(diào),不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
簡潔實用:這是非常重要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調(diào),布局符合形式美的要求:布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。
交互式強:發(fā)揮網(wǎng)絡(luò)的優(yōu)勢,是每個使用者都參與到其中來,這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。每個子頁都設(shè)有上導(dǎo)航欄,便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時,使用的是表格,每一個頁面都用表格為它布局好,然后在插入圖片文字及其他,這樣有一定的規(guī)劃性,體現(xiàn)了連貫統(tǒng)一性,不同的內(nèi)容根據(jù)各自的特色建立了不同的表格,突出各自的主題,增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。
3.實現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4.向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
四、網(wǎng)頁的調(diào)試
在做完網(wǎng)站才發(fā)現(xiàn),怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學(xué)校上的問題,當真正開始運用的時候在向老師提問。
網(wǎng)頁設(shè)計報告【篇5】
一、實習(xí)目的
①學(xué)會制作新聞發(fā)布系統(tǒng)。
②學(xué)會制作在線調(diào)查系統(tǒng)。
③熟悉購物網(wǎng)站的主要功能和欄目。
④學(xué)會購物網(wǎng)站數(shù)據(jù)庫表的創(chuàng)建和數(shù)據(jù)庫連接的創(chuàng)建。
⑤學(xué)會購物系統(tǒng)前臺頁面制作和后臺管理制作。
二、實訓(xùn)內(nèi)容
1.創(chuàng)建數(shù)據(jù)庫表
①啟動MicrosoftAccess,執(zhí)行“文件”——“新建”命令,打開“新建文件”面板,在面板中單擊“空數(shù)據(jù)庫”。
②彈出“文件新建數(shù)據(jù)庫”對話框,在對話框中選擇數(shù)據(jù)庫保存的路徑,“文件名”文本框中輸入shop。
③單擊“創(chuàng)建”按鈕,在對話框中雙擊“使用設(shè)計器創(chuàng)建表”選項。
④彈出“表1:表”對話框,在對話框中輸入“字段名稱”和字段所對應(yīng)的“數(shù)據(jù)類型”,將shopID字段設(shè)置為主鍵。
⑤執(zhí)行“文件”——“保存”命令,彈出“另存為”對話框,在對話框的“表名稱”文本框中輸入products。
⑥單擊“確定”按鈕,保存表。按以上步驟的方法,創(chuàng)建表fen和admin。
2.創(chuàng)建數(shù)據(jù)庫連接
新建一個網(wǎng)頁文件夾,打開IIS信息服務(wù),創(chuàng)建IIS虛擬目錄,在文件夾安全性把來賓用戶的權(quán)限修改為完全控制,并導(dǎo)入數(shù)據(jù)庫。
3.制作購物網(wǎng)系統(tǒng)頁面
①用index.html創(chuàng)建zhanshi.asp商品分類展示頁,新建站點,導(dǎo)入shop.mdb數(shù)據(jù)庫文件建立數(shù)據(jù)庫連接。插入表格并插入圖片、文字,創(chuàng)建記錄集并在表格相應(yīng)位置綁定數(shù)據(jù)。在服務(wù)器行為里為表格設(shè)置重復(fù)區(qū)域,創(chuàng)建記錄集RS2并在左邊的商品分類表格里綁定
數(shù)據(jù),在服務(wù)器行為里為左側(cè)的表格添加重復(fù)區(qū)域和轉(zhuǎn)到詳細頁,制作記錄集導(dǎo)航條。
②用index.html創(chuàng)建xiangxi.asp商品詳細信息頁,首先創(chuàng)建記錄集并制作左側(cè)的商品分類表格,之后在中間區(qū)域插入表格,在表格中插入圖片、文字,創(chuàng)建記錄集RS2并將數(shù)據(jù)綁定在表格相應(yīng)位置。
③用index.html創(chuàng)建denglu.asp商品詳細信息頁,創(chuàng)建記錄集并制作左側(cè)的商品分類表格,在中間區(qū)域插入表單,在表單里插入表格,在表格里插入文字、文本域、表單按鈕,并為表單設(shè)置檢查表單。創(chuàng)建記錄集RS2并在服務(wù)器行為里添加登錄用戶。
④用index.html創(chuàng)建fenlei.asp添加商品分類頁,插入表單,在表單里插入文字、文本域、表單按鈕,創(chuàng)建記錄集并在服務(wù)器行為里添加插入記錄和限制對頁的訪問。再用index.html創(chuàng)建fenleiok.asp,在其中插入表格輸入文字,并設(shè)置返回鏈接。
⑤用index.html創(chuàng)建tianjia.asp添加商品頁,創(chuàng)建記錄集,用插入記錄表單向?qū)?chuàng)建插入記錄表單,在服務(wù)器行為里添加限制對頁的訪問。再用index.html創(chuàng)建tianjiaok.asp,在其中插入表格輸入文字,并設(shè)置返回鏈接。
⑥用index.html創(chuàng)建guanli.asp商品管理頁,創(chuàng)建記錄集并制作左側(cè)的商品分類表格,在中間區(qū)域插入表格并插入文字,創(chuàng)建記錄集RS2并在表格相應(yīng)位置綁定數(shù)據(jù),為該表格設(shè)置服務(wù)器行為的重復(fù)區(qū)域,制作修改和刪除鏈接,制作記錄集導(dǎo)航條。
⑦用tianjia.asp創(chuàng)建xiugai.asp修改頁面,創(chuàng)建記錄集在對應(yīng)的文本域中綁定數(shù)據(jù),把服務(wù)器行為里的插入記錄刪除并添加更新記錄。在服務(wù)器行為里添加限制對頁的訪問。再用index.html創(chuàng)建xiugaiok.asp,在其中插入表格輸入文字,并設(shè)置返回鏈接。
⑧用index.html創(chuàng)建shanchu.asp刪除頁面,插入表格并插入文字,建立記錄集,在表格相應(yīng)位置綁定數(shù)據(jù),插入表單和表單按鈕,創(chuàng)建服務(wù)器行為限制對頁的訪問和刪除記錄。再用index.html創(chuàng)建shanchuok.asp,在其中插入表格輸入文字,并設(shè)置返回鏈接。
三、疑難解惑
①網(wǎng)頁不能正常打開,電腦用戶權(quán)限沒有修改,在文件夾安全性把來賓用戶的權(quán)限修改為完全控制。
②創(chuàng)建重復(fù)區(qū)域時,總顯示相同的內(nèi)容,仔細閱讀教材,發(fā)現(xiàn)創(chuàng)建重復(fù)區(qū)域時要選中表格,而不是文字內(nèi)容。
③登陸頁面不能登陸,把表格放入表單后,重新登錄,問題解決。
④創(chuàng)建添加商品頁面時,無法顯示商品分類。在插入記錄表單時,應(yīng)將feileiID"顯示為"下拉列表中選擇“菜單”,并在“菜單屬性”里的“域”列表中選擇fenlei。
⑤修改頁面點進去初始內(nèi)容都一樣,“唯一鍵列”下拉列表中應(yīng)選擇shpID。
⑥商品分類點進去每個種類都一樣,查找原因,發(fā)現(xiàn)記錄集中篩選是shpID,把記錄集中的篩選改為fenleiID解決。
四、實訓(xùn)心得
經(jīng)過一周動態(tài)網(wǎng)頁的實訓(xùn),使我們對本學(xué)期的這門課進行了整體的匯總。在這匯總期間,也算是對自己本學(xué)期的一個考核,此次實訓(xùn)暴露出了許多我自身存在的問題,同時也對自身有了很大的提高。
在這次實訓(xùn)中,我也有許多收獲。首先,我體會到了作為一個計算機專業(yè)的人,不會用DW的痛苦和尷尬。在制作的過程中遇到問題,可以說得是困難重重,這畢竟是第一次獨自制作動態(tài)網(wǎng)頁,難免會遇到過各種各樣的問題,同時在制作的過程中發(fā)現(xiàn)了自己的不足之處,對以前所學(xué)過的知識理解得不夠深刻,掌握得不夠牢固。在此過程當中彌補了我許多知識上的缺陷,弄清的以前沒有搞懂的知識點。經(jīng)過多番的努力和辛酸,我成功地完成了這次過程艱辛的實訓(xùn),而且我從中體會到了一種叫做‘成功的喜悅’的感覺,那種小有成就的興奮是只有置身其中的人才能體會的。
在實訓(xùn)過程中,我更體會到了基礎(chǔ)知識的重要性,也許我們正在迷惘,我們是否學(xué)到了東西,但事實說明零零散散的知識,在項目開發(fā)當中起到了非常關(guān)鍵的作用,我們不缺少時間和工具,我們只是缺少經(jīng)驗和動手能力,如果我們以后能更好的在各方面增長自己的經(jīng)驗,相信我們能在長長的就業(yè)隊伍中脫穎而出的!相信自己,相信未來。今后我將會更加努力的學(xué)習(xí),不斷提高自身素質(zhì),為我將來的就業(yè)打下良好的基礎(chǔ)。
網(wǎng)頁設(shè)計報告【篇6】
為期四個星期的實訓(xùn)就這樣結(jié)束了。這學(xué)期的實訓(xùn)是我在南工院的最后一次實訓(xùn),所以我很重視,也很認真。當然,在本次實訓(xùn)中我也學(xué)會了許多編程方面的知識,這些知識的積累是非常重要的。
本次實訓(xùn)的主要目的是讓我們來做一個網(wǎng)上商城,通過了解ASP的框架以及結(jié)構(gòu),熟悉應(yīng)用程序的運行環(huán)境及開發(fā)平臺和其內(nèi)置對象的屬性以及其方法,以及其界面的設(shè)計代碼讓整個系統(tǒng)能正常的運行,通過寫每個頁面的功能實現(xiàn)代碼,讓我們鞏固了之前學(xué)的知識,又有進一步的加深對語言學(xué)習(xí)的印象,最終能夠?qū)崿F(xiàn)網(wǎng)上購物的一系列流程。我們小組主要應(yīng)用設(shè)計一個網(wǎng)上圖書商城,完成對數(shù)據(jù)庫的基本操作。根據(jù)所安排的課題項目,設(shè)計出一個結(jié)構(gòu)基本完整,具備一定應(yīng)用功能的網(wǎng)上圖書商城。要求具有一定的內(nèi)容,程序界面使用的WEB控件,可以完成會員的圖書瀏覽、數(shù)據(jù)檢索、登陸、注冊、購書、修改會員的各種信息等。
我本人主要負責網(wǎng)上書城首頁、詳細頁面的設(shè)計。其中首頁實現(xiàn)的功能主要有:圖書的展示、新書上架、圖書搜索、會員登陸、圖書詳細情況的調(diào)用。另外,我還設(shè)計制作了數(shù)據(jù)庫中的圖書信息表。其中首頁的搭建過程還是比較繁瑣的,需要考慮的內(nèi)容太多,而且還要做得美觀簡潔,工作量是蠻大的。經(jīng)過此次實訓(xùn),使我比較全面、系統(tǒng)的了解和熟悉ASP的各種工具的使用,各種不同的效果的做法,為我們以后的學(xué)習(xí)和工作打下了堅實的基礎(chǔ)。以前沒有學(xué)懂的一些東西,在這個實習(xí)過程中我基本把它們弄懂了,可以說這是對我所學(xué)知識的復(fù)習(xí)和深化。對于難點的克服,我除了請教老師、詢問同學(xué)外,課后也找了一些相關(guān)書籍看了看,在實訓(xùn)的過程中真的學(xué)了很多知識,受益匪淺。
其實,實訓(xùn)不僅僅是為了讓同學(xué)們完成任務(wù)而展開的學(xué)習(xí)計劃,更是要培養(yǎng)學(xué)生的學(xué)習(xí)能力和精神。我也深刻認識到:在學(xué)習(xí)過程中密切聯(lián)系生活和工程實際,激發(fā)學(xué)習(xí)的求知欲,培養(yǎng)我們的科學(xué)精神和創(chuàng)新精神;培養(yǎng)學(xué)習(xí)對待工作和學(xué)習(xí)要耐心、細心和一絲不茍、精益求精的職業(yè)習(xí)慣等精神和素養(yǎng)是十分重要的。
實訓(xùn)結(jié)束了,很感謝田曉敏和楊正翔兩位老師一個月來對我的悉心指導(dǎo),感謝小組同學(xué)的互相鼓勵與支持,也感謝班級其他同學(xué)對我的幫助。如果沒有每一個人的辛苦努力與付出,我不可能完成自己的任務(wù),也不可能取得如此好的成績,在此,我對所有付出過努力的老師、同學(xué)道一聲誠摯的謝意:謝謝你們!
天高任鳥飛,海闊憑魚躍。人生的道路上還有很多考驗等待著我們,我們要勇敢的向前大步邁進。
加油吧,為我們的理想!
網(wǎng)頁設(shè)計報告【篇7】
一、網(wǎng)頁設(shè)計的內(nèi)容
網(wǎng)頁設(shè)計中包含著主觀和客觀兩方面的因素,在確立了網(wǎng)頁主題之后,首先要明確和熟悉設(shè)計的對象和構(gòu)成的要素。網(wǎng)頁設(shè)計涉及的具體內(nèi)容很多,可以概括為視聽元素和版式設(shè)計兩個方面。
1、視聽元素
這里所說的視聽元素,主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導(dǎo)航工具、背景音樂、動態(tài)影像等。無論是文字、圖形、動畫,還是音頻、視頻,網(wǎng)頁設(shè)計者所要考慮的是如何以感研究的形式把它們放進頁面這個“大畫布”里。多媒體技術(shù)的運用大大豐富了網(wǎng)頁設(shè)計的表現(xiàn)力。
以上各視聽元素大多數(shù)瀏覽器本身都可以顯示或收聽,無需任何外部程序或模塊支持。比如,大部分瀏覽器都可以顯示gif、jpeg圖形和gif89a動畫。還有些多媒體文件(如mp3音樂)需要先下載到本地由?上,然后啟動相應(yīng)的外部程序來播放。另外,在瀏覽器使用插件(plug-in)可以播放更多格式的多媒體文件。微軟推出ie瀏覽器后,提供了基于ole的activex技術(shù),用來在網(wǎng)頁中播放多媒體。目前activex已經(jīng)成為熱門技術(shù)。另一種播放多媒體的技術(shù)是javaapplet。它是用java語言編寫的應(yīng)用于網(wǎng)頁之中的小應(yīng)用程序,相比于插件和activex,javaapplet具有更大的靈活性和良好的跨平臺能力,因此具有很好的發(fā)展前景??傊夹g(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁設(shè)計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。這些新技術(shù)的出現(xiàn),也對網(wǎng)頁的藝術(shù)設(shè)計提出了更高的要求。
2、版式設(shè)計
網(wǎng)頁的版式設(shè)計同報刊雜志等平面媒體的版式設(shè)計有很多共同之處,它在網(wǎng)頁的藝術(shù)設(shè)計中占據(jù)著重要的地位。所謂網(wǎng)頁的版式設(shè)計,是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合,將理性思維個性化的表現(xiàn)出來,是一種具有個研究風格和藝術(shù)特色的視聽傳達方式。它在傳達信息的同時,也產(chǎn)生感官上的美感和精神上的享受。
但網(wǎng)頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸,網(wǎng)頁則不然,它的尺寸是由讀者來控制的。這使網(wǎng)頁設(shè)計者不能精確控制頁面上每個元素的尺寸和位置。而且,網(wǎng)頁的組織結(jié)構(gòu)不像印刷品那樣為線性組合,這給網(wǎng)頁的版式設(shè)計帶來了一定的難度。
二、網(wǎng)頁設(shè)計的原則
網(wǎng)頁作為傳播信息的一種載體,同其他出版物如報紙、雜志等在設(shè)計上有許多共同之處,也要遵循一些設(shè)計的基本原則。但是,由于表現(xiàn)形式、運行方式和社會功能的不同,網(wǎng)頁設(shè)計又有其自身的特殊規(guī)律。網(wǎng)頁的藝術(shù)設(shè)計,是技術(shù)與藝術(shù)的結(jié)合,內(nèi)容與形式的統(tǒng)一。它要求設(shè)計者必須掌握以下三個主要原則:
1、主題鮮明
視覺設(shè)計表達的是一定的意圖和要求,有明確的主題,并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者。訴求的目的,是使主題在適當?shù)沫h(huán)境里被研究們即時地理解和接受,以滿足研究們的實用和需求,這就要求視覺設(shè)計不但要單純、簡練、清晰和精確,而且在強調(diào)藝術(shù)性的同時,更應(yīng)該注重通過獨特的風格和強烈的視覺沖擊力,來鮮明地突出設(shè)計主題。
根據(jù)認知心理學(xué)的理論,大多數(shù)研究在短期記憶中只能同時把握4到7條分立的信息,而對多于7條的分立信息或者不分立的信息容易產(chǎn)生記憶上的模糊或遺忘,概括起來就是:較小而分立的信息要比較長而不分立的信息更為有效和容易瀏覽。這個規(guī)律蘊含在研究們尋找信息和使用信息的實踐活動中,它要求視覺設(shè)計者的網(wǎng)頁設(shè)計必須自覺地掌握和遵從。
作為視覺設(shè)計范疇一種的網(wǎng)頁設(shè)計,其最終目的是達到最佳的主題訴求效果。這種效果的取得,一方面通過對網(wǎng)頁主題思想運用邏輯規(guī)律進行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過對網(wǎng)頁構(gòu)成元素運用藝術(shù)的形式美法則進行條理性處理,更好地營造符合設(shè)計目的的視覺環(huán)境,突出主題,增強瀏覽者對網(wǎng)頁的注意力,增進對網(wǎng)頁內(nèi)容的理解。只有兩個方面有機地統(tǒng)一,生能實現(xiàn)最佳的主題訴求效果。
優(yōu)秀的網(wǎng)頁設(shè)計必然服務(wù)于網(wǎng)站的主題,就是說,什么樣的網(wǎng)站,應(yīng)該有什么樣的設(shè)計。例如,設(shè)計類的個研究站點與商業(yè)站點性質(zhì)不同,目的也不同,所以評論的標準也不同。網(wǎng)頁設(shè)計與網(wǎng)站主題的關(guān)系應(yīng)該是這樣:首先,設(shè)計是為主題服務(wù)的;其次,設(shè)計是藝術(shù)和技術(shù)結(jié)合的產(chǎn)物,就是說,即要“美”,又要實現(xiàn)“功能”;最后,“美”和“功能”都是為了更好地表達主題。當然,有些情況下,“功能”即是“主題”,還有些情況下,“美”即是主題。例如,雅虎作為一個搜索引擎,首先要實現(xiàn)“搜索”的“功能”。它的主題即是它的“功能”。而一個個研究網(wǎng)站,可以只體現(xiàn)作者的設(shè)計思想,或者僅僅以設(shè)計出“美”的網(wǎng)頁為目的。它的主題只有一個,就是——美。
只注重主題思想的條理性而忽視網(wǎng)頁構(gòu)成元素空間關(guān)系的形式美組合,或者只重視網(wǎng)頁形式上的條理而淡化主題思想的邏輯,都將削弱網(wǎng)頁主題的最佳訴求效果,難以吸引瀏覽者的注意力,出現(xiàn)平庸的網(wǎng)頁設(shè)計或使網(wǎng)頁設(shè)計以失敗 而告終。
要使網(wǎng)頁從形式上獲得良好的誘導(dǎo)力,鮮明地突出訴求主題,具體可以通過對網(wǎng)頁的空間層次、主從關(guān)系、視覺秩序及彼此間的邏輯性的把握運用來達到。
2、形式與內(nèi)容統(tǒng)一
任何設(shè)計都有一定的內(nèi)容和形式。內(nèi)容是構(gòu)成設(shè)計的一切內(nèi)在要素的總和,是設(shè)計存在的基礎(chǔ),被稱為“設(shè)計的靈魂”;形式是構(gòu)成內(nèi)容諸要素的內(nèi)部結(jié)構(gòu)或內(nèi)容的外部表現(xiàn)方式。設(shè)計的內(nèi)容就是指它的主題、形象、題材等要素的總和,形式就是它的結(jié)構(gòu)、風格或設(shè)計語言等表現(xiàn)方式。內(nèi)容決定形式,形式反作用于內(nèi)容。一個優(yōu)秀的設(shè)計必定是形式對內(nèi)容的完美表現(xiàn)。正如黑格爾所說:“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物,再現(xiàn)現(xiàn)實,而在于使其外部形式傳達和表現(xiàn)出一定的情緒、氣氛、格調(diào)、風尚、趣味,使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境。”(黑格爾第三卷)
一方面,網(wǎng)頁設(shè)計所追求的形式美,必須適合主題的需要,這是網(wǎng)頁設(shè)計的前提。只講花哨的表現(xiàn)形式以及過于強調(diào)“獨特的設(shè)計風格”而脫離內(nèi)容,或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn),網(wǎng)頁設(shè)計都會變的空洞而無力。設(shè)計者只有將二者有機地統(tǒng)一起來,深入領(lǐng)會主題的精髓,再融合自己的思想感情,找到一個完美的表現(xiàn)形式,生能體現(xiàn)出網(wǎng)頁設(shè)計獨具的分量和特有的價值。另一方面,要確保網(wǎng)頁上的每一個元素都有存在的必要性,不要為了炫耀而使用冗余的技術(shù)。那樣得到的效果可能會適得其反。只有通過認真設(shè)計和充分的考慮來實現(xiàn)全面的功能并體現(xiàn)美感生能實現(xiàn)形式與內(nèi)容的統(tǒng)一。
據(jù)有關(guān)資料所做的保守估計,目前在上網(wǎng)頁數(shù)據(jù)傳輸平均以每秒1、5k的速度到達客戶端。假設(shè)某個網(wǎng)頁為了豐富其藝術(shù)性而追趕時髦地大量使用圖像或其它多媒體元素等,雖然達到了其靜態(tài)形式美的效果,卻造成多達幾十k甚至更大的網(wǎng)頁數(shù)據(jù),使瀏覽者必須等待很長時間生能看到“廬山真面目”,這樣的網(wǎng)頁就不是一個優(yōu)秀的網(wǎng)頁,因為它不符合網(wǎng)頁傳播信息的突出特性之一——快捷性,使網(wǎng)頁內(nèi)容不能很快地到達訪問者,影響了訪問效果和質(zhì)量,損害了訪問者的情趣和積極性,這種技術(shù)要素影響了傳達信息的效果,因而不是形式與內(nèi)容的完美統(tǒng)一。
網(wǎng)頁具有多屏、分頁、嵌套等特性,設(shè)計者可以對其進行形式上的適當變化以達到多變性處理效果,豐富整個網(wǎng)頁的形式美。這就要求設(shè)計者在注意單個頁面形式與內(nèi)容統(tǒng)一的同時,更不能忽視同一主題下多個分頁面組成的整體網(wǎng)頁的形式與整體內(nèi)容的統(tǒng)一。
因此,在網(wǎng)頁設(shè)計中必須注意形式與內(nèi)容的高度統(tǒng)一。
3、強調(diào)整體
網(wǎng)頁的整體性包括內(nèi)容和形式上的整體性,這里主要討論設(shè)計形式上的整體性。
網(wǎng)頁是傳播信息的載體,它要表達的是一定的內(nèi)容、主題和意念,在適當?shù)臅r間和空間環(huán)境里為研究們所理解和接受,它以滿足研究們的實用和需求為目標。設(shè)計時強調(diào)其整體性,可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它,并給研究一種內(nèi)部有機聯(lián)系、外部和諧完整的美感。整體性也是體現(xiàn)一個站點獨特風格的重要手段之一。
網(wǎng)頁的結(jié)構(gòu)形式是由各種視聽要素組成的。在設(shè)計網(wǎng)頁時,強調(diào)頁面各組成部分的共性因素或者使諸部分共同含有某種形式特征,是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如:在版式上,將頁面中各視覺要素作通盤考慮,以周密的組織和精確的定位來獲得頁面的秩序感,即使運用“散”的結(jié)構(gòu),也是經(jīng)過深思熟慮之后的決定;一個站點通常只使用兩到三種標準色,并注意色彩搭配的和諧;對于分屏的長頁面,不可設(shè)計完第一屏再考慮下一屏。同樣,整個網(wǎng)頁內(nèi)部的頁面,都應(yīng)統(tǒng)一規(guī)劃,統(tǒng)一風格,讓瀏覽者體會到設(shè)計者完整的設(shè)計思想。
從某種意義上講,強調(diào)網(wǎng)頁結(jié)構(gòu)形式的視覺整體性必然會犧牲靈活的多變性,“物極必反”就是這個道理。因此,在強調(diào)網(wǎng)頁整體性設(shè)計的同時必須注意:過于強調(diào)整體性可能會使網(wǎng)頁呆板、沉悶,以致影響訪問者的情趣和繼續(xù)瀏覽的欲望。“整體”是“多變”基礎(chǔ)上的整體。
三、網(wǎng)頁設(shè)計的特點
1、交互性與持續(xù)性
網(wǎng)頁不同于傳統(tǒng)媒體之處,就在于信息的動態(tài)更新和即時交互性。即時的交互性是web成為熱點的主要原因,也是網(wǎng)頁設(shè)計時必須考慮的問題。傳統(tǒng)媒體(如廣播、電視節(jié)目、報刊雜志等)都以線性方式提供信息,即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在web環(huán)境下,研究們不再是一個傳統(tǒng)媒體方式的被動接受者,而是以一個主動參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互,使網(wǎng)頁設(shè)計不像印刷品設(shè)計那樣,發(fā)表之后就意味著設(shè)計的結(jié)束。網(wǎng)頁設(shè)計研究員必須根據(jù)網(wǎng)站各個階段的經(jīng)營目標,配合網(wǎng)站不同時期的經(jīng)營策略,以及用戶的反饋信息,經(jīng)常地對網(wǎng)頁進行調(diào)整和修改。例如,為了保持瀏覽者對網(wǎng)站的新鮮感,很多大型網(wǎng)站總是定期或不定期的進行改版,這就需要設(shè)計者在保持網(wǎng)站視覺形象一貫性的基礎(chǔ)上,不斷創(chuàng)作出新的網(wǎng)頁設(shè)計作品。
2、多維性
多維性源于超級鏈接,主要體現(xiàn)在網(wǎng)頁設(shè)計中對導(dǎo)航的設(shè)計上。由于超級鏈接的出現(xiàn),網(wǎng)頁的組織結(jié)構(gòu)更加豐富,瀏覽者可以在各種主題之間自由跳轉(zhuǎn),從而打破了以前研究們接收信息的線性方式。例如,可將頁面的組織結(jié)構(gòu)分為序列結(jié)構(gòu)、層次結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)、復(fù)合結(jié)構(gòu)等。但頁面之間的關(guān)系過于復(fù)雜,不僅使瀏覽者檢索和查找信息增加了難度,也給設(shè)計者帶來了更大的困難。為了讓瀏覽者在網(wǎng)頁上迅速找到所需的信息,設(shè)計者必須考慮快捷而完善的導(dǎo)航設(shè)計。
印刷品中導(dǎo)航問題不是那么突出,如果一個句子在頁尾突然終止,讀者會很自然地翻到下一頁查找剩余部分,為了幫助讀者找到他們要找的信息,出版者提供了目錄、索引或腳注。如果文章從期刊中的一頁跳到后面的非順序頁時,讀者會看到類似于“續(xù)68頁”這樣的指引語句。然而,作為一名網(wǎng)頁設(shè)計者,你以前所學(xué)的導(dǎo)航技術(shù)沒有一種完全適合于網(wǎng)頁導(dǎo)航。在替瀏覽者考慮得很周到的網(wǎng)頁中,導(dǎo)航提供了足夠的、不同角度的鏈接,幫助讀者在網(wǎng)頁的各個部分之間跳轉(zhuǎn),并告知瀏覽者現(xiàn)在所在的位置、當前頁面和其他頁面之間的關(guān)系等。而且,每頁都有一個返回主頁的按鈕或鏈接,如果頁面是按層次結(jié)構(gòu)組織的,通常還有一個返回上級頁面的鏈接。對于網(wǎng)頁設(shè)計者來說,面對的不是按順序排列的印刷頁面,而是自由分散的網(wǎng)頁,因此必須考慮更多的問題。如:怎樣構(gòu)建合理的頁面組織結(jié)構(gòu),讓瀏覽者對你提供的巨量信息感到條理?怎樣建立包括站點索引、幫助頁面、查詢功能在內(nèi)的導(dǎo)航系統(tǒng)?這一切從哪兒開始,到哪兒結(jié)束?
3、多種媒體的綜合性
目前網(wǎng)頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等,隨著網(wǎng)絡(luò)帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣,必將促使設(shè)計者綜合運用多種媒體元素來設(shè)計網(wǎng)頁,以滿足和豐富瀏覽者對網(wǎng)絡(luò)信息傳輸質(zhì)量提出的更高要求。目前國內(nèi)網(wǎng)頁已經(jīng)出現(xiàn)了模擬三維的操作界面,在數(shù)據(jù)壓縮技術(shù)的改進和流(stream)技術(shù)的推動下,inter網(wǎng)上出現(xiàn)實時的音頻和視頻服務(wù),典型的有在線音樂、在線廣播、網(wǎng)上電影 、網(wǎng)上直播等。因此,多種媒體的綜合運用是網(wǎng)頁設(shè)計的特點之一,是未來的發(fā)展方向。
4、版式的不可控性
網(wǎng)頁版式設(shè)計與傳統(tǒng)印刷版式設(shè)計有著極大的差異:
(1)印刷品設(shè)計者可以指定使用的紙張和油墨,而網(wǎng)頁設(shè)計者卻不能要求瀏覽者使用什么樣的電腦或瀏覽器;
(2)網(wǎng)絡(luò)正處于不斷發(fā)展之中,不象印刷那樣基本具備了成熟的印刷標準;
(3)網(wǎng)頁設(shè)計過程中有關(guān)web的每一件事都可能隨時發(fā)生變化。
這一切說明,網(wǎng)絡(luò)應(yīng)用尚處在發(fā)展之中,關(guān)于網(wǎng)絡(luò)應(yīng)用也很難在各個方面都制訂出統(tǒng)一的標準,這必然導(dǎo)致網(wǎng)頁版式設(shè)計的不可控制性。其具體表現(xiàn)為:
(1)網(wǎng)頁頁面會根據(jù)當前瀏覽器窗口大小自動格式化輸出;
(2)網(wǎng)頁的瀏覽者可以控制網(wǎng)頁頁面在瀏覽器中的顯示方式;
(3)不同種類、版本的瀏覽器觀察同一個網(wǎng)頁頁面,效果會有所不同;
(4)用戶的瀏覽器工作環(huán)境不同,顯示效果也會有所不同。
把所有這些問題歸結(jié)為一點,即網(wǎng)頁設(shè)計者無法控制頁面在用戶端的最終顯示效果,但這也正是網(wǎng)頁設(shè)計的吸引研究之處。
5、技術(shù)與藝術(shù)結(jié)合的緊密性
設(shè)計是主觀和客觀共同作用的結(jié)果,是在自由和不自由之間進行的,設(shè)計者不能超越自身已有經(jīng)驗和所處環(huán)境提供的客觀條件限制,優(yōu)秀設(shè)計者正是在掌握客觀規(guī)律基礎(chǔ)上得到了完全的自由,一種想象和創(chuàng)造的自由。網(wǎng)絡(luò)技術(shù)主要表現(xiàn)為客觀因素,藝術(shù)創(chuàng)意主要表現(xiàn)為主觀因素,網(wǎng)頁設(shè)計者應(yīng)該積極主動地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律,注重技術(shù)和藝術(shù)緊密結(jié)合,這樣生能窮盡技術(shù)之長,實現(xiàn)藝術(shù)想象,滿足瀏覽者對網(wǎng)頁信息的高質(zhì)量需求。
例如,瀏覽者欣賞一段音樂或電影,以前必須先將這段音樂或電影下載回本地機器,然后使用相應(yīng)的程序來播放,由于音頻或視頻文件都比較大,需要較長的下載時間。流(stream)技術(shù)出現(xiàn)以后,網(wǎng)頁設(shè)計者充分、巧妙地應(yīng)用此技術(shù),讓瀏覽者在下載過程中就可以欣賞這段音樂或電影,實現(xiàn)了實時的網(wǎng)上視頻直播服務(wù)和在線欣賞音樂服務(wù),無疑增強了頁面?zhèn)鞑バ畔⒌谋憩F(xiàn)力和感染力。
網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合,使網(wǎng)頁的藝術(shù)設(shè)計由平面設(shè)計擴展到立體設(shè)計,由純粹的視覺藝術(shù)擴展到空間聽覺藝術(shù),網(wǎng)頁效果不再近似于書籍或報刊雜志等印刷媒體,而更接近于電影或電視的觀賞效果。技術(shù)發(fā)展促進了技術(shù)與藝術(shù)的緊密結(jié)合,把瀏覽者帶入一個真正現(xiàn)實中的虛擬世界。
技術(shù)與藝術(shù)的緊密結(jié)合在網(wǎng)頁設(shè)計中體現(xiàn)得尤為突出。
網(wǎng)頁設(shè)計報告【篇8】
一實驗?zāi)康?/strong>
1.學(xué)習(xí)HTML語言和dreamPage等工具。
2.掌握在本地環(huán)境下運用ASP技術(shù)實現(xiàn)一個簡單的電子商務(wù)網(wǎng)站。
二實驗過程
1組長分配任務(wù),大家從網(wǎng)站上搜集各種關(guān)于手機的資料。
2做網(wǎng)頁主要用的工具便是Dremoshop、Flash軟件。在這些軟件我對Dremoshop相對比較熟悉,因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用,但是出現(xiàn)的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現(xiàn)了我學(xué)習(xí)方面的缺點,它是我平時不夠認真的具體表現(xiàn)。
3打開Dremernet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持三周的網(wǎng)頁制作專用周是實習(xí),讓我們把平時所學(xué)知識運用到實踐中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實習(xí)使我獲得了更多的新知識同時也使我使我認識到了自己在學(xué)習(xí)上的許多不足。
近三個星期的實訓(xùn)將要結(jié)束,其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼,去回味,去探索。從制作網(wǎng)頁過程中,我學(xué)到了新的美化網(wǎng)頁的方法,運用了更多以前未運用的技巧。這使我學(xué)到了更多的知識,并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷,將是我今后走上社會后的一筆巨大的財富。這次實習(xí)的收獲對我來說有不少,我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質(zhì)的培養(yǎng),鍛煉和提高。
網(wǎng)頁設(shè)計報告【篇9】
這次實習(xí)內(nèi)容包括網(wǎng)站原型設(shè)計及Photoshop切片技術(shù)在網(wǎng)頁整體設(shè)計時的應(yīng)用; “DIV+CSS”頁面布局技術(shù);設(shè)計電子購物商城主頁。我深深體會到,做好主頁,并不是一件容易的事,網(wǎng)頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。不過能懂得基本的框架和思路,這一點在以后的工作過程中是非常有幫助的。
通過這次實習(xí),我也總結(jié)出來一些網(wǎng)站建設(shè)的基本流程。
制作網(wǎng)頁,首先是確定主題。
網(wǎng)上購物系統(tǒng)發(fā)布平臺為顧客提供了各種商品、供求信息瀏覽、查詢,購買等功能,全面的為顧客提供服務(wù),幫助顧客更多的了解本網(wǎng)站的動態(tài)信息,提供最新動態(tài)通知。要求系統(tǒng)具有以下功能:
(1)用戶登錄注冊。
(2)提供類別導(dǎo)航,購物推薦,熱銷商品,加入購物車等
(3)提供會員注冊
(4)提供管理員后臺管理入口。管理員通過本頁面登錄后臺管理程序。
(5)通過后臺對各類信息進行管理和審核。
(6)對網(wǎng)站會員信息進行管理和審核。審核注冊本網(wǎng)站的會員,對其進行管理。
(7)友情鏈接。設(shè)置相關(guān)的友情鏈接頁面。
主頁的設(shè)計是整個網(wǎng)站的靈魂,構(gòu)思導(dǎo)航欄的分類,然后是整體規(guī)劃,每一個版塊都有其個性,清晰明了,便于閱讀瀏覽,大致分幾部分,首頁,小店簡介,產(chǎn)品展示,售后服務(wù),友情鏈接這幾個板塊,再加入個別網(wǎng)站等,每一部分又分為幾個小部分,內(nèi)容比較充分,多樣。確定導(dǎo)航欄的各個分了標題之后對于建立二級子網(wǎng)頁尤為重要。
主頁的導(dǎo)航設(shè)計好后,接下來就是對主頁導(dǎo)航欄的各個內(nèi)容進行資料的收集,在網(wǎng)上多轉(zhuǎn)轉(zhuǎn),看到什么漂亮的網(wǎng)頁,把它保存起來,作為以后自己設(shè)計主頁時的參考。另外,還包括搜集美化主頁可能要用到的各種材料,如背景、小動畫圖標等等。你可以在硬盤上建一個文件夾,下分“圖片、聲音、動畫”等文件夾,養(yǎng)成上網(wǎng)時看到有創(chuàng)意、新鮮的圖像,就按鼠標右鍵存入你硬盤相應(yīng)文件夾的習(xí)慣,時間一長你就有擁有了一個可觀的圖庫,等做主頁時隨手拈來或加以修改就成你自己的東西了。我們再對大量收集的資料進行篩選,得到最合適的導(dǎo)航內(nèi)容的資料。
網(wǎng)站建設(shè)中如果大量運用模板,對于建立網(wǎng)站提供便利同時也減少了大量的工序。主頁的設(shè)計應(yīng)以醒目優(yōu)先,應(yīng)該令人一目了然,勿堆砌太多不必要的細節(jié),或使畫面過于復(fù)雜。頁面給人的第一觀感最為重要。網(wǎng)上商城系統(tǒng)采用了敏捷開發(fā)的設(shè)計思想,我們對整個系統(tǒng)主要分成了2個大模塊,即前臺交易模塊和后臺管理模塊。而其中各個模塊我們又進行了進一步的細分,如前臺交易模塊又分為注冊會員、商品瀏覽、查詢商品、購買商品等;后臺管理模塊則包括對用戶的管理、商品管理和銷售管理。使得整個系統(tǒng)具有易用性、個性化、跨平臺等特點,同時又保證交易數(shù)據(jù)的安全、穩(wěn)定、快速和完整,使其運行得高速、安全、穩(wěn)定。
商品管理模塊,管理員對商品信息的管理主要包括商品以及對商品類別的查詢、添加、刪除、修改等操作。
訂單管理模塊,用戶選擇滿意的商品會進行下訂單操作,同時會進行確認訂單、付款等操作,但同時也會存在未確定訂單、未付款等操作。
網(wǎng)頁的迷人之處之一,要算它上面能點綴許多漂亮的圖片。精美的圖片設(shè)計,可以使自己的網(wǎng)頁增輝不少,令人過目不忘。圖片的內(nèi)容應(yīng)有一定的實際作用,忌虛飾浮夸,同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。
由于在網(wǎng)上用瀏覽器瀏覽任何主頁時,都能查看到該主頁制作時所編寫的絕大部分網(wǎng)頁編程源代碼。因此,如果你想知道并掌握一些優(yōu)秀的主頁采用的設(shè)計技巧,試著將其源代碼調(diào)出來仔細揣摩,并模仿著一步一步去實現(xiàn)。
通過這次實習(xí),我學(xué)到了很多有價值的東西。雖然我不能完成網(wǎng)站設(shè)計的過程,把設(shè)計中散亂的網(wǎng)頁鏈接成框架體系,但至少使平時學(xué)到的知識點有了提高。我感受最深的是:想要最好一個網(wǎng)站,素材和技能都十分重要。好的素材需要多放面查找資料的,可以從圖書、網(wǎng)站和新聞上查找的。好的技能需要不斷的實踐,經(jīng)常鍛煉。只有擁有好的素材和精湛的技能才可以做出最精湛的網(wǎng)頁。