網(wǎng)頁設(shè)計實踐報告(通用21篇)

格式:DOC 上傳日期:2023-11-10 23:42:05
網(wǎng)頁設(shè)計實踐報告(通用21篇)
時間:2023-11-10 23:42:05     小編:念青松

報告的格式可以根據(jù)具體需求進行調(diào)整,但一般包括標題、摘要、正文和參考文獻等部分。那么我們該如何寫一份完美的報告呢?首先要確定報告的目標和受眾,然后收集和整理相關(guān)資料,進行分析和歸納,展開詳細的敘述和闡述。在撰寫過程中,要注意語言準確、表達清晰、邏輯嚴謹,同時使用適當?shù)膱D表和數(shù)據(jù)來支持觀點。最后,進行仔細的修改和校對,確保報告的準確性和完整性。如果您需要更多關(guān)于報告寫作的資源和技巧,可以參考下面列出的相關(guān)書籍和網(wǎng)站。

網(wǎng)頁設(shè)計實踐報告篇一

隨著互聯(lián)網(wǎng)技術(shù)的迅速發(fā)展網(wǎng)絡(luò)已逐漸深入人心,更是成為繼報刊、電視、廣播等傳統(tǒng)媒體之后而迅速興起的一新的傳媒介質(zhì),網(wǎng)絡(luò)宣傳已成為眾多宣傳手段的重中之重,各種各樣的網(wǎng)站也就應(yīng)運而生。為宣傳企業(yè)而制作的公司網(wǎng)站、可進行網(wǎng)上購物的電子商務(wù)網(wǎng)站、能及時了解到天下事的新聞網(wǎng)站、方便學習的教育網(wǎng)站,充斥著我們的視野,滿足著我們的需要。網(wǎng)站的規(guī)劃與建設(shè),已悄然被許多人擺到了首要的位置上。

當今的人們,如果依然依靠傳統(tǒng)的方式展示自己已經(jīng)不能滿足現(xiàn)在人們的需要,所以做一個網(wǎng)站就成為人們一件十分有意義并有興趣去做的事情。利用企業(yè)網(wǎng)站我們可以讓全國,甚至全世界的人們有機會知道自己的公司。

規(guī)劃并建設(shè)好一個企業(yè)網(wǎng)站,并不是一件容易的事。首先,規(guī)劃好這個網(wǎng)站就不容易。因為是企業(yè)網(wǎng)站,所以要求要比其它類型的網(wǎng)站更加獨具匠心,有獨特的眼光。這就規(guī)劃者有了更高的要求。首先,要根據(jù)自己的要求網(wǎng)站的風格布局、色彩搭配和大體輪廓,并確立網(wǎng)站的欄目、內(nèi)容。其次,網(wǎng)站制作者將要根據(jù)前一點安排整個頁面文字圖片的布局,這就要求設(shè)計者對網(wǎng)頁制作具有相當?shù)乃?,美工、排版能力要強。再者,企業(yè)網(wǎng)站需要實現(xiàn)的動態(tài)及時更新等功能要求網(wǎng)站制作程序員有良好的編程基礎(chǔ),在網(wǎng)絡(luò)編程語言asp、php、jsp或asp。net等中選擇來進行網(wǎng)站管理后臺的編寫并與前臺掛鉤并通過更新數(shù)據(jù)庫來實現(xiàn)網(wǎng)站的更新。當然,選擇的編程語言也要與網(wǎng)站服務(wù)器平臺所支持的技術(shù)相符合。這就要求在配置服務(wù)器或是購買虛擬主機時根據(jù)需要來進行配置或選擇。zui后,網(wǎng)站安全性也是一個重中之重,在如今黑客當行、病毒當?shù)赖幕ヂ?lián)時空,網(wǎng)站的安全猶為重要。

規(guī)劃并建設(shè)好一個令人耳目一新的企業(yè)網(wǎng)站,并不是一件容易的事。首先,規(guī)劃好這個網(wǎng)站就不容易。這要求網(wǎng)站規(guī)劃者熟悉企業(yè)的情況,并確立網(wǎng)站的欄目、內(nèi)容。其次,網(wǎng)站制作者將要根據(jù)網(wǎng)站的規(guī)劃書來確定網(wǎng)站的風格、布局、色彩搭配等,這就要求設(shè)計者對網(wǎng)頁制作具有相當?shù)乃?,美工、排版能力要強。再者,企業(yè)網(wǎng)站需要實現(xiàn)的動態(tài)及時更新等功能要求網(wǎng)站制作程序員有良好的編程基礎(chǔ),在網(wǎng)絡(luò)編程語言asp、php、jsp或asp。net等中選擇來進行網(wǎng)站管理后臺的編寫并與前臺掛鉤并通過更新數(shù)據(jù)庫來實現(xiàn)網(wǎng)站的更新。當然,選擇的編程語言也要與網(wǎng)站服務(wù)器平臺所支持的技術(shù)相符合。這就要求在配置服務(wù)器或是購買虛擬主機時根據(jù)需要來進行配置或選擇。zui后,網(wǎng)站安全性也是一個重中之重,在如今黑客當行、病毒當?shù)赖幕ヂ?lián)時空,網(wǎng)站的安全猶為重要,否則,功虧一簣!這就要求配置服務(wù)器或選擇虛擬主機時的謹慎以及編寫網(wǎng)站管理后臺的注意。

1、本課題研究的目標是:建立一個具有特色的企業(yè)網(wǎng)站。

課題的內(nèi)容是:在這個課題中,主要是用于公司相關(guān)信息的介紹,以及相關(guān)的產(chǎn)品內(nèi)容的介紹。方便他人的了解。它的內(nèi)容主要包括對網(wǎng)站前臺的設(shè)計及制作,包括企業(yè)網(wǎng)站的logo設(shè)計,布局的設(shè)計,網(wǎng)站頁面的制作、片頭動畫及頁面動畫的設(shè)計制作、注冊登陸系統(tǒng)以及各鏈接和相關(guān)技術(shù)的開發(fā)等。在這里,我將以制作某企業(yè)網(wǎng)站為例,具體闡述個人網(wǎng)站的制作過程。

制作網(wǎng)站過程:

用photoshopcs制作頁面效果圖片,搭配好顏色,設(shè)計好版式,這樣做的目的是為了讓網(wǎng)站的頁面更具有整體性和美觀性,色調(diào)搭配及版面的設(shè)計都可以通過photoshopcs這個強大的圖片處理軟件來完成,這樣設(shè)計出來的網(wǎng)頁不論是從美工還是從版式上都是一流的。

2、導(dǎo)航條和文字圖片的布局。

用dreamweavermx和flashmx設(shè)計制作導(dǎo)航條,同時對文字圖片進行調(diào)整。具體的就是文字的大小、字體以及圖片的格式、大小進行調(diào)整。

3、超鏈接其動態(tài)設(shè)計。

用用dreamveavermx建立超鏈接使整個網(wǎng)站能夠自由地相互關(guān)聯(lián),使瀏覽者能夠方便地到達所需要的網(wǎng)頁。另外,本網(wǎng)站還可以進行注冊,利用asp與access相連使網(wǎng)站變?yōu)閯討B(tài)網(wǎng)站。

2第五周調(diào)研,準備各種參考資料、充實所需知識。

3第六周查閱相關(guān)書籍資料,提出可行性的設(shè)計方案。

4第七到十六周具體設(shè)計與制作工作。

5第十七周文檔的生成與整理,指導(dǎo)教師修改。

6第十八周畢業(yè)設(shè)計論文的相關(guān)資料的搜集。

7第十九周完成畢業(yè)論文撰寫。

《網(wǎng)頁設(shè)計典型技巧》time創(chuàng)作室人民郵電出版社20xx年10月。

《asp動態(tài)網(wǎng)站開發(fā)畢劉瑞斯機械工業(yè)出版社20xx年3月。

網(wǎng)頁設(shè)計實踐報告篇二

網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心,無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。

定位網(wǎng)站的ci形象。

“易菲”植根中國文化之精髓,汲取自然稟賦之靈性,形成一個既有濃厚文化底蘊,又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容,是包容,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展。“菲”通非,是生機、是個性、是春意盎然、是自強不息,是對人性深度的一種挖掘?!吧钊缁?,自在快樂”是yifini易菲的設(shè)計理念,倡導(dǎo)一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。

于時間的關(guān)系在本次我準備做四張網(wǎng)頁:一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。

網(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)頁我上網(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)在以后我一定會做得更好,爭取不范類似錯誤。

做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用,但是出現(xiàn)的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現(xiàn)了我學習方面的缺點,它是我平時不夠認真的具體表現(xiàn)。

在我打開dremweaver后第一步便是新建站點,我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中,以便網(wǎng)頁制作時可以方便的使用。

設(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ù)。

實現(xiàn)網(wǎng)頁間的鏈接。

我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

向靜太網(wǎng)頁插入動態(tài)效果。

在這一階段我遇到了許多的`問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。

在做完網(wǎng)站才發(fā)現(xiàn),怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學校上的問題,當真正開始運用的時候在向老師提問。

這只是在制作過程中出現(xiàn)一些問題,其它問題也是類似相同?,F(xiàn)在想想,自己所會的東西太少了,現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。從我做的網(wǎng)頁來看可以反映出學習的還不夠,缺點疏漏。需在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習,讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術(shù)性。

網(wǎng)頁設(shè)計實踐報告篇三

這是我的第一次實訓(xùn),然而當一個大學生第一次踏足這個社會,或許會覺得彷徨,畢竟年輕的我們,有16年都是在學校中度過的,再加上不斷的聽聞實訓(xùn)、招聘的社會有多殘酷有多現(xiàn)實,但是其實只要我們愿意踏出第一步,初生牛犢不怕虎,大膽去闖吧,還是有公司能夠包容我們。所以抱著不怕辛苦,耐心向?qū)W的心情,我還是決定闖一闖,畢竟大學這個亞社會和真實的社會真的差太多太多了,在實訓(xùn)中,得到任何與自己專業(yè)相關(guān)的知識,規(guī)劃自己以后將要實現(xiàn)的目標,學會如何在公司里處理人事關(guān)系,協(xié)調(diào)合作等等。然而實訓(xùn)后,發(fā)現(xiàn)自己仍在在所學的知識上欠缺完整性和技能的熟悉,實訓(xùn)是一件很有意義的事,是大學生踏入社會前減少在社會上碰壁的好方法。

回顧這一個月來的實訓(xùn)生活是一件很值得紀念的事,這是我第一次在外實訓(xùn),第一次在網(wǎng)上投簡歷能收到回復(fù)。對于我們這樣的藝術(shù)設(shè)計學生,我深刻的體會到單單是學校教的遠遠不夠,學校教的很籠統(tǒng),很抽象,很大概,如果可以,我希望這個專業(yè)的師弟師妹們,有空多多到圖書館充實自己,靜下心來充分自學。在外實訓(xùn)前,第一件事是把自己賣出去,包裝自己,所以簡歷很重要,務(wù)必屬實,因為你有多少兩重,閱人無數(shù)的人事主管和老板在面試的交談中很快就能從你各方面行為和語言中找到答案。既然要面試,衣服當然要穿正裝,其實我也想的只是大二實訓(xùn)期沒有大三的三個月那么長,就那么一個月。這樣短期的工作其實根本沒有什么公司愿意招聘,所以我感覺到萬分榮幸能夠進到這一支專業(yè)的創(chuàng)業(yè)團隊,真的是一件了不起的事,而且這個崗位與我學習的和自己喜愛的科目對的很準,我自己也十分樂于這份工作。

記得剛開始的一個多星期,公司并沒有讓我馬上投入工作,因為當時對產(chǎn)品了解不熟悉,要從學校的圈子走出來到商業(yè)模式去還是有點顧慮,但是當你接觸到這商業(yè)化的東西,你會發(fā)現(xiàn),學校的東西遠遠不足。所以一般公司會進行些培訓(xùn),很感激william楊,他提供了很多設(shè)計的書籍給我自學閱讀,可惜在我深刻讀完《瞬間之美--web界面設(shè)計如果讓用戶心動》(點擊跳到本人的讀書筆記)一書后,就再也很難抽取一點時間來閱讀了。

在接下來的這個月里,除了必要的培訓(xùn)以熟悉公司及其產(chǎn)品知識外,我也開始忙碌起來,因為產(chǎn)品的第一個內(nèi)部版本需要再x月x日這個好日子發(fā)布。剛開始的兩個星期,因為對產(chǎn)品并不熟悉,一直以來在學校設(shè)計的作品都很“學校”但是商業(yè)設(shè)計比較少,出頭設(shè)計的時候真的抓破頭腦,因為習慣了學校的生活,習慣了客戶給要求按照客戶的想法去做。至于什么叫很學校呢,就是一種填鴨式的,根據(jù)參考去模仿設(shè)計,然而在社會上涉及很多工作人員。

我很喜歡你們,喜歡這樣的工作氛圍,謝謝你們!

網(wǎng)頁設(shè)計實踐報告篇四

畢業(yè)后,我來到了社會這個匯集眾多江河湖水的大海,感受到了獨立生活的好處與艱辛,同時我自己也更深的理解了,家長和學校老師對我們的殷切希望,在社會實習的這段日子,我吃了些苦,受了些罪,可是整個人在肉體上和精神上卻升華了很多,也比以前的變得更有自信了?,F(xiàn)將我的實習情況匯報如下:

我所在的這家公司,是一家做網(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+span),并進一步的加以制作,完善美化,如加入js代碼,或透明flash,因為網(wǎng)頁是用css+span進行排版的,所以在最后一步的時候,我們還需要進行瀏覽器測試,因為css+span排版方式有一個最大的缺點就是:瀏覽器不兼容的問題,典型的如: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è)后,有一段時間沒有寫代碼了,剛一上機,還有點生疏,但是憑借在學樣扎實的學習功底,我很快就恢復(fù)了自己的英雄本色,將html代碼寫的很熟練,做了一個左右分欄的頁面,沒什么太大難度,技術(shù)總監(jiān)看了以后,說不錯,讓我三天后參加培訓(xùn),合格扣就可以正式上班了。

(二)三天的培訓(xùn)工作

三天后,我來到了公司,一看,來參加培訓(xùn)的人有很多,大概在十多個人左右,其實所謂的培訓(xùn),就是讓大家先熟悉這家網(wǎng)站的工作,先做一些他們平時干的活,做一些廣告網(wǎng)頁,這些網(wǎng)頁都是靜態(tài)的,沒什么難度。我后來發(fā)現(xiàn),自己在這些人當中,還是較較者,心里優(yōu)勢還挺好的。

(三)最后的考核

三天的培訓(xùn)后,我們迎來了最后的考核,合格的人會被留下,并得到一份為期一個月的實習合同,然后會在根據(jù)你在實習期的表現(xiàn)決定你的去留問題,最優(yōu)秀的人會轉(zhuǎn)正,得到很優(yōu)厚的待遇。

考核的內(nèi)容,就是在公司的商務(wù)網(wǎng)站上任選一個頁面,然后在規(guī)定的時間內(nèi)做完,我還不錯,技術(shù)比較熟練,是第四個做完的。當我們把網(wǎng)頁做完后由這家公司的經(jīng)理進行審核,最后的結(jié)果是,最先做完的前8個人可以有底薪加提成,每人頁面的提成是2元錢,而后面做完的,只有提成,沒有底薪,他們的提成是每個頁面5元錢,最后的幾個人就被淘汰了,制度雖有點不近人情,但是剛畢業(yè)的學生能忍也就忍了,就這樣,我們每個人得到了一份一個月的臨時合同,正式開始了實習工作。

我的實習是從大三剛開學,被一位老師推薦到一家室內(nèi)設(shè)計公司實習了!真慶幸自己平時能利用課余時間學到那些設(shè)計方面的知識,和大二暑假到那家設(shè)計公司實習?。∫皇沁@些,我想現(xiàn)在就由學校安排到廠工里當普工。但自己最大的收獲是將所學的adobe軟件用于實踐,并且通過實踐檢驗了自己關(guān)于設(shè)計方面的假設(shè)和猜想,取得了一些令自己滿意的成績。

我們每天的上班時間是從早上8:30分到下午的17:00,這是我見過最有激情的一些人了,年紀輕輕,干勁十足,來了以后就工作,連平時聊天的內(nèi)容也和本行業(yè)分不開,我喜歡他(她)們,回為是實習期,所以每天做的數(shù)量沒有太大要求,但是每個人都玩命似的干活,抓緊時間做網(wǎng)頁,我們做的網(wǎng)頁是比較簡單的從上到下式的網(wǎng)頁,通過css+span排版,這樣在后期瀏覽器兼容測試中,就好做的很多了,文字與圖片之間就不會有太多的麻煩,我干的很不錯,不過有些追求精致,我做網(wǎng)頁的速度慢了很多,最初每天只能做3——4個網(wǎng)頁,這對于我來說是不能接受的,后來我改變了工作方法,我第次工作的時候,先訂下計劃,比如今天做多少網(wǎng)頁,然后我將要做的所有網(wǎng)頁,先做好排版,這時的網(wǎng)頁雖然排過版,但是不美觀,因為沒有進行美化工作,然后我會在下午的時間,集中全力做美化工作,就這樣我的速度提高了很多,快了將近一倍多。只要更加熟練速度不會更快,我相信自己。

每天的工作都是是很快的,有時感覺時間過的很快,想停都停不住,早上出去的時候,見的是太陽,晚上下班后看到的是即將落日的夕陽或者是星星,每天就這么快的過去了,每個工作日結(jié)束后,我都會在下班后步行一段時間,去附近的圖書城充會電,或者放松一下,找一些我喜歡的書,看上幾個小時。

明年就要開始找工作了,這次實習,更讓我懂得了珍惜現(xiàn)在的生活,校園生活真的非常完美,非常令人羨慕!職場的競爭很大,“逆水行舟,不進則退”,必須時刻提醒自己,督促自己!同時也看到了許多,知道做人比做事更加重要,沒有人天生就會,沒有人天生就懂,只有不斷地努力才能成功,在這里不是每個人都有認為你是什么的,有的人就覺得你什么也不是。你只有付出好好學,做給她們看。證明自己不是虛的,證明自己有實力,名副其實!

實習期結(jié)束后,我和其它同事得到了正式合同并留在了這家公司,通過這次工作,我得到的最大體會就是,如果一個人在社會上沒有一技之長,那他是沒有辦法很好的活下來的,只有不斷的加強自身專業(yè)技能學習才行。所以,尊敬的老師,我會在業(yè)余時間好好學習,加強自己的專業(yè)能力,使自己變得更強,只有這樣才能上到為國家、為社會做出貢獻,下到為自己、為父母、為學校交出一份滿意的答卷。

(4)廣告圖象攝影和廣告插畫上,通過對商品在消費使用過程中的情景做出真實的再現(xiàn),以便來宣傳商品的特征,突出商品的形象;或以攝影圖形來促發(fā)消費者的購買欲望,更直觀準確地傳達產(chǎn)品信息。真實的反映商品的結(jié)構(gòu)、造型、材料和品質(zhì)。廣告的插畫有傳統(tǒng)的寫實描繪逐漸向夸張、理想化和多邊化的視覺表現(xiàn)方向發(fā)展,重意念而輕形似,從而有助于強化廣告商品對象的特征和主題。在廣告排版制作的過程中,使用卡通形象作為產(chǎn)品代言人不但可以以卡通形象的活潑自由,個性化的形象贏得消費者的好感,還省去了請名人做代言的龐大廣告支出和風險。

網(wǎng)頁設(shè)計實踐報告篇五

我工作的這家公司,從事網(wǎng)站開發(fā)工作的,公司在技術(shù)團隊這部分是比較正規(guī)的,一般是五到六人為一個小組,小組中有明確分工,有負責聯(lián)系客戶接恰生意的,有專門做技術(shù)的,而在技術(shù)這塊分為網(wǎng)站前臺、后臺開發(fā),我在學校主要做的是后臺開發(fā),當然前臺設(shè)計工作也還算熟練,但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作,這樣的網(wǎng)站技術(shù)難度不大,而且工作周期短,有相當一部分的,只需要通過cms軟件就可以進行開發(fā)。但是有個別的網(wǎng)站開發(fā)時,我們還是需要進行一些手寫代碼工作的。

做為一個剛畢業(yè)的大學生,我的知識儲備肯定有不足的地方,畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的,但好在我的領(lǐng)導(dǎo)對于我沒有太多的要求,他只是要求我盡快的適應(yīng)公司的工作和生活,在短時間內(nèi)熟練的掌握相關(guān)技術(shù),干好本職工作。

在大學里對一個學生來說什么是最重要的,那就是學習能力。要知道,這個世界上,知識在發(fā)展,人類在進步,每天都在進行日新月異的變化,我們的知識儲備總會有不夠的地方,但是一定要有學習能力,將不會知識快速掌握,只有這樣才能占據(jù)主動,減少被動情況的尷尬發(fā)生,通過二個星期的時間,我成功的適應(yīng)了公司的工作和生活節(jié)奏,每天早九點上班,晚17:30下班,中午休息一個半小時,每周還有兩天假期。我利用業(yè)余時間,抓緊學習,將工作中所需要的技術(shù)進行了強化學習,其實這些東西在學校的時候就接觸過,只是不精通。那個時候?qū)W的東西多,難免有個主次之分,這次工作了,才知道哪個應(yīng)該多學點,但好在我都有學過,所以有個好的基礎(chǔ)在這里,也就不怕了,比如說:flash,公司要求技術(shù)人員會做flash,flash這東西以前我在宿舍的時候經(jīng)常玩的,可是后來在分析就業(yè)情況時,分析錯了方向,以為這東西沒有什么用處,結(jié)果就給荒廢了。但好在還有印象,并且當初記了很多的筆記,所以說記筆記是很重要的事情。而其它像javascript、xml、數(shù)據(jù)庫這些東西我都學過,只是實踐能力稍差一點,但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境,和半個月的刻苦學習,我終于可以感上小組的工作進度了,已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。

像我這個組常用的是css+span排版,后臺使用php技術(shù)進行開發(fā),服務(wù)器平臺采用,linux+apache+mysql+php,這種lamp組合,我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版,這種方式簡單但是已經(jīng)有些過時了,現(xiàn)在大部分網(wǎng)站都開始了重新構(gòu)架,所以都采用css+span進行網(wǎng)頁排版,我目前正在學習,掌握的還算比較快。而在后臺開發(fā)部分,我們使用php來進行開發(fā),我的工作是手寫一些小模塊?;蛘哂胘avascript寫一些特效小代碼。

小組分工時,我負責后臺里小模塊的開發(fā)工作,如:留言板或論壇,還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作,使用css+span技術(shù)。編寫代碼這種工作看起來有些枯燥,其實時間長了以后,還真有點厭煩,但是后來我明白,只有將自己的本職工作做好,提高自己的技術(shù),做出優(yōu)良的東西,這樣自己才會有價值感,才會對自己的工作保持新鮮感。所以我每天都在工作后,記錄下每天在技術(shù)上的不足之處,回家后,將強學習,這所謂:找出不會的地方,學會它,你就變的強大了。

php是現(xiàn)在比較流行的一種網(wǎng)站開發(fā)技術(shù),由于它是開源的免費代碼,并因良好的跨平臺性能受到了大重的喜歡,我個人認為php很簡單,適合初學者學習使用,但是在某些地方想要做好,就需要你認真的學習了。目前,我負責的只是技術(shù)性較低和規(guī)模較小的模塊,不過,我覺得從簡單處做起也挺好的,但是我在寫代碼時,還是經(jīng)常犯些小錯誤,導(dǎo)致代碼頁面經(jīng)常出錯,而自己往往還找不到是哪錯了,有幾次急的都不行,不管怎么弄,結(jié)果就是錯誤,后來我才發(fā)現(xiàn),原來只是一個小錯誤,小的不仔細察看,我都找不到。于是我明白,做開發(fā)工作,一定要細心,否則就會給自己和別人帶來麻煩。

網(wǎng)頁設(shè)計實踐報告篇六

實習目的1、通過實習,使學生加深對所學課程內(nèi)容的認識、理解、掌握,達到對所學知識、技能系統(tǒng)化、條理化的目的,鞏固、提高學習效果。

2、通過綜合應(yīng)用實習,熟練掌握dreamwervermx8、flashmx8、fireworks8的各項操作并能夠掌握制作網(wǎng)頁的技能,根據(jù)所學技能學以致用,解決實際問題,提高操作應(yīng)用熟練程度。

知道dreamwervermx8是及網(wǎng)頁制作和網(wǎng)站管理于一身的網(wǎng)頁制作軟件,它是專門為網(wǎng)頁設(shè)計師量身定制的可視化網(wǎng)頁制作軟件,利用它可以為方便、快捷地制作跨平臺話瀏覽的動感網(wǎng)業(yè)。

了解fireworks是處理圖片的軟件,使用它可以創(chuàng)建和編輯位圖、矢量圖形,還可以非常輕松的做出各種網(wǎng)頁設(shè)計中常見的效果,例如動畫、轉(zhuǎn)換圖像、導(dǎo)航條、下拉菜單等。設(shè)計完成以后,如果要在網(wǎng)頁設(shè)計中使用,可將它輸出為teml文件,還能輸出在photoshop、illustrator和flash等軟件中編輯的格式。

通過對flash的學習,掌握如何處理矢量圖形,制作矢量動畫,掌握如何添加音樂、時動作控制在flash內(nèi)容和集成flash影片,了解actionscript腳本語言創(chuàng)建交換形式、在實習的過程中鞏固了對前面的知識的學習,加深對知識的了解,進一步對網(wǎng)頁設(shè)計的見解,也突出了個人的特點,運用所學的知識做出了讓自己滿意的作品。

四、實習內(nèi)容及方法。

一、實習任務(wù):

1、通過仔細閱讀網(wǎng)頁設(shè)計及網(wǎng)站規(guī)劃課程教材、網(wǎng)上資料、教參等相關(guān)內(nèi)容,加深對相關(guān)概念的理解、理論的理解、掌握、運用。

2、嚴格按照實習指導(dǎo)書的相關(guān)要求,完成了各項綜合操作,并將相應(yīng)圖像制作、動畫制作和頁面設(shè)計的作品進行了保存。3、及時積極完成各項實習報告的撰寫。

4、實習結(jié)果及實習項目嚴格按照要求及時保存、展示。

二、實習內(nèi)容:

(一)、使用dreamwervermx8、flashmx8、fireworks8完成惠爾公司網(wǎng)站。(二)、dreamwervermx8、flashmx8、fireworks8的使用方法和制作技巧。

1、創(chuàng)建一個站點:

站點的名稱就是“惠兒網(wǎng)站”,站點創(chuàng)建成功命一個首頁是再下面創(chuàng)建了5、、、、。其示意圖如下:

2、網(wǎng)頁中的圖像處理:

利用photoshop、和fireworks通過處理風景圖。

在里面運用到濾鏡的工具目的是讓圖片更加的形象逼真,處理后的圖片效果如圖所示:

3、布局與表格的編排:

在網(wǎng)頁設(shè)計中我偏好用表單編排一般情況下我的布局是在一個大的表單里寫很多文字插入許多圖片。其版面如圖所示:

1.

二級頁面制作方法如法炮制。4、網(wǎng)頁的鏈接。

網(wǎng)站中重要的就是各個子網(wǎng)頁與主頁面之間的鏈接,如果沒連接好或者鏈接錯誤就會影響整個網(wǎng)站運行的效果。列如我要把產(chǎn)品列表這個二級網(wǎng)頁跟主網(wǎng)頁鏈接方法如下:

回到/點擊頁面右下方的鏈接文件夾,找到我要鏈接的二級網(wǎng)頁。

打開/鏈接后我的鏈接字體會變成我所設(shè)置的字體顏色,這樣表明我的鏈接成功。

預(yù)覽后在主頁面點擊“產(chǎn)品列表”就會顯示到我的產(chǎn)品列表二級頁面。

其他頁面方法同上。

產(chǎn)品列表:將“產(chǎn)品列表”同首頁進行鏈接,然后預(yù)覽成功!郵箱登陸:將“郵箱登陸”同首頁進行鏈接,然后預(yù)覽成功!

聯(lián)系我們:將“聯(lián)系我們”同首頁進行鏈接,然后預(yù)覽成功!

公司簡介:將“公司簡介”同首頁進行鏈接,然后預(yù)覽成功!

5、層與行為的應(yīng)用。

“跟蹤圖像”。這個跟蹤圖像將作為“層”布局頁面的參照對象。

2)選擇“查看”----“標尺”----“顯示,打開標尺”

3)選擇“查看”----“網(wǎng)絡(luò)”----“顯示網(wǎng)絡(luò)”,4)在“網(wǎng)格設(shè)置”對話框中,選中“顯示網(wǎng)格”和“靠齊到網(wǎng)格”

5)為了防止層的重疊,需要打開“層”面板。選擇“窗口”,“層”,打開層面板。

1)打開flash軟件,在里面建立8個圖層。并且準備一副適合做標示的圖片。

2)在圖層1上做1幀到160幀的普通幀、在圖層2上從第十幀開始。

插入關(guān)鍵幀25幀結(jié)束,在第10幀上寫入“同”字,在25幀上寫“心”字,再回到第10幀創(chuàng)建補間動畫。在圖層3上創(chuàng)建幀從25幀到40幀結(jié)束在25幀上寫“協(xié)”字創(chuàng)建關(guān)鍵幀到40幀寫“力”字,再返回到25幀創(chuàng)建補間動畫。在圖層4上從40幀到55幀結(jié)束在40幀上寫“共”創(chuàng)建關(guān)鍵幀到55幀寫“創(chuàng)”字,在圖層7上從第十幀開始插入關(guān)鍵幀25幀結(jié)束,在第10幀上寫入“輝”字,在25幀上寫“煌”依次而下做到160幀。

3)幀做好后敲擊enter鍵就可以播放flash動畫,如果想插入網(wǎng)頁就。

按步驟走,文件—導(dǎo)出—導(dǎo)出影片,/最后點擊保存。

在這里我給自己的網(wǎng)頁設(shè)計的特效是讓一行字體在來回跑動方法如下:

1)選中你要設(shè)計特效的字體選擇工具欄上的標“簽選擇器”,“html”插入,關(guān)閉。

2)然后預(yù)覽就會出現(xiàn)從右到左的字幕。8、控制多個影片的播放。

制作的方法:

網(wǎng)頁分隔線可以說是網(wǎng)頁中不可缺少的元素,它主要用于分隔網(wǎng)頁內(nèi)容也可以用于裝飾網(wǎng)頁。在網(wǎng)頁中插入一個層,然后在層中插入一個表格,設(shè)置表格的間距,然后在表格的單元格中插入圖片,設(shè)置時間軸。調(diào)出時間軸,在時間軸必要的地方添加改變屬性行為,并設(shè)置層對象的屬性添加行為和改變屬性。

五、結(jié)論。

1、收獲。

photoshop、fireworks、dreamweaver、flash的應(yīng)運更加熟練.在制作網(wǎng)站的過程中,我們參照老師給的惠爾公司網(wǎng)站圖片,盡可能地想把我們自己的網(wǎng)站做的美觀、內(nèi)容豐富。網(wǎng)頁制作需要有很多的色調(diào)搭配能力和很好的布局能力,再加上自己的風格創(chuàng)新能力,才能做出精美的網(wǎng)站。在這幾天的實習中,我學到無論作什么事都要有細心有耐心。尤其是在新疆停網(wǎng)的狀態(tài)下,搜集不到素材,所以,在網(wǎng)頁的制作上還是有一定的局限性。網(wǎng)站的布局上我也突出了自己的特點。尤其是在制作flash的時候老師給予了很大及時的幫助,讓我在制作的時候不至于給我?guī)砗艽舐闊M瑫r,也希望我們能利用我們學習的知識技能更好的為學院,為同學們服務(wù),也希望我們能夠互相學習,互相取長補短,使我們每個同學能夠更好的進步。

2、不足。

在實習中我發(fā)覺網(wǎng)站的制作過程中,1、自己腦袋里沒有裝東西(網(wǎng)站的綜合布局、網(wǎng)頁的構(gòu)思和編排)。

甚至老師把作業(yè)布置下來自己還不知道該從那個地方著手很是茫然。

2、自己的閱歷不夠,自己的網(wǎng)站應(yīng)該是一個怎樣的網(wǎng)站,里面要放。

些啥內(nèi)容,該怎樣去組織這些內(nèi)容,心里沒底。

3、尤其是老師在前面教過的內(nèi)容自己沒有及時的練習和鞏固,以至。

片都不能做出自己想要的效果。最重要的是在制作網(wǎng)頁的時候,色彩搭配特別重要,而我自己對顏色的搭配不是很了解,感覺做出的東西老是顏色深的地方特別深,淡的地方特別淡,感覺不協(xié)調(diào)。

5、新疆停網(wǎng)的原因,使我們在素材的搜集上變得很被動,所以導(dǎo)致。

做出的東西很簡單,所以我覺得,知識應(yīng)用的全部全還要看準備是否充分。

6、在以后的學習中我會更加認真地去學習,去掌握這些軟件的用法,便于在以后做東西的時候能更好地運用。

六、致謝。

在網(wǎng)頁實習結(jié)束的時候我要感謝辛勤的班主任老師,在這個學期代我們的網(wǎng)頁設(shè)計以外還代了很多別的課,所以很辛苦,在上課期間和實習期間同學在學習中遇到問題都耐心的為他們講解直到他們聽懂為止。正是在老師的號召下我們對網(wǎng)頁設(shè)計的興趣也非常的濃厚,在實習中我發(fā)現(xiàn)很多同學的網(wǎng)站做的很好很有特色,這都少不了老師的指導(dǎo)。在老師的帶領(lǐng)下我們學到很多書本上學不到的東西,相信在以后找工作中我們會多了一個籌碼。

其次,要感謝學校給我們安排了期末的課程實習,讓我們能在學期末重新溫習和總結(jié)整個一學期以來學習的知識,并且總結(jié)自己的不足,在以后的學習中能夠加以改正和補充。

最后,再次感謝學校和指導(dǎo)的老師!

網(wǎng)頁設(shè)計實踐報告篇七

網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容,一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站,不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全,包羅萬象。我們沒有這個能力,也沒這個精力,所以必須要找準一個內(nèi)容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則,只要是客戶感興趣的,任何內(nèi)容都可以,但主題要鮮明,在一定的主題范圍內(nèi),內(nèi)容做到大而全、精而深。

明確了網(wǎng)站的主題以后,就要圍繞主題開始搜集材料了。常言道:“巧婦難為無米之炊”。要想讓客戶的網(wǎng)站有血有肉,能夠吸引住用戶,就要盡量搜集材料,搜集得材料越多,以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來,也可以從互聯(lián)網(wǎng)上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網(wǎng)頁的素材。

一個網(wǎng)站設(shè)計得成功與否,很大程度上決定于設(shè)計者的規(guī)劃水平,規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣,圖紙設(shè)計好了,才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多,如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等,而只有在制作網(wǎng)頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色,具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容,我在以后會有詳細介紹。

盡管選擇什么樣的工具并不會影響設(shè)計網(wǎng)頁的好壞,但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多,首先就是網(wǎng)頁制作工具了,目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具,這其中的優(yōu)秀者當然是dreamweaver和frontpage了,如果是初學者,frontpage20xx是首選。除此之外,還有圖片編輯工具,如photoshop、photoimpact等;動畫制作工具,如flash、cool3d、gifanimator等;還有網(wǎng)頁特效工具,如需要有聲有色的效果,網(wǎng)上有許多這方面的軟件,可以根據(jù)需要靈活運用。

材料有了,工具也選好了,下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了,這是一個復(fù)雜而細致的過程,一定要按照先大后小、先簡單后復(fù)雜來進行制作。所謂先大后小,就是說在制作網(wǎng)頁時,先把大的結(jié)構(gòu)設(shè)計好,然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜,就是先設(shè)計出簡單的內(nèi)容,然后再設(shè)計復(fù)雜的內(nèi)容,以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板,這樣可以大大提高制作效率。

網(wǎng)頁制作完畢,最后要發(fā)布到web服務(wù)器上,才能夠讓全世界的朋友觀看,現(xiàn)在上傳的工具有很多,有些網(wǎng)頁制作工具本身就帶有ftp功能,利用這些ftp工具,可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后,你要在瀏覽器中打開自己的網(wǎng)站,逐頁逐個鏈接的進行測試,發(fā)現(xiàn)問題,及時修改,然后再上傳測試。全部測試完畢就可以把網(wǎng)址告訴給朋友,讓他們來瀏覽。

網(wǎng)頁做好之后,還要不斷地進行宣傳,這樣才能讓更多的人認識它,提高網(wǎng)站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。還有個是我們公司的特色,在網(wǎng)上推排名,這個宣傳效果也很顯著,人們只要輸入關(guān)鍵字最先看到的鏈接,則就是我們公司推上去的鏈接,很好用,訪問量大大提升。

通過目前的實習,在設(shè)計方面我感覺自己有了一定的收獲,也為了我今后在工作及業(yè)務(wù)上能力的提高起到了促進的作用,增強了今后的競爭力,為能在以后立足增添了一塊基石。

但我也認識到,要想做好這方面的工作單靠目前幾月的實習是不行的,還需要我在平時的學習和工作中一點一點的積累,不斷豐富自己的經(jīng)驗才行。我面前的路還是很漫長的,需要不斷的努力和奮斗才能真正地走好。

網(wǎng)頁設(shè)計實踐報告篇八

我第一次步入了社會,從此開始了面對社會、工作的生活。剛剛走入社會的.我是一個性格有些內(nèi)向的人,面對陌生的人,我不善言辭,不會給自己的外表進行很好的包裝,不適合做那些銷售、接待的工作,只有技術(shù)類的工作,少說多干的活適合我,這個我很清楚?,F(xiàn)在,中國每年都有很多畢業(yè)的大學生找不到工作,我也不例外,所以,這第一次實習工作肯定不會太好找,但是相反,我的運氣還不錯。找到了一份網(wǎng)頁設(shè)計的工作?,F(xiàn)將我在工作中的情況報告如下。

一、工作介紹。

我工作的這家公司,從事網(wǎng)站開發(fā)工作的,公司在技術(shù)團隊這部分是比較正規(guī)的,一般是五到六人為一個小組,小組中有明確分工,有負責聯(lián)系客戶接恰生意的,有專門做技術(shù)的,而在技術(shù)這塊分為網(wǎng)站前臺、后臺開發(fā),我在學校主要做的是后臺開發(fā),當然前臺設(shè)計工作也還算熟練,但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作,這樣的網(wǎng)站技術(shù)難度不大,而且工作周期短,有相當一部分的,只需要通過cms軟件就可以進行開發(fā)。但是有個別的網(wǎng)站開發(fā)時,我們還是需要進行一些手寫代碼工作的。

二、開發(fā)技術(shù)。

做為一個剛畢業(yè)的大學生,我的知識儲備肯定有不足的地方,畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的,但好在我的領(lǐng)導(dǎo)對于我沒有太多的要求,他只是要求我盡快的適應(yīng)公司的工作和生活,在短時間內(nèi)熟練的掌握相關(guān)技術(shù),干好本職工作。

在大學里對一個學生來說什么是最重要的,那就是學習能力。要知道,這個世界上,知識在發(fā)展,人類在進步,每天都在進行日新月異的變化,我們的知識儲備總會有不夠的地方,但是一定要有學習能力,將不會知識快速掌握,只有這樣才能占據(jù)主動,減少被動情況的尷尬發(fā)生,通過二個星期的時間,我成功的適應(yīng)了公司的工作和生活節(jié)奏,每天早九點上班,晚17:30下班,中午休息一個半小時,每周還有兩天假期。我利用業(yè)余時間,抓緊學習,將工作中所需要的技術(shù)進行了強化學習,其實這些東西在學校的時候就接觸過,只是不精通。那個時候?qū)W的東西多,難免有個主次之分,這次工作了,才知道哪個應(yīng)該多學點,但好在我都有學過,所以有個好的基礎(chǔ)在這里,也就不怕了,比如說:flash,公司要求技術(shù)人員會做flash,flash這東西以前我在宿舍的時候經(jīng)常玩的,可是后來在分析就業(yè)情況時,分析錯了方向,以為這東西沒有什么用處,結(jié)果就給荒廢了。但好在還有印象,并且當初記了很多的筆記,所以說記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫這些東西我都學過,只是實踐能力稍差一點,但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境,和半個月的刻苦學習,我終于可以感上小組的工作進度了,已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。

像我這個組常用的是css+span排版,后臺使用php技術(shù)進行開發(fā),服務(wù)器平臺采用,linu+apache+mysql+php,這種lamp組合,我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版,這種方式簡單但是已經(jīng)有些過時了,現(xiàn)在大部分網(wǎng)站都開始了重新構(gòu)架,所以都采用css+span進行網(wǎng)頁排版,我目前正在學習,掌握的還算比較快。而在后臺開發(fā)部分,我們使用php來進行開發(fā),我的工作是手寫一些小模塊?;蛘哂胘avascript寫一些特效小代碼。

三、工作流程。

小組分工時,我負責后臺里小模塊的開發(fā)工作,如:留言板或論壇,還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作,使用css+span技術(shù)。編寫代碼這種工作看起來有些枯燥,其實時間長了以后,還真有點厭煩,但是后來我明白,只有將自己的本職工作做好,提高自己的技術(shù),做出優(yōu)良的東西,這樣自己才會有價值感,才會對自己的工作保持新鮮感。所以我每天都在工作后,記錄下每天在技術(shù)上的不足之處,回家后,將強學習,這所謂:找出不會的地方,學會它,你就變的強大了。

php是現(xiàn)在比較流行的一種網(wǎng)站開發(fā)技術(shù),由于它是開源的免費代碼,并因良好的跨平臺性能受到了大重的喜歡,我個人認為php很簡單,適合初學者學習使用,但是在某些地方想要做好,就需要你認真的學習了。目前,我負責的只是技術(shù)性較低和規(guī)模較小的模塊,不過,我覺得從簡單處做起也挺好的,但是我在寫代碼時,還是經(jīng)常犯些小錯誤,導(dǎo)致代碼頁面經(jīng)常出錯,而自己往往還找不到是哪錯了,有幾次急的都不行,不管怎么弄,結(jié)果就是錯誤,后來我才發(fā)現(xiàn),原來只是一個小錯誤,小的不仔細察看,我都找不到。于是我明白,做開發(fā)工作,一定要細心,否則就會給自己和別人帶來麻煩。

四、安全檢查。

漏,很有可能導(dǎo)致網(wǎng)站在實際使用時,遭到黑客攻擊,如果造成了經(jīng)濟損失就無法挽救了。

所以,我們每個人在將各自的工作完成以后,組長和其它專門的技術(shù)人員會對網(wǎng)站的安全性進行測試,找出存在的漏洞,然后加以修改。以使它的安全性達到最高最穩(wěn)定的狀態(tài)。

在公司進行實習工作的這段時間,我在個人技術(shù)上收獲了很多,現(xiàn)在的我已經(jīng)能獨檔一面了,做一些難度比較大的工作,我通過優(yōu)異的表現(xiàn),已經(jīng)轉(zhuǎn)為正式員工,我對自己的表現(xiàn)感到滿意,最重要的是我給自己的學校爭了光,但是在社交能力方面,溝通能力上還有不足的地方。我決定在今后的工作和學習,要加強和別人的溝通能力。使自己變的更好,為國家為社會做出更多的貢獻。

網(wǎng)頁設(shè)計實踐報告篇九

時間過得很快,我即將畢業(yè)來到了社會這個匯集眾多江河湖水的大海,感受到了獨立生活的好處與艱辛,同時我自己也更深的理解了,家長和學校老師對我們的殷切希望,在社會實習的這段日子,我吃了些苦,受了些罪,可是整個人在肉體上和精神上卻升華了很多,也比以前的變得更有自信了。

我所在的這家公司,是一家做網(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+span),并進一步的加以制作,完善美化,如加入js代碼,或透明flash,因為網(wǎng)頁是用css+span進行排版的,所以在最后一步的時候,我們還需要進行瀏覽器測試,因為css+span排版方式有一個最大的缺點就是:瀏覽器不兼容的問題,典型的如:ie與fireworks,因為各種瀏覽器使用的協(xié)議不同,所以會導(dǎo)致頁面在最終瀏覽的時候有一些小問題,如:頁面混亂,圖片、文字之間的距離過大或過小,頁面不美觀等等,做為一個新人,我在有些方面的技術(shù)還很不成熟,所以在技術(shù)總監(jiān)張偉的幫助下,解決了很多問題,所在我很感謝他,當每天我們做完網(wǎng)頁后,都會在代碼頁面加入注釋代碼,在里面寫上每個人姓名的漢語拼間和工作日期,這樣方便月底做統(tǒng)計工作,公司領(lǐng)導(dǎo)會根據(jù)每個人的工作數(shù)量進行獎勵,每做一個頁面會有2塊的提成,雖然少點,但是積少成多,也是很可觀的。

初來公司的時候,我們經(jīng)過了初期考試,培訓(xùn),與最終考試三個階段,在接到公司讓我面試的電話后,我來到了**公司,因為要干的是網(wǎng)頁設(shè)計,所以要有一個小測驗,技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字,做一個簡單的頁面,要求是:什么樣的頁面都可以,考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度,說實話,從畢業(yè)后,有一段時間沒有寫代碼了,剛一上機,還有點生疏,但是憑借在學樣扎實的學習功底,我很快就恢復(fù)了自己的英雄本色,將html代碼寫的很熟練,做了一個左右分欄的頁面,沒什么太大難度,技術(shù)總監(jiān)看了以后,說不錯,讓我三天后參加培訓(xùn),合格扣就可以正式上班了。

三天后,我來到了公司,一看,來參加培訓(xùn)的人有很多,大概在十多個人左右,其實所謂的培訓(xùn),就是讓大家先熟悉這家網(wǎng)站的工作,先做一些他們平時干的活,做一些廣告網(wǎng)頁,這些網(wǎng)頁都是靜態(tài)的,沒什么難度。我后來發(fā)現(xiàn),自己在這些人當中,還是較較者,心里優(yōu)勢還挺好的。

三天的培訓(xùn)后,我們迎來了最后的考核,合格的人會被留下,并得到一份為期一個月的實習合同,然后會在根據(jù)你在實習期的表現(xiàn)決定你的去留問題,最優(yōu)秀的人會轉(zhuǎn)正,得到很優(yōu)厚的待遇。

考核的內(nèi)容,就是在公司的商務(wù)網(wǎng)站上任選一個頁面,然后在規(guī)定的時間內(nèi)做完,我還不錯,技術(shù)比較熟練,是第四個做完的。當我們把網(wǎng)頁做完后由這家公司的經(jīng)理進行審核,最后的結(jié)果是,最先做完的前8個人可以有底薪加提成,每人頁面的提成是2元錢,而后面做完的,只有提成,沒有底薪,他們的提成是每個頁面5元錢,最后的幾個人就被淘汰了,制度雖有點不近人情,但是剛畢業(yè)的學生能忍也就忍了,就這樣,我們每個人得到了一份一個月的臨時合同,正式開始了實習工作。

我們每天的上班時間是從早上8:30分到下午的17:00,這是我見過最有激情的一些人了,年紀輕輕,干勁十足,來了以后就工作,連平時聊天的內(nèi)容也和本行業(yè)分不開,我喜歡他(她)們,回為是實習期,所以每天做的數(shù)量沒有太大要求,但是每個人都玩命似的干活,抓緊時間做網(wǎng)頁,我們做的網(wǎng)頁是比較簡單的從上到下式的網(wǎng)頁,通過css+span排版,這樣在后期瀏覽器兼容測試中,就好做的很多了,文字與圖片之間就不會有太多的麻煩,我干的很不錯,不過有些追求精致,我做網(wǎng)頁的速度慢了很多,最初每天只能做3——4個網(wǎng)頁,這對于我來說是不能接受的,后來我改變了工作方法,我第次工作的時候,先訂下計劃,比如今天做多少網(wǎng)頁,然后我將要做的所有網(wǎng)頁,先做好排版,這時的網(wǎng)頁雖然排過版,但是不美觀,因為沒有進行美化工作,然后我會在下午的時間,集中全力做美化工作,就這樣我的速度提高了很多,快了將近一倍多。只要更加熟練速度不會更快,我相信自己。

網(wǎng)頁設(shè)計實踐報告篇十

在經(jīng)濟迅速發(fā)展今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正技術(shù)性人才。學校在本周為我們安排了維持一周網(wǎng)頁制作專用周是實習,讓我們把平時所學知識運用到實習中做到真正學以致用而不只是紙上談兵。通過本周實習使我獲得了更多新知識同時也使我使我認識到了自己在學習上許多不足,下面就談?wù)勎以诒敬螌S弥苤饕惺堋?/p>

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)代自然人文氣息特色品牌?!耙住奔词侨?,是包容,是寬容,是五千年中華民族文化精髓,是厚德載物,是對人性寬度一種拓展?!胺啤蓖ǚ牵巧鷻C、是個性、是春意盎然、是自強不息,是對人性深度一種挖掘?!吧钊缁ǎ栽诳鞓贰笔莥ifini易菲設(shè)計理念,倡導(dǎo)一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂生活方式。這也便是我網(wǎng)站ci形象。

3確定欄目和板塊。

于時間關(guān)系在本次我準備做四張網(wǎng)頁:一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁主打色綠色。

4網(wǎng)站整體風格和創(chuàng)意。

整個網(wǎng)站創(chuàng)意就在于顏色搭配,與各種圖片搭配,它們相互輝映,相互襯托。以便達到表現(xiàn)其品牌和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站主打色主要是因為我產(chǎn)品特性。在設(shè)計上,yieini易菲推崇“自然美”,將帶表女性氣質(zhì)花卉和自然元素融入設(shè)計之中,充分體現(xiàn)設(shè)計師和顧客所追求一種灑脫、舒適生活氛圍,力求表現(xiàn)悠閑、舒暢、自然生活情趣。因此我用天空與自然顏色來表達這張自然之美、和諧之美。

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)了我學習方面缺點,它是我平時不夠認真具體表現(xiàn)。

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)頁富有可。

網(wǎng)頁設(shè)計實踐報告篇十一

實習目的。

:熟悉和掌握計算機網(wǎng)頁設(shè)計的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計算機進行商務(wù)網(wǎng)頁設(shè)計的???基本思路和應(yīng)用開發(fā)能力,提高我們的計算機文化素質(zhì)。

網(wǎng)頁是世界上最有價值的不動產(chǎn)之一。人們在這個不足0.1平米的空間內(nèi)投資達數(shù)百萬美元。網(wǎng)頁對公司的影響比簡單的電子商務(wù)增收方法大得多;網(wǎng)頁也是公司對外的臉面。web站點就像一棟房子,它的每一個窗口都可以看成一扇門,人們可以沿著搜索引擎其他web站點的鏈接,繞過主頁而進入web的深層。

一.網(wǎng)站的整體規(guī)劃。

1.討論網(wǎng)站主題:因為自己對普羅旺斯很感興趣,于是就想到要是一下為心中的仙境設(shè)計一個旅游網(wǎng)站。

2.定位網(wǎng)站ci形象:旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗一下的共鳴。于是在網(wǎng)頁設(shè)計上面,根據(jù)普羅旺斯夢幻般的意境,我采用的是清新雋永的ci形象。使瀏覽者有賓至如歸的感受。

3.確定欄目和板塊:

1]首先要考慮整個網(wǎng)頁的長和寬,以及長度和寬度之間的比例。

2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。

3]正文的框架設(shè)置(橫向因素和縱向因素交錯)。

在瀏覽了很多精美的旅游網(wǎng)站之后,再結(jié)合自己的想法,我先在草紙上畫出了大體的欄目和板塊。

4.網(wǎng)站的整體風格和創(chuàng)意:建立一個浪漫的旅行網(wǎng)站,走映像派路線,目的務(wù)必使瀏覽者留下映像。

二.網(wǎng)頁制作的前期策劃與準備。

1.資料的搜集:由于個人的愛好,我很早以前就收集了許多普羅旺斯的美圖,這次就方便多了。接著就搜集了一些有夢幻效果的網(wǎng)頁背景,fiash源代碼、小圖標和一些gif的動畫等。

2.熟悉制作工具軟件:

主頁制作的基本條件有:

硬件:

軟件:

圖像處理軟件:常用的有photoshop、flash、fireworks等;

文件上傳軟件:常用的有cuteftp、wsftp等。

真的是萬事開頭難啊,遇到了很多問題,比如:插入的圖片不符合規(guī)格,一下子把其他內(nèi)容的框架擠開;插入的層太多,大一點的就把小一點的給覆蓋掉了;插入的flash不能產(chǎn)生效果??傊畣栴}一籮筐。實踐出真知,原來自己還有那么多欠缺的知識。于是回歸本源,先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。

在對基本知識有了詳細的了解之后,做起東西來就得心應(yīng)手多了,知道引導(dǎo)頁能過加映像之后,我決定為我的網(wǎng)頁設(shè)計一個引導(dǎo)頁。

然后是主頁和二級頁面的設(shè)置。要注意,網(wǎng)上只能使用jpg和gif兩種圖象格式,其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但可以用圖象軟件進行轉(zhuǎn)換,比如office97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應(yīng)的目錄里后.

在一步一步的邊學邊做的過程中,看著心中的東西一點一點的出來,真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠,但是回顧一下這周真的學到了很多的東西。

四.網(wǎng)頁的調(diào)試。

之前把作過的東西放到u盤里,發(fā)生過圖片顯示不出來的狀況,還好即使找到了解救的方法,把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

總結(jié):在www上,不論你是資產(chǎn)上億的大公司,還是捉襟見肘的窮學生,只要你建立了自己的網(wǎng)頁,你們的地位就是平等的。經(jīng)過這周的相關(guān)學習,我了解到網(wǎng)頁設(shè)計與制作是一門龐大的工程。網(wǎng)站的反饋與評價網(wǎng)站要注意經(jīng)常維護更新內(nèi)容、保持內(nèi)容的新鮮,不要做好就放到服務(wù)器永遠不變了,只有不斷地補充、更新內(nèi)容、才能夠吸引瀏覽者.維護更新時可以充分利用dreamweaver提供的模板和庫技術(shù),以提高工作效率.一個真正的網(wǎng)站,不僅應(yīng)該實現(xiàn)傳統(tǒng)媒體的電子化,給用戶提供需要的內(nèi)容、而且還應(yīng)該做更多的事情、完成比頁面瀏覽更高層次的需求,例如收集信息,數(shù)據(jù)傳遞,數(shù)據(jù)存儲以及系統(tǒng)維護等.自己還有許多要學習的地方。

網(wǎng)頁設(shè)計實踐報告篇十二

在經(jīng)濟迅速發(fā)展的今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正的技術(shù)性人才。學校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習,讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足,下面就談?wù)勎以诒敬螌S弥艿闹饕惺堋?/p>

一、網(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形象?!耙追啤敝哺袊幕瑁橙∽匀环A賦之靈性,形成一個既有濃厚文化底蘊,又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容,是包容,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展?!胺啤蓖ǚ牵巧鷻C、是個性、是春意盎然、是自強不息,是對人性深度的一種挖掘。“生活如花,自在快樂”是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)了我學習方面的缺點,它是我平時不夠認真的具體表現(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)站才發(fā)現(xiàn),怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學校上的問題,當真正開始運用的時候在向老師提問。

這只是在制作過程中出現(xiàn)一些問題,其它問題也是類似相同?,F(xiàn)在想想,自己所會的東西太少了,現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。從我做的網(wǎng)頁來看可以反映出學習的還不夠,缺點疏漏。需在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習,讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術(shù)性。

網(wǎng)頁設(shè)計實踐報告篇十三

姓名:班級:。

實踐內(nèi)容:與多人合作共建一個應(yīng)用性網(wǎng)站。

實踐地點:湖北大學冰點工作室。

實踐日期:7.15-8.15

簡介:。

籌劃期:

建設(shè)期:

1、設(shè)計的要求:

2、技術(shù)運用中要注意的一些事項:

第一、明確技術(shù)是為設(shè)計服務(wù)的,不要沉迷于技術(shù)的運用,堅決摒棄那些華而不實的特效;

第三、不要打開過多的新窗口,每個鏈接都會打開不同的新窗口尤其讓人反感;

至于后期的維護和網(wǎng)站的宣傳,那就要考慮到網(wǎng)站投入的費用了!

更多閱讀推薦:程序設(shè)計實踐報告數(shù)據(jù)庫實踐報告書廣告設(shè)計實踐報告。

網(wǎng)頁設(shè)計實踐報告篇十四

專業(yè):班級:姓名:

一、實習目的(一)檢驗自己是不是真的適合這個職業(yè)。

鑒于自己對未來的職業(yè)生涯的規(guī)劃更傾向于設(shè)計,這和自己所學的專業(yè)不是。

十分有聯(lián)系,所以我希望在實習的過程里思考自己未來是否適合從事這方面的工作,為以后求職之路少走彎路做一定的嘗試。

(二)在實踐中查漏補缺。

在學校學習的網(wǎng)站建設(shè)知識僅僅停留在平時的作業(yè)里,并沒有得到充分的運。

用。希望可以藉由這次實習,好好鞏固書面知識。在實際運用中通過發(fā)現(xiàn)問題,解決問題對知識進行查漏補缺。

(三)在工作中打磨自己。

由于學校和社會是截然不同的生活、學習、工作氛圍,在工作中我們不可以。

像在學校一樣隨心所欲,待人接物方面需要更有禮貌的溝通和恰當好處的圓滑。希望在實習里,和同事上司的相處中獲得這方面的成長。

二、實習內(nèi)容。

(一)實習主要內(nèi)容。

廣州xxxx有限公司是一個研發(fā)和銷售智能寄存柜的公司。它的產(chǎn)品在展示和。

銷售這兩個環(huán)節(jié)很需宣傳冊、企業(yè)網(wǎng)站等作為一個推廣媒介。我實習的主要內(nèi)容就是配合網(wǎng)絡(luò)部去完成網(wǎng)站建設(shè)的工作,涉及前臺的外觀設(shè)計和后臺的代碼編寫,以及宣傳冊的設(shè)計。

1、負責設(shè)計公司整個企業(yè)網(wǎng)站的頁面部分,根據(jù)網(wǎng)頁設(shè)計師或客戶所提供的主題要求和思路框架來設(shè)計出整個網(wǎng)站。

1)使用photoshop、ai等圖片處理軟件設(shè)計、處理和制作網(wǎng)站上需要的圖片。

2)使用span+css樣式及基礎(chǔ)的html語言做頁面布局的排版。

3)使用photoshop對網(wǎng)頁進行配色及排版設(shè)計。

4)編寫css代碼使網(wǎng)站頁面無論是在ie瀏覽器里還是在ff瀏覽器上正常顯示。

2、負責網(wǎng)站的幾個主體模塊的文案撰寫和后臺編輯。

1)在已有的文案上配合網(wǎng)站架構(gòu)進行提煉和歸納整理。

2)使用photoshop對文案進行概念配圖。

3)在后臺將文案部分合理配色排版。

4)按照網(wǎng)站架構(gòu)在后臺錄入所有產(chǎn)品資料。

(二)工作過程。

在公司的2個多月里,我的工作都是由負責整個網(wǎng)站文案架構(gòu)的曹經(jīng)理分配。

監(jiān)督的。確認實習機會前的面試的時候也是由他負責的。面試的時候他并沒有過多的考察我在網(wǎng)站制作上的技術(shù)問題。更多的從我對網(wǎng)站設(shè)計方面的配色排版的現(xiàn)有審美以及做事的認真細致程度去考察的。從一開始我就以踏實認真的態(tài)度對待每一項他交付給我的任務(wù)。下面我挑選一些讓我收獲很多,學習很多,影響我很多,讓我回想起來都是歷歷在目的事情重點說一下。

1、經(jīng)理讓我按照網(wǎng)頁設(shè)計師提供的jpg稿變成span和css。

1)這個任務(wù)簡單來說就是架構(gòu)網(wǎng)頁框架和完善里面的文本主體。里面涉及很多文本,我覺得既然有具體的設(shè)計稿就一定保存有文案,所以咨詢了經(jīng)理是否有必要花這部分時間去打文本。經(jīng)理的回復(fù)是很有必要。他的意見是,讓我重新輸入文本可以幫助檢查錯誤,同時可以讓我更熟悉公司的產(chǎn)品和網(wǎng)站的主要內(nèi)容,對我后面的工作有幫助。頓時知道,一個實習生想到的東四是多么的膚淺,對經(jīng)理工作上的態(tài)度更是肅然起敬。

2)因為經(jīng)理沒想要讓實習生負責過于復(fù)雜的事情,在這部分工作中設(shè)計的span和css的內(nèi)容并沒有很復(fù)雜,需要的就是要注重細節(jié)。但實際上自己做事遠沒有自已一開始想象的那么能夠靜下心地考慮大局。只要想到一個覺得挺好的排版我就一下子全部套用了,以至于最后通過多次檢查,發(fā)現(xiàn)這個排版有瑕疵的時候又要重頭再來。這些經(jīng)歷都讓我體會到比起表面的工作速度,有前面深思熟慮的慢節(jié)奏才能造就最終的高效率。所以一開始在用css排版的時候其實應(yīng)該多做幾個版本仔細做對比,看清楚哪個更合適才確定的。

2、經(jīng)理讓我設(shè)計幾個欄目對應(yīng)的banner圖片。

1)由于自己并沒有專門學過banner規(guī)范和設(shè)計方面的專業(yè)知識,有的只是審美方面的一些小體會。接手這個工作需要花大量的時間去學習和參考。一開始略略覺得壓力大,但是覺得經(jīng)理讓我去做,就是相信我的能力。所以我也沒有慌,按照自己的節(jié)奏和需要邊學邊做。

從整體了解主題:自己找了多個類似的企業(yè)網(wǎng)站作參考,通過總結(jié)企業(yè)網(wǎng)站。

中,幾個主要的欄目在網(wǎng)站上具體意義,體會這對應(yīng)的幾個欄目banner的設(shè)計意義。

思考配色與構(gòu)圖:對整個內(nèi)容有了一了解后,便要思考作品的色彩和具體的構(gòu)圖,先用筆畫出草圖,有時候也會直接在腦海里構(gòu)思。除了從公司的角度,圍繞要傳達的東西去設(shè)計,我也充分意識到要轉(zhuǎn)換身份從用戶的角度出發(fā),怎樣才可以更吸引人??傮w來說就是除了審美上的設(shè)計,也考慮很多目的性。

查找素材:素材這個問題我總結(jié)了一種思路,電腦里下載一些專業(yè)的“科技。

信息”圖庫。另外配合專業(yè)在線圖庫網(wǎng)站(通常是國外站點)+google,百度圖片等搜索引擎進行即使的素材查找。再加上自己平時積累的素材,選擇是非常大的。最后就是不斷地觀察對比最終效果,看哪幾張banner圖片更適合整體網(wǎng)站。

2)最終banner圖片并沒有全都采用我設(shè)計的,有一些還是因為不夠大氣被撤下來了。一開始我還挺灰心,覺得自己的付出沒有得到認可。但是我知道當初經(jīng)理就是感覺可以給我試一下,才給我這個機會去讓我發(fā)揮一下的,所以我好好學習了別人的圖片,看自己的和別人的差別在哪里,不浪費這次嘗試性地努力。

3、經(jīng)理讓我參考舊網(wǎng)站單獨做一個公司簡介的頁面。

1)我知道經(jīng)理的意思是重新排版成符合網(wǎng)站的配色。這樣對我來說其實很簡單。但是我從舊網(wǎng)站了解到公司簡介那篇文案比較累贅,如果想要瀏覽網(wǎng)站的用戶肯停留在這個頁面多幾秒,或者因為這個公司簡介的頁面而更信任這個公司的產(chǎn)品,更有沖動訂個公司的寄存柜就要在文案的內(nèi)容上下功夫,就要在表現(xiàn)上更生動,讓人看著不會覺得文字流水賬,很煩躁。

于是在經(jīng)理沒有給我嚴格期限的時候,我選擇了按照自己的思路去修改文案,把多余的文字刪掉,根據(jù)公司的優(yōu)勢修改出精簡的幾點,變得更有條理更有重點。

這只是對文案的初步處理,接著根據(jù)幾個要點用photoshop處理幾張概念配。

圖出來,將公司寄存柜的技術(shù)水平之領(lǐng)先,應(yīng)用領(lǐng)域之眾多,銷售范圍之巨大等等用更生動形象的方式表現(xiàn)。從設(shè)想到思考中間的問題到最后的完成,花的時間雖然多,但是最終的效果得到了經(jīng)理的肯定,對網(wǎng)站的宣傳作用起到了很好的幫助,這都是值得的。

三、實習體會。

做了2個月的網(wǎng)頁設(shè)計和編輯的實習生,終于體會到網(wǎng)頁設(shè)計并非只是圖文混排的那點事。當你真正的去努力的創(chuàng)造了之后,經(jīng)常被別人一眼就否定了。這才真正明白一個好的網(wǎng)頁不只是效果華麗還要多從用戶的角度去考慮問題。通過實習,我不僅將自己在學校學過的東西通過實踐進步一鞏固,也通過向公司的人請教學到很多工作上的技巧,更通過實習體會到很多沒有人會教授給你的東西。工作是人生活的重要部分,是我們畢業(yè)生必須面對的。就算是遇到困難,我也會用平常的心態(tài)實際看待問題,不說“不可能”,而是冷靜下來思考如何處理并付諸于實踐。

在實習的日子,我學習到了很多如果沒有這次經(jīng)歷,就不會有的細膩體會。

(一)深刻感受到什么是真正的細心。

其實在高中甚至到大學,老師都總是強調(diào)“細心”,對于細心什么的我以前自我感覺還挺不錯的。但是當老師在斤斤計較一個標點符號或者花時間可以渲染“細心”的重要性的時候我就覺得好小題大做那時的我覺得“細心”是你可以刻意去營造的狀態(tài)。包括經(jīng)理對我強調(diào)細致的時候我也是這樣想的。我覺得只要想到考試的時候或者處理工作的事情的時候去跟自己說細心點就好了。但是在這個實習的過程里,因為無意和粗心犯下的錯誤,才讓我明白老師反復(fù)說的話到底意義在哪里。往往一些不好的后果或者沒有必要的錯誤,正正是在你認為不用細心和沒有想過要去細心的行為后出現(xiàn)的。這才是我們?yōu)槭裁匆B(yǎng)成這個習慣的原因。所以不管是生活中的小事情還是工作中的大事情,我們都要養(yǎng)成習慣,以細心認真的態(tài)度對待。

(二)主動思考的重要性。

從學校走向社會,首要面臨的問題便是角色轉(zhuǎn)換的問題。從一個學生轉(zhuǎn)化為一個單位人,一個單位人工作要考慮的問題就是如何發(fā)揮自己最大的價值為單位創(chuàng)造效益。做事要主動一點,這不是指一直主動問上司有什么事做,而是在別人交付你任務(wù)的時候自己主動想一下怎么做才更好,而不是把自己當一個機器人一樣。就像做公司簡介頁面的時候,我把自己做得效果給經(jīng)理看的時候,經(jīng)理說“你真的很用心,很負責”,“你做的公司簡介那個頁面,讓我感觸很深”。

(三)、溝通的度要把握好。

工作過程中有許多時候需要和經(jīng)理進行溝通,但是我在溝通的度上沒有把握。

好。好像仗著自己是只做幾個月的實習生,有些提建議的話沒有用比較適合和委婉的語氣表達。雖然經(jīng)理沒有明說,但是我自己意識到了。有些時候工作交接的時候,自己并沒有很清楚細節(jié),但是問太多又怕打擾到經(jīng)理的工作,導(dǎo)致最終工作也沒進行好。所以這個溝通的度要把握好。該問該說的都要說出來,只要是會影響到工作質(zhì)量的都要禮貌地說出來。這樣才是真正地為公司好。

總之,這次實習,自己確實學到了很多也成長了許多。在實習期間,每日重復(fù)單調(diào)繁瑣的工作,時間久了容易厭倦。但是工作簡單也不能馬虎,你一個小小的錯誤可能會給公司帶來巨大的麻煩或損失,還是得認真完成。這段時間,我看到了自己本身存在著許多問題,也會遇到這樣那樣的問題,當前的時代日趨復(fù)雜,不學到一定的深度和廣度是難以在實際工作中應(yīng)付自如的。因此反映出學習的還不夠,缺點疏漏。需再加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后的工作存儲更多的能力。

網(wǎng)頁設(shè)計實踐報告篇十五

在經(jīng)濟迅速發(fā)展的今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正的技術(shù)性人才。學校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習,讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足,下面就談?wù)勎以诒敬螌S弥艿闹饕惺堋?/p>

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)頁的主打色綠色。

4。網(wǎng)站的整體風格和創(chuàng)意。

整個網(wǎng)站的創(chuàng)意就在于顏色的.搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上,yieini易菲推崇“自然美”,將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中,充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

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)了我學習方面的缺點,它是我平時不夠認真的具體表現(xiàn)。

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)站才發(fā)現(xiàn),怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學校上的問題,當真正開始運用的時候在向老師提問。

這只是在制作過程中出現(xiàn)一些問題,其它問題也是類似相同?,F(xiàn)在想想,自己所會的東西太少了,現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。從我做的網(wǎng)頁來看可以反映出學習的還不夠,缺點疏漏。需在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習,讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術(shù)性。

將本文的word文檔下載到電腦,方便收藏和打印。

網(wǎng)頁設(shè)計實踐報告篇十六

題目一、選題的背景和意義:

(一)選題的背景:

1)國際動態(tài):深圳市wto事務(wù)中心通過紡織行業(yè)協(xié)會和服裝行業(yè)協(xié)會,就歐美對我國紡織品服裝啟動保障措施設(shè)限,向各紡織服裝企業(yè)發(fā)出了預(yù)警信息。服裝企業(yè)要想成功地在國際市場中打拼,關(guān)注相關(guān)預(yù)警信息是重要保證。在藝術(shù)和設(shè)計領(lǐng)域,國外各種新思潮的涌入和滲透,帶動著我們的價值觀與審美觀一起跟隨國際流行動態(tài)前進。虛榮夸大的裝飾化風格成為新的形式主義,使其更具國際化,緊隨國際時尚潮流。

據(jù)穿著者的身份、地位各有分別。發(fā)展至今,中國的服裝發(fā)生了翻天覆地的變化。特別是在女裝方面。如以自然簡單的款式,取代華麗而夸張的服裝款式等等。

我國服裝歷史悠久,款式、面料絢麗多彩,是我國民族文化藝術(shù)寶庫的珍品之一。隨著社會的進步和科學技術(shù)的發(fā)展,出現(xiàn)了不少現(xiàn)代多功能及高科技的奇妙服裝,以滿足人們的生活和工作需要。將來服裝的發(fā)展趨勢是不求名貴,但求方便,更求舒適,越來越薄的“綠色”服裝。

(二)選題的意義。

設(shè)的必然內(nèi)涵。從社會、思想和文化變遷的角度看服裝的變化,服裝就成為考察社會文化變遷的窗口。所以一部優(yōu)秀的社會生活史必定是社會文化史;一部優(yōu)秀的社會文化史必然要對社會生活作出具體詳實的文化和社會的闡釋。

(1)大力弘揚我國服裝業(yè)進取拼搏的精神,促進服裝業(yè)的發(fā)展。

由于網(wǎng)絡(luò)平臺可以實現(xiàn)信息資源共享,在網(wǎng)上組織更優(yōu)秀的服裝業(yè)發(fā)展動態(tài),不僅使消費者在網(wǎng)上看到服裝業(yè)的最新發(fā)展趨勢,而且為消費者提供一個互相交流的平臺。

(2)尋找利用計算機技術(shù)及其專業(yè)技術(shù)實現(xiàn)消費者遠程交互自主買賣解決方案。

(3)完善和發(fā)展學習設(shè)計理論。

二、課題研究的主要內(nèi)容:

1、服裝網(wǎng)站設(shè)計理論體系的研究。

包括服裝品牌的設(shè)計、構(gòu)建性服裝網(wǎng)站環(huán)境的設(shè)計、服裝情境的設(shè)計、服裝資源的設(shè)計、消費者自主買賣活動的設(shè)計、消費者與本網(wǎng)站互動的設(shè)計、消費者評價工具的設(shè)計等。

2、基于網(wǎng)絡(luò)環(huán)境下的教學策略與教學模式的研究。

(2)網(wǎng)絡(luò)教學模式的研究,如項目化學習模式、探索性學習模式、研究性學模式等。

(三)、主要研究(設(shè)計)方法論述:

本項目的研究主要采用個案研究、實證研究、調(diào)查研究、比較研究等方法。對于較大規(guī)模的服裝款型與服裝面料的研究,將采用調(diào)查研究方法。

編輯網(wǎng)站框架,利用asp和asp。net實現(xiàn)網(wǎng)上買賣及消費者與網(wǎng)站交流溝通等功能。做出畢業(yè)設(shè)計!

四、論文(設(shè)計)。

進度安排:時間工作內(nèi)容。

網(wǎng)頁設(shè)計實踐報告篇十七

隨著現(xiàn)代化科技的發(fā)展,計算機已經(jīng)成為人們生活中的重要組成部分,網(wǎng)頁瀏覽的形式已經(jīng)代替以往書籍瀏覽的形式,也正因為如此網(wǎng)頁的設(shè)計與布局尤為重要??茖W合理的網(wǎng)頁設(shè)計布局不但能夠帶給人們美感,并且還能使人們在瀏覽的過程中內(nèi)心放松。計算機網(wǎng)頁設(shè)計的概念主要包括網(wǎng)頁設(shè)計布局的整體造型以及網(wǎng)頁設(shè)計布局頁面的尺寸。頁面設(shè)計的整體造型指的就是網(wǎng)頁設(shè)計中的布局形狀,其中最常見的形狀有三角形、圓形等,也有部分計算機網(wǎng)頁設(shè)計采用綜合體的形狀,在頁面的選擇上,大多是根據(jù)網(wǎng)站自身的特點來選擇的。計算機網(wǎng)頁設(shè)計的尺寸也較為多樣化,在計算機使用過程中,常常由于客觀影響造成屏幕的分辨率以及尺寸的影響,但由于是客觀因素無法改變,在瀏覽器自帶的功能上,對于瀏覽過程中網(wǎng)頁的增大與減小都能夠借助瀏覽器工具欄中的相應(yīng)功能解決。計算機網(wǎng)頁設(shè)計中的布局與計算機的發(fā)展有著直接的聯(lián)系,并且影響網(wǎng)站的瀏覽量,目前最為常見的布局分為同字型布局、標題正文型布局、綜合框架型布局、封面型布局以及flash型布局等五種形式。這五種布局形式都能夠最大程度的提高網(wǎng)頁的美感,并且在現(xiàn)代網(wǎng)頁布局中被廣泛運用,以下便是對五種布局類型的詳細分析。

同字型布局主要針對網(wǎng)頁布局的內(nèi)容,這種布局其內(nèi)的填充范圍較廣、填充的數(shù)量也較大。在網(wǎng)頁設(shè)計布局中,大多都是在網(wǎng)頁的標題欄進行網(wǎng)站主體的填充,有的是填充廣告,也有少數(shù)網(wǎng)頁設(shè)計布局中填充的形式是小標題。在頁面的兩側(cè)分別布置內(nèi)容,其中網(wǎng)站的信息與動態(tài)或是服務(wù)人員以及相應(yīng)的廣告等,在以往網(wǎng)頁設(shè)計布局中這部分并沒有受到重視,因此也是相對具有價值的部分。同字型布局網(wǎng)頁主要都是從中央位置布置,根據(jù)網(wǎng)頁內(nèi)容的重點由上到下布局,或是根據(jù)網(wǎng)頁自身的特點以及相應(yīng)的顏色進行布局,也有部分網(wǎng)頁是根據(jù)其中的細節(jié)進行布局的。在網(wǎng)頁的下端并不會進行內(nèi)容的布局,就目前網(wǎng)頁來看下端也只是網(wǎng)頁的信息以及登錄方式等。

標題正文型布局與同字型布局不同的是標題正文型布局并沒有兩端的布局,其它布局類型相似。在頁面上端的布局中大多都是網(wǎng)頁的標題,其中也有廣告,頁面的中端是網(wǎng)頁的主要內(nèi)容以及和重點內(nèi)容,其中中端內(nèi)容中包含同字型布局兩端布局的'內(nèi)容,例如,在正標題下方是對網(wǎng)站的簡訊,之后便是相應(yīng)的附加咨詢,最為常見的就是天氣信息以及網(wǎng)站的注冊信息等,在下方便是網(wǎng)站的主要內(nèi)容也就是正文,在正文的布局上,其結(jié)構(gòu)都是簡單明了的。

綜合框架型布局與其它布局相比形式較為復(fù)雜,主要采用框架的形式來進行網(wǎng)頁的布局,分別在上端、兩端以及下端,網(wǎng)站的主要內(nèi)容都是在框架中進行布局的。這種布局形式與其他布局形式相比更具有輪廓性,能夠?qū)⑵渌季种械膬?nèi)容類型充分地體現(xiàn)出來。

封面類型布局便是字面上的意思,按照書本頁面的形式進行布局,在封面型布局中大多采用的是圖片,其中圖片篇幅較大。一般在不同種類網(wǎng)站的主頁上大多采用封面型布局,在布局的周圍相應(yīng)的分布著較小以及較為簡單的信息,此種信息所采用的形式都是超鏈接的形式,例如,最為常見的qq空間,其主頁便采用封面型布局的形式,采用此種布局的主要目的就是能夠凸顯網(wǎng)頁自身的特點,能夠吸引使用者的目光的同時,對其功能更加一目了然方便操作。

flash型布局與頁面布局較為相似,flash型布局與頁面型布局唯一不同的便是在頁面的布局過程中采用更多的flash,其中包含聲音以及動畫的形式,因此與封面型布局相比在聲音上更能給人們帶來聽覺上的享受,除了聽覺上的享受外在視覺上flash型布局也能夠給人們帶來相應(yīng)的震撼效果。例如,在現(xiàn)代最為常見的游戲頁面上,采用的都是flash型布局,尤其是在登錄的界面或是在進入游戲過程中的等待界面,在現(xiàn)代科技的發(fā)展中,也有少數(shù)網(wǎng)頁在主頁布局的過程中采用flash型布局,以此提高網(wǎng)頁的瀏覽量??偠灾嬎銠C時代已經(jīng)到來,網(wǎng)頁設(shè)計布局已經(jīng)成為重要的發(fā)展趨勢,網(wǎng)頁設(shè)計布局并沒有固定的格式,做一種形式設(shè)計的過程中主要根據(jù)個人的審美,因此想要在網(wǎng)頁的設(shè)計布局中增添其美感,首先就要對美有更深刻的了解,合理的運用到網(wǎng)頁的布局中,使人們在網(wǎng)頁的瀏覽中獲取所需信息的同時還能夠帶來相應(yīng)的視覺享受。

網(wǎng)頁設(shè)計實踐報告篇十八

基本任務(wù)與要求:

階段工作計劃:

1.選題背景(含國內(nèi)外相關(guān)研究綜述及評價)與意義。

選題背景:互聯(lián)網(wǎng)始于1969年的美國,又稱因特網(wǎng)。最初用于軍事連接,之后由于計算機的增多,以及各種連接協(xié)議的規(guī)范化,互聯(lián)網(wǎng)逐漸發(fā)展起來,成為日常生活中人們與外界交流信息的重要工具,可以說,信息時代的基礎(chǔ)就是互聯(lián)網(wǎng)。在中國,截至20xx年12月底,中國網(wǎng)民數(shù)量突破5億,達到5.13億,全年新增網(wǎng)民5580萬。互聯(lián)網(wǎng)普及率較上年底提升4個百分點,達到38.3%。(數(shù)據(jù)來自國家互聯(lián)網(wǎng)絡(luò)信息中心),隨著網(wǎng)民的逐漸增加,網(wǎng)頁制作以及網(wǎng)頁設(shè)計技術(shù)的日趨完善,網(wǎng)頁已經(jīng)被運用到人們?nèi)粘I钪械姆椒矫婷?,越來越多的人甚至公司開始學習制作屬于自己的個性化網(wǎng)頁,這成為信息時代最重要的宣傳方式。

國內(nèi)外對此課題的研究著重分為兩個方面,網(wǎng)頁制作以及網(wǎng)頁設(shè)計,但是兩者同時又是密不可分的,因為,設(shè)計需要建立在目前的制作技術(shù)之上,而制作又需要遵守設(shè)計所構(gòu)建的框架,兩者相輔相成,缺一不可,而國內(nèi)外對此的研究通常都在兩方面有兼顧,但是大部分課題都是只對一個小問題或者一個小型框架,或者只是粗略講一下相關(guān)的技術(shù)或者技巧,對兩者同時進行一個綜合性概述的暫時還沒有。

意義:在互聯(lián)網(wǎng)初期,大部分網(wǎng)頁設(shè)計師都只知道如何去制作網(wǎng)站,知道如何去實現(xiàn)什么樣的功能,但是在這個信息化的社會,如何讓你的網(wǎng)頁變得更好看,更直觀明了的表達信息,如何從眾多的網(wǎng)頁之中脫穎而出,這就需要更強的網(wǎng)頁設(shè)計技術(shù)了,而新的網(wǎng)頁制作技術(shù)例如html5以及css3的運用也給設(shè)計師們帶來了更好的施展空間,該課題會先對網(wǎng)頁設(shè)計制作技術(shù)進行一個概述,讓讀者了解這些技術(shù)尤其是新技術(shù)的運用,同時課題還將運用一個知名餐飲行業(yè)的企業(yè)網(wǎng)站為例,講述網(wǎng)頁設(shè)計制作設(shè)計方法的實際運用,并指出網(wǎng)站設(shè)計中體現(xiàn)出的優(yōu)缺點,最后課題里還會按照要求設(shè)計一個網(wǎng)站,同樣也是餐飲行業(yè)方面的網(wǎng)站,與知名企業(yè)的網(wǎng)站進行對比,加深理解網(wǎng)頁中設(shè)計與制作的關(guān)系。選題研究的方法與主要內(nèi)容。

選題研究方法:

主要內(nèi)容:論文主要分為四部分,第一部分是開題報告部分,講述選題背景以及對國內(nèi)外相關(guān)研究進行一個綜述,并指出論文的研究意義;緊接著第二部分對國內(nèi)外在網(wǎng)頁設(shè)計制作方面技術(shù)進行了一個綜合性的分析;第三部分,我將選取國內(nèi)一個知名餐飲行業(yè)的網(wǎng)站,對其進行網(wǎng)頁設(shè)計制作技術(shù)方面進行分析評價,并在其中闡述自己的理論,論證優(yōu)缺點;最后,我將自己設(shè)計一個有關(guān)于餐飲行業(yè)的網(wǎng)站,并將其與第三部分中選擇的知名餐飲行業(yè)網(wǎng)站進行對比,取長補短,達到實際驗證自身理論的效果。研究條件、擬解決的主要問題和預(yù)期結(jié)果。

研究條件:網(wǎng)頁在21世紀的應(yīng)用已經(jīng)十分普遍,但是大部分研究都是只針對某一小部分,并且大部分研究都是對設(shè)計和制作沒有一個系統(tǒng)的概念,缺乏對這一方面的一個綜合性概述,所以這次課題研究具有以下幾個條件:

1、具有研究性:該研究區(qū)域尚未被大量探索過。

擬解決的主要問題:

2.對網(wǎng)頁設(shè)計制作技術(shù)的理解、實際應(yīng)用及論證。

3.自主設(shè)計一個網(wǎng)站,避免出現(xiàn)知名餐飲行業(yè)中的缺點設(shè)計。

預(yù)期結(jié)果:

中期:選取一個有代表性的知名餐飲網(wǎng)站,對其進行網(wǎng)頁設(shè)計以及網(wǎng)頁制作方面的評價,指出設(shè)計中的優(yōu)點和缺點,并進行詳細分析,針對缺點設(shè)計提出自己的想法,并做出實際設(shè)計,從而驗證自己的理論,或者舉出實例進行對比論證。

后期:自行設(shè)計餐飲網(wǎng)站進行對比分析,建立自己的設(shè)計理論,并與中期的評價進行對應(yīng)驗證,在實踐得到大量的經(jīng)驗,從而對整篇課題進行一個重新檢驗,最后反復(fù)檢查論文,完成論文。

網(wǎng)頁設(shè)計實踐報告篇十九

在經(jīng)濟迅速發(fā)展的今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正的技術(shù)性人才。學校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習,讓我們把平時所學知識運用到實習中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足,下面就談?wù)勎以诒敬螌S弥艿闹饕惺堋?/p>

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)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

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)了我學習方面的缺點,它是我平時不夠認真的具體表現(xiàn)。

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)站才發(fā)現(xiàn),怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學校上的問題,當真正開始運用的時候在向老師提問。

這只是在制作過程中出現(xiàn)一些問題,其它問題也是類似相同?,F(xiàn)在想想,自己所會的東西太少了,現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。從我做的網(wǎng)頁來看可以反映出學習的還不夠,缺點疏漏。需在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實習操作技能,為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習,讓我們在實習之中來學習知識。因為我覺得實習不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術(shù)性。

網(wǎng)頁設(shè)計實踐報告篇二十

企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù))的一種方式,是企業(yè)開展電子設(shè)計的基礎(chǔ)設(shè)施和信息平臺,離開網(wǎng)站(或者只是利用第三方網(wǎng)站)去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標”,也是企業(yè)無形資產(chǎn)的組成部分,而網(wǎng)站是internet上宣傳和反映企業(yè)形象和文化的重要窗口。

web站點應(yīng)針對所服務(wù)對象(機構(gòu)或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則采用多媒體表現(xiàn)手法,提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置,甚至可以下載聲音和錄像片段。好的web站點把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。

為了做到主題鮮明突出,要點明確,我們將按照客戶的要求,以簡單明確的語言和畫面體現(xiàn)站點的主題;調(diào)動一切手段充分表現(xiàn)網(wǎng)站點的個性和情趣,辦出網(wǎng)站的特點。

web站點主頁應(yīng)具備的基本成分包括:頁頭:準確無誤地標識你的站點和企業(yè)標志;email地址:用來接收用戶垂詢;聯(lián)系信息:如普通郵件地址或電話;者等。

網(wǎng)頁設(shè)計作為一種視覺語言,特別講究編排和布局,雖然主頁的設(shè)計不等同于平面設(shè)計,但它們有許多相近之處。

版式設(shè)計通過文字圖形的空間組合,表達出和諧與美。

多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來,特別要求處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達到最佳的視覺表現(xiàn)效果,我們將反復(fù)推敲整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。

在網(wǎng)頁設(shè)計中,總是有傾向的特定技術(shù)來觀察,或跟蹤的網(wǎng)頁設(shè)計師加強的趨勢。這里有專有和開源和免費的技術(shù)專用的支持者。然而,近年來,又增加自由和開放源碼技術(shù),包括由w3c和whatwg進行監(jiān)控和批準,監(jiān)督和實施增加。

趨勢可以發(fā)現(xiàn),不僅在看在時尚領(lǐng)域的使用的技術(shù),如網(wǎng)站和匹配的標志是清晰的喜好確定。著名的藝術(shù)字web2。0至今的重要作用的幫助。

網(wǎng)頁技術(shù)更新很快,一個網(wǎng)站的界面設(shè)計壽命僅僅2—3年而已。不管是垃圾還是精品,都沒有所謂的經(jīng)典,經(jīng)典只存在于是哪個首次成功創(chuàng)新性的應(yīng)用。一個閉門造車者做出的東西,是遠遠趕不上綜合借鑒者的。網(wǎng)頁設(shè)計不同于其他藝術(shù),在模仿加創(chuàng)新的`網(wǎng)頁設(shè)計領(lǐng)域當中,即便是完全自己設(shè)計的,也是沿用了人們已經(jīng)認同的大部分用戶習慣,而且這種沿襲的痕跡是非常明顯的!還有哪個設(shè)計者敢腆著臉說,這都是我自己的原創(chuàng)設(shè)計?對于業(yè)界來說,經(jīng)典只是個理念和象征!

不可否認,國內(nèi)網(wǎng)頁設(shè)計環(huán)境還停留在初級的認知階段,也就是說,絕大多數(shù)人不知道網(wǎng)絡(luò)的真正的可用之處,你去做一個業(yè)務(wù)的時候,不得不去做大量的說服教育工作。以乙方的身份去說服甲方,以專業(yè)角度去教育非專業(yè)認識,結(jié)果是可想而知的。也正是這種全體社會普遍的低認知水平,導(dǎo)致了大量網(wǎng)絡(luò)垃圾的產(chǎn)生。

顯示其獨有的特性,這是初建網(wǎng)站的企業(yè)客戶所重點關(guān)注的內(nèi)容;在企業(yè)形成規(guī)模,進行品牌提升階段,企業(yè)建設(shè)網(wǎng)站或進行改版的目的是重塑品牌網(wǎng)絡(luò)形象,打造更為專業(yè)、沉穩(wěn)和可持續(xù)發(fā)展的品牌理念和文化,這時候的企業(yè)客戶更多的是考慮如何將企業(yè)的品牌內(nèi)涵與行業(yè)相融合,在配色的選擇上更傾向于穩(wěn)重、包容,能夠適應(yīng)各種場合需要的配色。

網(wǎng)頁設(shè)計的兩大要點是:整體風格和色彩搭配。

一、確定網(wǎng)站的整體風格。

在這里,我提供給大家一些參考經(jīng)驗:

1.將你的標志logo,盡可能的放在每個頁面上最突出的位置。

2.突出你的標準色彩。

3.總結(jié)一句能反映貴站精髓的宣傳標語!

4.相同類型的圖像采用相同效果,比如說標題字都采用陰影效果,那么在網(wǎng)站中出現(xiàn)的所有標題字的陰影效果的設(shè)置應(yīng)該是完全一致的!

二、網(wǎng)頁色彩的搭配。

1.用一種色彩。這里是指先選定一種色彩,然后調(diào)整透明度或者飽和度,這樣的頁面看起來色彩統(tǒng)一,有層次感。

2.用兩種色彩。先選定一種色彩,然后選擇它的對比色。

3.用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。

在網(wǎng)頁配色中,還要切記一些誤區(qū):

1.不要將所有顏色都用到,盡量控制在三至五種色彩以內(nèi)。

2.背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景),以便突出主要文字內(nèi)容。

3。flash,網(wǎng)頁需要畫面流動時的首選擇;

4。photoshop,圖像處理軟件,一般網(wǎng)頁都需要有圖片相搭配,photoshop是款很強大的工具。

網(wǎng)頁設(shè)計實踐報告篇二十一

網(wǎng)頁是我們在網(wǎng)絡(luò)上的“帶言人”。我們將什么樣的信息傳達給瀏覽者,要講述什么要的事情,網(wǎng)頁在這里起著重用的作用。以下是一份關(guān)于網(wǎng)頁設(shè)計的報告書,歡迎閱讀學習!

對于現(xiàn)在的社會,科技的飛速發(fā)展已經(jīng)成為社會發(fā)展的標志。其中計算機的發(fā)展可謂快中之快,而在計算機的發(fā)展中計算機網(wǎng)絡(luò)的發(fā)展又是首當其沖的。計算機網(wǎng)絡(luò)從為我們所知,到現(xiàn)在才經(jīng)歷的短短的幾年時間,在這幾年中隨著計算機網(wǎng)絡(luò)的廣泛應(yīng)用,特別是internet的普及和發(fā)展,網(wǎng)絡(luò)已經(jīng)成為了不可或缺的通信手段。不論是最新的新聞信息、新產(chǎn)品的出臺、新游戲的發(fā)布、最新的各種it動態(tài),包括等候就業(yè)人才的個人簡歷,我們都是可以通過網(wǎng)絡(luò)來獲得。但是什么為這所有的一切提供平臺的呢。我們又是通過什么來獲取這些消息的呢——對就是網(wǎng)頁?,F(xiàn)如今,數(shù)以萬計的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候,在網(wǎng)絡(luò)成為通信的主要手段的時候,在計算機網(wǎng)絡(luò)普及的今天,網(wǎng)頁也在它自己的崗位上做出了突出的貢獻。網(wǎng)頁是我們在網(wǎng)絡(luò)上的“帶言人”。我們將什么樣的信息傳達給瀏覽者,要講述什么要的事情,網(wǎng)頁在這里起著重用的作用。

由于人們使用網(wǎng)絡(luò)的頻繁而網(wǎng)頁作為上網(wǎng)的主要依托就變得非常的重要。網(wǎng)頁講究的是排版布局,其功能主要就是提供一種形式給每個上網(wǎng)者,讓他們能夠了解網(wǎng)站提供的信息。網(wǎng)頁設(shè)計直接面對的是大量用戶,隨時都會反饋回來對網(wǎng)頁的批評建議等,可以根據(jù)實際情況進行修改,這樣做可以使使用者用起來更加的方便。

1. 整體性好: 一個網(wǎng)站強調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的`目標所做的設(shè)計才是成功的。

2. 網(wǎng)站形象突出: 一個符合美的標準的網(wǎng)頁是能夠使網(wǎng)站的形象得到最大限度的提升的。

3.頁面用色協(xié)調(diào),布局符合形式美的要求: 布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。

我通過解答迎新問題,不僅僅增加了對學校,對迎新流程的熟悉,讓我學會了一些如何籌劃安排迎新這種大型活動的知識,而且,我覺得更重要的一點是,這種工作能夠培養(yǎng)我去體會怎樣助人為樂,體會其中的樂趣,學會真正為人民服務(wù).

實踐讓我走向科技應(yīng)用,走出課堂.當前,我們?nèi)鄙俚闹饕皇侵R,而是缺少將知識與實際相結(jié)合的能力.我們在課堂上所學的,與在實際當中遇到的是不盡相同的.其往往具有不具有明顯的特征,這需要我們進行抽象概括才能解決各種問題.

作為當代中國的大學生,應(yīng)該不再只是被動的等待別人告訴你應(yīng)該做什么,而是應(yīng)該主動的去了解自己要做什么,然后全力以赴的去完成.所以在大學期間我覺得多與社會接觸,多了解自己所處的環(huán)境,多了解你將會面對的種種問題,對以后的發(fā)展和繼續(xù)深造都是非常非常有益處的.

當然,也要擺正勤工助學于學習的關(guān)系,切不可因打工而荒廢四年的青春,荒廢人生寶貴的大學學習時期.正如有名的microsoft公司副總裁李開復(fù)教授曾說過的一樣:"打工只是學習生活中的一種補充,學習才是最重要的."

實踐是學生接觸社會,了解社會,服務(wù)社會,運用所學知識實踐自我的最好途徑.親身實踐,而不是閉門造車.實現(xiàn)了從理論到實踐再到理論的飛躍.增強了認識問題,分析問題,解決問題的能力.為認識社會,了解社會,步入社會打下了良好的基礎(chǔ).同時還需我們在以后的學習中用知識武裝自己,用書本充實自己,為以后服務(wù)社會打下更堅固的基礎(chǔ)!

網(wǎng)頁設(shè)計跟學習別的東西一樣,也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。

學習網(wǎng)頁設(shè)計需要耐心,如果沒有耐心,就學不好網(wǎng)頁設(shè)計,應(yīng)為當你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了很長時間才解決。

并且學習網(wǎng)頁設(shè)計不要掉入技術(shù)的陷阱,如果你的網(wǎng)頁設(shè)計技術(shù)一流,并且對軟件的掌握程度已經(jīng)達到一定水平,但是你設(shè)計的網(wǎng)頁確不堪目睹,這是因為網(wǎng)頁設(shè)計是介于平面設(shè)計和編程技術(shù)兩者之間的"邊緣科學."不僅涉及到美學,心理學,平面構(gòu)成,色彩搭配等平面設(shè)計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識.只有綜合運用多種知識,才能設(shè)計出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能.

并且我認為網(wǎng)頁設(shè)計應(yīng)該注重實用性,因為它是讓人瀏覽的,是用戶可以撫摸,可以評論,可以交互的。因此我提倡簡單的美。

不要過于注重色彩的燦爛,只要簡單就行。我們最終追求的主要是實用價值。

近一個星期的實訓(xùn)將要結(jié)束,其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼,去回味,去探索。從制作網(wǎng)頁過程中,我學到了新的美化網(wǎng)頁的方法,運用了更多以前未運用的技巧。這使我學到了更多的知識,并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷,將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少,我自己感覺在知識、技能等方面都有了不少的收獲??傮w來說這次是對我的綜合素質(zhì)的培養(yǎng),鍛煉和提高。

每日勵志學習名言:百川東到海,何時復(fù)西歸?少壯不努力,老大徒傷悲。(漢樂府《長歌行》)

【本文地址:http://mlvmservice.com/zuowen/10456406.html】

全文閱讀已結(jié)束,如果需要下載本文請點擊

下載此文檔