網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)小結(jié)

正所謂是萬(wàn)事開(kāi)頭難啊，遇到了很多問(wèn)題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開(kāi)；插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了；插入的FLASH不能產(chǎn)生效果�？傊畣�(wèn)題一籮筐。實(shí)踐出真知，真正實(shí)際操作的時(shí)候才發(fā)現(xiàn)自己所欠缺的，一．網(wǎng)站的整體規(guī)劃

1.討論網(wǎng)站主題：因?yàn)樽约簩?duì)普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計(jì)一個(gè)旅游網(wǎng)站。

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

1]首先要考慮整個(gè)網(wǎng)頁(yè)的長(zhǎng)和寬，以及長(zhǎng)度和寬度之間的比例。2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。

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

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

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

二．網(wǎng)頁(yè)制作的前期策劃與準(zhǔn)備

1.資料的搜集：由于個(gè)人的愛(ài)好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢(mèng)幻效果的網(wǎng)頁(yè)背景，F(xiàn)IASH源代碼、小圖標(biāo)和一些GIF的動(dòng)畫(huà)等。2.熟悉制作工具軟件：

主頁(yè)制作的基本條件有：網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)總結(jié)軟件：

HTML編輯軟件：常用的有Frontpage、Hotdog等，本文重點(diǎn)介紹Dreamweaver；圖像處理軟件：常用的有Photoshop、flash、Fireworks等；文件上傳軟件：常用的有Cuteftp、WSftp等。在老師的指導(dǎo)下發(fā)現(xiàn)自己還有很多的不足。就框架的應(yīng)用很難把握，切片也很難合理切割，當(dāng)插入圖片的時(shí)候把原有的模板給撐破了，精確定位很重要。因?yàn)閷W(xué)藝不精，所以不會(huì)網(wǎng)頁(yè)的代碼設(shè)計(jì)，只能通過(guò)網(wǎng)絡(luò)三劍客綜合使用。不過(guò)也實(shí)踐中也學(xué)到了很多知識(shí)，比如原本不知道網(wǎng)頁(yè)設(shè)計(jì)還需要切片，表格的嵌套是非常重要的，模板的應(yīng)用時(shí)非常便捷的。還有一些行為中的效果也是蠻不錯(cuò)的。所以這次實(shí)訓(xùn)還是很有意義的。本文轉(zhuǎn)自：

詳情咨詢：

擴(kuò)展閱讀：網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)總結(jié)

實(shí)習(xí)總結(jié)

為期一個(gè)月的實(shí)習(xí)結(jié)束了，首先我感謝老師、感謝思普公司給我這個(gè)鍛煉自我的機(jī)會(huì)。在這個(gè)月里，我學(xué)到很多，感受也很深刻，給我以后找工作積累了工作經(jīng)驗(yàn)。

來(lái)到公司，文總給我的第一個(gè)任務(wù)就是要我做世界旅游小姐的一張圖片，還有設(shè)計(jì)布局世界旅游小姐大賽的熱點(diǎn)賽事和主辦單位。我做了很久都沒(méi)做出來(lái)，只是在那蠻想，不懂得去借鑒類(lèi)似的網(wǎng)站，在小呂的提示下，我借鑒了別的網(wǎng)站，終于做出來(lái)了，雖然做的不好看，自己很不滿意，不過(guò)老總滿意就行了。這不是我不負(fù)責(zé)任，我明白了兩個(gè)問(wèn)題。一、做我們這一行的，做出來(lái)的東西是給顧客跟老板看的，不是給自己看的。二、做出來(lái)的東西要符合大眾的眼光，所以要多鑒賞別的好的網(wǎng)站，你覺(jué)得好的僅僅只是你覺(jué)得好，人家不一定會(huì)這么想。

在公司，我的主要工作就是接收美工人員的網(wǎng)站模板，將其通過(guò)Photoshop切片，然后導(dǎo)入Dreamweaver進(jìn)行排版，（排版主要使用css+div），并進(jìn)一步的加以制作，完善美化，如加入js代碼，或Flash，因?yàn)榫W(wǎng)頁(yè)是用css+div進(jìn)行排版的，所以在最后一步的時(shí)候，我們還需要進(jìn)行瀏覽器測(cè)試，因?yàn)閏ss+div排版方式有一個(gè)最大的缺點(diǎn)就是：瀏覽器不兼容的問(wèn)題，典型的如：IE6、IE7、IE8、Fireworks，因?yàn)楦鞣N瀏覽器使用的協(xié)議不同，所以會(huì)導(dǎo)致頁(yè)面在最終瀏覽的時(shí)候有一些小問(wèn)題，如：頁(yè)面混亂，圖片、文字之間的距離過(guò)大或過(guò)小，頁(yè)面不美觀等等，做為一個(gè)新人，我在有些方面的技術(shù)還很不成熟，所以在小呂的幫助下，解決了很多問(wèn)題，所在我很感謝他。在布局頁(yè)面的時(shí)候，我也明白了幾點(diǎn)，如下：

一、一定要按照美工設(shè)計(jì)的模板去布局網(wǎng)頁(yè)，老板沒(méi)說(shuō)要修改不要擅自做主加以修改。

二、頁(yè)面的布局，要先看整體后局部，還要注意瀏覽器的兼容性

1、少用margin多padding2、少用float多用overflow:hidden3、使用float指定寬4、繼承關(guān)系不要復(fù)雜5、大塊拆成小塊寫(xiě)

6、標(biāo)簽關(guān)系不要太復(fù)雜

7、少用定位

8、不要偷懶，有些層不要一個(gè)標(biāo)簽搞定9、多練

三、要有耐心，特別對(duì)于新手來(lái)說(shuō)。

經(jīng)過(guò)一個(gè)月的實(shí)習(xí)，讓我認(rèn)識(shí)到自己懂的太少，必須得不斷的學(xué)習(xí)，才能提升自己。網(wǎng)絡(luò)的更新速度太快，跟不上這個(gè)節(jié)奏，只能被這個(gè)浪潮淹沒(méi)。所以，我們要不斷的學(xué)習(xí)來(lái)充實(shí)自己。

友情提示：本文中關(guān)于《網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)小結(jié)》給出的范例僅供您參考拓展思維使用，網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)小結(jié)：該篇文章建議您自主創(chuàng)作。

來(lái)源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問(wèn)題，請(qǐng)聯(lián)系我們及時(shí)刪除。

《網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)小結(jié)》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://www.hmlawpc.com/gongwen/626237.html

• 上一篇：項(xiàng)目二標(biāo)志設(shè)計(jì)
• 下一篇：科研選題訓(xùn)練小結(jié)