網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告_第1頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告_第2頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告_第3頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告_第4頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告_第5頁(yè)
已閱讀5頁(yè)，還剩5頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)報(bào)告班級(jí)：G093501姓名：孫建武學(xué)號(hào)：47指導(dǎo)老師：郭建明實(shí)訓(xùn)時(shí)間：5.9——5.22甘肅機(jī)電職業(yè)技術(shù)學(xué)院201一、實(shí)訓(xùn)目的：1、進(jìn)一步熟悉和掌握網(wǎng)站建設(shè)的基本流程和技術(shù)規(guī)范；2、鞏固運(yùn)用Dreamweaver網(wǎng)頁(yè)制作軟件制作網(wǎng)頁(yè)、特別是制作復(fù)雜網(wǎng)頁(yè)的知識(shí)；3、鞏固運(yùn)用PS圖像處理軟件進(jìn)行網(wǎng)頁(yè)中圖形制作和運(yùn)用flash動(dòng)畫(huà)制作軟件設(shè)計(jì)網(wǎng)頁(yè)中動(dòng)畫(huà)的知識(shí)；4、鞏固綜合運(yùn)用Dreamweaver、PS、flash三個(gè)軟件完成網(wǎng)站建設(shè)任務(wù)的方法，能獨(dú)立設(shè)計(jì)一個(gè)內(nèi)容完整、圖文并茂、技術(shù)運(yùn)用得當(dāng)?shù)木W(wǎng)站；5、具備獨(dú)立撰寫(xiě)實(shí)訓(xùn)報(bào)告基本能力；6、在網(wǎng)頁(yè)設(shè)計(jì)的實(shí)踐中培養(yǎng)分析問(wèn)題、解決問(wèn)題的能力，培養(yǎng)協(xié)作、交流的能力，培養(yǎng)創(chuàng)新能力和團(tuán)隊(duì)意識(shí)；7、緊緊圍繞網(wǎng)頁(yè)制作的流程：規(guī)劃、設(shè)計(jì)、開(kāi)發(fā)、發(fā)布、維護(hù)來(lái)進(jìn)行網(wǎng)站的開(kāi)發(fā)，制作出具有較高水準(zhǔn)的靜態(tài)網(wǎng)頁(yè)。以此作為學(xué)生學(xué)習(xí)這門(mén)課程的階段性總結(jié)，使學(xué)生復(fù)習(xí)、鞏固所學(xué)過(guò)的理論，并予以適當(dāng)?shù)纳罨M(jìn)一步訓(xùn)練學(xué)生的基本技能（如：搜集資料、整理數(shù)據(jù)、發(fā)現(xiàn)與分析問(wèn)題、尋求解決問(wèn)題的方案等），為今后從事網(wǎng)站開(kāi)發(fā)、維護(hù)和管理奠定基礎(chǔ)。、二、實(shí)訓(xùn)項(xiàng)目——星空間街舞俱樂(lè)部網(wǎng)站設(shè)計(jì)1、網(wǎng)站主題我的網(wǎng)站的主旨在于從各個(gè)方面全面的介紹星空間街舞俱樂(lè)部，包括它的團(tuán)隊(duì)、環(huán)境和課程。另外，網(wǎng)站里還包括我的資料，建立了一個(gè)展示自我形象的平臺(tái)。同時(shí)，網(wǎng)站里的每一個(gè)網(wǎng)頁(yè)都有統(tǒng)一的風(fēng)格，每一個(gè)網(wǎng)頁(yè)的主題色彩都是橙色和藍(lán)色搭配，用以展示星空間街舞俱樂(lè)部個(gè)性的效果。其實(shí)最重要的是要做出自己的風(fēng)格，給瀏覽者好的欣賞感受。2、網(wǎng)站材料主要在網(wǎng)站上搜集所要的網(wǎng)頁(yè)信息，包括圖片、文字。同時(shí)，查詢相關(guān)的書(shū)籍、百度等方式收集所需的文字資料,圖象資料,flash動(dòng)畫(huà)和網(wǎng)頁(yè)特效等，用以得來(lái)更加具有說(shuō)服力的頁(yè)面。要想做好自己的網(wǎng)站，能夠給瀏覽者好的欣賞感受，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。精選自己收集的材料，作為自己制作網(wǎng)頁(yè)的素材，這樣就可以做好一個(gè)好的網(wǎng)站。3、網(wǎng)站規(guī)劃我的網(wǎng)站共有7個(gè)主頁(yè)面：首頁(yè)、介紹、團(tuán)隊(duì)、環(huán)境、課程、聯(lián)系我們和關(guān)于我。每一個(gè)頁(yè)面用統(tǒng)一的模塊，以保證網(wǎng)站統(tǒng)一的頁(yè)面風(fēng)格。網(wǎng)頁(yè)布局主要用框架和表格，用框架定位內(nèi)容的大體結(jié)構(gòu)，再用表格具體定位。位子的設(shè)計(jì)也是重要的一個(gè)部分，根據(jù)具體內(nèi)容決定字體風(fēng)格，相同的風(fēng)格多次調(diào)用是用CSS設(shè)計(jì)一個(gè)樣式，以保證隨時(shí)、準(zhǔn)確的調(diào)用。4、網(wǎng)站的制作工具做網(wǎng)頁(yè)時(shí)主要使用的是Deamweaver。另外，為了處理網(wǎng)頁(yè)中的其他元素，還使用了Photoshop等軟件。5、制作網(wǎng)站的網(wǎng)頁(yè)素材、風(fēng)格、模板都設(shè)計(jì)好以后，下一步就是具體的制作網(wǎng)頁(yè)。制作網(wǎng)站時(shí)，首先要做的就是站點(diǎn)的規(guī)劃，建立一個(gè)本地站點(diǎn)“093501”，建立的各個(gè)頁(yè)面都應(yīng)該放在本地站點(diǎn)中，在網(wǎng)頁(yè)制作時(shí)所需的各個(gè)元素都進(jìn)行了統(tǒng)一的管理，建立統(tǒng)一的文件夾放同一類(lèi)型的文件，我在制作時(shí)建立了“img”文件夾來(lái)存放圖片。網(wǎng)頁(yè)中的CSS樣式文件也應(yīng)統(tǒng)一管理，做到有條不紊，我設(shè)計(jì)的網(wǎng)站的首頁(yè)如下圖：導(dǎo)航欄下面插入了一個(gè)flash，用以給瀏覽者好的視覺(jué)享受。左上方插入了一個(gè)圖片滾動(dòng)效果，左側(cè)有關(guān)于街舞的一些教程，是相關(guān)鏈接的菜單欄，一方面為了布局合理，彌補(bǔ)右邊的空缺，另一方面給瀏覽者提供放便的導(dǎo)航。另外，右邊插入的是表格，表格中的背景是藍(lán)色的。用以體現(xiàn)網(wǎng)站的主題色彩，左邊加入了圖片滾動(dòng)特效。當(dāng)鼠標(biāo)停在圖片上時(shí)，圖片停止?jié)L動(dòng)。特效代碼如下： <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>向左無(wú)縫滾動(dòng)</title><styletype="text/css">body,html,div,a{margin:0;padding:0}#demo{background:#FFF;overflow:hidden;border:1pxdashed#CCC;width:500px;}#demoimg{border:3pxsolid#F2F2F}#indemo{float:left;width:800%;}#demo1{float:left;}#demo2{float:left;margin-left:7px;}</style><scripttype="text/javascript">window.onload=function(){varspeed=10;//數(shù)字越大速度越慢vartab=document.getElementById("demo");vartab1=document.getElementById("demo1");vartab2=document.getElementById("demo2");tab2.innerHTML=tab1.innerHTML;functionMarquee(){if(tab2.offsetWidth-tab.scrollLeft<=0)tab.scrollLeft-=tab1.offsetWidthelse{tab.scrollLeft++;}}varMyMar=setInterval(Marquee,speed);tab.onmouseover=function(){clearInterval(MyMar)};tab.onmouseout=function(){MyMar=setInterval(Marquee,speed)};}</script></head><body>向左無(wú)縫滾動(dòng)<divid="demo"><divid="indemo"><divid="demo1"><ahref="#"><imgsrc="../img/11.jpg"border="0"/></a><ahref="#"><imgsrc="../img/12.jpg"border="0"/></a><ahref="#"><imgsrc="../img/13.jpg"border="0"/></a><ahref="#"><imgsrc="../img/14.jpg"border="0"/></a><ahref="#"><imgsrc="../img/15.jpg"border="0"/></a></div><divid="demo2"></div></div></div></body></html>然后利用模板制作了關(guān)于街舞種類(lèi)介紹的鏈接，它分為Breaking、Poppin、Hip-hop、Newstyle、Jazz.從而進(jìn)行了全面的介紹，當(dāng)點(diǎn)擊任意一個(gè)舞種按鈕，都會(huì)在右下版塊出現(xiàn)對(duì)應(yīng)瀏覽文字版塊。如下圖：創(chuàng)建模板時(shí)，我在右側(cè)建立了關(guān)于街舞教程的導(dǎo)航，這樣可以讓整個(gè)界面顯得整潔、有序。與介紹街舞類(lèi)型的主頁(yè)面采用了相同的背景，相同的布局。使頁(yè)面連接清晰。最后就是制作個(gè)人簡(jiǎn)介,也就是導(dǎo)航欄中的關(guān)于我，包含我的姓名、性別、年齡、愛(ài)好、學(xué)校、班級(jí)、學(xué)號(hào)和家庭住址等。簡(jiǎn)歷的左側(cè)，插入了一張代表中國(guó)街舞愛(ài)好者的標(biāo)志圖，為達(dá)到亮眼的效果。加入了滾動(dòng)圖片特效。增加頁(yè)面的可看性。6、上傳測(cè)試網(wǎng)站網(wǎng)頁(yè)制作完畢以后，要進(jìn)行反復(fù)的測(cè)試，保存后在IE瀏覽器上反復(fù)運(yùn)行自己的網(wǎng)站，用以發(fā)現(xiàn)設(shè)計(jì)中的缺陷并及時(shí)改正。三、實(shí)訓(xùn)中遇到的問(wèn)題和解決方法1、在制作網(wǎng)頁(yè)的過(guò)程中，經(jīng)常遇到CSS樣式的運(yùn)用和網(wǎng)頁(yè)特效的添加，由于對(duì)CSS樣式的不熟悉和網(wǎng)頁(yè)特效代碼的不了解，導(dǎo)致在做網(wǎng)頁(yè)時(shí)遇到很多的麻煩，但是最后經(jīng)過(guò)老師和同學(xué)們的幫助，最終解決了CSS樣式和網(wǎng)頁(yè)特效添加的問(wèn)題。2、創(chuàng)建了模板，但是運(yùn)用模板制作網(wǎng)頁(yè)時(shí)，發(fā)現(xiàn)全部不可編輯，這就需要在模板中添加可編輯區(qū)域。這樣就可以利用模板制作其它的網(wǎng)頁(yè)。3、表格的應(yīng)用，當(dāng)每次插入表格，對(duì)其插入內(nèi)容，就會(huì)影響到整個(gè)頁(yè)面的大小，經(jīng)過(guò)再三的思考，發(fā)現(xiàn)要在表格里插入圖片，就要先插入表格再插入圖片，這樣就不會(huì)影響到整個(gè)網(wǎng)站的布局。四、心得體會(huì)我非常感謝學(xué)校給了我這次制作網(wǎng)頁(yè)的機(jī)會(huì)，通過(guò)這次實(shí)訓(xùn)，我學(xué)到了很多有價(jià)值的東西。獨(dú)立的完成了網(wǎng)站設(shè)計(jì)的全過(guò)程，把設(shè)計(jì)中散亂的網(wǎng)頁(yè)鏈接成框架體系，使平時(shí)學(xué)到的知識(shí)點(diǎn)有了很高的提高，并且合理的在試驗(yàn)中進(jìn)行了實(shí)踐。在這次實(shí)訓(xùn)的過(guò)程中，搜集了大量的素材和網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)，擴(kuò)大了知識(shí)面，給我在以后的設(shè)計(jì)過(guò)程中能博采眾長(zhǎng)，制作出好的網(wǎng)頁(yè)打下了基礎(chǔ)。掌握文檔排版標(biāo)記的熟練使用及其屬性設(shè)置。熟練使用超級(jí)鏈接，合理使用列表；掌握?qǐng)D片標(biāo)記及相關(guān)屬性的使用、了解表格標(biāo)記制作表格的方法。最后，我感受最深的是：要想做好一個(gè)網(wǎng)站，素材和技能都十分重要。好的素材需要多方查找資料，可以從圖書(shū)、網(wǎng)站和新聞上查找。好的技能需要不斷的實(shí)踐，經(jīng)常鍛煉做網(wǎng)頁(yè)。如果擁有好的素材和精湛的技能就可以做出精湛的網(wǎng)頁(yè)。學(xué)生：孫建武班級(jí)：G0935012011年5月20日合同管理制度1范圍本標(biāo)準(zhǔn)規(guī)定了龍騰公司合同管理工作的管理機(jī)構(gòu)、職責(zé)、合同的授權(quán)委托、洽談、承辦、會(huì)簽、訂閱、履行和變更、終止及爭(zhēng)議處理和合同管理的處罰、獎(jiǎng)勵(lì)；本標(biāo)準(zhǔn)適用于龍騰公司項(xiàng)目建設(shè)期間的各類(lèi)合同管理工作，廠內(nèi)各類(lèi)合同的管理，廠內(nèi)所屬各具法人資格的部門(mén)，參照本標(biāo)準(zhǔn)執(zhí)行。2規(guī)范性引用《中華人民共和國(guó)合同法》《龍騰公司合同管理辦法》3定義、符號(hào)、縮略語(yǔ)無(wú)4職責(zé)4.1總經(jīng)理：龍騰公司經(jīng)營(yíng)管理的法定代表人。負(fù)責(zé)對(duì)廠內(nèi)各類(lèi)合同管理工作實(shí)行統(tǒng)一領(lǐng)導(dǎo)。以法人代表名義或授權(quán)委托他人簽訂各類(lèi)合法合同，并對(duì)電廠負(fù)責(zé)。4.2工程部：是發(fā)電廠建設(shè)施工安裝等工程合同簽訂管理部門(mén)；負(fù)責(zé)簽訂管理基建、安裝、人工技術(shù)的工程合同。4.3經(jīng)營(yíng)部：是合同簽訂管理部門(mén)，負(fù)責(zé)管理設(shè)備、材料、物資的訂購(gòu)合同。4.5合同管理部門(mén)履行以下職責(zé)：4.5.1建立健全合同管理辦法并逐步完善規(guī)范；4.5.2參與合同的洽談、起草、審查、簽約、變更、解除以及合同的簽證、公證、調(diào)解、訴訟等活動(dòng)，全程跟蹤和檢查合同的履行質(zhì)量；4.5.3審查、登記合同對(duì)方單位代表資格及單位資質(zhì)，包括營(yíng)業(yè)執(zhí)照、經(jīng)營(yíng)范圍、技術(shù)裝備、信譽(yù)、越區(qū)域經(jīng)營(yíng)許可等證件及履約能力（必要時(shí)要求對(duì)方提供擔(dān)保），檢查合同的履行情況；4.5.4保管法人代表授權(quán)委托書(shū)、合同專(zhuān)用章，并按編號(hào)歸口使用；4.5.5建立合同管理臺(tái)帳，對(duì)合同文本資料進(jìn)行編號(hào)統(tǒng)計(jì)管理；4.5.6組織對(duì)法規(guī)、制度的學(xué)習(xí)和貫徹執(zhí)行，定期向有關(guān)領(lǐng)導(dǎo)和部門(mén)報(bào)告工作；4.5.7在總經(jīng)理領(lǐng)導(dǎo)下，做好合同管理的其他工作，4.6工程技術(shù)部：專(zhuān)職合同管理員及材料、燃料供應(yīng)部兼職合同管理員履行以下職責(zé)：4.6.1在主任領(lǐng)導(dǎo)下，

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論