網頁設計報告
在現在社會,報告的用途越來越大,報告中涉及到專業(yè)性術語要解釋清楚。其實寫報告并沒有想象中那么難,下面是小編整理的網頁設計報告,僅供參考,大家一起來看看吧。
網頁設計報告1
為期四個星期的實訓就這樣結束了。這學期的實訓是我在南工院的最后一次實訓,所以我很重視,也很認真。當然,在本次實訓中我也學會了許多編程方面的知識,這些知識的積累是非常重要的。
本次實訓的主要目的是讓我們來做一個網上商城,通過了解ASP的框架以及結構,熟悉ASP.NET應用程序的運行環(huán)境及開發(fā)平臺和其內置對象的屬性以及其方法,以及其界面的設計代碼讓整個系統(tǒng)能正常的運行,通過寫每個頁面的功能實現代碼,讓我們鞏固了之前學的知識,又有進一步的加深對語言學習的印象,最終能夠實現網上購物的一系列流程。我們小組主要應用ASP.NET設計一個網上圖書商城,完成對數據庫的基本操作。根據所安排的課題項目,設計出一個結構基本完整,具備一定應用功能的網上圖書商城。要求具有一定的內容,程序界面使用ASP.NET的WEB控件,可以完成會員的圖書瀏覽、數據檢索、登陸、注冊、購書、修改會員的各種信息等。
我本人主要負責網上書城首頁、詳細頁面的設計。其中首頁實現的功能主要有:圖書的展示、新書上架、圖書搜索、會員登陸、圖書詳細情況的調用。另外,我還設計制作了數據庫中的圖書信息表。其中首頁的搭建過程還是比較繁瑣的,需要考慮的內容太多,而且還要做得美觀簡潔,工作量是蠻大的。經過此次實訓,使我比較全面、系統(tǒng)的了解和熟悉ASP的各種工具的使用,各種不同的效果的做法,為我們以后的學習和工作打下了堅實的基礎。以前沒有學懂的一些東西,在這個實習過程中我基本把它們弄懂了,可以說這是對我所學知識的復習和深化。對于難點的克服,我除了請教老師、詢問同學外,課后也找了一些相關書籍看了看,在實訓的過程中真的學了很多知識,受益匪淺。
其實,實訓不僅僅是為了讓同學們完成任務而展開的'學習計劃,更是要培養(yǎng)學生的學習能力和精神。我也深刻認識到:在學習過程中密切聯系生活和工程實際,激發(fā)學習的求知欲,培養(yǎng)我們的科學精神和創(chuàng)新精神;培養(yǎng)學習對待工作和學習要耐心、細心和一絲不茍、精益求精的職業(yè)習慣等精神和素養(yǎng)是十分重要的。
實訓結束了,很感謝田曉敏和楊正翔兩位老師一個月來對我的悉心指導,感謝小組同學的互相鼓勵與支持,也感謝班級其他同學對我的幫助。如果沒有每一個人的辛苦努力與付出,我不可能完成自己的任務,也不可能取得如此好的成績,在此,我對所有付出過努力的老師、同學道一聲誠摯的謝意:謝謝你們!
天高任鳥飛,海闊憑魚躍。人生的道路上還有很多考驗等待著我們,我們要勇敢的向前大步邁進。
加油吧,為我們的理想!
網頁設計報告2
網頁設計——網站是企業(yè)向用戶和網民提供信息(包括產品和服務)的一種方式,是企業(yè)開展電子設計的基礎設施和信息平臺,離開網站(或者只是利用第三方網站)去談電子商務是不可能的。企業(yè)的網址被稱為“網絡商標”,也是企業(yè)無形資產的組成部分,而網站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。
Web站點應針對所服務對象(機構或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則采用多媒體表現手法,提供華麗的圖像、閃爍的燈光、復雜的頁面布置,甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。
為了做到主題鮮明突出,要點明確,我們將按照客戶的要求,以簡單明確的語言和畫面體現站點的主題;調動一切手段充分表現網站點的個性和情趣,辦出網站的特點。
Web站點主頁應具備的基本成分包括:頁頭:準確無誤地標識你的站點和企業(yè)標志;Email地址:用來接收用戶垂詢;聯系信息:如普通郵件地址或電話;版權信息:聲明版權所有者等。
網頁設計作為一種視覺語言,特別講究編排和布局,雖然主頁的設計不等同于平面設計,但它們有許多相近之處。
版式設計通過文字圖形的空間組合,表達出和諧與美。
多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來,特別要求處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果,我們將反復推敲整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。
在網頁設計中,總是有傾向的特定技術來觀察,或跟蹤的'網頁設計師加強的趨勢。這里有專有和開源和免費的技術專用的支持者。然而,近年來,又增加自由和開放源碼技術,包括由W3C和WHATWG進行監(jiān)控和批準,監(jiān)督和實施增加。
趨勢可以發(fā)現,不僅在看在時尚領域的使用的技術,如網站和匹配的標志是清晰的喜好確定。著名的藝術字Web 2.0至今的重要作用的幫助。
網頁技術更新很快,一個網站的界面設計壽命僅僅2-3年而已。不管是垃圾還是精品,都沒有所謂的經典,經典只存在于是哪個首次成功創(chuàng)新性的應用。一個閉門造車者做出的東西,是遠遠趕不上綜合借鑒者的。網頁設計不同于其他藝術,在模仿加創(chuàng)新的網頁設計領域當中,即便是完全自己設計的,也是沿用了人們已經認同的大部分用戶習慣,而且這種沿襲的痕跡是非常明顯的!還有哪個設計者敢腆著臉說,這都是我自己的原創(chuàng)設計?對于業(yè)界來說,經典只是個理念和象征!
不可否認,國內網頁設計環(huán)境還停留在初級的認知階段,也就是說,絕大多數人不知道網絡的真正的可用之處,你去做一個業(yè)務的時候,不得不去做大量的說服教育工作。以乙方的身份去說服甲方,以專業(yè)角度去教育非專業(yè)認識,結果是可想而知的。也正是這種全體社會普遍的低認知水平,導致了大量網絡垃圾的產生。
企業(yè)客戶所在行業(yè)往往有其特定的設計需求,特別是對于企業(yè)網站建設當中的配色,除了應根據企業(yè)的VI標準色,以及客戶自身的喜好進行配色分析外,同時不能忽略整個行業(yè)對于顏色上的‘慣例’。那么,企業(yè)網站在設計和制作當中,到底有哪一些配色規(guī)則需要設計師遵循呢?
企業(yè)客戶在不同的發(fā)展階段,對于網站設計的配色需求并不一樣。在企業(yè)初創(chuàng)階段,企業(yè)建站的目的是打造品牌網絡形象,開拓客戶資源,這時候的企業(yè)客戶更多的是關注自身的個性化,如何才能凸顯企業(yè)的特質,如何才能在行業(yè)當中顯示其獨有的特性,這是初建網站的企業(yè)客戶所重點關注的內容;在企業(yè)形成規(guī)模,進行品牌提升階段,企業(yè)建設網站或進行改版的目的是重塑品牌網絡形象,打造更為專業(yè)、沉穩(wěn)和可持續(xù)發(fā)展的品牌理念和文化,這時候的企業(yè)客戶更多的是考慮如何將企業(yè)的品牌內涵與行業(yè)相融合,在配色的選擇上更傾向于穩(wěn)重、包容,能夠適應各種場合需要的配色。
網頁設計的兩大要點是:整體風格和色彩搭配。
一、確定網站的整體風格
在這里,我提供給大家一些參考經驗:
1.將你的標志logo,盡可能的放在每個頁面上最突出的位置。
2.突出你的標準色彩。
3.總結一句能反映貴站精髓的宣傳標語!
4.相同類型的圖像采用相同效果,比如說標題字都采用陰影效果,那么在網站中出現的所有標題字的陰影效果的設置應該是完全一致的!
二、網頁色彩的搭配
1.用一種色彩。這里是指先選定一種色彩,然后調整透明度或者飽和度,這樣的頁面看起來色彩統(tǒng)一,有層次感。
2.用兩種色彩。先選定一種色彩,然后選擇它的對比色。
3.用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。
在網頁配色中,還要切記一些誤區(qū):
1.不要將所有顏色都用到,盡量控制在三至五種色彩以內。
2.背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。
三、網頁設計的工具
1.Dreamweaver,用于編輯HTML、ASP、JSP、PHP、CSS、XML、JS的頁面制作工具;
2.Frontpage,跟Dreamweaver一樣,不過個人感覺還是Dreamweaver好;
3.Flash,網頁需要畫面流動時的首選擇;
4. Photoshop,圖像處理軟件,一般網頁都需要有圖片相搭配,Photoshop是款很強大的工具。
5.Fireworks,跟Photoshop 一樣都是圖像處理軟件,但Fireworks偏向與對網頁的處理
網頁設計報告3
本學期的網業(yè)設計課程,開展了動態(tài)思維訓練教學活動,對于我們學生來說,可以激發(fā)學習興趣,調動學習的自覺性,自己動腦、動手,動口,運用網絡資源,結合教材及老師的指導,通過自身的實踐,創(chuàng)作出積聚個人風格、個性的個人網頁?傮w來說,整個學期的學習過程,我學會了很多知識,雖然過程比較艱辛,但在INTENET領域中,有了一個展示自我的空間,我覺得很開心、很有成就感。
一.充分發(fā)揮動手能力
作為網頁設計的初學者,我對網頁設計非常感興趣,一心想設計出一個美觀、實用、內容豐富的個人網頁。本學期的教改方案由以前學生單純接受知識變?yōu)橹鲃訁⑴c教學活動。在這樣的壓力和動力下,通過自己動手、動腦,通過網絡資源,老師的指導,在不斷發(fā)現問題和解決問題的過程中學到了很多知識,也增強了我的創(chuàng)作能力和動手能力,在網頁設計過程中,從構思到設計、完善、維護,整個過程我都全身心投入,使我真正學到了網頁設計的知識。
二.在設計過程中不斷提高網頁設計水平
在本次網頁設計中,我不僅學到了很多關于網頁設計方面的知識,也從中學會了關于網絡、編程等方面的知識。我從最初開始運用FrontPage設計網頁,到后來運用Dreamweaver、Flash、Fireworks等網軟件設計網頁,完善網頁。在這個過程中,我通過自學教材、上網查詢,學習了Dreamweaver、Flash、Fireworks等網頁軟件的應用,學會了管理、維護自己的站點,以及一些簡單動畫、控件的制作等等。在設計過程中也出現了很多的問題,但通過看書,上網查詢,請教老師等方式,不斷的學習、解決、提高,設計出的網頁不論是外觀還是內容,都在不斷的進步、改善。可以說在自己動手,不斷實踐的過程中,網頁設計水平得到了很大的提高。
三.不足之處
由于平時工作比較繁忙,學習時間比較少,對于網頁設計軟件的強大功能運用得還不夠。在網頁設計過程中,由于沒有網頁制作代碼的.知識,所以在設計時也遇到了很多麻煩,有時插入一個特效腳本也是很麻煩。在網頁制作過程中,想提高設計水平,想有個理想的網頁,必須學會代碼的運用,我將在以后的學習過程中不斷加強這方面的學習,希望老師能簡單介紹一下代碼,讓我也對它有個初步的認識,以后再加強學習也才會有所提高。
總體來說,通過今次的對網頁設計的學習,有收獲也有遺憾、不足的地方,但我想,我已經邁入了網頁設計的大門,只要我再認真努力的去學習,去提高,憑借我對網頁設計的熱情和執(zhí)著,我將來設計出的網頁會更加專業(yè),更完善。也希望老師在今后的日子里多指導。
網頁設計報告4
一、實習目的
熟悉和掌握計算機網頁設計的基本技巧及網頁制作相關工具軟件等內容。培養(yǎng)我們利用計算機進行商務網頁設計的基本思路和應用開發(fā)能力,提高我們的計算機文化素質。網頁是世界上最有價值的不動產之一。人們在這個不足0.1平米的空間內投資達數百萬美元。網頁對公司的影響比簡單的電子商務增收方法大得多;網頁也是公司對外的臉面。WEB站點就像一棟房子,它的每一個窗口都可以看成一扇門,人們可以沿著搜索引擎其他WEB站點的鏈接,繞過主頁而進入WEB的深層。
二、實習時間
20xx年xx月xx日——20xx年xx月xx日。
三、實習地點
xx。
四、實習內容
。ㄒ唬┚W站的整體規(guī)劃
1、討論網站主題:因為自己對普羅旺斯很感興趣,于是就想到要是一下為心中的仙境設計一個旅游網站。
2、定位網站CI形象:旅游網站最重要的就是是瀏覽者產生想去親身體驗一下的共鳴。于是在網頁設計上面,根據普羅旺斯夢幻般的意境,我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3、確定欄目和板塊:首先要考慮整個網頁的長和寬,以及長度和寬度之間的比例。其次就應該考慮導航條的設置了。正文的框架設置(橫向因素和縱向因素交錯),在瀏覽了很多精美的旅游網站之后,再結合自己的想法,我先在草紙上畫出了大體的欄目和板塊。
4、網站的整體風格和創(chuàng)意:建立一個浪漫的旅行網站,走映像派路線,目的務必使瀏覽者留下映像。
。ǘ┚W頁制作的前期策劃與準備
1、資料的搜集:由于個人的愛好,我很早以前就收集了許多普羅旺斯的美圖,這次就方便多了。接著就搜集了一些有夢幻效果的網頁背景,FIASH源代碼、小圖標和一些GIF的動畫等。
2、熟悉制作工具軟件:xx、xx、xx。
3、主頁制作的基本條件有:xx、xx、xx。
4、硬件:xx、xx、xx。
。ㄈ┚W頁制作
真的是萬事開頭難啊,遇到了很多問題,比如:插入的圖片不符合規(guī)格,一下子把其他內容的框架擠開;插入的層太多,大一點的就把小一點的給覆蓋掉了;插入的FLASH不能產生效果?傊畣栴}一籮筐。實踐出真知,原來自己還有那么多欠缺的知識。于是回歸本源,先把課本上的'東西弄通再談其他。然后又到圖書管里借了幾本網頁制作方面的書籍來參考。
在對基本知識有了詳細的了解之后,做起東西來就得心應手多了,知道引導頁能過加映像之后,我決定為我的網頁設計一個引導頁。
然后是主頁和二級頁面的設置。要注意,網上只能使用JPG和GIF兩種圖象格式,其他諸如BMP和TIF等很通用的格式都不能用在網上,因為它們太大了,但可以用圖象軟件進行轉換,比如xx的照片編輯器。把準備在主頁上出現的圖象放進相應的目錄里后.
在一步一步的邊學邊做的過程中,看著心中的東西一點一點的出來,真的很有成就感。雖然自己的網頁技術還差的遠,但是回顧一下這周真的學到了很多的東西。
。ㄋ模┚W頁的調試
之前把作過的東西放到U盤里,發(fā)生過圖片顯示不出來的狀況,還好即使找到了解救的方法,把源文件和WEB頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。
五、實習收獲
實習期結束后,我和其它同事得到了正式合同并留在了這家公司,通過這次工作,我得到的最大體會就是,如果一個人在社會上沒有一技之長,那他是沒有辦法很好的活下來的,只有不斷的加強自身專業(yè)技能學習才行。所以,尊敬的老師,我會在業(yè)余時間好好學習,加強自己的專業(yè)能力,使自己變得更強,只有這樣才能上到為國家、為社會做出貢獻,下到為自己、為父母、為學校交出一份滿意的答卷。
網頁設計報告5
一 實驗過程
1.資料的搜集。
2.熟悉制作軟件。
3.構建站點框架。
打開dremweaver后第一步便是新建站點
4設計主頁及二級頁面。
5實現網頁間的鏈接
鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網頁單擊確定便可以了。
6向靜太網頁插入動態(tài)效果
具體情況如下:
通過這半年的學習實踐中 和老師的指導下以大量明晰的操作步驟和典型的應用實例,教會我們。使更豐富全面的軟件技術和應用技巧,使我們真正對所學的軟件融會貫通。所以我結合所學專業(yè)的內容制作了個人網站,作為實習的成果。其內容是多樣化的。制作網頁用的軟件是dreamweaver , banner軟件。dreamweaver大大加速了網絡時代電子交易應用中的項目交付。它提供了網頁和表單的動態(tài)生成到企業(yè)級的解決方案,如電子商店,庫存管理系統(tǒng)和企業(yè)內部局域網的數據庫應用等功能。例如,網頁上很流行的陰影和立體按紐等效果,只需單擊一下就可以制作完成。當然,其最方便之處是,它可以將圖象切割,圖象映射,懸停按紐,圖象翻轉等效果直接生成html代碼,或者嵌入到現有的網頁中,或者作為單獨的網頁出現。主圖是一個網頁的門面,它能體現出這個網頁的整體風格。
制作網頁,首先是確定主題,經過再三考慮,就做了個關于中國的網站,平時也總是瀏覽類似的網站,對這些還有些了解,于是確定主題,做一些類似的網站,但考慮到,現在網絡上好多類似的網站,但有些內容不適合我們大學生閱讀,對于我們來說有點不實際,根據這種情況,最后決定建立一個簡單的中國介紹和相關的事跡網站,專門介紹一些即使用,又便宜的小秘笈。于是網站主題確立。
然后是整體規(guī)劃,每一版塊都有其個性的色彩,清晰明了,便于閱讀瀏覽,大致分幾部分,中國簡介,中國歷史,用戶登錄注冊頁面留言,再加入個別網站等,每一部分又分幾小部分,內容比較充分,多樣。
再后是收集資料與素材,大量瀏覽相關網站,收集關于中國的一些事跡歷史圖片,好的文章和圖片等,還有參考一些好的網站的布局,特色,顏色搭配,背景圖等。
再后是設計網頁圖片,用flash制作網頁的banner。
再后是建立站點,站點分布如下:
再后是制作網頁了,使用dreamweaver制作。
首頁內容精彩豐富,簡潔明快,語言風趣,通俗易懂。頁面可愛清爽。首頁主要是導航作用。首頁制作時,時刻考慮著網頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內容統(tǒng)一,都是為了主題服務,一個網站強調的就是一個整體,只有圍繞一個統(tǒng)一的目標所做的設計才是成功的;連貫,頁面之間關系連貫,統(tǒng)成一體;每版內容都自成一體,顏色各異,便于瀏覽;整個網頁有動有靜,顏色不同,形成對比,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
簡潔實用: 這是非常重要的,網絡特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網頁做得越適合使用,就越顯示出其功能美;頁面用色協調,布局符合形式美的要求: 布局有條理,充分利用美的形式,是網頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。
利用我們所學的框架集,制作更完美的頁面。將動態(tài)網頁與靜態(tài)網頁結合起來
再后,調試過程,好多次本來在dream里好好的,把字調的好好的,位置很對,可在瀏覽器里御覽就出毛病了,不是靠上了,就是靠下了,很不老實,經過再三調試,整理,加了好多表格,終于滿意了,很是麻煩,想請問老師,為什么會出現這種情況啊,還有怎么解決啊,不用這么反復調整的辦法,還有什么好辦法啊?
還有,在最超鏈接過程中,明明在頁面屬性里設置的是超鏈接的文字是原色,點擊鏈接后也是原色,可一鏈接上就變色了,想了老半天,也做了很多研究,實驗,終于知道怎么回事了,原來應該對文字所在的單元格整體做鏈接,而不是只選中文字做鏈接。
還有,這次的網站大部分用的是表格,層用的很少,因為它太靈活了,不好控制,用的很少。
再后,是網頁的上傳與發(fā)布,用ftp將制作好的網站上傳
制作過程中,才發(fā)現,原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應用,操作,可這樣要修改模版可就麻煩了,要一個網頁一個的修改,于是趕緊上網學習相關內容,閱覽書籍,最后才知道文件這有個資源,點擊
進入資源面板,點擊到數第二個的模版,選項,所有模版就都顯示了,點擊資源面板左下角的應用命令,好了,這個模版就應用到你建立的網頁中去了。
這只是在制作過程中出現的問題之一,其它問題也是類似相同。現在想想,自己所會的東西太少了,現在做的網站只是一些簡單的網站,看到了一些知名的網站開發(fā)出的網頁,不僅欄目內容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網民贊嘆不已,流連忘返。以我們的經驗,當前的軟件的功能日趨復雜,不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠,缺點疏漏。需在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網頁而努力。
同學告訴我,要做好網頁,一定要學從c++,java,php,asp,數據庫。以后要學的實在是太多了,而且我也很喜歡這方面,在以后的日子里,會努力填充自己,豐富自己的。希望以后有不懂的地方,老師能多多指點。
二 實驗心得
在internet飛速發(fā)展的今天,互聯網成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它在人們政治、經濟、生活等各個方面發(fā)揮著重要的作用。因此網站建設在internet應用上的地位顯而易見,它已成為政府、企事業(yè)單位信息化建設中的重要組成部分,從而倍受人們的重視。
對于現在的社會,科技的飛速發(fā)展已經成為社會發(fā)展的標志。其中計算機的發(fā)展可謂快中之快,而在計算機的發(fā)展中計算機網絡的發(fā)展又是首當其沖的。計算機網絡從為我們所知,到現在才經歷的短短的幾年時間,在這幾年中隨著計算機網絡的廣泛應用,特別是internet的普及和發(fā)展,網絡已經成為了不可或缺的通信手段。不論是最新的新聞信息、新產品的出臺、新游戲的發(fā)布、最新的各種it動態(tài),包括等候就業(yè)人才的個人簡歷,我們都是可以通過網絡來獲得。但是什么為這所有的一切提供平臺的呢。我們又是通過什么來獲取這些消息的呢對就是網頁,F如今,數以萬計的網站以網頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候,在網絡成為通信的主要手段的時候,在計算機網絡普及的今天,網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網絡上的代言人。我們將什么樣的信息傳達給瀏覽者,要講述什么樣的事情,網頁在這里起著重要的作用。
企業(yè)網站在企業(yè)的'網絡營銷當中占有及其重要的地位,只要是涉及網絡宣傳的企業(yè),都應該建立屬于自己的個性企業(yè)網站。他不僅能夠讓企業(yè)在網絡上展示自己的產品,促進實際銷售的增長,更能夠通過一根網線,向目標客戶展示企業(yè)自身的形象。
對于企業(yè)網站設計的觀點,偏重網站的形象設計,即在功能務實、體系完善的情況下,重點結合企業(yè)理念打造網站的形象。logo就能很好的表現企業(yè)的形象。企業(yè)標志(logo)是指用于代表企業(yè)形象的獨特的、有意義的圖案,是企業(yè)形象識別當中最核心的環(huán)節(jié),可用于與企業(yè)形象相關的所有環(huán)節(jié)。由于企業(yè)標志所處的特殊地位,決定了其不能夠隨意更換,因此能否設計一個有內涵、有文化、便于識別的標志,并建立相關的應用系統(tǒng),關乎到企業(yè)長遠的發(fā)展,不容小視。
建設網站的一般過程包括:前期內容確立、網站架構搭建、創(chuàng)意策劃、設計、網站建設。網站的功能版塊一般分為首頁(含引導頁)、新聞部分、產品部分、信息交流部分、定制系統(tǒng)、零散頁面等。根據不同的企業(yè)需求,各網站的功能版塊數量、布局、結構各異。
(一) 頁面的設計方面
網頁設計跟學習別的東西一樣,也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。
頁設計需要耐心,如果沒有耐心,就學不好網頁設計,應為當你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了很長時間才解決。
頁設計需要堅持,堅持不斷的學習,因為設計網頁的軟件在不斷的更新,因此我們要不斷的學習
并且頁設計不要掉入技術的陷阱,如果你的網頁設計技術一流,并且對軟件的掌握程度已經達到一定水平,但是你設計的網頁確不堪目睹,這是因為網頁設計是介于平面設計和編程技術兩者之間的邊緣科學.不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富于個性的web頁面,才能全面展現互聯網這一新型媒體的獨特魅力和多維空間的超強功能.
并且我認為網頁設計應該注重實用性,因為它是讓人瀏覽的,是用戶可以撫摸,可以評論,可以交互的。因此我提倡簡單的美。
(二)網頁視覺效果
視覺形象識別即我們通常所說的vi(visualidentity),與bi一起用于深化表現企業(yè)理念,同時也受到bi的影響。所謂視覺形象識別,就是指能夠被目標客戶通過視覺來認知與企業(yè)相關的一切事物,從最基礎的企業(yè)標志、吉祥物、標準色到企業(yè)日常業(yè)務中的信紙、服裝、名片等等,在將其系統(tǒng)化以后就形成了企業(yè)的視覺形象識別系統(tǒng)。
視覺形象識別系統(tǒng)在整套cis中處于最表層的位置,其中所有的設計都將與目標客戶發(fā)生直接的接觸。
。ㄈ┚W頁的整體布局和導航
網頁的布局通常指的是網頁的整體架構,說的通俗一點就是排版。如何突出最重要的內容,即讓用戶第一眼就看到這個網頁所想要傳達的信息。這一點至關重要。在大多數做的比較成功的網頁中,一個共同的特點就是網頁的整體架構十分的清晰明了,便于用戶瀏覽
網頁布局大致可分為國字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型
網頁布局是主要考慮以下幾點:
1、首先要考慮整個網頁的長和寬,以及長度和寬度之間的比例。
2、其次就應該考慮導航條的設置了。
3、正文的框架設置(橫向因素和縱向因素交錯)
(四)網頁中文字、圖像
圖象我利用網上搜索和自己所學過的banner進行處理,這樣做起來節(jié)約了很多時間。。
。ㄎ澹┚W頁制作過程中的其他注意事項
不要過于注重色彩的燦爛,只要簡單就行。我們最終追求的主要是實用價值。
通過這次實習,在制作時想想使自己的網頁更加豐富多彩,在網頁中插入圖象,動畫,動態(tài)特效。可是總遇到這樣那樣的問題,但在同學的幫助和自己摸索的情況下完成了這個實習的成果?吹搅艘恍┲木W站開發(fā)出的網頁,不僅欄目內容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網民贊嘆不已,流連忘返。以我們的經驗,當前的軟件的功能日趨復雜,不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠,缺點疏漏。虛在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網頁而努力。
近一個星期的實訓將要結束,其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼,去回味,去探索。從制作網頁過程中,我學到了新的美化網頁的方法,運用了更多以前未運用的技巧。這使我學到了更多的知識,并且為我自己在制作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷,將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少,我自己感覺在知識、技能等方面都有了不少的收獲?傮w來說這次是對我的綜合素質的培養(yǎng),鍛煉和提高。
網頁設計報告6
一、本課題的目的和意義:
隨著互聯網技術的迅速發(fā)展網絡已逐漸深入人心,更是成為繼報刊、電視、廣播等傳統(tǒng)媒體之后而迅速興起的一新的傳媒介質,網絡宣傳已成為眾多宣傳手段的重中之重,各種各樣的網站也就應運而生。為宣傳企業(yè)而制作的公司網站、可進行網上購物的電子商務網站、能及時了解到天下事的新聞網站、方便學習的教育網站,充斥著我們的視野,滿足著我們的需要。網站的規(guī)劃與建設,已悄然被許多人擺到了首要的位置上。
當今的人們,如果依然依靠傳統(tǒng)的方式展示自己已經不能滿足現在人們的需要,所以做一個網站就成為人們一件十分有意義并有興趣去做的事情。利用企業(yè)網站我們可以讓全國,甚至全世界的人們有機會知道自己的公司。
二、本課題研究的難點
規(guī)劃并建設好一個企業(yè)網站,并不是一件容易的事。首先,規(guī)劃好這個網站就不容易。因為是企業(yè)網站,所以要求要比其它類型的網站更加獨具匠心,有獨特的眼光。這就規(guī)劃者有了更高的要求。首先,要根據自己的要求網站的風格布局、色彩搭配和大體輪廓,并確立網站的欄目、內容。其次,網站制作者將要根據前一點安排整個頁面文字圖片的布局,這就要求設計者對網頁制作具有相當的水平,美工、排版能力要強。再者,企業(yè)網站需要實現的動態(tài)及時更新等功能要求網站制作程序員有良好的編程基礎,在網絡編程語言ASP、PHP、JSP或ASP。NET等中選擇來進行網站管理后臺的編寫并與前臺掛鉤并通過更新數據庫來實現網站的更新。當然,選擇的編程語言也要與網站服務器平臺所支持的技術相符合。這就要求在配置服務器或是購買虛擬主機時根據需要來進行配置或選擇。ZUI后,網站安全性也是一個重中之重,在如今黑客當行、病毒當道的互聯時空,網站的安全猶為重要。
三、本課題研究要解決的問題
規(guī)劃并建設好一個令人耳目一新的企業(yè)網站,并不是一件容易的事。首先,規(guī)劃好這個網站就不容易。這要求網站規(guī)劃者熟悉企業(yè)的情況,并確立網站的欄目、內容。其次,網站制作者將要根據網站的規(guī)劃書來確定網站的風格、布局、色彩搭配等,這就要求設計者對網頁制作具有相當的水平,美工、排版能力要強。再者,企業(yè)網站需要實現的動態(tài)及時更新等功能要求網站制作程序員有良好的編程基礎,在網絡編程語言ASP、PHP、JSP或ASP。NET等中選擇來進行網站管理后臺的編寫并與前臺掛鉤并通過更新數據庫來實現網站的更新。當然,選擇的編程語言也要與網站服務器平臺所支持的技術相符合。這就要求在配置服務器或是購買虛擬主機時根據需要來進行配置或選擇。ZUI后,網站安全性也是一個重中之重,在如今黑客當行、病毒當道的互聯時空,網站的安全猶為重要,否則,功虧一簣!這就要求配置服務器或選擇虛擬主機時的謹慎以及編寫網站管理后臺的注意。
四、本課題研究的目標及內容
1、本課題研究的目標是:建立一個具有特色的企業(yè)網站。
課題的內容是:在這個課題中,主要是用于公司相關信息的介紹,以及相關的產品內容的`介紹。方便他人的了解。它的內容主要包括對網站前臺的設計及制作,包括企業(yè)網站的logo設計,布局的設計,網站頁面的制作、片頭動畫及頁面動畫的設計制作、注冊登陸系統(tǒng)以及各鏈接和相關技術的開發(fā)等。在這里,我將以制作某企業(yè)網站為例,具體闡述個人網站的制作過程。
制作網站過程:
1、網頁美工
用photoshop CS制作頁面效果圖片,搭配好顏色,設計好版式,這樣做的目的是為了讓網站的頁面更具有整體性和美觀性,色調搭配及版面的設計都可以通過photoshop CS這個強大的圖片處理軟件來完成,這樣設計出來的網頁不論是從美工還是從版式上都是一流的。
2、導航條和文字圖片的布局
用DreamweaverMX和FlashMX設計制作導航條,同時對文字圖片進行調整。具體的就是文字的大小、字體以及圖片的格式、大小進行調整。
3、超鏈接其動態(tài)設計
用用DreamveaverMX建立超鏈接使整個網站能夠自由地相互關聯,使瀏覽者能夠方便地到達所需要的網頁。另外,本網站還可以進行注冊,利用ASP與Access相連使網站變?yōu)閯討B(tài)網站。
五、課題研究進展計劃
1第一周到四周完成畢業(yè)設計開題報告
2第五周調研,準備各種參考資料、充實所需知識
3第六周查閱相關書籍資料,提出可行性的設計方案
4第七到十六周具體設計與制作工作
5第十七周文檔的生成與整理,指導教師修改
6第十八周畢業(yè)設計論文的相關資料的搜集
7第十九周完成畢業(yè)論文撰寫
六、參考文獻
《網頁設計典型技巧》 Time創(chuàng)作室人民郵電出版社20xx年10月
《ASP動態(tài)網站開發(fā)畢劉瑞斯機械工業(yè)出版社20xx年3月
《ASP+Access組建動態(tài)網站實例精講》龍馬工作室人民郵電出版社20xx年6月
網頁設計報告7
尊敬的公司領導:
20xx年8月進入優(yōu)越城百貨以來,任職網頁設計。主要負責我公司網站的更新維護,和編程工作,至今已有4個月的時間。初到公司一切都很陌生,我只有努力工作,不斷向身邊同事學習,熟悉業(yè)務,積極參加公司的各項集體活動,希望能夠得到大家的認同,盡快地融入到這個大家庭中來。
作為一個技術人員,我要求自己忠于崗位,服從安排,遇到問題,首先查找自身原因,通過不斷的學習,提高自身素質,培養(yǎng)和加強自己的責任感。
現將我履行職責情況作具體匯報:
一、履行職務情況
我的職務是網站設計,負責網站設計與日常更新工作,我是這樣開展工作的。
(一)網站設計更新,我采取的措施是:
1.平時上網多注意一些好的效果作為參考,增加自己的審美觀,及程序的安全性和執(zhí)行效率,同時加強學習。
2.堅持每次活動都出新的flash動畫廣告
3.積極為網站增加實用性的功能
4.規(guī)范vb類庫,把常用方法寫成函數封裝,方便調用。拓展性也更好一些。
5.對數據庫和網站文件做到經常下載備份,保障數據安全。
(二)盡職盡責,做好日常的折扣信息與活動等的.更新工作
互聯網每天都在進步天天都有新的東西誕生,所以必需要緊跟步伐,比如搜索引擎經常變更算法,一些好的js框架等可以為公司網站表現的更加友好,所以我會經常到一些技術論壇學習交流。
(三)加強同事間的交流和溝通
(四)以公司為家在做好自己本職工作的同時,公司的其它工作也會積極參與。比如:活動時分店缺少人手會主動要求參加。
二、自律情況
近半年來在公司領導和同事們的關心幫助下我已經融入到了優(yōu)越城這個集體中,我要求自己做到:
1.按工作守則自律。上級規(guī)定不準做的我絕對不做,上級要求達到的我爭取做得優(yōu)秀。
2.用制度自律。我嚴格按本公司制定的規(guī)章制度履行職責。
三、存在的主要問題:
1.在技術上對于CDR軟件使用還不夠熟悉沒有廣告公司工作經驗,對平面設計的東西一直是空白,我會努力同我們市場部平面設計加強學習這方面的技術。
2.對賣場裝飾工作缺少經驗,只能做一些簡單的工作。
述職人:
20xx年12月30日
網頁設計報告8
一、網頁設計的內容
網頁設計中包含著主觀和客觀兩方面的因素,在確立了網頁主題之后,首先要明確和熟悉設計的對象和構成的要素。網頁設計涉及的具體內容很多,可以概括為視聽元素和版式設計兩個方面。
1、視聽元素
這里所說的視聽元素,主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態(tài)影像等。無論是文字、圖形、動畫,還是音頻、視頻,網頁設計者所要考慮的是如何以感研究的形式把它們放進頁面這個“大畫布”里。多媒體技術的運用大大豐富了網頁設計的表現力。
以上各視聽元素大多數瀏覽器本身都可以顯示或收聽,無需任何外部程序或模塊支持。比如,大部分瀏覽器都可以顯示gif、jpeg圖形和gif89a動畫。還有些多媒體文件(如mp3音樂)需要先下載到本地由?上,然后啟動相應的外部程序來播放。另外,在瀏覽器使用插件(plug-in)可以播放更多格式的多媒體文件。微軟推出ie瀏覽器后,提供了基于ole的activex技術,用來在網頁中播放多媒體。目前activex已經成為熱門技術。另一種播放多媒體的技術是javaapplet。它是用java語言編寫的應用于網頁之中的小應用程序,相比于插件和activex,javaapplet具有更大的靈活性和良好的跨平臺能力,因此具有很好的發(fā)展前景。總之,技術的不斷發(fā)展使多媒體元素在網頁設計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現,也對網頁的藝術設計提出了更高的要求。
2、版式設計
網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處,它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計,是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合,將理性思維個性化的表現出來,是一種具有個研究風格和藝術特色的視聽傳達方式。它在傳達信息的同時,也產生感官上的美感和精神上的享受。
但網頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸,網頁則不然,它的尺寸是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且,網頁的組織結構不像印刷品那樣為線性組合,這給網頁的版式設計帶來了一定的難度。
二、網頁設計的原則
網頁作為傳播信息的一種載體,同其他出版物如報紙、雜志等在設計上有許多共同之處,也要遵循一些設計的基本原則。但是,由于表現形式、運行方式和社會功能的不同,網頁設計又有其自身的特殊規(guī)律。網頁的藝術設計,是技術與藝術的結合,內容與形式的統(tǒng)一。它要求設計者必須掌握以下三個主要原則:
1、主題鮮明
視覺設計表達的是一定的意圖和要求,有明確的主題,并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者。訴求的目的,是使主題在適當的環(huán)境里被研究們即時地理解和接受,以滿足研究們的實用和需求,這就要求視覺設計不但要單純、簡練、清晰和精確,而且在強調藝術性的同時,更應該注重通過獨特的風格和強烈的視覺沖擊力,來鮮明地突出設計主題。
根據認知心理學的理論,大多數研究在短期記憶中只能同時把握4到7條分立的信息,而對多于7條的分立信息或者不分立的信息容易產生記憶上的模糊或遺忘,概括起來就是:較小而分立的信息要比較長而不分立的信息更為有效和容易瀏覽。這個規(guī)律蘊含在研究們尋找信息和使用信息的實踐活動中,它要求視覺設計者的網頁設計必須自覺地掌握和遵從。
作為視覺設計范疇一種的網頁設計,其最終目的是達到最佳的主題訴求效果。這種效果的取得,一方面通過對網頁主題思想運用邏輯規(guī)律進行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過對網頁構成元素運用藝術的形式美法則進行條理性處理,更好地營造符合設計目的的視覺環(huán)境,突出主題,增強瀏覽者對網頁的注意力,增進對網頁內容的理解。只有兩個方面有機地統(tǒng)一,生能實現最佳的主題訴求效果。
優(yōu)秀的網頁設計必然服務于網站的主題,就是說,什么樣的網站,應該有什么樣的設計。例如,設計類的個研究站點與商業(yè)站點性質不同,目的也不同,所以評論的標準也不同。網頁設計與網站主題的關系應該是這樣:首先,設計是為主題服務的;其次,設計是藝術和技術結合的產物,就是說,即要“美”,又要實現“功能”;最后,“美”和“功能”都是為了更好地表達主題。當然,有些情況下,“功能”即是“主題”,還有些情況下,“美”即是主題。例如,雅虎作為一個搜索引擎,首先要實現“搜索”的“功能”。它的主題即是它的“功能”。而一個個研究網站,可以只體現作者的設計思想,或者僅僅以設計出“美”的網頁為目的。它的主題只有一個,就是——美。
只注重主題思想的條理性而忽視網頁構成元素空間關系的形式美組合,或者只重視網頁形式上的條理而淡化主題思想的邏輯,都將削弱網頁主題的最佳訴求效果,難以吸引瀏覽者的注意力,出現平庸的網頁設計或使網頁設計以失敗 而告終。
要使網頁從形式上獲得良好的誘導力,鮮明地突出訴求主題,具體可以通過對網頁的空間層次、主從關系、視覺秩序及彼此間的邏輯性的把握運用來達到。
2、形式與內容統(tǒng)一
任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和,是設計存在的基礎,被稱為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和,形式就是它的結構、風格或設計語言等表現方式。內容決定形式,形式反作用于內容。一個優(yōu)秀的設計必定是形式對內容的完美表現。正如黑格爾所說:“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物,再現現實,而在于使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味,使物質經由象征變成相似于精神生活的有關環(huán)境!(黑格爾<美學>第三卷)
一方面,網頁設計所追求的形式美,必須適合主題的需要,這是網頁設計的前提。只講花哨的表現形式以及過于強調“獨特的設計風格”而脫離內容,或者只求內容而缺乏藝術的表現,網頁設計都會變的空洞而無力。設計者只有將二者有機地統(tǒng)一起來,深入領會主題的精髓,再融合自己的思想感情,找到一個完美的表現形式,生能體現出網頁設計獨具的分量和特有的價值。另一方面,要確保網頁上的每一個元素都有存在的必要性,不要為了炫耀而使用冗余的技術。那樣得到的效果可能會適得其反。只有通過認真設計和充分的考慮來實現全面的功能并體現美感生能實現形式與內容的統(tǒng)一。
據有關資料所做的保守估計,目前在上網頁數據傳輸平均以每秒1、5k的速度到達客戶端。假設某個網頁為了豐富其藝術性而追趕時髦地大量使用圖像或其它多媒體元素等,雖然達到了其靜態(tài)形式美的效果,卻造成多達幾十k甚至更大的網頁數據,使瀏覽者必須等待很長時間生能看到“廬山真面目”,這樣的網頁就不是一個優(yōu)秀的網頁,因為它不符合網頁傳播信息的突出特性之一——快捷性,使網頁內容不能很快地到達訪問者,影響了訪問效果和質量,損害了訪問者的情趣和積極性,這種技術要素影響了傳達信息的效果,因而不是形式與內容的完美統(tǒng)一。
網頁具有多屏、分頁、嵌套等特性,設計者可以對其進行形式上的適當變化以達到多變性處理效果,豐富整個網頁的形式美。這就要求設計者在注意單個頁面形式與內容統(tǒng)一的同時,更不能忽視同一主題下多個分頁面組成的整體網頁的形式與整體內容的統(tǒng)一。
因此,在網頁設計中必須注意形式與內容的高度統(tǒng)一。
3、強調整體
網頁的整體性包括內容和形式上的整體性,這里主要討論設計形式上的整體性。
網頁是傳播信息的載體,它要表達的是一定的內容、主題和意念,在適當的時間和空間環(huán)境里為研究們所理解和接受,它以滿足研究們的實用和需求為目標。設計時強調其整體性,可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它,并給研究一種內部有機聯系、外部和諧完整的美感。整體性也是體現一個站點獨特風格的重要手段之一。
網頁的結構形式是由各種視聽要素組成的。在設計網頁時,強調頁面各組成部分的共性因素或者使諸部分共同含有某種形式特征,是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如:在版式上,將頁面中各視覺要素作通盤考慮,以周密的組織和精確的定位來獲得頁面的秩序感,即使運用“散”的結構,也是經過深思熟慮之后的決定;一個站點通常只使用兩到三種標準色,并注意色彩搭配的和諧;對于分屏的長頁面,不可設計完第一屏再考慮下一屏。同樣,整個網頁內部的頁面,都應統(tǒng)一規(guī)劃,統(tǒng)一風格,讓瀏覽者體會到設計者完整的設計思想。
從某種意義上講,強調網頁結構形式的視覺整體性必然會犧牲靈活的多變性,“物極必反”就是這個道理。因此,在強調網頁整體性設計的同時必須注意:過于強調整體性可能會使網頁呆板、沉悶,以致影響訪問者的情趣和繼續(xù)瀏覽的欲望!罢w”是“多變”基礎上的整體。
三、網頁設計的特點
1、交互性與持續(xù)性
網頁不同于傳統(tǒng)媒體之處,就在于信息的動態(tài)更新和即時交互性。即時的交互性是web成為熱點的主要原因,也是網頁設計時必須考慮的問題。傳統(tǒng)媒體(如廣播、電視節(jié)目、報刊雜志等)都以線性方式提供信息,即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在web環(huán)境下,研究們不再是一個傳統(tǒng)媒體方式的被動接受者,而是以一個主動參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互,使網頁設計不像印刷品設計那樣,發(fā)表之后就意味著設計的結束。網頁設計研究員必須根據網站各個階段的經營目標,配合網站不同時期的經營策略,以及用戶的反饋信息,經常地對網頁進行調整和修改。例如,為了保持瀏覽者對網站的新鮮感,很多大型網站總是定期或不定期的進行改版,這就需要設計者在保持網站視覺形象一貫性的'基礎上,不斷創(chuàng)作出新的網頁設計作品。
2、多維性
多維性源于超級鏈接,主要體現在網頁設計中對導航的設計上。由于超級鏈接的出現,網頁的組織結構更加豐富,瀏覽者可以在各種主題之間自由跳轉,從而打破了以前研究們接收信息的線性方式。例如,可將頁面的組織結構分為序列結構、層次結構、網狀結構、復合結構等。但頁面之間的關系過于復雜,不僅使瀏覽者檢索和查找信息增加了難度,也給設計者帶來了更大的困難。為了讓瀏覽者在網頁上迅速找到所需的信息,設計者必須考慮快捷而完善的導航設計。
印刷品中導航問題不是那么突出,如果一個句子在頁尾突然終止,讀者會很自然地翻到下一頁查找剩余部分,為了幫助讀者找到他們要找的信息,出版者提供了目錄、索引或腳注。如果文章從期刊中的一頁跳到后面的非順序頁時,讀者會看到類似于“續(xù)68頁”這樣的指引語句。然而,作為一名網頁設計者,你以前所學的導航技術沒有一種完全適合于網頁導航。在替瀏覽者考慮得很周到的網頁中,導航提供了足夠的、不同角度的鏈接,幫助讀者在網頁的各個部分之間跳轉,并告知瀏覽者現在所在的位置、當前頁面和其他頁面之間的關系等。而且,每頁都有一個返回主頁的按鈕或鏈接,如果頁面是按層次結構組織的,通常還有一個返回上級頁面的鏈接。對于網頁設計者來說,面對的不是按順序排列的印刷頁面,而是自由分散的網頁,因此必須考慮更多的問題。如:怎樣構建合理的頁面組織結構,讓瀏覽者對你提供的巨量信息感到條理?怎樣建立包括站點索引、幫助頁面、查詢功能在內的導航系統(tǒng)?這一切從哪兒開始,到哪兒結束?
3、多種媒體的綜合性
目前網頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等,隨著網絡帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣,必將促使設計者綜合運用多種媒體元素來設計網頁,以滿足和豐富瀏覽者對網絡信息傳輸質量提出的更高要求。目前國內網頁已經出現了模擬三維的操作界面,在數據壓縮技術的改進和流(stream)技術的推動下,inter網上出現實時的音頻和視頻服務,典型的有在線音樂、在線廣播、網上電影 、網上直播等。因此,多種媒體的綜合運用是網頁設計的特點之一,是未來的發(fā)展方向。
4、版式的不可控性
網頁版式設計與傳統(tǒng)印刷版式設計有著極大的差異:
(1)印刷品設計者可以指定使用的紙張和油墨,而網頁設計者卻不能要求瀏覽者使用什么樣的電腦或瀏覽器;
(2)網絡正處于不斷發(fā)展之中,不象印刷那樣基本具備了成熟的印刷標準;
(3)網頁設計過程中有關web的每一件事都可能隨時發(fā)生變化。
這一切說明,網絡應用尚處在發(fā)展之中,關于網絡應用也很難在各個方面都制訂出統(tǒng)一的標準,這必然導致網頁版式設計的不可控制性。其具體表現為:
(1)網頁頁面會根據當前瀏覽器窗口大小自動格式化輸出;
(2)網頁的瀏覽者可以控制網頁頁面在瀏覽器中的顯示方式;
(3)不同種類、版本的瀏覽器觀察同一個網頁頁面,效果會有所不同;
(4)用戶的瀏覽器工作環(huán)境不同,顯示效果也會有所不同。
把所有這些問題歸結為一點,即網頁設計者無法控制頁面在用戶端的最終顯示效果,但這也正是網頁設計的吸引研究之處。
5、技術與藝術結合的緊密性
設計是主觀和客觀共同作用的結果,是在自由和不自由之間進行的,設計者不能超越自身已有經驗和所處環(huán)境提供的客觀條件限制,優(yōu)秀設計者正是在掌握客觀規(guī)律基礎上得到了完全的自由,一種想象和創(chuàng)造的自由。網絡技術主要表現為客觀因素,藝術創(chuàng)意主要表現為主觀因素,網頁設計者應該積極主動地掌握現有的各種網絡技術規(guī)律,注重技術和藝術緊密結合,這樣生能窮盡技術之長,實現藝術想象,滿足瀏覽者對網頁信息的高質量需求。
例如,瀏覽者欣賞一段音樂或電影,以前必須先將這段音樂或電影下載回本地機器,然后使用相應的程序來播放,由于音頻或視頻文件都比較大,需要較長的下載時間。流(stream)技術出現以后,網頁設計者充分、巧妙地應用此技術,讓瀏覽者在下載過程中就可以欣賞這段音樂或電影,實現了實時的網上視頻直播服務和在線欣賞音樂服務,無疑增強了頁面?zhèn)鞑バ畔⒌谋憩F力和感染力。
網絡技術與藝術創(chuàng)意的緊密結合,使網頁的藝術設計由平面設計擴展到立體設計,由純粹的視覺藝術擴展到空間聽覺藝術,網頁效果不再近似于書籍或報刊雜志等印刷媒體,而更接近于電影或電視的觀賞效果。技術發(fā)展促進了技術與藝術的緊密結合,把瀏覽者帶入一個真正現實中的虛擬世界。
技術與藝術的緊密結合在網頁設計中體現得尤為突出。
網頁設計報告9
靜態(tài)網頁設計專業(yè)實訓總結報告提要:
網頁設計實訓就快結束了,在這短短的兩周里,我學會了很多新的知識,更掌握了新的技能,讓我覺得受益匪淺。在實訓時,有空閑就會想到學校里青蔥歲月,簡單流暢,無憂無慮。
插入apdiv標簽,插入圖片,創(chuàng)建超鏈接,設置段落
2.1.3作品展示
圖一:中秋送祝福
2.2項目2
2.2.1項目介紹
有鐵血戰(zhàn)鷹的的圖片素材及相關資料,對鐵血戰(zhàn)鷹進行描述,創(chuàng)建“鐵血戰(zhàn)鷹網頁”
2.2.2關鍵技術
應用表格布局,插入橫線對網頁進行美化
2.2.3作品展示
圖二:鐵血戰(zhàn)鷹
2.3項目3
2.3.1項目介紹
現有自然寫真的圖片,要求自然寫真的圖片在鼠標經過時換成別的圖片,點下導航欄的標題時轉向別的網頁,制作靜態(tài)網頁,網頁名稱為自然寫真。
2.3.2關鍵技術應用
練習頭標題的應用,超鏈接的創(chuàng)建,flash的插入,導航欄的創(chuàng)建。
2.3.3作品展示
圖三:自然寫真
3.實訓過程總結
3.1實訓收獲
這個階段的實訓我們主要是練習網頁制作及網站發(fā)布的各種知識。近些年隨著計算機的廣泛應用,Internet已經成為人們獲得信息不可或缺的媒介,特別是Internet的普及和發(fā)展,網絡已經成為了不可或缺的通信手段。無論是最新的新聞信息、新產品的出臺、新游戲的發(fā)布、最新的動態(tài),包括等候就業(yè)人才的個人簡歷,我們都是可以通過網絡來獲得。但是什么為這提供平臺的呢。我們又是通過什么來獲取這些信息的呢―網頁。由于人們使用網絡的頻繁,網頁作為上網的主要依托就變得非常的重要。網頁講究的是排版布局,其功能主要就是提供一種形式給每個上網者,讓他們能夠了解網站提供的信息。網頁設計直接面對的是大量的用戶,隨時都會反饋回來對網頁的批評建議等,可以根據實際情況進行修改,這樣做可以使使用者用起來更加的方便。
Dreamweaver工具為我們實現這些提供了便利,下面我將網頁制作和網站發(fā)布的知識總結如下:
。1)網頁制作的前期工作是搜集大量的素材,我們的網頁只有是實用的才會是大眾喜歡的,搜集素材以充實我們的'網頁。當然我們也應該在此時定下網站的方向是什么,剩下的就是靠Dreamweaver進行編輯;
(2)網頁的版式設計,版式設計時我們應該有重點,把重要的內容新聞放在醒目的位置上。規(guī)劃各元素在網頁中的位置關系和表現方法,合理安排圖像、文本等元素,使網頁布局合理、美觀大方;
(3)文本編寫,我們的網頁中需要大量的文字材料,這就要在網頁編輯器中用HTML語言中的標簽編寫。也可以利用網頁編輯工具的“所見即所得”功能,直接寫入文字。在瀏覽器中運行時出現冗余代碼時返回代碼頁面重新進行查看修改;
。4)處理網頁之間的關聯,這主要是建立合理、高效的網頁導航系統(tǒng);
(5)網頁發(fā)布過程,主要是將建設好的網頁上傳到服務器中供用戶瀏覽。
3.2存在的問題及解決思路
。1)在Dreamweaver基礎方面:制作網頁時如何實現網頁不跳轉就可以出現新的內容,實現頁面內的鏈接;用代碼編寫網頁上的按鈕,實現按鈕的各種功能,如刷新,重置,確定操作。Css樣式表的概念模糊。
。2)網站風格方面:一個網站的各個頁面之間風格應該是統(tǒng)一的,只有圍繞一個風格才會成功。
。3)網站的內容方面:在制作網站時內容之間應該是相關的,在制作時我們不能追求面面俱到,只能做到精益求精。雜亂無章的網站是不會有大的發(fā)展的。
4.結束語
網頁設計實訓就快結束了,在這短短的兩周里,我學會了很多新的知識,更掌握了新的技能,讓我覺得受益匪淺。在實訓時,有空閑就會想到學校里青蔥歲月,簡單流暢,無憂無慮,回想各位老師的授課,孜孜不倦,學校的生活固然是快樂,www.但是學校的實訓課程真的很重要,因為它能讓我們這些在校學生接觸到社會的發(fā)展,讓我們有時間崗位環(huán)境,順利得從單純的校園生活感到復雜社會生活的不同。在這一周的時間里,我一心只做網頁,做自己喜歡的風格的網頁。經歷了一次充實而有愉快的實訓,我學會了制作框架、使用錨點、給網頁網頁插入背景音樂、表格、視頻、flash、導航條等更深層次的掌握了它們的用法,現在我心目中的網頁也已經大體竣工,我感到很開心,經過這兩的不斷探索,我喜歡上了這門課程,感覺很有意思;蛟S實訓的結束代表一段新生活的開始,但是我認為它不但是一門課,需要我們去掌握,同時還可以鍛煉我們的邏輯思維能力和思維的嚴密性,還有就是在制作網頁的過程中,更需要有不錯的藝術審美觀,這樣,你做出的網頁才會賞心悅目,讓人眼前一亮,也就是從此刻起,我決心好好鉆研這門課,力求這方面的技能達到頂級。雖然網頁已經完成,可這并不是一件輕而易舉的事情,在此過程中遇到了許多以前不曾遇到的問題,多的情況都是自己解決,萬不得已之際,我會主動問老師和同學,直到弄懂為止!讓我更加清楚地明白老師平日里的良苦用心,也更加清楚地明白了自己以后應該怎樣去做事。
網頁設計報告10
一、實習目的
通過網頁設計理論聯系實際操作,鞏固所學的知識,提高處理實際問題的能力。充分學習網頁設計實踐中的操作理論,提高自己網頁設計水平,并為能順利與社會環(huán)境接軌做準備。
二、實習任務
學習網頁設計實際問題處理方法及常規(guī)網頁設計內容(網頁設計切片、數據庫的搭建、新聞管理、留言管理、網頁設計在線編輯器等),網頁設計后臺管理方面的知識應用,及利用所學知識管理和編輯網站,并從實際出發(fā),簡單了解關于網站安全性問題的實際解決措施(md5密碼加密等網頁設計知識)。
三、實習時間
20xx年xx月xx日——20xx年xx月xx日。
四、實習地點
xx。
五、實習內容
按照老師的安排,我制定了相應的實習計劃,并記錄了相關的實訓內容,以備后鑒,且完成實訓作業(yè)及實習心得。注重在實習階段對所學知識的鞏固和提高,以達到根據理論知識,指導日后工作實踐的目的。其主要網頁設計實習具體內容情況報告如下:
1、收集網站所需信息。
2、運用PHOTOSHOP處理的網頁設計所需圖片。處理圖片要保持圖片不失真,并按照網頁設計需求設計所需的效果。
3、對所完成的網頁頁面進行合理的切片處理,并按照網頁設計效果完成網站整體框架的構建。
4、搭建網站所需數據庫。
5、網站的虛擬建設和初步完善。
六、實習體會
大學生活讓我對計算機理論知識有了一定的了解,但實際操作領域依舊是一片空白。紙上得來終覺淺,絕知此事要躬行。經過網頁實訓課的實習,讓我對自己有了新的認識,并明確了網頁設計方面的前進方向。
1、繼續(xù)學習,不斷提升理論素養(yǎng)。在信息時代,學習是不斷地汲取新信息,獲得事業(yè)進步的動力,F在通過實習總感覺自己學的`不夠,要用到知識時總感覺腦袋總是空白。實習后讓我明白,為了能更好的適應工作,不得不利用自己空閑時間去彌補學習中的不足。實訓內容是與自己所學專業(yè)有密切聯系的,所以自己在這方面格外側重,希望能夠加強自己的專業(yè)知識。
2、加強信心,堅持下去。上學的時候大家都說“能珍惜現在的日子就好好珍惜!”,等工作了才真正的領悟這句話的涵義。經歷這次實習后,就希望能把實習所學習的知識,也能運用到課堂上。對自己多一點信心,多給自己點贊賞,多給自己鼓鼓勁,相信自己總會走出一條寬敞大道。
實習,是開端也是結束。在書本上學過很多理論,但從未付諸實踐過,也許等到真正運用時,才會體會到難度有多大。在今后的工作和生活中,自己需要更加努力的奮斗下去。
實習的同時也讓我了解到了自己的不足,我會繼續(xù)努力,完善自我。對于學校的精心安排和指導老師的用心輔導非常感謝。
最后談談我個人對自身的職業(yè)之路規(guī)劃。當然這些還不夠成熟,僅僅是這一個學期的實習帶給我的一點想法,今后我會結合學習生活進一步修正。首先是個人學習,通過實習我認識到利用課堂外的時間也是關鍵,下一步打算結合自己的興趣,利用課余時間自我培訓;其次是社會實踐,初步打算是利用假期等時間充分工作,以提高自身實際工作能力為目的,畢竟“想”和“做”是不一樣的,這次實習中我也認識到了這點,平時覺得自己能夠勝任的簡單事情,當真正動手做時卻總不是那么簡單了;最后,打算結合個人的興趣、價值觀、能力、職業(yè)發(fā)展傾向做個詳細的職業(yè)發(fā)展規(guī)劃。
總體來說,這次網頁設計畢業(yè)實習,讓我受益匪淺,以上是我的實習心得與體會,不足之處望得到指正。
網頁設計報告11
一、畢業(yè)設計的內容和意義:
學校網站是實現教育資源分配的橋梁網絡有巨大的教育資源庫,它聚集社會的力量,使教育資源無限增長。學校網站是最佳的教學研究室,學校網站與教育類專門網站的有效鏈接,給學校教學研究帶來了一片新天地,各種優(yōu)秀文章、各科素材、優(yōu)秀軟件下載等內容為學生提供了極佳的平臺。有效地降低教研成本、提高效率。
我國的大學教育已經普及,大學生的隊伍也正在不斷壯大,為了 方便大學生對本校各項工作的了解以及加深學生、教師與學校之間相 互的交流,建設一個規(guī)模化的`校園網站成為了當務之急。網絡化將給我們的工作和學習帶來了極大的便利。
以Internet/Intranet為網絡平臺實現校園網絡各項信息發(fā)布、管理、設置等功能。本題目要開發(fā)一個校園網門戶網站。包括BBS系統(tǒng)平臺、院校新聞發(fā)布平臺,在限選課平臺。后臺:包括平臺管理、統(tǒng)一認證、資源管理、用戶權限管理等。
二、文獻綜述:
經濟高速發(fā)展的今天,校園的各種信息的收集與發(fā)布都要求有一個高的效率。由于大學生的生活節(jié)奏較快,且電腦普及率和上網概率也隨著社會的發(fā)展越來越高,學生上網獲取信息的機會越來越多。所以,學?梢詫⒄⻊招麄鞣⻊涨腥氲竭@個點來,讓學生更方便地獲取相關信息,這將大大提高學生學習的進度和對學校教育的滿意度。這就要求通過網站,全面宣傳、展示學校風采、優(yōu)點與特色,發(fā)布學校的重大活動安排與招生政策,增強家長與學校之間的聯系,在Internet上實現完成部分校務,提高辦事效率。
該系統(tǒng)是面向全網絡的,作為學校與外界聯系的一個平臺。系統(tǒng)管理員負責更新網站內容,不同權限的用戶登錄系統(tǒng)將進入不同的頁面,實現不同的操作。
系統(tǒng)主要包括六個模塊:
1.用戶注冊模塊:這個模塊完成新用戶的注冊功能,并能對注冊信息進行檢查。
2.用戶登錄模塊:這個模塊提供用戶的登錄界面,并驗證用戶名和密碼,以確定用戶身份。
3.顯示模塊:這個模塊將根據用戶權限顯示出不同的頁面,以及內容。
4.操作模塊:這個模塊提供與內容相關的功能,并且對不同身份的用戶給予不同的操作權限。
5.用戶管理模塊:這個模塊能夠對用戶個人信息進行管理。
6.數據庫模塊:這個模塊實現對數據庫的連接和訪問。
三、工作計劃及方案論證:
1.第一階段:11月20日 — 11月25日
閱讀資料;進行需求分析,提出設計方案確定技術路線,完成開
題報告;設計軟件原型。
2.第二階段:11月26日 — 2月10日
在上一階段基礎上,按時、按質、按量完成畢業(yè)設計任務
3.第三階段:2月11日 — 4月1日
總結所有的工作,完成畢業(yè)設計論文初稿
4.第四階段:4月2日 —4月20日
修改論文;小組內答辯,評分;準備答辯材料
四、參考文獻:(不少于10篇,期刊類文獻不少于7篇)
[1] 周懷軍. ASP動態(tài)網頁設計應用教程[M]. 電子工業(yè)出版社,20xx-3
[2] 趙燕萍. 電子商務概論[M]. 北京中共中央黨校出版社,20xx-11
[3] 王恩波 王若賓. 管理信息系統(tǒng)實用教程[M].人民郵電出版社,20xx-9
[4] 唐乾林. 網頁設計與制作案例教程[M]機械工業(yè)出版社,20xx-8
[5] 趙增敏. ASP可視化編程及應用[M].機械工業(yè)出版社,20xx
[6] 龔小勇. 關系數據庫與SQL Server20xx[M].機械工業(yè)出版社,20xx-1
[7] 崔良海 沙俐敏. WEB編程技術[M].人民郵電出版社,20xx
[8] 陳家琪. C程序設計教程[M].新華出版社,20xx-11
[9] 明日科技. ASP.NET數據庫系統(tǒng)開發(fā)完全手冊[M].人民郵電出版社,20xx-1
[10] 鄧春妮 孫艷華 鄒慶云. ASP.NET信息化系統(tǒng)建設案例[M].人民郵電出版社,20xx-XX
[11] 張樹亮 李超. ASP.NET 2.0+SQL Server網絡應用系統(tǒng)開發(fā)案例精解 清華大學出版社,20xx-9
[XX] 李文梅. 談采用ASP數據庫存取組件訪問SQL Server數據庫 新余高專學報,20xx-10-30 期刊
[XX] 王大龍. 基于VB程序和SQL Server數據庫的多條件模糊查詢的實現 電腦知識與技術,20xx-XX-15期刊
[14] 朱麗敏. 交互式動態(tài)網頁建構技術——ASP技術 太原科技,20xx-02-26期刊
[15] 王珂玲. 利用報,20xx-06-30ASP技術訪問數據庫技術探討 湖南輕工業(yè)高等?茖W校學期刊ASP技術的在線教育系統(tǒng)設計與實現 電腦知識與技[16] 吳錦. 基于術,20xx-XX-25期刊
[17] 王明華. 用ASP技術實現網上購物系統(tǒng) 科技資訊,20xx-09-03期刊
[18] 王海燕 王明明 張景義. 用術,20xx-06-25ASP技術實現人員信息查詢系統(tǒng) 電腦知識與技期刊ASP技術的網站后臺管理系統(tǒng) 電腦知識與技術,20xx-06-25[19] 李錚. 基于刊 期
網頁設計報告12
敬愛的技術總監(jiān):
你好!經過多日思考,最后我還是決定辭職了,雖然是美術院校的藝術設計專業(yè)畢業(yè)的,但是感覺自已的創(chuàng)作能力并不是很強,也不具有良好的美術功底與創(chuàng)意能力,沒有做出幾個比較理想的網頁設計/平面設計的作品。
來公司已經兩年了,說實在的,也真的學了不少的東西,然而畢竟it行業(yè)的發(fā)展是相當的迅速,自已的'步伐總是慢了一步,再加上我對編程比較感興趣,也想往這一方面發(fā)展。說到工資待遇初級美工確實很低,比初級的程序員低多了,想要拿高一點的工資這也是另外一個辭職的原因。
最后,愿公司蒸蒸日上,再創(chuàng)佳績。
此致
敬禮!
簽名:xxx
日期:xx年xx月xx日
網頁設計報告13
為此學校為我們進入社會實習前為我們組織一次為期兩個月的校內實習。在學校組織的這次校內實習,讓我們在進入社會之前,提前體驗了一下將來在社會上的工作情況,給我們提前積累一些社會經驗,通過本次的實習讓我們更加熟練網頁的制作,并創(chuàng)新的以網絡作為平臺,結合網絡運用制作了各類網頁。這包括了我們專業(yè)所學習的所有內容,這次實習不緊是對我們過去學習成果的總結驗證,更是一次學習上的創(chuàng)新與進步。在這次校內實習過程中,不管在知識掌握上,還是知識運用實踐體驗方面我都得到了很大的收獲。
網頁設計與制作的實習是鍛煉我們實踐能力的重要環(huán)節(jié),是對我們實際工作能力的具體習練和考察過程。隨著科學技術發(fā)展的日新月異,網頁設計制作已經成為當今計算機應用中空前活躍的領域,在生活中可以說得是無處不在。因此作為二十一世紀的大學來說掌握網頁設計制作的技術和能力是十分重要的。
這次實習,我為自己家鄉(xiāng)的一個概況做一個網頁。我是來自大理,大理作為一座旅游城市,擁有眾多的旅游風景點,所以我選擇了為我家鄉(xiāng)的旅游做一個網頁。
首先我要做的就是要選擇好題目和網頁的風格,之后我就分步驟準備在制作網頁前所要做好的準備工作。我瀏覽了大理旅游網的一些
特點,借鑒這些網頁的優(yōu)秀之處,不好的地方在自己的網頁上加以改良,從而使自己的網頁更加美觀。
做好這些準備工作之后我希望能在最短的時間內做到最好的效果。接下來的步驟就是準備素材,搜集與主題相關的'文字、圖像、動畫、音樂等資料。在準備素材的過程中我用到了dreamweaver、photoshop等工具。再是設計網頁的內容結構、目錄結構和鏈接結構,設計首頁及其頁面的版式結構。然后創(chuàng)建本地網頁,建立網頁的目錄結構。制作首頁、二級子頁、內容頁,創(chuàng)建超級鏈接。最后就是測試與瀏覽網頁,如果還有什么不理想的地方再改進,改進后再預覽,如此反復,最后達到預期的效果!
在設計的過程中遇到的問題,可以說是困難重重,這畢竟是第一次獨自設計網頁、制作網頁,難免會遇到過各種各樣的問題,同時在設計的過程中發(fā)現了自己的不足之處,對以前所學過的知識理解得不夠深刻,掌握得不夠牢固,比如說拖動層的設置,時間軸與層的顯示與隱藏的綜合應用,浮動導航欄的定位等。在CSS的具體應用還不是和很熟練,沒有能完全達到自己預期的效果,還好通過老師的細心指導才能達到最終效果??通過這次網頁設計與制作實習,把以前所學過的知識重新溫
回顧這次課程設計,至今我仍感慨頗多。的確,從選題到開始制作,從理論到實踐,在實習兩個月的日子里,可以說得是苦多于甜,但是可以學到很多很多的東西,同時不僅可以鞏固了以前所學過的知識,而且學到了很多在書本上所沒有學到過的知識。通過這次課程設
計使我懂得了理論與實際相結合是很重要的,只有理論知識是遠遠不夠的,只有把所學的理論知識與實踐相結合起來,從理論中得出結論,才能真正為掌握技術,從而提高自己的實際動手能力和獨立思考的能力。
這次實習為我提供了與眾不同的學習方法和學習體會,從書本中面對現實,為我將來走上社會打下了扎實的基礎。從實踐操作中,我總結出一些屬于自己的實踐經驗,社會是不會要一個一無是處的人的。作為信息與計算科學專業(yè)的學生,現在我能做的就是吸取知識,提高自身的綜合素質,提高自己的創(chuàng)新能力和合作能力等,自己有了能力,到時候才會是“車到山前必有路”。我相信在不久的未來,會有屬于我自己的一片天空!
這次課程設計在驗收之后終于順利完成了,在設計中遇到了很多的技術問題,最后在老師的辛勤指導下,終于游刃而解。同時,在老師的身上我學得到很多實用的知識,在這我再次我表示深深地感謝!同時,對給過我?guī)椭乃型瑢W表示忠心的感謝!
網頁設計報告14
前言
Dreamweaver是美國MACROMEDIA公司開發(fā)的集網頁制作和管理網站于一身的所見即所得網頁編輯器,它是第一套針對專業(yè)網頁設計師特別發(fā)展的視覺化網頁開發(fā)工具,利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。Dreamweaver、FLASH以及在DREAMWEAVER之后推出的針DREAMWEAVER對專業(yè)網頁圖像設計的FIREWORKS,三者被MACROMEDIA公司稱為DREAMTEAM(夢之隊),足見市場的反響和MACROMEDIA公司對它們的自信。說到DREAMWEAVER我們應該了解一下網頁編輯器的發(fā)展過程,隨著互聯網(Internet)的家喻戶曉,HTML技術的不斷發(fā)展和完善,隨之而產生了眾多網頁編輯器,從網頁編輯器基本性質可以分為所見即所得網頁編輯器和非所見即所得網頁編輯器(則原始代碼編輯器),兩者各有千秋。所見則所得網頁編輯器的優(yōu)點就是直觀性,使用方便,容易上手,您在所見即所得網頁編輯器進行網頁制作和在WORD中進行文本編輯不會感到有什么區(qū)別,但它同時也存在著致命的弱點,F如今,數以萬計的網站以網頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候,在網絡成為通信的主要手段的時候,在計算機網絡普及的今天,網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網絡上的“代言人”。
1.對靜態(tài)網頁設計的認識
1.1網頁設計介紹
從文件的角度來說,一個網頁就是一個HTML文件。當瀏覽者輸入一個網址或單擊某個鏈接后,在瀏覽器中顯示出來的就是一個網頁。一般網頁上都會有文本、圖片等信息,而復雜一些的網頁上還會有聲音、視頻、動畫等多媒體內容,為網頁增添了豐富的色彩和動感。靜態(tài)網頁是指網頁文件中沒有程序,只有HTML代碼,一般以.html或.htm為后綴名的網頁,靜態(tài)網站內容不會在制作完成后發(fā)生變化,任何人訪問都顯示一樣的內容。網站是一系列邏輯上可以視為一個整體的網頁集合,是許多相關網頁有機結合而組成的一個信息服務中心。對于小型網站,是指帶有一定主題的多個網頁集合;對于大型網站還包含數據庫和服務器端應用程序等如新浪、網易、搜狐等門戶網站。在構成網站的眾多網頁中,有一個頁面比較特殊,稱為首頁,即網站的第一個頁面。動態(tài)網頁是指網頁文件不僅具有HTML標記,而且還含有程序代碼,并使用數據庫連接。動態(tài)網頁能根據不同的時間,不同的來訪者顯示不同的內容,動態(tài)網站更新方便,一般在后臺直接更新。
1.2網頁設計及網頁布局技術
網頁是構成網站的基本元素。一個網頁是否精彩與網頁布局有著重要關系。常見的網頁布局類型有“國”字型、“匡”字型、“三”字型、“川”字型等。其他類型的有:標題文本型,封面型,Flash型,框架型?梢杂帽砀竦男问街v一個頁面分成幾個單元格,通過單元格的合并拆分,對網頁進行布局,單元格就相當于是一塊紙,在紙上寫的東西單元格里都可以容得下。通過設置單元格的長寬對頁面進行布局?蚣軐W頁進行布局有很多優(yōu)點網頁結構清晰,易于維護和更新。方便用戶瀏覽網頁,采用滾動條,可節(jié)省頁面空間,使網頁風格保持統(tǒng)一;CSS作為網頁設計中的一種重要技術,具有以下優(yōu)點:,表現和內容相分離,提高頁面瀏覽速度,易于維護和修改,應用apdiv創(chuàng)建網頁,網頁清晰,易于分塊。應用表單創(chuàng)建網頁,應用行為創(chuàng)建網頁。
1.3靜態(tài)網頁設計的技術要點
用框架對網頁進行布局時有很多缺點:網頁內容無法被大多數搜索引擎搜索到,不被低版本瀏覽器支持,樣式陳舊,無法滿足個性化設置,難以實現不同框架中各元素的.精確對齊。在網頁設計過程中使用CSS樣式表,主要有以下兩種方式,內部CSS樣式表,外部CSS樣式表,應用庫創(chuàng)建網頁時:對于站點訪問者和開發(fā)人員而言,使用交互式網頁www.具有更多用途,使訪問者可以快速方便地在一個內容豐富的網站上查找信息,后臺管理者可以收集、保存和分析站點訪問者提供的數據,,后臺管理者可以對內容不斷變化的網站進行更新。靜態(tài)網頁每個網頁都有一個固定的URL,且網頁URL以.htm、.html、.shtml等常見形式為后綴,而不含有“?”;網頁內容一經發(fā)布到網站服務器上,無論是否有用戶訪問,每個靜態(tài)網頁的內容都是保存在網站服務器上的,也就是說,靜態(tài)網頁是實實在在保存在服務器上的文件,每個網頁都是一個獨立的文件;靜態(tài)網頁的內容相對穩(wěn)定,因此容易被搜索引擎檢索;靜態(tài)網頁沒有數據庫的支持,在網站制作和維護方面工作量較大,因此當網站信息量很大時完全依靠靜態(tài)網頁制作方式比較困難;靜態(tài)網頁的交互性較差,在功能方面有較大的限制。
網頁設計報告15
隨著當前計算機技術的飛速發(fā)展,計算機應用范圍的擴大,越來越多的中職院校在課程開設時順勢采用了項目式教學方法,結合校企結合或引企入校的方式來實施教學!毒W頁設計》課程不但是計算機專業(yè)學生的專業(yè)技術課,同時也是非計算機專業(yè)的學生非常歡迎的選修課目。針對中職教育的特點,為了適應學生這個群體的心理特點及思維現狀,我們在不斷的實踐過程中,探索新型的教學方法,讓學生在結合現實工作中的項目,小組團隊協作完成項目,從協作和實施項目過程中完成知識和技能的學習,從真實的工作環(huán)境中學習。從而能達到學習完課程就能頂崗獨立完成工作。
在我們的生活中,小到一個生日聚會、一次課余活動,大到一項工程建設,一個節(jié)日慶典,這都屬于一個項目。項目無論是簡單還是復雜都有一定的共有特性。美國PMI定義說:“項目是為了完成某一獨特的產品、服務或任務所做的一次性努力!倍覀冊诮虒W活動中所提出的是“項目”則是指提出一個前人曾完成過的一個項目工作,也可以是由教材的相關內容轉化來的社會的一種需求。學生圍繞此工作或需求進行相關聯的學習和探究的活動,從而完成知識的學習和能力的培養(yǎng)。
一、項目教學法的含義及特點
項目教學法是指教師與學生共同將教學知識作為一個完整的項目進行實施的教學活動過程。項目教學的目標在于把學生有意義的融入到一個完成項目的過程中去,調動學生的學習積極性、自主的對知識進行建構,把通過學習所掌握的知識技能以及培養(yǎng)起來的職業(yè)能力作為最終的目標。
二、在《網頁設計》課堂教學中的設計
項目式教學設計中課堂教學中按照選定項目、制定計劃、活動探究、制作作品、成果展示、綜合評價等6個環(huán)節(jié)來設計。整個教學過程中以學生自主學習為主,教師引導啟發(fā)為輔來讓學生圍繞項目自主學習探究。
在教學過程中貫穿項目式的學習中,項目的制定就顯得非常重要,它既要根據學生興趣來選定,同時又要考慮體現教學總體目標;并且所選擇項目應該和學生日常的經歷相關;難度要與學生的知識背景相符。制作熱門話題專欄、制作個人主頁、制作班級主頁、制作個人愛好娛樂主頁等,這些都是學生感興趣的一些內容。在課程開始前要展示優(yōu)秀的網站效果,讓學生對網站建設有初步了解,并激發(fā)學生對網頁設計的興趣,讓學生自己產生要制作屬于自己的作品。
三、項目式教學過程的實施
根據學生自己感興趣的課題項目對學生進行分組,并在課堂上統(tǒng)一進行課題項目的分析,分析的過程中要對學生網頁設計的基礎內容進行講解和分析。在整個分析講解的過程中要讓學生了解整個過程的制作工具,并選定項目的負責人。然后依據學生學習自主化的原則,任務目標化的方法,根據項目目標的要求,由負責人統(tǒng)一安排小組學習任務,由教師引導學習方向,共同制定出個人學習任務目標。
本項目要以學會專業(yè)規(guī)劃網站、對主題網頁進行相關設計并完成制作為知識目標;把掌握資料素材整合、制作軟件使用確立為技能目標;讓學生學會協作、學會正確的認識與評價自己與同學相互幫助增強自信心為情感目標。
課程項目內容及相關能力要求中首要學生學習的內容是頁面的布局。頁面布局是依照網站的受眾群體的特點進行色彩組合和版面布局,通過導航的設計及媒體的使用來修飾網頁的整體視覺效果和功能效果。并通過添加各種網頁元素(文字、圖像、表格、表單、視頻、動畫等)的設計與制作完善網頁整體效果。再次是網頁的結構,網頁結構的確立一般是由網頁框架、使用的表格及層的.綜合運用來完成。最后就是使用各種特殊效果來美化網頁效果、增強網頁使用功能。并確定網頁元素。如JavaScript特效的設計,使用不同的特效來加強網頁與用戶的可交互能力。
根據學習進程,制定小組前期準備部分。學生深入的調查研究確定知識內容與技能技巧部分的前期資料。這個過程主要是由學生自己進行協作,通過自習與課外活動時間來做相關的調查與資料的搜集。小組成員通過教材及輔助材料的共同分析學習,出現問題與指導教師統(tǒng)一探究解決。這個過程學生們通過不斷發(fā)現問題,提出問題,最后解決問題的過程來完善自己的知識結構體系,最后形成一個系統(tǒng)的知識體系。
活動探究部分讓學生完成知識體系的培養(yǎng)后,學生運用相應的小組計劃分別完成各自的作品,在完成作品的時候還會出現知識性問題,也會遇到能力培養(yǎng)方面的問題,這時候教師就要引導學生自己探究,培養(yǎng)學生解決問題的能力,從而提高學生的知識水平也加強學生各方面能力的培養(yǎng)。再此環(huán)節(jié)中要求教師在引導項目實施過程中要在引導方式上注意到有針對性的進行查漏補缺的幫助學生學習。
項目完成以后,由各小組先進行相互的指導交流,指導交流主要是為了讓學生取長補短,這樣可以很好的幫助自己發(fā)現問題,同時也可以發(fā)現自己的優(yōu)點,從而增強自己的自信心。交流后給小組成員一課時的時間進行相應的總結及作品的微調整,并指定小組成員進行知識層面及技術層面的演示講解,分享作品制作的成功和喜悅。通過這種形式,學生們獲得了極大的成就感。
成就的最終獲得還是要取決于最后的學習情況評價。整個評價過程采用了小組成員間、小組間及師生間的全方位綜合評價法。項目開展過程中小組長對成員、成員對成員、成員對小組長都要進行不同方面的評價,最后把每部分的評價綜合為項目終結性個人評價,加上其他小組成員對作品的評價,最后加上教師引導過程中的效果評價形成個人綜合評價。這個評價也包括了知識和能力等多方面的細化評價,通過評價,使學生反思自己學到了什么知識和技能,以及不足,從而找出進一步學習的方向。
四、項目式課程設計的優(yōu)勢及不足
在整個項目的進行過程中學生可以自主的學習,自覺地接受學習,自己找可以承擔的學習任務來完成,同時也學會了發(fā)現問題和解決問題的方法,發(fā)揮了個人的最大能力,也培養(yǎng)了從不同角度觀察、思考和解決問題的辦法,激發(fā)自身的創(chuàng)新意識,提高自身的創(chuàng)新能力。
但是整個過程仍然存在懈怠的同學,過分依賴他人完成整個項目,教師要是整個過程不能夠及時發(fā)現這個問題則會造成學生學習發(fā)展的不均等,所以要加強項目學習的細化指導,加強教學過程的監(jiān)督與引導。
其次在整個過程的實施中,學生的自覺性是直接影響到項目的進程及完成的最終效果,所以在學生整個學習的時間安排上應該有效的科學的安排,既要結合課余時間也要提高個人的學習效率。因為學生課余還有參加很多其他的學校獲得所以導致計劃落實有出入,所以加強計劃可行性安排及建立項目學習的保障體系是需要我們繼續(xù)探究的問題之一。
【網頁設計報告】相關文章:
網頁設計開題報告06-26
網頁設計實習報告02-13
網頁設計與制作報告02-13
網頁設計開題報告06-20
關于網頁設計的開題報告02-20
網頁設計畢業(yè)實習報告06-19
網頁設計開題報告范文06-17
網頁設計頂崗實習報告06-20
UI網頁設計實習報告02-21