企業(yè)網(wǎng)站設(shè)計(jì)與制作實(shí)習(xí)報(bào)告

實(shí)習(xí)報(bào)告實(shí)習(xí)類別：教學(xué)實(shí)習(xí)學(xué)習(xí)課程：企業(yè)網(wǎng)站設(shè)計(jì)與制作班級：計(jì)算機(jī)應(yīng)用技術(shù)111姓名：佟歡指導(dǎo)教師：孟霞日期：2013

前言從2013年6月17日，我們班級進(jìn)行了為期兩周的企業(yè)網(wǎng)站設(shè)計(jì)與制作傳統(tǒng)的教學(xué)中最大的缺點(diǎn)就是理論多于實(shí)踐，實(shí)踐和應(yīng)用脫節(jié)，而這次實(shí)習(xí)我們?nèi)吭跈C(jī)房中進(jìn)行就大大克服了這些缺點(diǎn)，使實(shí)踐與理論相結(jié)合。從而對網(wǎng)站制作的理解更加的深入，也為我們進(jìn)一步應(yīng)用Dreamweaver，div+css制作網(wǎng)站打好了基礎(chǔ)。

一、實(shí)習(xí)的目的和要求：實(shí)習(xí)目的：(1)、讓學(xué)生了解網(wǎng)站的制作流程和基本技法；(2)、學(xué)會(huì)站點(diǎn)的規(guī)劃與創(chuàng)建，能自己創(chuàng)建個(gè)人網(wǎng)站和簡單的企業(yè)網(wǎng)站；(3)、掌握靜態(tài)網(wǎng)頁的制作技術(shù)，熟練掌握div+css布局頁面的方法；(4)、\o""培訓(xùn)學(xué)生的動(dòng)手能力、綜合應(yīng)用能力和團(tuán)隊(duì)合作能力。實(shí)習(xí)要求：(1)、要求學(xué)生在教師的指導(dǎo)下掌握應(yīng)用軟件Dreamweaver的基本操作、能夠較好的完成實(shí)習(xí)任務(wù)。(2)、學(xué)生在實(shí)習(xí)過程中應(yīng)獨(dú)立思考、充分理解、逐步深入。二、實(shí)習(xí)的內(nèi)容及時(shí)間安排實(shí)習(xí)內(nèi)容時(shí)間上網(wǎng)收集素材，設(shè)計(jì)網(wǎng)站主頁效果圖6學(xué)時(shí)制作主頁6學(xué)時(shí)設(shè)計(jì)網(wǎng)站其他頁效果圖 6學(xué)時(shí)制作網(wǎng)站其他頁12學(xué)時(shí)建立鏈接6學(xué)時(shí)調(diào)試網(wǎng)站14學(xué)時(shí)作品賞析4學(xué)時(shí)寫實(shí)習(xí)報(bào)告2學(xué)時(shí)三、實(shí)習(xí)驗(yàn)備品及材料奔騰4以上微機(jī)30臺四、實(shí)習(xí)內(nèi)容與步驟：企業(yè)網(wǎng)站：一、整理規(guī)劃。網(wǎng)站建設(shè)的開始就應(yīng)該有一個(gè)整體的戰(zhàn)略目標(biāo)，即確定站點(diǎn)的目標(biāo)。首先要有一個(gè)總的目標(biāo)，這個(gè)網(wǎng)站到底是要做什么。有的要顯示自己的設(shè)計(jì)水平，這就要求頁面美觀；有的是為了求職而設(shè)計(jì)的求職網(wǎng)站，這就要求提供足夠的信息讓別人了解你的工作能力；有的是要為用戶服務(wù)。二、新建站點(diǎn)規(guī)劃好站點(diǎn)之后，就可以用專門的網(wǎng)頁開發(fā)軟件創(chuàng)建站點(diǎn)了，比如我用的是Dreamweaver8。在創(chuàng)建站點(diǎn)之前，我們應(yīng)該首先在我們的磁盤上創(chuàng)建一個(gè)文件夾，用于存放站點(diǎn)內(nèi)的所有資源，當(dāng)然如果你的站點(diǎn)資源比較豐富這是可以建立子文件夾存放站點(diǎn)內(nèi)相應(yīng)的資源。例如：站點(diǎn)文件夾為psxgjzx，子文件夾images用于存放站點(diǎn)內(nèi)用到的圖片，然后打開Dreamweaver8，建立一個(gè)新的文檔，命名為index.html，存放于你建立的哪個(gè)文件夾中，這個(gè)就是你的網(wǎng)站首頁了。圖2三、收集資源1.文字資料：文字是網(wǎng)站的主題。2.圖片資料：網(wǎng)站另一個(gè)重要的就是圖片，收集你需要用到的圖片，存放于images中，注意將每張圖片的名字改好。3.動(dòng)畫資料：在網(wǎng)頁上插入動(dòng)畫可以增添頁面的動(dòng)感效果。比如banner是用flash做的動(dòng)畫：圖3-3-1滾動(dòng)圖片的代碼如下：<script>varspeed=40demo2.innerHTML=demo1.innerHTMLfunctionMarquee(){if(demo2.offsetWidth-demo.scrollLeft<=0)demo.scrollLeft-=demo1.offsetWidthelse{demo.scrollLeft++}}varMyMar=setInterval(Marquee,speed)demo.onmouseover=function(){clearInterval(MyMar)}demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}</script>圖3四、布局頁面設(shè)計(jì)站點(diǎn)結(jié)構(gòu)和收集了足夠的資源之后，就可以開始布局頁面了。在Dreamweaver中，可以通過表格布局和div+css進(jìn)行布局，我用的是表格布局。五、鏈接最后給所有網(wǎng)頁中需要加鏈接的地方加上鏈接，尤其是導(dǎo)航欄，更改好鏈接所需的效果。實(shí)習(xí)總結(jié)為期兩周的企業(yè)網(wǎng)站設(shè)計(jì)與制作實(shí)習(xí)課結(jié)束了，經(jīng)過兩周的實(shí)習(xí)，讓我對企業(yè)網(wǎng)站設(shè)計(jì)與制作有了更深入的了解，也知道了自己在企業(yè)網(wǎng)站設(shè)計(jì)與制作這方面欠缺的是什么了。這兩周的實(shí)習(xí)，我們主要是制作了企業(yè)和個(gè)人的網(wǎng)站，用到的軟件有Dreamweaver8，photoshop，flash，這樣讓我們更加熟練地掌握了這幾個(gè)軟件的用法與結(jié)合，雖然以前也有做過，但每次做網(wǎng)站都會(huì)遇到各種各樣的問題，在這兩周的實(shí)習(xí)當(dāng)中也不例外，問題比如最開始的選取素材，確定主題與風(fēng)格，以及制作效果圖，還有在制作網(wǎng)站過程中截取圖片和用flash制作動(dòng)畫時(shí)應(yīng)注意的問題，最后就是注意完善時(shí)遇到的問題，但是經(jīng)過兩周的努力，有些問題自己也能解決了。通過實(shí)習(xí)，使我知道了在制作網(wǎng)站中，我們不僅要考慮到整體視覺藝術(shù)效果，更重要的是要根據(jù)客戶的要求來制作網(wǎng)站，同時(shí)也給客戶們提供一些必要的意見和建議，這樣的話就會(huì)更有助于網(wǎng)站的制作與效果的展示。同時(shí)，我們在制作網(wǎng)站中更應(yīng)該注意一些細(xì)節(jié)問題，同時(shí)又學(xué)到了許多知識，在不斷的遇到問題時(shí)，都在努力的想辦法解決，這也鍛煉了我們在遇到問題時(shí)自己解決的能力，提高了自己的專業(yè)技能。在建立網(wǎng)站方面，我有了很大的提高，更加熟練，對網(wǎng)站的了解與制作有了更深刻的了解。通過