靜態(tài)網(wǎng)實(shí)訓(xùn)報(bào)告

1、Nani ing Vocational Institute of Industry Technology計(jì)算機(jī)軟件學(xué)院實(shí)訓(xùn)報(bào)告Web靜態(tài)主題網(wǎng)站設(shè)計(jì)姓名：夏前偉胡維國海繼昌陳佑宏學(xué)號(hào)：09040302專業(yè)：電子商務(wù)班級(jí)：電商1413時(shí)間：2016.6.20任課教師：梁菊華目錄 TOC o 1-5 h z 前言2 HYPERLINK l bookmark4 o Current Document 實(shí)訓(xùn)意義3本實(shí)訓(xùn)目的：3綜合實(shí)訓(xùn)的目的：3 HYPERLINK l bookmark6 o Current Document 對(duì)個(gè)人的要求4具體要求如下：4 HYPERLINK l bookmark8 o

2、 Current Document 內(nèi)容的設(shè)計(jì)及制作5一、策劃階段：5二、設(shè)計(jì)階段網(wǎng)站形象設(shè)計(jì)： 5清晰性：5創(chuàng)造性：5網(wǎng)站技術(shù)因素考慮：5 HYPERLINK l bookmark10 o Current Document 頁面設(shè)計(jì)6頁面的平鋪展示：6LOGO 6字體圖片背景的搭配：6導(dǎo)航：6其他：6 HYPERLINK l bookmark12 o Current Document 主頁和部分頁面展示 7 HYPERLINK l bookmark14 o Current Document 部分代碼12 HYPERLINK l bookmark16 o Current Document 要求

3、14主頁的要求14PRODC巾要求14ABOUT ME 的要求 14 HYPERLINK l bookmark18 o Current Document 測試站點(diǎn)15后期維護(hù):15功能模塊：15 HYPERLINK l bookmark20 o Current Document 參考文獻(xiàn)16 HYPERLINK l bookmark22 o Current Document 個(gè)人小結(jié)17夏前偉19胡維國22海繼昌24陳佑宏27、刖百隨著時(shí)代的發(fā)展，網(wǎng)站建設(shè)越來越接近于一門藝術(shù)而不僅僅是一 項(xiàng)技術(shù)。網(wǎng)頁的藝術(shù)設(shè)計(jì)，日益被網(wǎng)站建設(shè)者所注重。在目前國內(nèi)對(duì) 此領(lǐng)域研究甚少的情況下，將網(wǎng)頁藝術(shù)設(shè)計(jì)與其他

4、藝術(shù)設(shè)計(jì)形式進(jìn)行 比較，嘗試從網(wǎng)頁藝術(shù)設(shè)計(jì)的內(nèi)容、原則和特點(diǎn)等三個(gè)方面，對(duì)這個(gè) 新的藝術(shù)設(shè)計(jì)領(lǐng)域進(jìn)行初步的歸納總結(jié)和理論探討。 作者認(rèn)為網(wǎng)頁藝 術(shù)設(shè)計(jì)是藝術(shù)與技術(shù)的高度統(tǒng)一，指出網(wǎng)頁藝術(shù)設(shè)計(jì)包含視聽元素與 版式設(shè)計(jì)兩項(xiàng)內(nèi)容；以主題鮮明、形式與內(nèi)容相統(tǒng)一、強(qiáng)調(diào)整體為設(shè) 計(jì)原則；具有交互性與持續(xù)性、多維性、綜合性、版式的不可控性、 藝術(shù)與技術(shù)結(jié)合的緊密性等五個(gè)特點(diǎn)。在明確了網(wǎng)頁藝術(shù)設(shè)計(jì)與網(wǎng)站 主題的關(guān)系的基礎(chǔ)上，提出了 “美”和“功能”都是為了更好地表達(dá) 網(wǎng)站主題這一觀點(diǎn)。網(wǎng)頁藝術(shù)設(shè)計(jì)是伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而 形成的視聽設(shè)計(jì)新課題，是網(wǎng)頁設(shè)計(jì)者以所處時(shí)代所能獲取的技術(shù)和 藝術(shù)經(jīng)驗(yàn)為基礎(chǔ)，依照

5、設(shè)計(jì)目的和要求自覺地對(duì)網(wǎng)頁的構(gòu)成元素進(jìn)行 藝術(shù)規(guī)劃的創(chuàng)造性思維活動(dòng)，必然要成為設(shè)計(jì)藝術(shù)的重要組成部分， 并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。 表面上看，它不過是關(guān)于網(wǎng)頁版式編 排的技巧與方法，而實(shí)際上，它不僅是一種技能，更是藝術(shù)實(shí)訓(xùn)意義本實(shí)訓(xùn)目的：通過本次實(shí)習(xí)對(duì)自主網(wǎng)站的設(shè)計(jì)，使我們熟練應(yīng)用HTM而記語言設(shè)計(jì)制作網(wǎng)頁、熟練應(yīng)用 Dreamveaver網(wǎng)頁設(shè)計(jì)軟件，使我們對(duì) html5+css3所學(xué)的內(nèi)容有一個(gè)系統(tǒng)的理解和掌握。在制作過程中，主要掌握對(duì)網(wǎng)頁的布局、色彩的搭配、框架的應(yīng)用、層的運(yùn)用、行為 的實(shí)現(xiàn)、表單的使用、模板和庫的應(yīng)用等，完成作品。綜合實(shí)訓(xùn)的目的：Web靜態(tài)主題網(wǎng)站設(shè)計(jì)主要目的是讓我們

6、通過這門實(shí)踐課程的學(xué)習(xí) 了解和掌握網(wǎng)頁設(shè)計(jì)的基本方法，通過不斷上機(jī)實(shí)習(xí)訓(xùn)練達(dá)到解決實(shí) 際的問題。因此，在本學(xué)期特設(shè)置此課程設(shè)計(jì)，集中一段時(shí)間使學(xué)生 綜合運(yùn)用所學(xué)習(xí)的網(wǎng)頁制作知識(shí)及以前所學(xué)習(xí)的計(jì)算機(jī)方面的知識(shí)， 按照網(wǎng)站制作的流程，完成一個(gè)相對(duì)具體、綜合的網(wǎng)站，全面鞏固學(xué) 生的知識(shí)，培養(yǎng)學(xué)生解決實(shí)際問題的能力，從而達(dá)到學(xué)以致用的。對(duì)個(gè)人的要求我們每個(gè)人都應(yīng)通過本次實(shí)訓(xùn)項(xiàng)目課程的學(xué)習(xí)， 培養(yǎng)自己系統(tǒng)、完整、 具體地完成網(wǎng)站設(shè)計(jì)所需的工作能力，通過信息收集處理、方案決策、 制定行動(dòng)計(jì)劃、實(shí)施計(jì)劃任務(wù)和自我檢查評(píng)價(jià)的能力訓(xùn)練， 鍛煉學(xué)生 在職場應(yīng)有的工作能力。每個(gè)學(xué)生經(jīng)歷完整個(gè)網(wǎng)站設(shè)計(jì)開發(fā)的訓(xùn)練， 將

7、掌握完成實(shí)際網(wǎng)站設(shè)計(jì)應(yīng)具備的核心能力和關(guān)鍵能力。具體要求如下：1,充分了解本指導(dǎo)手冊(cè)規(guī)定擬填寫的各項(xiàng)網(wǎng)站設(shè)計(jì)各階段的作業(yè)文 件與作業(yè)記錄。2,充分了解自己的學(xué)習(xí)能力，針對(duì)擬完成網(wǎng)站的設(shè)計(jì)功能要求與規(guī)范， 查閱資料，了解相關(guān)網(wǎng)站設(shè)計(jì)的技術(shù)情況。.在學(xué)習(xí)過程中，認(rèn)真負(fù)責(zé)，在關(guān)鍵問題與環(huán)節(jié)上下功夫，充分發(fā) 揮自己的主動(dòng)性、創(chuàng)造性來解決技術(shù)上與工作中的問題。.認(rèn)真填寫與撰寫從資訊、方案、計(jì)劃、檢查到評(píng)估各階段按規(guī)范 要求完成的相關(guān)作業(yè)文件與工作記錄，并學(xué)會(huì)根據(jù)學(xué)習(xí)與工作過程的 作業(yè)文件和記錄及時(shí)反省與總結(jié)。內(nèi)容的設(shè)計(jì)及制作一、策劃階段：一階段的主要任務(wù)是收集、研究和分析用戶需求，討論 Web內(nèi)容，制

8、定計(jì)劃。二、設(shè)計(jì)階段網(wǎng)站形象設(shè)計(jì)：主要包括設(shè)計(jì)網(wǎng)站的標(biāo)志（logo）,設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩，設(shè)計(jì)網(wǎng)站 的標(biāo)準(zhǔn)字體。網(wǎng)站主題及風(fēng)格設(shè)計(jì)，從主題策劃到網(wǎng)站風(fēng)格創(chuàng)意等內(nèi) 容。網(wǎng)站內(nèi)容設(shè)計(jì)：清晰性：網(wǎng)站內(nèi)容必須簡潔明了，直奔主題，非常有效地講清楚你 想說的內(nèi)容。創(chuàng)造性：網(wǎng)站觀點(diǎn)會(huì)使訪問者產(chǎn)生共鳴，發(fā)出認(rèn)同嗎？這可以是訪 問者判斷一個(gè)公司是否有實(shí)力，從而影響到購買動(dòng)機(jī)的重要因素。突出三個(gè)重點(diǎn)：突出你的產(chǎn)品的優(yōu)點(diǎn)和與眾不同的特色； 突出幫助訪 問者辨別、判斷同類產(chǎn)品優(yōu)劣方面的內(nèi)容，出內(nèi)容的無庸置疑的正確 性。網(wǎng)站技術(shù)因素考慮：瀏覽器腳本兼容性。面對(duì)屏幕分辨率的適應(yīng)。網(wǎng)是否需要交互操作頁面設(shè)計(jì)頁面的平鋪展示：

9、主要的物件有：導(dǎo)航欄、LOGO Banner、按鈕、圖片、文字。LOGO:logo是每個(gè)網(wǎng)站多要有的，他是網(wǎng)站為了給大家一個(gè)比較直觀的信息的表達(dá)工具。LOGO勺位置通常在頁面的左上角。這個(gè)地方最明顯和直觀，可以第一時(shí)間給人于默化的效果。字體圖片背景的搭配：體圖片的搭配要直觀，盡量不要撞色太嚴(yán)重，要考慮字跡清楚，色彩 簡單一些，不要超過四種。頁面的分割要顯見。導(dǎo)航：此次選用的是簡單直觀的靜態(tài)導(dǎo)航，HOM EPRODUC SERVEABOUME 子網(wǎng)頁的設(shè)計(jì)：為了保證頁面的統(tǒng)一性和美觀，子網(wǎng)頁的統(tǒng)一性也是 很有必要的，簡單的布局就是內(nèi)容的明了直接的展示。其他：.有共性，才有統(tǒng)一，有細(xì)節(jié)區(qū)別，就有層

10、次。.防止設(shè)計(jì)與實(shí)現(xiàn)過程中的偏差，不要定死具體要放多少條信息.設(shè)計(jì)的各部分，要配合整體風(fēng)格，夸張一點(diǎn)好像。.不僅頁面上各項(xiàng)設(shè)計(jì)要統(tǒng)一，而且網(wǎng)站的各級(jí)別頁面也要統(tǒng)一.保持頁面的透氣性。.符合人類的審美設(shè)計(jì)！主頁和部分頁面展示主頁我們采用的是簡約商務(wù)的風(fēng)格讓人一看就很有質(zhì)感的，交代了網(wǎng)頁的大概內(nèi)容以及整體風(fēng)格還有網(wǎng)ABOUT MEPRODUCT站的名字，讓人一眼明了導(dǎo)航欄采用文字及背景的漸變，簡約大氣不失風(fēng)格。PRODUCTABOUT MEPRODUCE面的整體布局采用橫向排序，為了方便以后增加產(chǎn)品而留有增加的空間，簡約的Flash動(dòng)畫也進(jìn)一步體現(xiàn)出網(wǎng)站整體的品味!簡單的一個(gè)小動(dòng)畫起到了裝飾頁面和

11、分割頁面的作用為了保證每個(gè)字頁面的統(tǒng)一性，而特意設(shè)計(jì)的頁面，文字的清晰介紹以及高清的圖片查看功能，而取消返回首頁這個(gè)選項(xiàng)而設(shè)置在巧妙的位置也是一成功力做!SERV血面提供所需的一些服務(wù)，一些需要的資源，以及售后的聯(lián)系,1，嚏方捏伴睢力的樂期!田瞪過山軍.工被困?醫(yī)能舌生還人與專尸的靴.情者出去卿期小縱!還有物流的查詢4,加域和I .曲不孰臼甲F戰(zhàn)“5,朝也不需詛塞個(gè)顯喻&,抖怪歌立走，陶器砂樂10 1 1 litPRODUCTABOUT MEABOUT MEABOUT M反面介紹了我們是一個(gè)怎樣的團(tuán)隊(duì)，不做沒理想的咸魚, 這藝網(wǎng)是一個(gè)藝術(shù)與交流的聚集地， 論壇功能正在籌建中，你可以在 下方選擇

12、加入我們這個(gè)有理想的團(tuán)隊(duì)，來一起質(zhì)疑那些嘲笑的眼光。這是藝術(shù)!11部分代碼(div claszlt-M2*imc ;rc=uidcey 12icitssdtlt-383 licieht=460T uut5=rj1l加二” boidccsii1En itea Mhap*p二口產(chǎn)are3 zhe-*pzlyr ，虹Kfr3 39kglFareaentds= 1呂L 2NT, 2S5, 45/355, 129rt href=vzi 1, htnl* coord jfi 品自 233,醛前之*cootdz=*160p 232STs A&D, S0s432* href-wE* Mm工8Ag”】6瓦慮17

13、瓦4歹hioKN證心口成二B L 72% 31-1 J 22T* hrT料orC lickr Wt-TpupMs-不早每餐也都可包奈故,尸HOME.html x源代碼3具，csssvfobject.micdified. js；廠代碼I拆分|設(shè)計(jì) 買時(shí)幽 電 U心 曜）標(biāo)題cnarset/* CSS Dacument */ body (fcacKgsoundcolor: #454545; . top margin-top: SOpx:ntargin-right: lOOpx;margin-left: IQOpx；height： GOpnj.zhenti (heiJht: BOQpx;width

14、t 12QQpx;頁面布局采用CSS樣式表的類樣式和 養(yǎng)成自己的一個(gè)習(xí)慣。ID樣式，方便以后的更改以及504c Iiieigh.t; : 35 Opx;,52vritStU; W 16Px ;亭7 1float:left;J 53囹55mar g-ia-le f t: 5px;.;立 S6#i (0 57Jiei g-fa-t; : 3 5 Opx?Q 5Swidth：20px;1=0 59fIcac:left;r-60二 61margin-le fu: 5px;0 6?t e 1 63hei ytit ： 35 Opx;后1后勺width.: 2 0p-x;L e5float:lef t;由

15、 66rrrgin-le f c ： 5px;36?二-ke,groodl (=69color: +D6D0CF;尊一7112不是每朵花都可以綻放!CUjilIl Lzif/ W. 1 aiH e)k工；ipt工叩界二窗再洲asc工ipT，qHpr：j?.z ipt i-iSryLEset 對(duì)口邛kten/1 卻諛工i.i” ./seuptipt t 用專二 ,t !，j sm ci ipt * J。0m5311一點(diǎn)口總10匕熊(1配如11萌像11如一Ui；. Cidiu tg l網(wǎng)la LhG在近囪m w丸uE泡.H Jp. / . . h”朗tikizTh 止二皿 皿凱icfg E工皿 I

16、cjl, to: to, toilet 1口叮卜.le-fiEsiLt：龍魚回總討配 pcfZettei： &二兄京/討匕fwlicui*其M/riuF心必於事前Hm就L d址上li：1cEf逅l l啾】力二:.工上，.LFdlJ- (t-iEietiliaIltp |i_4tlQlL： duLdtlLf Eiqae ftJL, M: toP 1 叫,filiw叫硼幽說。!式算t With1q-M%Flash插入的代碼由廿吼-Pt lXf!hmr int err Mg即中，Eg m 曲忙H 同T MithtaPiF alr=F& c/4if也心 ；嗚小重匕。141,1國比 IKBi IXBi

17、ICW,國門匕口5廣？*心r.div ElfdSiD&ar Kkzci./ffJia ! ：b曲晝京尾出 W_仲虛&渣用，吃 tt* JF-M fciiTi r 1 ?擊后門了二r”irr. q* :T|L.l1.：iu|r q f *布制= ATl R 卡 , i ,r至也匕向用同,ML主至可庭轉(zhuǎn),寸L -iL3不.，L/雷力喃I(xiàn)II軍PI上舊工，qHRrl用印率h止0 ：”a T FT 同M。語，hE 匕里式 印犯如空為）旭/爵工眉3,U五郎*加七丘!1/己一幟中叫（甌”仍町而且晦超孑晶匍lie加國凱”陀士日:m ：.ir白 tni|. YId I-if.廣 飛 i htf-JFRW 加廠

18、門”( iqhi+、？/=.p/Fidt-TElMiijLdi-W 丁 3td vldt扣1rSD丁 g：-fiEt 4圖10=口0H乳卡通 Imfxljniarein Aim就omslgjqdYUJMLapk”：1全力值寸%：1；1和小集！ 0津 屯山左口 k4Vfli tM-Bkbdm. ,33T.i4f -MlMidL |tdVT, ItfEI；IO? ft9 人與哀尸倒馳作 ftfl4rlE!Vtr快Ctd Mi.TfK4rxsMwFgKir3.“3e hr emtd fill. .jt=4IB，i -冷5 UkE2 = E T -i| -：,2psUi：- ： Si feJ：St=，

19、1 11-=11Ul 2fi1 HJ. SiRfcJ MC 3h ft 1fll dCtd hAlght=a4D*Xlfrui z3-a.-(l-l-J. .-5. /4W 3，一，.1 Yb FL#-NKf H, 丁沏hHiiiT T N 時(shí)方器r -力電甘*仃 M Vtr整個(gè)網(wǎng)站唯一的一處表格和層的布局rfiL= yTyjRKh.Rt tyr p= trk*/ ck51 ， Iintc hirRr= csa/prb nss 部Diul posit ion; absolute. widths 13 L px height ： L L5p ;s-ind&s ： L .Iffft! 25lpto

20、p： ZTJpi1 f134 . ; _.i-b r要求主頁的要求對(duì)于商務(wù)方面，系統(tǒng)要求運(yùn)行的工作環(huán)境穩(wěn)定，易于操作，界面美觀 大方，對(duì)于前臺(tái)展示界面要求系統(tǒng)便于維護(hù)，安全可靠，對(duì)于廣大客 戶所要執(zhí)行的操作簡單易懂，遠(yuǎn)程訪問速度較快，界面友好美觀，有 基本的錯(cuò)誤提醒功能，遠(yuǎn)程操作數(shù)據(jù)庫正確，要求和客戶有一定的互 動(dòng)性，在主頁上直觀的就可以查看瀏覽者所想要了解的東西。PRODCT的要求簡單明了直觀獨(dú)特的見解色彩的搭配ABOUT ME的要求清晰的介紹自己的團(tuán)隊(duì)，團(tuán)隊(duì)的風(fēng)格以及網(wǎng)站的規(guī)劃和要求。14測試站點(diǎn)站點(diǎn)各個(gè)方面無問題，經(jīng)測試上傳到網(wǎng)頁，網(wǎng)址為后期維護(hù)：布局的要求完全為了考慮后期的增刪改查。功

21、能模塊：后期可以實(shí)現(xiàn)數(shù)據(jù)庫的鏈接一些交互式的功能。15參考文獻(xiàn)百度文庫文獻(xiàn)系列16個(gè)人小結(jié)在這次實(shí)訓(xùn)中我學(xué)會(huì)了網(wǎng)頁設(shè)計(jì)的一般步驟以及所需的軟件和 一些沒有實(shí)踐過的知識(shí)，開闊了自己的見解，這對(duì)以后的設(shè)計(jì)生涯是 絕對(duì)有幫助的，以后想到當(dāng)時(shí)自己的無從下手到最后的相互討論得出 一個(gè)讓人滿意的布局，這個(gè)過程是值得記住的。因特網(wǎng)上的網(wǎng)頁主體不勝枚舉。主題的選擇取決于網(wǎng)頁的內(nèi)容，人們一般不會(huì)去選擇自己感到陌生的主題， 而是選擇某一個(gè)自己最感 興趣，或者是非常熟悉的內(nèi)容來作為網(wǎng)頁的主題， 當(dāng)然專業(yè)的網(wǎng)頁制 作公司除外。所以我們決定制作一個(gè)簡單的商務(wù)類型的網(wǎng)站， 麻雀雖 小五臟俱全，布局充分考慮了以后的天劫和修

22、改。制作一個(gè)網(wǎng)站的開始就是站點(diǎn)站點(diǎn)的結(jié)構(gòu)好比是建造高樓大廈 之前的圖紙?jiān)O(shè)計(jì)。規(guī)劃占點(diǎn)就是將站點(diǎn)中每一個(gè)網(wǎng)頁用樹型結(jié)構(gòu)列出 來，網(wǎng)頁的內(nèi)容可以省略，只要大體說明其要展示的內(nèi)胎即可。規(guī)劃好站點(diǎn)的總體結(jié)構(gòu)以后，還應(yīng)該對(duì)站點(diǎn)中每一頁的欄目、布 局等作更進(jìn)一步的設(shè)計(jì)。收集和加工素材如果說站點(diǎn)是一棟高樓大廈，那么素材就是建造大廈的材料。建 造大廈的材料有些可以直接拿來用，而有些材料需要經(jīng)過加工或者整 合以后才能使用。同樣道理，為制作網(wǎng)頁而收集的素材有些可以直接 使用有些卻要借助其他軟件加工處理后才能適合網(wǎng)頁內(nèi)容的需要。素才的內(nèi)容主要有文字、圖片、動(dòng)畫、聲音、視頻、程序等。江17 收集到的素材分門別類存放起

23、來，需要時(shí)可以很快找到。制作網(wǎng)頁在完成了設(shè)計(jì)后，實(shí)際上，制作網(wǎng)頁就是將收集和加工后的素材 添加到事先規(guī)劃設(shè)計(jì)好的網(wǎng)頁中去， 或者說制作網(wǎng)頁就是將文字、圖 片、動(dòng)畫、聲音、視頻、程序等素材按照設(shè)計(jì)的要求合成起來。在原 有的設(shè)計(jì)基礎(chǔ)上可以進(jìn)行增刪改（以不破壞為原則），更好的應(yīng)用布 局和所學(xué)工具對(duì)頁面的優(yōu)化。制作完網(wǎng)頁階段之后，應(yīng)該對(duì)網(wǎng)頁做全面的檢測，包括檢查網(wǎng)頁 內(nèi)容的科學(xué)性、版面編排的合理性、超鏈接的正確性以及對(duì)網(wǎng)頁的內(nèi) 容作適當(dāng)?shù)脑鰷p等。一個(gè)有錯(cuò)誤內(nèi)容的網(wǎng)頁時(shí)瀏覽者所不能容忍的， 一個(gè)編排布局混亂的網(wǎng)頁不會(huì)引起瀏覽者多大的興趣，一個(gè)有超鏈接錯(cuò)誤的網(wǎng)頁則會(huì)給瀏覽者帶來很多麻煩。制作網(wǎng)頁的目的是要

24、將網(wǎng)頁發(fā)布到網(wǎng)上， 讓更多的瀏覽者來訪問 發(fā)布的站點(diǎn)，因此發(fā)布網(wǎng)頁這一環(huán)節(jié)必不可少， 否則失去了制作網(wǎng)頁 的意義。綜上所述，要制作出富于創(chuàng)意的網(wǎng)頁，設(shè)計(jì)階段非常重要。事實(shí) 上，一個(gè)網(wǎng)站從設(shè)計(jì)到制作，再到發(fā)布的整個(gè)過程中，大部分的精力 和時(shí)間花在設(shè)計(jì)階段。即使在制作階段，很多時(shí)候也會(huì)根據(jù)實(shí)際需要 對(duì)原有的設(shè)計(jì)做一些修改但是如果說是對(duì)設(shè)計(jì)有什么不滿的地方那 就只可以說道不同18我覺得實(shí)訓(xùn)就是對(duì)所學(xué)知識(shí)的一種檢驗(yàn)，網(wǎng)頁設(shè)計(jì)所檢驗(yàn)的并不 只是工具的應(yīng)用更多的是自己的想法獨(dú)特的想法，如果停留在那些四 四方方的布局毫無新意的頁面就失去了該有的意義！夏前偉140271310919通過這次實(shí)訓(xùn)，我收獲了很多，

25、一方面學(xué)習(xí)到了許多以前沒學(xué)過 的專業(yè)知識(shí)與知識(shí)的應(yīng)用，另一方面還提高了自己動(dòng)手做項(xiàng)目的能力。 本次實(shí)訓(xùn)，是對(duì)我能力的進(jìn)一步鍛煉，也是一種考驗(yàn)。從中獲得的諸 多收獲，也是很可貴的，是非常有意義的。在實(shí)訓(xùn)中我學(xué)到了許多新的知識(shí)。是一個(gè)讓我把書本上的理論知 識(shí)運(yùn)用于實(shí)踐中的好機(jī)會(huì)，原來，學(xué)的時(shí)候感嘆學(xué)的內(nèi)容太難懂，現(xiàn) 在想來，有些其實(shí)并不難，關(guān)鍵在于理解。在這次實(shí)訓(xùn)中還鍛煉了我其他方面的能力， 提高了我的綜合素質(zhì)。 首先，它鍛煉了我做項(xiàng)目的能力，提高了獨(dú)立思考問題、自己動(dòng)手操 作的能力，在工作的過程中，復(fù)習(xí)了以前學(xué)習(xí)過的知識(shí)，并掌握了一 些應(yīng)用知識(shí)的技巧等。其次，實(shí)訓(xùn)中的項(xiàng)目作業(yè)也使我更加有團(tuán)隊(duì)精

26、神。從那里，我學(xué)會(huì)了下面幾點(diǎn)找工作的心態(tài)：一、繼續(xù)學(xué)習(xí)，不斷提升理論涵養(yǎng)。在信息時(shí)代，學(xué)習(xí)是不斷地汲取新信息，獲得事業(yè)進(jìn)步的動(dòng)力。作為一名青年學(xué)子更應(yīng)該把學(xué) 習(xí)作為保持工作積極性的重要途徑。走 上工作崗位后，我會(huì)積極響應(yīng)單位號(hào)召，結(jié)合工作實(shí)際，不斷學(xué)習(xí)理 論、業(yè)務(wù)知識(shí)和社會(huì)知識(shí)，用先進(jìn)的理論武裝頭腦，用精良的業(yè)務(wù)知 識(shí)提升能力，以廣博的社會(huì)知識(shí)拓展視野。二、努力實(shí)踐，自覺進(jìn)行角色轉(zhuǎn)化。只有將理論付諸于實(shí)踐才能實(shí)現(xiàn)理論自身的價(jià)值,也只有將理論20付諸于實(shí)踐才能使理論得以檢驗(yàn)同樣，一個(gè)人的價(jià)值也是通過實(shí)踐活動(dòng)來實(shí)現(xiàn)的，也只有通過實(shí)踐才能鍛煉人的品質(zhì)，彰顯人的意志。必須在實(shí)際的工作和生活中潛心 他全

27、，并自覺的進(jìn)行這種角色的轉(zhuǎn) 換。三、提高工作積極性和主動(dòng)性實(shí)習(xí)，是開端也是結(jié)束。展現(xiàn)在自己面前的是一片任自己馳騁的 沃土，也分明感受到了沉甸甸的責(zé)任。在今后的工作和生活中，我將 繼續(xù)學(xué)習(xí)，深入實(shí)踐，不斷提升自我，努力創(chuàng)造業(yè)績，繼續(xù)創(chuàng)造更多 的價(jià)值。我認(rèn)為大學(xué)生實(shí)習(xí)難，就業(yè)難，除非你有關(guān)系，能給你輕松找到 工作，否則就難逃市場選擇的厄運(yùn)。我在該公司實(shí)習(xí)總結(jié)了五個(gè)攻略, 只能智勇雙全，才能在這個(gè)社會(huì)中出人頭地。首先確定主題，找對(duì)目標(biāo)。實(shí)訓(xùn)的第一節(jié)課先設(shè)計(jì)好網(wǎng)站的類型規(guī)則， 我們?cè)O(shè)計(jì)的是一款關(guān) 于旅行方面的物品的網(wǎng)站，對(duì)待這個(gè)問題要快、準(zhǔn)、狠，不要拖拖拉拉，猶豫不決。確定好 主題以后該思考要在網(wǎng)站上

28、面上架那些物品，這個(gè)需要先調(diào)查一下現(xiàn) 在主流的旅行物品的需求量，通過互聯(lián)網(wǎng)和身邊的調(diào)查然后在做決定。構(gòu)造結(jié)構(gòu)框架。規(guī)劃好網(wǎng)站是做什么的就好辦了，接下來這一步師非常關(guān)鍵的一 步，因?yàn)橐粋€(gè)好的網(wǎng)站無論是網(wǎng)站的布局和色彩以及總體都對(duì)用戶訪21 問這個(gè)網(wǎng)站起著至關(guān)重要的一個(gè)決定，所以在這方面我們選擇了反其 道而行之的簡約界面，我們的這個(gè)界面不同那些普遍的大網(wǎng)站一樣， 他們內(nèi)容很多，很復(fù)雜，連接幾百個(gè)甚至更多更多，畫面也花花綠綠 的，但是我們覺得這樣的網(wǎng)站反而顯得太亂， 于是我們決定好了結(jié)構(gòu) 框架。后臺(tái)數(shù)據(jù)處理?；窘缑嬉呀?jīng)設(shè)計(jì)好了，接下來就是見證奇跡的時(shí)刻了，在網(wǎng)站 中我們看到的甚少甚少，最厲害的還是

29、那些我們看不到的后臺(tái)數(shù)據(jù)， 那些雖然我們看不到但是反而更加復(fù)雜難以理解， 這一步也至關(guān)重要, 設(shè)計(jì)好每一步的連接數(shù)據(jù)，每個(gè)圖片的跳轉(zhuǎn)，窗口的彈出關(guān)閉等，這 樣一個(gè)基本的網(wǎng)站已經(jīng)成型了，最后就是看看哪里不好修改修改， 然 后就可以完成了。We Are A Team !胡維國140271310422我在這次實(shí)訓(xùn)中擔(dān)任的是圖片處理和 flash動(dòng)畫制作以及子網(wǎng)頁 的制作工作，運(yùn)用ps對(duì)需要用到的圖片進(jìn)行相應(yīng)的效果處理，保存 在相應(yīng)的圖片文件夾內(nèi)，在制作flash動(dòng)畫的時(shí)候出現(xiàn)了一些小的問 題，我保存flash動(dòng)畫文件的時(shí)候名字做成了默認(rèn)的文件名， 結(jié)果在 插入動(dòng)畫的時(shí)候在瀏覽器中預(yù)覽不出來， 最后通

30、過查閱資料把這個(gè)問 題給解決了，我用css樣式進(jìn)行了自己的子網(wǎng)頁頁面布局， 以及對(duì)圖 像的插入，通過類樣式對(duì)產(chǎn)品進(jìn)行文字說明，并且插入相應(yīng)的鼠標(biāo)特 效，來吸引眼球。通過這次實(shí)訓(xùn)對(duì)這門課程的學(xué)習(xí)， 做好主頁，并不是一件容易的 事，它包括個(gè)人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排 版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。所以我得出一下總結(jié)：一、準(zhǔn)備資料和挑選符合目的主題的合適素材做主頁當(dāng)然要收集、準(zhǔn)備資料。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的 網(wǎng)頁，把它保存起來，作為以后自己設(shè)計(jì)主頁時(shí)的參考。另外，還包 括搜集美化主頁可能要用到的各種材料，如背景、小動(dòng)畫圖標(biāo)等等。 你可以在硬盤上建一個(gè)文件夾，下

31、分“圖片、聲音、動(dòng)畫”等文件夾， 養(yǎng)成上網(wǎng)時(shí)看到有創(chuàng)意、新鮮的圖像，就按鼠標(biāo)右鍵存入你硬盤相應(yīng) 文件夾的習(xí)慣，時(shí)間一長你就有擁有了一個(gè)可觀的圖庫， 等做主頁時(shí) 隨手拈來或加以修改就成你自己的東西了。二、規(guī)劃好整個(gè)網(wǎng)站主頁的設(shè)計(jì)應(yīng)以醒目優(yōu)先，應(yīng)該令人一目了然，切勿堆砌太多不23 必要的細(xì)節(jié)，或使畫面過于復(fù)雜。切記，頁面給人的第一觀感最為重 要！在網(wǎng)上到處瀏覽網(wǎng)站的人很多，如果你的主頁給人的第一印像沒 有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會(huì)訪問你的網(wǎng) 站了。三、善用圖片，增強(qiáng)藝術(shù)效果我記得老師說過網(wǎng)頁的迷人之處之一，要算它上面能點(diǎn)綴許多漂 亮的圖片。精美的圖片設(shè)計(jì)，可以使自己的網(wǎng)頁增輝不少，令人過目 不忘。圖片的內(nèi)容應(yīng)有一定的實(shí)際作用，切忌虛飾浮夸，同時(shí)還要注 意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。四、要多次使用不同的瀏覽器進(jìn)行預(yù)覽在做品完成之后，要多次對(duì)自己的網(wǎng)站進(jìn)行測試，在不同的瀏覽 器中進(jìn)行嘗試效果，以達(dá)到手機(jī)和電腦上不同的瀏覽器中都能完整的 體現(xiàn)出網(wǎng)站的內(nèi)容。海繼昌140271310324這次實(shí)訓(xùn)我們主要是練習(xí)網(wǎng)頁制作及網(wǎng)站發(fā)布的各種知識(shí)Dreamweaver工具為我們實(shí)現(xiàn)這些提供了便利，下面我將網(wǎng)頁制作和 網(wǎng)站發(fā)布的知識(shí)總結(jié)如下：(1)網(wǎng)頁制作的前期工作是搜集大量的素材，我們的網(wǎng)頁