網(wǎng)頁制作實習(xí)報告(7篇)
在我們平凡的日常里,越來越多人會去使用報告,其在寫作上具有一定的竅門。那么報告應(yīng)該怎么寫才合適呢?以下是小編為大家整理的網(wǎng)頁制作實習(xí)報告,僅供參考,歡迎大家閱讀。
網(wǎng)頁制作實習(xí)報告1
1。材料的搜集。
2。了解制造軟件。
3。構(gòu)建站點結(jié)構(gòu)。
翻開dremweaver后第一步即是新建站點
4規(guī)劃主頁及二級頁面。
5完結(jié)頁面間的連接
連接的進(jìn)程本來很簡略,首要是把要連接的文字挑選在挑選工具欄的連接按鈕終究挑選自個要連接的頁面單擊斷定便可以了。
6向靜太頁面刺進(jìn)動態(tài)效果
具體狀況如下:
經(jīng)過這半年的學(xué)習(xí)實習(xí)中 和教師的指導(dǎo)下以許多清楚的操作步驟和典型的運用實例,教會咱們。使更豐厚全部的軟件技術(shù)和運用竅門,使咱們真正對所學(xué)的軟件融會貫通。所以我結(jié)合所學(xué)專業(yè)的內(nèi)容制造了自個網(wǎng)站,作為實習(xí)的效果。其內(nèi)容是多元化的。制造頁面用的軟件是dreamweaver , banner軟件。dreamweaver大大加快了網(wǎng)絡(luò)時代電子買賣運用中的項目交給。它供給了頁面和表單的動態(tài)生成到公司級的處理方案,如電子商店,庫存管理體系和公司內(nèi)部局域網(wǎng)的數(shù)據(jù)庫運用等功用。例如,頁面上很流行的暗影和立體按紐等效果,只需單擊一下就可以制造完結(jié)。當(dāng)然,其最便利之處是,它可以將圖象切割,圖象映射,懸停按紐,圖象翻轉(zhuǎn)等效果直接生成html代碼,或許嵌入到現(xiàn)有的頁面中,或許作為單獨的頁面呈現(xiàn)。主圖是一個頁面的門面,它能體現(xiàn)出這個頁面的全體風(fēng)格。
制造頁面,首先是斷定主題,經(jīng)過一再思考,就做了個關(guān)于我國的網(wǎng)站,平常也老是閱讀相似的網(wǎng)站,對這些還有些了解,所以斷定主題,做一些相似的網(wǎng)站,但思考到,如今網(wǎng)絡(luò)上許多相似的網(wǎng)站,但有些內(nèi)容不合適咱們大學(xué)生閱讀,關(guān)于咱們來說有點不實習(xí),依據(jù)這種狀況,終究決議樹立一個簡略的我國介紹和有關(guān)的業(yè)績網(wǎng)站,專門介紹一些即運用,又廉價的小秘笈。所以網(wǎng)站主題樹立。
然后是全體規(guī)劃,每一版塊都有其特性的顏色,清晰明晰,便于閱讀閱讀,大致分幾有些,我國簡介,我國前史,用戶登錄注冊頁面留言,再加入單個網(wǎng)站等,每一有些又分幾小有些,內(nèi)容比照充沛,多樣。
再后是搜集材料與素材,許多閱讀有關(guān)網(wǎng)站,搜集關(guān)于我國的一些業(yè)績前史圖畫,好的文章和圖畫等,還有參閱一些好的網(wǎng)站的規(guī)劃,特征,顏色調(diào)配,背景圖等。
再后是規(guī)劃頁面圖畫,用flash制造頁面的banner。
再后是樹立站點,站點散布如下:
再后是制造頁面了,運用dreamweaver制造。
主頁內(nèi)容精彩豐厚,簡練明快,言語幽默,淺顯易懂。頁面心愛清爽。主頁首要是導(dǎo)航效果。主頁制造時,時刻思考著頁面的基本準(zhǔn)則:一致,連接,切割,比照及調(diào)和的準(zhǔn)則,內(nèi)容一致,都是為了主題效勞,一個網(wǎng)站著重的即是一個全體,只需環(huán)繞一個一致的方針?biāo)龅囊?guī)劃才是成功的;連接,頁面之間聯(lián)系連接,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于閱讀;全部頁面有動有靜,顏色不相同,構(gòu)成比照,不呆板,賦有生氣;顏色各異,但又不相同傍邊又相同,天衣無縫。而且制造進(jìn)程中,不忘以下準(zhǔn)則:
簡練實用: 這是非常首要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以最高功率的辦法將用戶所要想得到的信息傳送給他即是最佳的,所以要去掉全部的冗余的東西。運用便利:同第一個是相一致的.,滿足運用者的請求,頁面做得越合適運用,就越顯示出其功用美;頁面用色和諧,規(guī)劃符合辦法美的請求: 規(guī)劃有條理,充沛使用美的辦法,是頁面賦有可賞識性,進(jìn)步層次。當(dāng)然老少皆宜是人人都尋求的。
使用咱們所學(xué)的結(jié)構(gòu)集,制造更完美的頁面。將動態(tài)頁面與靜態(tài)頁面結(jié)合起來
再后,調(diào)試進(jìn)程,很屢次本來在dream里好好的,把字調(diào)的好好的,方位很對,可在閱讀器里御覽就出毛病了,不是靠上了,即是靠下了,很不厚道,經(jīng)過一再調(diào)試,收拾,加了許多表格,總算滿足了,很是費事,想請問教師,為何會呈現(xiàn)這種狀況啊,還有怎樣處理啊,不必這么重復(fù)調(diào)整的辦法,還有啥好辦法。
還有,在最超連接進(jìn)程中,分明在頁面特色里設(shè)置的是超連接的文字是原色,點擊連接后也是原色,可一連接上就變色了,想了老半天,也做了許多研討,試驗,總算知道怎樣回事了,本來應(yīng)當(dāng)對文字地點的單元格全體做連接,而不是只選中文字做連接。
還有,這次的網(wǎng)站大有些用的是表格,層用的很少,由于它太靈活了,欠好操控,用的很少。
再后,是頁面的上載與發(fā)布,用ftp將制造好的網(wǎng)站上載
制造進(jìn)程中,才發(fā)現(xiàn),本來自個懂的太少了,許多不知道的當(dāng)?shù),才趕忙查書,開端的時分僅僅會樹立模版,可不會運用,操作,可這么要修正模版可就費事了,要一個頁面一個的修正,所以趕忙上彀學(xué)習(xí)有關(guān)內(nèi)容,閱讀書籍,終究才知道文件這有個資本,點擊
進(jìn)入資本面板,點擊到數(shù)第二個的模版,選項,全部模版就都顯示了,點擊資本面板左下角的運用指令,好了,這個模版就運用到你樹樹立的頁面中去了。
這僅僅在制造進(jìn)程中呈現(xiàn)的疑問之一,其它疑問也是相似相同。如今想想,自個所會的東西太少了,如今做的網(wǎng)站僅僅一些簡略的網(wǎng)站,看到了一些聞名的網(wǎng)站開宣布的頁面,不只欄目內(nèi)容豐厚,信息量大,而且頁面圖文并茂,五光十色,使得網(wǎng)民贊嘆不已,戀戀不舍。以咱們的閱歷,當(dāng)時的軟件的功用日趨雜亂,不學(xué)到必定的深度和廣度是難以在實習(xí)工作中應(yīng)付自如的。因而反映出學(xué)習(xí)的還不行,缺陷遺漏。需在加以刻苦鉆研及學(xué)習(xí),不斷開辟視界,增強自個的實習(xí)操作技術(shù),為往后能做出超卓的頁面而盡力。
同學(xué)告訴我,要做好頁面,必定要學(xué)從c++,java,php,asp,數(shù)據(jù)庫。往后要學(xué)的實在是太多了,而且我也很喜歡這方面,在往后的日子里,會盡力填充自個,豐厚自個的。期望往后有不明白的當(dāng)?shù),教師能多多指點。
網(wǎng)頁制作實習(xí)報告2
【實習(xí)目的】
熟悉和掌握計算機(jī)網(wǎng)頁設(shè)計的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。通過網(wǎng)頁設(shè)計理論聯(lián)系實際操作,鞏固所學(xué)的知識,提高處理問題的能力。充分學(xué)習(xí)網(wǎng)頁設(shè)計實踐中的操作理論,提高自己網(wǎng)頁設(shè)計水平,并為能順利與社會環(huán)境接軌做準(zhǔn)備。
【實習(xí)時間】
20xx年2月15日至20xx年3月15日
【實習(xí)地點】
未來路錦江國際花園9棟501室
【實習(xí)單位】
鄭州市托斯卡納餐飲有限公司
【實習(xí)內(nèi)容和過程】
實習(xí)內(nèi)容:
我在托斯卡納餐飲公司旗下的56°網(wǎng)絡(luò)蛋糕店一個月的實習(xí),我的工作就是負(fù)責(zé)設(shè)計整個網(wǎng)站的頁面部分。為其一個月的實習(xí),使我第一次親身感受到了所學(xué)知識與實際的應(yīng)用,作為一個網(wǎng)站美工除了要求網(wǎng)頁三劍客,ps,這些必會的軟件以外,還要對Html用的很熟,對ASP或PHP或jsp要有初步的了解。通過這次實習(xí),進(jìn)一步鞏固和深化所學(xué)的理論知識,為以后的工作打好基礎(chǔ)。以下是我做的一些實習(xí)過程中的經(jīng)驗總結(jié):
。1)表達(dá)一定的藝術(shù)效果
一個成功的網(wǎng)站應(yīng)該把網(wǎng)頁設(shè)計得吸引人,同時又要傳達(dá)設(shè)計思想和情感。網(wǎng)頁作為一種媒體,它必須具有一定的藝術(shù)感染力,一個平淡無奇、雜亂無章或毫無美感的網(wǎng)頁很難會有瀏覽者喜歡,更不要說讓瀏覽者去注意它的內(nèi)容了。
(2)使頁面結(jié)構(gòu)清晰可讀性強
經(jīng)?梢钥吹竭@樣的頁面,上面堆砌了許多內(nèi)容,卻沒有考慮它的空間框架,讓人看了無法知曉哪些內(nèi)容才是最具發(fā)言權(quán)的。沒有流暢的視覺流程,這是典型的沒有注意到編排清晰度、可讀性的表現(xiàn)。
。3)實現(xiàn)不同的功能
在網(wǎng)絡(luò)這條信息高速公路上,網(wǎng)頁最主要的功能就是一種傳遞信息的手段。因此,它一切內(nèi)容都是為了這個目的而服務(wù),都是要圍繞這個中心進(jìn)行設(shè)計的。然而,要實現(xiàn)這個功能,網(wǎng)頁的美工設(shè)計和內(nèi)容都必須有針對性。所謂針對性,就是指對不同類別的網(wǎng)頁要求采用不同的美工藝術(shù)效果。
。4)網(wǎng)頁的內(nèi)容
網(wǎng)頁設(shè)計人員美化網(wǎng)頁,增加網(wǎng)頁設(shè)計的藝術(shù)感,都是為了網(wǎng)頁設(shè)計的內(nèi)容服務(wù)的。一般來說,網(wǎng)頁的幾項基本內(nèi)容:標(biāo)題、網(wǎng)站標(biāo)志、主體內(nèi)容、導(dǎo)航、廣告欄等。
(5)確定網(wǎng)站的類型
在設(shè)計網(wǎng)頁之需要做大量的準(zhǔn)備工作,需要思考以下幾個問題:
1、網(wǎng)站的類型:站點屬于新聞、娛樂、商務(wù)類的綜合站點,還是個人主頁;
。6)確定網(wǎng)站的風(fēng)格
如果瀏覽者主要是年輕人,頁面就要設(shè)計得基調(diào)明快,活潑富有朝氣;如果針對的群體是政府工作者或科學(xué)工作者,那么頁面就要設(shè)計得嚴(yán)謹(jǐn)、嚴(yán)肅、理性、科學(xué);如果針對的群體是婦女兒童,頁面則要設(shè)計得溫馨、友愛、輕松;如果針對的群體是戀人或從事藝術(shù)工作的人,頁面就要設(shè)計得浪漫并有藝術(shù)感
。7)確定網(wǎng)頁之間的鏈接關(guān)系
在網(wǎng)站的總體規(guī)劃列出來后,就必須要考慮各個網(wǎng)頁之間的關(guān)系,是星型、樹型、網(wǎng)型還是直線鏈接。
實習(xí)過程:
1.我所在的公司是托斯卡納餐飲公司旗下的56°蛋糕部門,主要項目是蛋糕類。而我主要是負(fù)責(zé)網(wǎng)頁設(shè)計制作這一塊。
2.因為是有關(guān)蛋糕的網(wǎng)站,我首先從網(wǎng)上了解了一些有關(guān)項目和一些基本常識。接下來我就應(yīng)該考慮配色與構(gòu)圖了。這在做食品網(wǎng)頁上是最關(guān)鍵的`環(huán)節(jié)?紤]配色與構(gòu)圖:對整個內(nèi)容有了一了解后,現(xiàn)在要思考作品的色彩和具體的構(gòu)圖,先用筆畫出草圖,也可以直接在腦海里構(gòu)思。色彩要活潑健康,所以選擇粉色作為主色調(diào)。
查找素材:其實素材這種東西總是數(shù)量大于質(zhì)量,我可以很輕易的下載到許多許多的素材,但卻很少用的到它。為了使網(wǎng)頁看上去質(zhì)量更好,要對圖片的進(jìn)
行篩選,加上拍攝的蛋糕圖片。
開始設(shè)計:設(shè)計的時間是最多的,有的時候,在設(shè)計時原先找到的素材就不能用了,甚至全部用不到。所以后來我就先設(shè)計,想用什么圖的時候再找。加上去拍攝蛋糕的照片使用PS進(jìn)行加工,讓的圖片上的蛋糕更加誘人。做一張首頁效果圖一般用兩天的時間。然后把效果圖給領(lǐng)導(dǎo)看,等到領(lǐng)導(dǎo)通過才能進(jìn)行下一步工作。
做子頁:子頁一般需要五六張效果圖。不過,對于這一步驟來將,我們就輕松多了。時間一般也需要兩天。
切圖:所有的效果圖做好了之后就開始切圖,切圖其實就是把效果圖變成網(wǎng)頁。一般需要兩天。切圖之中其實會遇到好多匪夷所思的事情,不過當(dāng)你熟練這后就好了。當(dāng)然,一開始我經(jīng)常會遇到,比如代碼的意思是使網(wǎng)頁正題居中,但結(jié)果卻是整個網(wǎng)頁偏移到了左邊。等等這樣的事情在我初期切圖的時候經(jīng)常遇到,F(xiàn)在好多了。
完成:做到這一步我的任務(wù)就完成了。
工作這么長時間,對一切越來越熟習(xí)之后,總想找到一些別的感覺。每天我會去不同風(fēng)格的網(wǎng)站,會觀察他們出彩的地方,然后不斷加強自身的職業(yè)素質(zhì)。
【實習(xí)體會和收獲】
光陰似箭,日月如梭。轉(zhuǎn)眼間,愉快而又充實的網(wǎng)頁實習(xí)結(jié)束了,在這一個月的時間里,讓我嘗試了理論與實踐相結(jié)合。網(wǎng)頁設(shè)計理論一點點轉(zhuǎn)化為實踐經(jīng)驗。豐富的實習(xí)生活充滿了驚喜,快樂和充實,當(dāng)然也少不了網(wǎng)頁設(shè)計過程中的困難。實習(xí)結(jié)束了,覺得腦袋里又注入了新的知識,對網(wǎng)頁設(shè)計也有了新的了解,在以后的工作中,希望能用自己了解的東西去處理相關(guān)問題,在探究新的問題,使自己不斷進(jìn)步。
在實習(xí)生涯中影響了我很多,就像我用兩天的時間制作出一張首頁效果圖,他人往往只能看到完成品。而這并不是最重要的,最重要的是別人沒有經(jīng)歷的我卻在珍惜的創(chuàng)作過程。也許這個過程還遠(yuǎn)遠(yuǎn)不能稱之為創(chuàng)造,但我會努力的。做了一個月的美工,終于體會到網(wǎng)頁設(shè)計無非是圖文混排的那點事。不過,當(dāng)你真正的去努力的創(chuàng)造了之后,結(jié)果卻并不會每次都是好的。太多自己精心設(shè)計的東西,被別人一眼就否定了。當(dāng)時心情真的很糟糕。不過,現(xiàn)在想想,這都些都沒
有什么,這也無非是成長中常常要遇到的事罷了。
在實習(xí)過程中,我發(fā)現(xiàn)社會比校園更殘酷,在工作的單位我學(xué)會了,凡事第一反應(yīng)是找方法,而不是找借口;凡事先訂立目標(biāo),并且盡量制作“夢想板”;凡事預(yù)先做計劃,盡量前目標(biāo)視覺化;六點優(yōu)先工作制,每一分,每一秒做生產(chǎn)力的事情;把重要的觀念,方法寫下來,并貼起來,以隨時提示自己;每天提前30分鐘上班,推遲30分鐘下班。
工作是人生活的重要部分,不論是消極還是積極,都會給人帶來不同感受。而精彩的生活往往有來源于有意義的工作中,所以我不會讓自己因工作的煩惱、困難和壓力,困擾自己,使自己工作情緒化、生活情緒化。遇到困難我會用平常的心態(tài)實際看待問題,告自己凡事要先做人、后做事。
網(wǎng)頁制作實習(xí)報告3
這次實習(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)通過后臺對各類信息進(jìn)行管理和審核。
。6)對網(wǎng)站會員信息進(jìn)行管理和審核。審核注冊本網(wǎng)站的會員,對其進(jìn)行管理。
(7)友情鏈接。設(shè)置相關(guān)的友情鏈接頁面。
主頁的設(shè)計是整個網(wǎng)站的靈魂,構(gòu)思導(dǎo)航欄的分類,然后是整體規(guī)劃,每一個版塊都有其個性,清晰明了,便于閱讀瀏覽,大致分幾部分,首頁,小店簡介,產(chǎn)品展示,售后服務(wù),友情鏈接這幾個板塊,再加入個別網(wǎng)站等,每一部分又分為幾個小部分,內(nèi)容比較充分,多樣。確定導(dǎo)航欄的各個分了標(biāo)題之后對于建立二級子網(wǎng)頁尤為重要。
主頁的`導(dǎo)航設(shè)計好后,接下來就是對主頁導(dǎo)航欄的各個內(nèi)容進(jìn)行資料的收集,在網(wǎng)上多轉(zhuǎn)轉(zhuǎn),看到什么漂亮的網(wǎng)頁,把它保存起來,作為以后自己設(shè)計主頁時的參考。另外,還包括搜集美化主頁可能要用到的各種材料,如背景、小動畫圖標(biāo)等等。你可以在硬盤上建一個文件夾,下分“圖片、聲音、動畫”等文件夾,養(yǎng)成上網(wǎng)時看到有創(chuàng)意、新鮮的圖像,就按鼠標(biāo)右鍵存入你硬盤相應(yīng)文件夾的習(xí)慣,時間一長你就有擁有了一個可觀的圖庫,等做主頁時隨手拈來或加以修改就成你自己的東西了。我們再對大量收集的資料進(jìn)行篩選,得到最合適的導(dǎo)航內(nèi)容的資料。
網(wǎng)站建設(shè)中如果大量運用模板,對于建立網(wǎng)站提供便利同時也減少了大量的工序。主頁的設(shè)計應(yīng)以醒目優(yōu)先,應(yīng)該令人一目了然,勿堆砌太多不必要的細(xì)節(jié),或使畫面過于復(fù)雜。頁面給人的第一觀感最為重要。網(wǎng)上商城系統(tǒng)采用了敏捷開發(fā)的設(shè)計思想,我們對整個系統(tǒng)主要分成了2個大模塊,即前臺交易模塊和后臺管理模塊。而其中各個模塊我們又進(jìn)行了進(jìn)一步的細(xì)分,如前臺交易模塊又分為注冊會員、商品瀏覽、查詢商品、購買商品等;后臺管理模塊則包括對用戶的管理、商品管理和銷售管理。使得整個系統(tǒng)具有易用性、個性化、跨平臺等特點,同時又保證交易數(shù)據(jù)的安全、穩(wěn)定、快速和完整,使其運行得高速、安全、穩(wěn)定。
商品管理模塊,管理員對商品信息的管理主要包括商品以及對商品類別的查詢、添加、刪除、修改等操作。
訂單管理模塊,用戶選擇滿意的商品會進(jìn)行下訂單操作,同時會進(jìn)行確認(rèn)訂單、付款等操作,但同時也會存在未確定訂單、未付款等操作。
網(wǎng)頁的迷人之處之一,要算它上面能點綴許多漂亮的圖片。精美的圖片設(shè)計,可以使自己的網(wǎng)頁增輝不少,令人過目不忘。圖片的內(nèi)容應(yīng)有一定的實際作用,忌虛飾浮夸,同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。
由于在網(wǎng)上用瀏覽器瀏覽任何主頁時,都能查看到該主頁制作時所編寫的絕大部分網(wǎng)頁編程源代碼。因此,如果你想知道并掌握一些優(yōu)秀的主頁采用的設(shè)計技巧,試著將其源代碼調(diào)出來仔細(xì)揣摩,并模仿著一步一步去實現(xiàn)。
通過這次實習(xí),我學(xué)到了很多有價值的東西。雖然我不能完成網(wǎng)站設(shè)計的過程,把設(shè)計中散亂的網(wǎng)頁鏈接成框架體系,但至少使平時學(xué)到的知識點有了提高。我感受最深的是:想要最好一個網(wǎng)站,素材和技能都十分重要。好的素材需要多放面查找資料的,可以從圖書、網(wǎng)站和新聞上查找的。好的技能需要不斷的實踐,經(jīng)常鍛煉。只有擁有好的素材和精湛的技能才可以做出最精湛的網(wǎng)頁。
網(wǎng)頁制作實習(xí)報告4
一 實驗過程
1.資料的搜集。
2.熟悉制作軟件。
3.構(gòu)建站點框架。
打開dremweaver后第一步便是新建站點
4設(shè)計主頁及二級頁面。
5實現(xiàn)網(wǎng)頁間的
的過程其實很簡單,主要是把要的文字選擇在選擇工具欄的按鈕最后選擇自己要的網(wǎng)頁單擊確定便可以了。
6向靜太網(wǎng)頁插入動態(tài)效果
具體情況
通過這半年的學(xué)習(xí)實踐中 和老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實例,教會我們。使更豐富全面的軟件技術(shù)和應(yīng)用技巧,使我們真正對所學(xué)的軟件融會貫通。所以我結(jié)合所學(xué)專業(yè)的.內(nèi)容制作了個人網(wǎng)站,作為實習(xí)的成果。其內(nèi)容是多樣化的。制作網(wǎng)頁用的軟件是dreamweaver , banner軟件。dreamweaver大大加速了網(wǎng)絡(luò)時代電子交易應(yīng)用中的項目交付。它提供了網(wǎng)頁和表單的動態(tài)生成到企業(yè)級的解決方案,如電子商店,庫存管理系統(tǒng)和企業(yè)內(nèi)部局域網(wǎng)的數(shù)據(jù)庫應(yīng)用等功能。例如,網(wǎng)頁上很流行的陰影和立體按紐等效果,只需單擊一下就可以制作完成。當(dāng)然,其最方便之處是,它可以將圖象切割,圖象映射,懸停按紐,圖象翻轉(zhuǎn)等效果直接生成html代碼,或者嵌入到現(xiàn)有的網(wǎng)頁中,或者作為單獨的網(wǎng)頁出現(xiàn)。主圖是一個網(wǎng)頁的門面,它能體現(xiàn)出這個網(wǎng)頁的整體風(fēng)格。
制作網(wǎng)頁,首先是確定主題,經(jīng)過再三考慮,就做了個關(guān)于中國的網(wǎng)站,平時也總是瀏覽類似的網(wǎng)站,對這些還有些了解,于是確定主題,做一些類似的網(wǎng)站,但考慮到,現(xiàn)在網(wǎng)絡(luò)上好多類似的網(wǎng)站,但有些內(nèi)容不適合我們大學(xué)生閱讀,對于我們來說有點不實際,根據(jù)這種情況,最后決定建立一個簡單的中國介紹和相關(guān)的事跡網(wǎng)站,專門介紹一些即使用,又便宜的小秘笈。于是網(wǎng)站主題確立。
然后是整體規(guī)劃,每一版塊都有其個性的色彩,清晰明了,便于閱讀瀏覽,大致分幾部分,中國簡介,中國歷史,用戶登錄注冊頁面留言,再加入個別網(wǎng)站等,每一部分又分幾小部分,內(nèi)容比較充分,多樣。
再后是收集資料與素材,大量瀏覽相關(guān)網(wǎng)站,收集關(guān)于中國的一些事跡歷史圖片,好的文章和圖片等,還有參考一些好的網(wǎng)站的布局,特色,顏色搭配,背景圖等。
再后是設(shè)計網(wǎng)頁圖片,用flash制作網(wǎng)頁的banner。
再后是建立站點,站點分布
再后是制作網(wǎng)頁了,使用dreamweaver制作。
首頁內(nèi)容精彩豐富,簡潔明快,語言風(fēng)趣,通俗易懂。頁面可愛清爽。首頁主要是導(dǎo)航作用。首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內(nèi)容統(tǒng)一,都是為了主題服務(wù),一個網(wǎng)站強調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的;連貫,頁面之間關(guān)系連貫,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,顏色不同,形成對比,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則
簡潔實用: 這是非常重要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調(diào),布局符合形式美的要求: 布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當(dāng)然雅俗共賞是人人都追求的。
網(wǎng)頁制作實習(xí)報告5
畢業(yè)后,我來到了社會這個匯集眾多江河湖水的大海,感受到了獨立生活的好處與艱辛,同時我自己也更深的理解了,家長和學(xué)校老師對我們的殷切希望,在社會實習(xí)的這段日子,我吃了些苦,受了些罪,可是整個人在肉體上和精神上卻升華了很多,也比以前的變得更有自信了,F(xiàn)將我的實習(xí)情況匯報如下:
一、實習(xí)工作介紹
我所在的這家公司,是一家做網(wǎng)上招商的商業(yè)網(wǎng)站,公司接收各種廠家提供的信息,然后由網(wǎng)絡(luò)的技術(shù)人員,將商家的信息做成網(wǎng)頁廣告,然后掛在我們的網(wǎng)站上,以此達(dá)到商業(yè)推廣的目的,類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員,主要的工作就是接收美工人員的網(wǎng)站模板,將其通過photoshop切片,然后導(dǎo)入dreamweaver進(jìn)行排版,(排版主要使用css+div),并進(jìn)一步的加以制作,完善美化,如加入js代碼,或透明flash,因為網(wǎng)頁是用css+div進(jìn)行排版的,所以在最后一步的時候,我們還需要進(jìn)行瀏覽器測試,因為css+div排版方式有一個的缺點就是:瀏覽器不兼容的問題,典型的如:ie與fireworks,因為各種瀏覽器使用的協(xié)議不同,所以會導(dǎo)致頁面在最終瀏覽的時候有一些小問題,如:頁面混亂,圖片、文字之間的距離過大或過小,頁面不美觀等等,做為一個新人,我在有些方面的技術(shù)還很不成熟,所以在技術(shù)總監(jiān)張偉的幫助下,解決了很多問題,所在我很感謝他,當(dāng)每天我們做完網(wǎng)頁后,都會在代碼頁面加入注釋代碼,在里面寫上每個人姓名的漢語拼間和工作日期,這樣方便月底做統(tǒng)計工作,公司領(lǐng)導(dǎo)會根據(jù)每個人的工作數(shù)量進(jìn)行獎勵,每做一個頁面會有2塊的提成,雖然少點,但是積少成多,也是很可觀的。
二、初來公司的時候
(一)初級考試
初來公司的時候,我們經(jīng)過了初期考試,培訓(xùn),與最終考試三個階段,在接到公司讓我面試的電話后,我來到了**公司,因為要干的是網(wǎng)頁設(shè)計,所以要有一個小測驗,技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字,做一個簡單的頁面,要求是:什么樣的頁面都可以,考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度,說實話,從畢業(yè)后,有一段時間沒有寫代碼了,剛一上機(jī),還有點生疏,但是憑借在學(xué)樣扎實的學(xué)習(xí)功底,我很快就恢復(fù)了自己的英雄本色,將html代碼寫的很熟練,做了一個左右分欄的頁面,沒什么太大難度,技術(shù)總監(jiān)看了以后,說不錯,讓我三天后參加培訓(xùn),合格扣就可以正式上班了。
(二)三天的培訓(xùn)工作
三天后,我來到了公司,一看,來參加培訓(xùn)的人有很多,大概在十多個人左右,其實所謂的培訓(xùn),就是讓大家先熟悉這家網(wǎng)站的工作,先做一些他們平時干的活,做一些廣告網(wǎng)頁,這些網(wǎng)頁都是靜態(tài)的,沒什么難度。我后來發(fā)現(xiàn),自己在這些人當(dāng)中,還是較較者,心里優(yōu)勢還挺好的。
(三)最后的考核
三天的培訓(xùn)后,我們迎來了最后的考核,合格的人會被留下,并得到一份為期一個月的實習(xí)合同,然后會在根據(jù)你在實習(xí)期的表現(xiàn)決定你的去留問題,秀的人會轉(zhuǎn)正,得到很優(yōu)厚的待遇。
考核的內(nèi)容,就是在公司的商務(wù)網(wǎng)站上任選一個頁面,然后在規(guī)定的時間內(nèi)做完,我還不錯,技術(shù)比較熟練,是第四個做完的。當(dāng)我們把網(wǎng)頁做完后由這家公司的經(jīng)理進(jìn)行審核,最后的結(jié)果是,最先做完的前8個人可以有底薪加提成,每人頁面的提成是2元錢,而后面做完的,只有提成,沒有底薪,他們的提成是每個頁面5元錢,最后的幾個人就被淘汰了,制度雖有點不近人情,但是剛畢業(yè)的學(xué)生能忍也就忍了,就這樣,我們每個人得到了一份一個月的臨時合同,正式開始了實習(xí)工作。經(jīng)典網(wǎng)頁美工制作實習(xí)報告
三、正式工作
我們每天的上班時間是從早上8:30分到下午的17:00,這是我見過最有激情的一些人了,年紀(jì)輕輕,干勁十足,來了以后就工作,連平時聊天的內(nèi)容也和本行業(yè)分不開,我喜歡他(她)們,回為是實習(xí)期,所以每天做的數(shù)量沒有太大要求,但是每個人都玩命似的干活,抓緊時間做網(wǎng)頁,我們做的網(wǎng)頁是比較簡單的從上到下式的網(wǎng)頁,通過css+div排版,這樣在后期瀏覽器兼容測試中,就好做的很多了,文字與圖片之間就不會有太多的.麻煩,我干的很不錯,不過有些追求精致,我做網(wǎng)頁的速度慢了很多,最初每天只能做3--4個網(wǎng)頁,這對于我來說是不能接受的,后來我改變了工作方法,我第次工作的時候,先訂下計劃,比如今天做多少網(wǎng)頁,然后我將要做的所有網(wǎng)頁,先做好排版,這時的網(wǎng)頁雖然排過版,但是不美觀,因為沒有進(jìn)行美化工作,然后我會在下午的時間,集中全力做美化工作,就這樣我的速度提高了很多,快了將近一倍多。只要更加熟練速度不會更快,我相信自己。
四、業(yè)余的生活
每天的工作都是很快的,有時感覺時間過的很快,想停都停不住,早上出去的時候,見的是太陽,晚上下班后看到的是即將落日的夕陽或者是星星,每天就這么快的過去了,每個工作日結(jié)束后,我都會在下班后步行一段時間,去附近的圖書城充會電,或者放松一下,找一些我喜歡的書,看上幾個小時。
五、工作心得體會
實習(xí)期結(jié)束后,我和其它同事得到了正式合同并留在了這家公司,通過這次工作,我得到的體會就是,如果一個人在社會上沒有一技之長,那他是沒有辦法很好的活下來的,只有不斷的加強自身專業(yè)技能學(xué)習(xí)才行。所以,尊敬的老師,我會在業(yè)余時間好好學(xué)習(xí),加強自己的專業(yè)能力,使自己變得更強,只有這樣才能上到為國家、為社會做出貢獻(xiàn),下到為自己、為父母、為學(xué)校交出一份滿意的答卷。
網(wǎng)頁制作實習(xí)報告6
一、[作品主題]
揚州xx教玩具銷售
二、[作品簡介]
這是一個教玩具銷售的網(wǎng)站,仿照一般的商品銷售網(wǎng)站,但在其中又添加了一些自主性元素。
三、[素材準(zhǔn)備]
明確了網(wǎng)站的主題以后,就要圍繞主題開始搜集材料了。要想讓自己的網(wǎng)站有血有肉,能夠吸引住用戶,就要盡量搜集材料,搜集得材料越多,以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來,也可以從互聯(lián)網(wǎng)上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網(wǎng)頁的素材。另外,還要使用PhotoShop、Flash等工具,進(jìn)行圖像的處理、美化。
網(wǎng)站中大多數(shù)的圖片都來自于互聯(lián)網(wǎng),我將它們截取下來之后,對照父親所給的書,逐一標(biāo)注了編號、價格、類型、材質(zhì)、適用年齡、產(chǎn)地、規(guī)格。其中編號的標(biāo)注是最為重要的,只有標(biāo)上了正確的編號,在顧客與我們聯(lián)系的時候,我們才能及時有效地為他們提供產(chǎn)品詳細(xì)的信息以及相關(guān)注意事項。
四、[總體規(guī)劃]
材料有了,工具也選好了,下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了,這是一個復(fù)雜而細(xì)致的過程,一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小,就是說在制作網(wǎng)頁時,先把大的結(jié)構(gòu)設(shè)計好,然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜,就是先設(shè)計出簡單的內(nèi)容,然后再設(shè)計復(fù)雜的內(nèi)容,以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板,這樣可以大大提高制作效率。
五、[設(shè)計步驟]
一、創(chuàng)建本地站點
首先在本地機(jī)上建立一個文件夾,命名為“xxx教玩具”,并且將素材文件放在站點中。單擊菜單欄中的【站點】-【新建站點】-【站點名稱】為“xxxx玩具教具銷售”,本地文件夾為“xxx教玩具”。
二、制作首頁
1.新建HTML文檔,并將文件保存在本地站點根文件下,命名為“”。
2.點擊“頁面屬性”,選擇適合的背景圖像,因為是負(fù)責(zé)教玩具的銷售,所以我選擇的背景是生意盎然的綠色。
3.插入導(dǎo)航條:各模塊是——首頁,新聞動態(tài),產(chǎn)品展示,關(guān)于我們,聯(lián)系我們,留言板,公司榮譽。導(dǎo)航條設(shè)置在主題框內(nèi),而在主題框內(nèi),我放置了四幅圖片,選擇了順序放映的模式。圖片逐一顯示,使整個首頁都生動了起來。
4.在主題的下面,我總共插入了八個模塊——全站搜索,產(chǎn)品搜索,新聞動態(tài),會員登錄,產(chǎn)品分類,推薦產(chǎn)品,在線客服,友情鏈接。
全站搜索:顧客可以根據(jù)自己的需求輸入關(guān)鍵詞,搜索的結(jié)果可以在旁邊的方框中逐條顯示出來,顯示的是產(chǎn)品的名稱,再點擊進(jìn)去就是產(chǎn)品的詳細(xì)參數(shù)。這個適用于模糊搜索,只是一個字就可以出現(xiàn)所有的名稱中包含這個字的商品。
產(chǎn)品搜索:這一個搜索后出來的產(chǎn)品是以相冊的形式展現(xiàn)出來的。產(chǎn)品名稱中包含搜索的關(guān)鍵詞,點擊圖片或名稱就可以進(jìn)入這個產(chǎn)品的頁面,各個參數(shù)也顯示在其中。
產(chǎn)品分類:這一個模塊列出了所有的產(chǎn)品類別,同時這個模塊中還包含著各個分組,每一個分組里面包含著一系列的產(chǎn)品,而每一個產(chǎn)品都含有鏈接,點擊進(jìn)去之后就是這一類產(chǎn)品的各個型號。各個產(chǎn)品的展現(xiàn)方式也是按照相片模式展示出來的,圖片在上,名稱在下,無論是點擊圖片還是名稱,都會進(jìn)入這個產(chǎn)品的詳細(xì)參數(shù)頁面。
新聞動態(tài):這個模塊是滾動的條目形式,每一個條目點擊進(jìn)去之后就是詳細(xì)的新聞信息,包括產(chǎn)品推薦,優(yōu)惠信息,廠家的詳細(xì)介紹等等。所有的文章都是根據(jù)事實編纂,是真實可信的。
產(chǎn)品推薦:根據(jù)廠家的活動編纂,所列的都是最新的產(chǎn)品,并且也充分照顧了顧客們的心思,在滿足教學(xué)需求的同時也給予了優(yōu)惠價格。
會員登錄:這個模塊是出于發(fā)展長久顧客的考慮。每年幼兒園的各類設(shè)施都會有折舊,而且隨著教學(xué)質(zhì)量的提高教學(xué)設(shè)施每年也需要補充,我們旨在用實惠的價格和良好的服務(wù)態(tài)度留住我們的顧客,讓他以后在補充商品的時候都優(yōu)先考慮我們,并且我們也為會員設(shè)置了優(yōu)惠,會員的等級越高,我們所提供的優(yōu)惠也就越大。
在線客服:這個模塊是為了及時為顧客們提供最新的最詳細(xì)的要求所設(shè)置,設(shè)置的也是最為普通民眾們所接納的QQ客服。
友情鏈接:放置的是人們最常用的網(wǎng)頁,以為顧客提供方便。
7.制作鏈接
因為需要制作鏈接的圖片很多,所以我將各類產(chǎn)品的圖片都分門別類地放好,標(biāo)注好相關(guān)的參數(shù),再一一上傳到網(wǎng)站上去,這個工作是最為繁瑣的,好在有父親在一旁指點,也讓我耐下心來完成了這個任務(wù)。
8.其他頁面的設(shè)置
因為前期準(zhǔn)備的材料很充分,所以其他的頁面設(shè)計起來也很順利,而且除了首頁之外,其他的頁面都是單個頁面的,只需要將準(zhǔn)備的材料上傳上去,就算是完美完成任務(wù)了。
三、上傳測試
網(wǎng)頁制作完畢,最后要發(fā)布到Web服務(wù)器上,才能夠讓全世界的朋友觀看,現(xiàn)在上傳的工具有很多,有些網(wǎng)頁制作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后,你要在瀏覽器中打開自己的網(wǎng)站,逐頁逐個鏈接的進(jìn)行測試,發(fā)現(xiàn)問題,及時修改,然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友,讓他們來瀏覽。
四、推廣宣傳
很多人以為做了網(wǎng)站就會有人自動上門,這種理解是錯誤的!
其實這很好理解,就比如您的公司印了很多宣傳資料,但是您要去派發(fā)宣傳資料,才能拉到客戶,把資料放在公司是沒有用的。
同樣一個道理,網(wǎng)站就是您企業(yè)在網(wǎng)上的宣傳資料,需要您去派發(fā)、宣傳和推廣,才會有人去訪問,才能夠給公司帶來效益。
在網(wǎng)站設(shè)計完成之后,我迅速把網(wǎng)站提交給了百度、谷歌、有道、搜狗、搜搜等各大主流搜索引擎,保證別人在這些網(wǎng)站輸入網(wǎng)站的名字的時候能夠進(jìn)入我的網(wǎng)站。這里要強調(diào)的是,提交了收錄并不代表立即能夠從搜索引擎搜到,因為是否能搜到是根據(jù)各大搜索引擎的具體操作策略,收錄時間無法控制,一般來說時間是從幾天到一個月不等,有許多因素都會影響這一時間,這個時候就需要對網(wǎng)站進(jìn)行優(yōu)化,具體操作有兩個,一個是提高網(wǎng)站的更新頻率,還有一個就是對頁面關(guān)鍵字進(jìn)行優(yōu)化,搜索引擎爬蟲是靠讀取網(wǎng)頁內(nèi)容才知道這個網(wǎng)站或者這個網(wǎng)頁是做什么的,因此設(shè)置網(wǎng)頁的關(guān)鍵字、描述非常有必要,設(shè)置方法是打開“網(wǎng)站設(shè)計”,點擊“網(wǎng)站設(shè)置”標(biāo)簽,因為我制作的是教玩具銷售網(wǎng)站,所以我就設(shè)置了幾個與之相關(guān)的關(guān)鍵字。
還有一個比較重要的方面就是網(wǎng)站的域名問題。一般個人制作的網(wǎng)站分配的都是二級域名,如 ,而像,算是頂級域名,不同等級的域名在搜索引擎中所占的比重是不一樣的,為了讓更多的人看到我的這個網(wǎng)站,我就為網(wǎng)站申請了頂級域名。
另外一件事情就是我長期要做的,就是去各大論壇千方百計地推廣我的網(wǎng)站,包括天涯、豆瓣、新浪微博等等。說實話,這真是個需要十分厚的臉皮的工作,得不怕被踢,不怕被罵,我一直在努力做到這一點,雖然并沒有人硬性規(guī)定我一定要做,但是一個小網(wǎng)站,需要游客量,就只能走這么一條道路。
還有其他的一些諸如交換友情鏈接推廣法、無償單向網(wǎng)站鏈接推廣法、發(fā)布任務(wù)、發(fā)布兼職等等,都能夠提高我的網(wǎng)站被搜索到的概率。
六、[后期完善]
在網(wǎng)頁設(shè)計中,網(wǎng)頁的優(yōu)化是較為重要的一個環(huán)節(jié)。它的成功與否會影響頁面的瀏覽速度和頁面的適應(yīng)性,影響觀者對網(wǎng)站的印象。
在資訊類網(wǎng)站中,文字是頁面中最大的構(gòu)成元素,因此字體的優(yōu)化顯得尤為重要。使用css樣式表指定文字的樣式是必要的,通常我們將字體指定為宋體,大小指定為12px,顏色要視背景色而定,原則上以能看清且與整個頁面搭配和諧為準(zhǔn)。在白色的背景上,我們一般使用黑色,這樣不易產(chǎn)生視覺疲勞,能保證瀏覽者較長時間地瀏覽網(wǎng)頁。
圖片是網(wǎng)頁中的重要元素。圖片的優(yōu)化可以在保證瀏覽質(zhì)量的前提下將其size降至最低,這樣可以成倍地提高網(wǎng)頁的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊,分別進(jìn)行優(yōu)化。輸出的格式可以為gif或jpeg,要視具體情況而定。一般我們把有較為復(fù)雜顏色變化的小塊優(yōu)化為jpeg,而把那種只有單純色塊的卡通畫式的小塊優(yōu)化為gif,這是由這兩種格式的特點決定的。
表格(table)是頁面中的重要元素,是頁面排版的主要手段。我們可以設(shè)定表格的寬度、高度、邊框、背景色、對齊方式等參數(shù)。很多時候,我們將表格的邊框設(shè)為0,以此來定位頁面中的元素,或者籍此確定頁面中各元素的相對位置。我們知道:瀏覽器在讀取網(wǎng)頁html原代碼時,是讀完整個table才將它顯示出來的。如果一個大表格中含有多個子表格,必須等大表格讀完,才能將子表格一起顯示出來。我們在訪問一些站點時,等待多時無結(jié)果,按“停止”按鈕卻一下顯示出頁面就是這個原因。因此,我們在設(shè)計頁面表格的時候,應(yīng)該盡量避免將所有元素嵌套在一個表格里,而且表格嵌套層次盡量要少。在使用Dreamweaver制作網(wǎng)頁時,會自動在每一個td內(nèi)添加一個空字符“ ”。如果單元格內(nèi)沒有填充其它元素,這個空字符會保留,在指定td的寬度或高度后,可以在源代碼內(nèi)將其刪去。
網(wǎng)頁的適應(yīng)性是很重要的,在不同的系統(tǒng)上,不同的分辨率下,不同的瀏覽器上,我們將會看到不同的結(jié)果,因此設(shè)計時要統(tǒng)籌考慮。一般我們在800x600下制作網(wǎng)頁,最佳瀏覽效果
也是在800x600分辨率下,在其它情況下只要保證基本一致,不出現(xiàn)較大問題即可。
七、[實習(xí)心得]
。ㄒ唬╉撁娴脑O(shè)計方面
網(wǎng)頁設(shè)計跟學(xué)習(xí)別的東西一樣,也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。
一個網(wǎng)頁設(shè)計得成功與否,很大程度上決定于設(shè)計者的規(guī)劃水平,規(guī)劃網(wǎng)頁就像設(shè)計師設(shè)計大樓一樣,圖紙設(shè)計好了,才能建成一座漂亮的樓房。網(wǎng)頁規(guī)劃包含的內(nèi)容很多,如網(wǎng)頁的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等,只有在制作網(wǎng)頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色,具有吸引力。
其次還要選擇合適的制作工具。盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞,但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。由于目前所見即所得類型的工具越來越多,使用也越來越方便,所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會制作網(wǎng)頁。網(wǎng)頁制作涉及的工具比較多,首先就是網(wǎng)頁制作工具了,目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具,這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了,我是一名初學(xué)者,就選擇了比較容易上手的Frontpage20xx。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫制作工具,如Flash、Cool 3d、Gif Animator等;還有網(wǎng)頁特效工具,如有聲有色等,網(wǎng)上有許多這方面的軟件,只要熟練運用,就能夠制作出讓人滿意的網(wǎng)頁。
學(xué)習(xí)網(wǎng)頁設(shè)計還需要耐心,如果沒有耐心,就學(xué)不好網(wǎng)頁設(shè)計。因為在網(wǎng)頁制作的時候隨時會碰到各式各樣的問題,當(dāng)碰到一個問題時,如果不能立刻得到問題的答案,可能需要很長時間去解決,就容易煩躁,進(jìn)而失去動力,放棄整個網(wǎng)頁制作。
比如說我在制作網(wǎng)頁的時候,就碰到過一個問題,我不知道怎樣將自己的QQ號設(shè)置為網(wǎng)頁的在線客服。我原先以為是沒有先登錄QQ,再將它設(shè)為在線客服的原因,所以就將原先的設(shè)置全部推翻從頭來過,但是就算是從頭來過依然沒有解決這個問題。然后我又去各大論壇求助,但是別人給的建議依然沒有用。這個時候我真的很沮喪,想著自己是不是太自不量力了,從來都沒有干過的事情我竟然就那么在父母面前夸下?。就在我打算放棄的時候,我一個網(wǎng)友發(fā)來信息,問是不是沒有在設(shè)置QQ號的時候開通在線客服,我點開設(shè)置的頁面,果然在最底下有一行小字,“開通QQ在線客服”,這件事情才算是圓滿解決了。從這件小事,我知道了,學(xué)習(xí)網(wǎng)頁設(shè)計需要堅持,堅持不斷的學(xué)習(xí),因為設(shè)計網(wǎng)頁的軟件在不斷的更新,因此我們要不斷的學(xué)習(xí)。并且我認(rèn)為網(wǎng)頁設(shè)計應(yīng)該注重實用性,因為它是讓人瀏覽的,是用戶可以看到,可以評論,可以交互的。
。ǘ┚W(wǎng)頁的整體布局和導(dǎo)航
網(wǎng)頁的布局通常指的是網(wǎng)頁的整體架構(gòu),說的通俗一點就是排版。如何突出最重要的內(nèi)容,即讓用戶第一眼就看到這個網(wǎng)頁所想要傳達(dá)的信息。這一點至關(guān)重要。在大多數(shù)做的比較成功的網(wǎng)頁中,一個共同的特點就是網(wǎng)頁的整體架構(gòu)十分的清晰明了,便于用戶瀏覽。
網(wǎng)頁布局大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型
網(wǎng)頁布局是主要考慮以下幾點:
1、首先要考慮整個網(wǎng)頁的長和寬,以及長度和寬度之間的比例。
2、其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
3、正文的.框架設(shè)置(橫向因素和縱向因素交錯)
我在制作這個網(wǎng)站的時候,最先參考的是淘寶上一般的店面,但是隨后,我發(fā)現(xiàn)這不是
一個太實際的主意。淘寶上大多數(shù)的店面賣的東西都是小件的,而且是實在的商品,價格也是固定的,而我所設(shè)計的網(wǎng)頁主旨是推銷大型的戶外游樂設(shè)施,而這些東西因為動輒幾十萬,占地幾十平,廠家是不可能在倉庫里擺放打量的現(xiàn)貨的,多數(shù)是拆分下來的分類放好的零件。而我父親提供給我的只是它的設(shè)計圖稿,而且價格也不好定,所以,我就仿造一般的產(chǎn)品展銷網(wǎng)站來設(shè)計,小件的東西,就擺上詳細(xì)的參數(shù),而大件的,則是擺上了聯(lián)系方式,由顧客直接與廠家聯(lián)系,商談所有的細(xì)節(jié)。
(三)網(wǎng)頁制作過程中的其他注意事項
不要過于注重色彩的燦爛,只要簡單就行。我們最終追求的主要是實用價值。
通過這次實習(xí),在制作時想想使自己的網(wǎng)頁更加豐富多彩,在網(wǎng)頁中插入圖象,動畫,動態(tài)特效。可是總遇到這樣那樣的問題,但在同學(xué)的幫助和自己摸索的情況下完成了這個實習(xí)的成果。看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。以我的經(jīng)驗,當(dāng)前的軟件的功能日趨復(fù)雜,不學(xué)到一定的深度和廣度是難以在實際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠,缺點疏漏。虛在加以刻苦鉆研及學(xué)習(xí),不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。
設(shè)計是有原則的,無論使用何種手法對畫面中的元素進(jìn)行組合,都一定要遵循五個大的原則:統(tǒng)一、連貫、分割、對比及和諧。
統(tǒng)一,是指設(shè)計作品的整體性,一致性。設(shè)計作品的整體效果是至關(guān)重要的,在設(shè)計中切勿將各組成部分孤立分散,那樣會使畫面呈現(xiàn)出一種枝蔓紛雜的凌亂效果。
連貫,是指要注意頁面的相互關(guān)系。設(shè)計中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的相互呼應(yīng),并注意整個頁面設(shè)計風(fēng)格的一致性,實現(xiàn)視覺上和心理上的連貫,使整個頁面設(shè)計的各個部分極為融洽,猶如一氣呵成。
分割,是指將頁面分成若干小塊,小塊之間有視覺上的不同,這樣可以使觀者一目了然。在信息量很多時為使觀者能夠看清楚,就要注意到將畫面進(jìn)行有效的分割。分割不僅是表現(xiàn)形式的需要。換個角度來講,分割也可以被視為對于頁面內(nèi)容的一種分類歸納。
對比就是通過矛盾和沖突,使設(shè)計更加富有生氣。對比手法很多,例如:多與少、曲與直、強與弱、長與短、粗與細(xì)、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、聚與散等等。在使用對比的時候應(yīng)慎重,對比過強容易破壞美感,影響統(tǒng)一。
和諧是指整個頁面符合美的法則,渾然一體。如果一件設(shè)計作品僅僅是色彩、形狀、線條等的隨意混合,那么作品將不但沒有“生命感”,而且也根本無法實現(xiàn)視覺設(shè)計的傳達(dá)功能。和諧不僅要看結(jié)構(gòu)形式,而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通,產(chǎn)生心靈的共鳴。這是設(shè)計能否成功的關(guān)鍵。
近一個月的實訓(xùn)結(jié)束了,其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼,去回味,去探索。從制作網(wǎng)頁過程中,我學(xué)到了新的美化網(wǎng)頁的方法,運用了更多以前未運用的技巧。這使我學(xué)到了更多的知識,并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷,將是我今后走上社會后的一筆巨大的財富。這次實習(xí)的收獲對我來說有不少,我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質(zhì)的培養(yǎng),鍛煉和提高。
網(wǎng)頁制作實習(xí)報告7
畢業(yè)后,我來到了社會這個匯集眾多江河湖水的大海,感受到了獨立生活的好處與艱辛,同時我自己也更深的理解了,家長和學(xué)校老師對我們的殷切希望,在社會實習(xí)的這段日子,我吃了些苦,受了些罪,可是整個人在肉體上和精神上卻升華了很多,也比以前的變得更有自信了,F(xiàn)將我的實習(xí)情況匯報如下:
一、實習(xí)工作介紹
我所在的這家公司,是一家做網(wǎng)上招商的商業(yè)網(wǎng)站,公司接收各種廠家提供的信息,然后由網(wǎng)絡(luò)的技術(shù)人員,將商家的信息做成網(wǎng)頁廣告,然后掛在我們的網(wǎng)站上,以此達(dá)到商業(yè)推廣的目的,類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員,主要的工作就是接收美工人員的網(wǎng)站模板,將其通過photoshop切片,然后導(dǎo)入dreamweaver進(jìn)行排版,(排版主要使用css+div),并進(jìn)一步的加以制作,完善美化,如加入js代碼,或透明flash,因為網(wǎng)頁是用css+div進(jìn)行排版的,所以在最后一步的時候,我們還需要進(jìn)行瀏覽器測試,因為css+div排版方式有一個最大的缺點就是:瀏覽器不兼容的問題,典型的如:ie與fireworks,因為各種瀏覽器使用的協(xié)議不同,所以會導(dǎo)致頁面在最終瀏覽的時候有一些小問題,如:頁面混亂,圖片、文字之間的距離過大或過小,頁面不美觀等等,做為一個新人,我在有些方面的技術(shù)還很不成熟,所以在技術(shù)總監(jiān)張偉的幫助下,解決了很多問題,所在我很感謝他,當(dāng)每天我們做完網(wǎng)頁后,都會在代碼頁面加入注釋代碼,在里面寫上每個人姓名的漢語拼間和工作日期,這樣方便月底做統(tǒng)計工作,公司領(lǐng)導(dǎo)會根據(jù)每個人的工作數(shù)量進(jìn)行獎勵,每做一個頁面會有2塊的提成,雖然少點,但是積少成多,也是很可觀的。
二、初來公司的時候
。ㄒ唬┏跫壙荚
初來公司的時候,我們經(jīng)過了初期考試,培訓(xùn),與最終考試三個階段,在接到公司讓我面試的電話后,我來到了xx公司,因為要干的是網(wǎng)頁設(shè)計,所以要有一個小測驗,技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字,做一個簡單的頁面,要求是:什么樣的頁面都可以,考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度,說實話,從畢業(yè)后,有一段時間沒有寫代碼了,剛一上機(jī),還有點生疏,但是憑借在學(xué)樣扎實的學(xué)習(xí)功底,我很快就恢復(fù)了自己的英雄本色,將html代碼寫的很熟練,做了一個左右分欄的頁面,沒什么太大難度,技術(shù)總監(jiān)看了以后,說不錯,讓我三天后參加培訓(xùn),合格扣就可以正式上班了。
。ǘ┤斓呐嘤(xùn)工作
三天后,我來到了公司,一看,來參加培訓(xùn)的人有很多,大概在十多個人左右,其實所謂的培訓(xùn),就是讓大家先熟悉這家網(wǎng)站的工作,先做一些他們平時干的活,做一些廣告網(wǎng)頁,這些網(wǎng)頁都是靜態(tài)的,沒什么難度。我后來發(fā)現(xiàn),自己在這些人當(dāng)中,還是較較者,心里優(yōu)勢還挺好的。
(三)最后的考核
三天的培訓(xùn)后,我們迎來了最后的考核,合格的人會被留下,并得到一份為期一個月的實習(xí)合同,然后會在根據(jù)你在實習(xí)期的表現(xiàn)決定你的去留問題,最優(yōu)秀的人會轉(zhuǎn)正,得到很優(yōu)厚的待遇。
考核的內(nèi)容,就是在公司的商務(wù)網(wǎng)站上任選一個頁面,然后在規(guī)定的時間內(nèi)做完,我還不錯,技術(shù)比較熟練,是第四個做完的。當(dāng)我們把網(wǎng)頁做完后由這家公司的經(jīng)理進(jìn)行審核,最后的結(jié)果是,最先做完的前8個人可以有底薪加提成,每人頁面的提成是2元錢,而后面做完的,只有提成,沒有底薪,他們的提成是每個頁面5元錢,最后的幾個人就被淘汰了,制度雖有點不近人情,但是剛畢業(yè)的學(xué)生能忍也就忍了,就這樣,我們每個人得到了一份一個月的.臨時合同,正式開始了實習(xí)工作。
三、正式工作
我們每天的上班時間是從早上8:30分到下午的17:00,這是我見過最有激情的一些人了,年紀(jì)輕輕,干勁十足,來了以后就工作,連平時聊天的內(nèi)容也和本行業(yè)分不開,我喜歡他(她)們,回為是實習(xí)期,所以每天做的數(shù)量沒有太大要求,但是每個人都玩命似的干活,抓緊時間做網(wǎng)頁,我們做的網(wǎng)頁是比較簡單的從上到下式的網(wǎng)頁,通過css+div排版,這樣在后期瀏覽器兼容測試中,就好做的很多了,文字與圖片之間就不會有太多的麻煩,我干的很不錯,不過有些追求精致,我做網(wǎng)頁的速度慢了很多,最初每天只能做3--4個網(wǎng)頁,這對于我來說是不能接受的,后來我改變了工作方法,我第次工作的時候,先訂下計劃,比如今天做多少網(wǎng)頁,然后我將要做的所有網(wǎng)頁,先做好排版,這時的網(wǎng)頁雖然排過版,但是不美觀,因為沒有進(jìn)行美化工作,然后我會在下午的時間,集中全力做美化工作,就這樣我的速度提高了很多,快了將近一倍多。只要更加熟練速度不會更快,我相信自己。
四、業(yè)余的生活
每天的工作都是很快的,有時感覺時間過的很快,想停都停不住,早上出去的時候,見的是太陽,晚上下班后看到的是即將落日的夕陽或者是星星,每天就這么快的過去了,每個工作日結(jié)束后,我都會在下班后步行一段時間,去附近的圖書城充會電,或者放松一下,找
一些我喜歡的書,看上幾個小時。
五、工作心得體會
實習(xí)期結(jié)束后,我和其它同事得到了正式合同并留在了這家公司,通過這次工作,我得到的最大體會就是,如果一個人在社會上沒有一技之長,那他是沒有辦法很好的活下來的,只有不斷的加強自身專業(yè)技能學(xué)習(xí)才行。所以,尊敬的老師,我會在業(yè)余時間好好學(xué)習(xí),加強自己的專業(yè)能力,使自己變得更強,只有這樣才能上到為國家、為社會做出貢獻(xiàn),下到為自己、為父母、為學(xué)校交出一份滿意的答卷。
【網(wǎng)頁制作實習(xí)報告】相關(guān)文章:
網(wǎng)頁制作實習(xí)報告11-22
網(wǎng)頁設(shè)計與制作實習(xí)報告11-29
網(wǎng)頁制作實習(xí)報告7篇12-22