網(wǎng)頁的制作實(shí)習(xí)報(bào)告
一 實(shí)驗(yàn)過程
1.資料的搜集。
2.熟悉制作軟件。
3.構(gòu)建站點(diǎn)框架。
打開Dremweaver后第一步便是新建站點(diǎn)
4設(shè)計(jì)主頁及二級頁面。
5實(shí)現(xiàn)網(wǎng)頁間的鏈接
鏈接的過程其實(shí)很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
6向靜太網(wǎng)頁插入動(dòng)態(tài)效果
具體情況如下：
通過這半年的學(xué)習(xí)實(shí)踐中 和老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實(shí)例，教會(huì)我們。使更豐富全面的軟件技術(shù)和應(yīng)用技巧，使我們真正對所學(xué)的軟件融會(huì)貫通。所以我結(jié)合所學(xué)專業(yè)的內(nèi)容制作了個(gè)人網(wǎng)站，作為實(shí)習(xí)的成果。其內(nèi)容是多樣化的。制作網(wǎng)頁用的軟件是Ｄreamweaver , banner軟件。Dreamweaver大大加速了網(wǎng)絡(luò)時(shí)代電子交易應(yīng)用中的項(xiàng)目交付。它提供了網(wǎng)頁和表單的動(dò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)頁中，或者作為單獨(dú)的網(wǎng)頁出現(xiàn)。主圖是一個(gè)網(wǎng)頁的門面，它能體現(xiàn)出這個(gè)網(wǎng)頁的整體風(fēng)格。
制作網(wǎng)頁,首先是確定主題,經(jīng)過再三考慮,就做了個(gè)關(guān)于中國的網(wǎng)站,平時(shí)也總是瀏覽類似的網(wǎng)站,對這些還有些了解,于是確定主題,做一些類似的網(wǎng)站,但考慮到,現(xiàn)在網(wǎng)絡(luò)上好多類似的網(wǎng)站,但有些內(nèi)容不適合我們大學(xué)生閱讀,對于我們來說有點(diǎn)不實(shí)際,根據(jù)這種情況,最后決定建立一個(gè)簡單的中國介紹和相關(guān)的事跡網(wǎng)站,專門介紹一些即使用,又便宜的小秘笈。于是網(wǎng)站主題確立。
然后是整體規(guī)劃，每一版塊都有其個(gè)性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，中國簡介，中國歷史，用戶登錄注冊頁面留言，再加入個(gè)別網(wǎng)站等，每一部分又分幾小部分，內(nèi)容比較充分，多樣。
再后是收集資料與素材，大量瀏覽相關(guān)網(wǎng)站，收集關(guān)于中國的一些事跡歷史圖片，好的文章和圖片等，還有參考一些好的網(wǎng)站的布局，特色，顏色搭配，背景圖等。
再后是設(shè)計(jì)網(wǎng)頁圖片，用flash制作網(wǎng)頁的banner。
再后是建立站點(diǎn)，站點(diǎn)分布如下：
再后是制作網(wǎng)頁了，使用dreamweaver制作。
首頁內(nèi)容精彩豐富，簡潔明快，語言風(fēng)趣，通俗易懂。頁面可愛清爽。首頁主要是導(dǎo)航作用。首頁制作時(shí)，時(shí)刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁有動(dòng)有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：
簡潔實(shí)用: 這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個(gè)是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔 次。當(dāng)然雅俗共賞是人人都追求的。
利用我們所學(xué)的框架集，制作更完美的頁面。將動(dòng)態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁結(jié)合起來
再后，調(diào)試過程，好多次本來在dream里好好的，把字調(diào)的好好的，位置很對，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，很不老實(shí)，經(jīng)過再三調(diào)試，整理，加了好多表格，終于滿意了，很是麻煩，想請問老師，為什么會(huì)出現(xiàn)這種情況啊，還有怎么解決啊，不用這么反復(fù)調(diào)整的辦法，還有什么好辦法�。�
還有，在最超鏈接過程中，明明在頁面屬性里設(shè)置的是超鏈接的文字是原色，點(diǎn)擊鏈接后也是原色，可一鏈接上就變色了，想了老半天，也做了很多研究，實(shí)驗(yàn)，終于知道怎么回事了，原來應(yīng)該對文字所在的單元格整體做鏈接，而不是只選中文字做鏈接。
還有，這次的網(wǎng)站大部分用的是表格，層用的很少，因?yàn)樗`活了，不好控制，用的很少。
再后，是網(wǎng)頁的上傳與發(fā)布，用ftp將制作好的網(wǎng)站上傳
制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時(shí)候只是會(huì)建立模版，可不會(huì)應(yīng)用，操作，可這樣要修改模版可就麻煩了，要一個(gè)網(wǎng)頁一個(gè)的修改，于是趕緊上網(wǎng)學(xué)習(xí)相關(guān)內(nèi)容，閱覽書籍，最后才知道文件這有個(gè)資源，點(diǎn)擊
進(jìn)入資源面板，點(diǎn)擊到數(shù)第二個(gè)的模版，選項(xiàng)，所有模版就都顯示了，點(diǎn)擊資源面板左下角的應(yīng)用命令，好了，這個(gè)模版就應(yīng)用到你建立的網(wǎng)頁中去了。
這只是在制作過程中出現(xiàn)的問題之一，其它問題也是類似相同�，F(xiàn)在想想，自己所會(huì)的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。以我們的經(jīng)驗(yàn)，當(dāng)前的軟件的功能日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁而努力。
同學(xué)告訴我，要做好網(wǎng)頁，一定要學(xué)從C++,JAVA,php，asp，數(shù)據(jù)庫。以后要學(xué)的實(shí)在是太多了，而且我也很喜歡這方面，在以后的日子里，會(huì)努力填充自己，豐富自己的。希望以后有不懂的地方，老師能多多指點(diǎn)。
二 實(shí)驗(yàn)心得
在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。
對于現(xiàn)在的社會(huì)，科技的飛速發(fā)展已經(jīng)成為社會(huì)發(fā)展的標(biāo)志。其中計(jì)算機(jī)的發(fā)展可謂快中之快，而在計(jì)算機(jī)的發(fā)展中計(jì)算機(jī)網(wǎng)絡(luò)的發(fā)展又是首當(dāng)其沖的。計(jì)算機(jī)網(wǎng)絡(luò)從為我們所知，到現(xiàn)在才經(jīng)歷的短短的幾年時(shí)間，在這幾年中隨著計(jì)算機(jī)網(wǎng)絡(luò)的廣泛應(yīng)用，特別是Internet的普及和發(fā)展，網(wǎng)絡(luò)已經(jīng)成為了不可或缺的通信手段。不論是最新的新聞信息、新產(chǎn)品的出臺(tái)、新游戲的發(fā)布、最新的各種IT動(dòng)態(tài)，包括等候就業(yè)人才的個(gè)人簡歷，我們都是可以通過網(wǎng)絡(luò)來獲得。但是什么為這所有的一切提供平臺(tái)的呢。我們又是通過什么來獲取這些消息的呢——對就是網(wǎng)頁。現(xiàn)如今，數(shù)以萬計(jì)的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息。在人類社會(huì)進(jìn)入信息時(shí)代的時(shí)候，在網(wǎng)絡(luò)成為通信的主要手段的時(shí)候，在計(jì)算機(jī)網(wǎng)絡(luò)普及的今天，網(wǎng)頁也在它自己的崗位上做出了突出的貢獻(xiàn)。網(wǎng)頁是我們在網(wǎng)絡(luò)上的“代言人”。我們將什么樣的信息傳達(dá)給瀏覽者，要講述什么樣的事情，網(wǎng)頁在這里起著重要的作用。
企業(yè)網(wǎng)站在企業(yè)的網(wǎng)絡(luò)營銷當(dāng)中占有及其重要的地位，只要是涉及網(wǎng)絡(luò)宣傳的企業(yè)，都應(yīng)該建立屬于自己的個(gè)性企業(yè)網(wǎng)站。他不僅能夠讓企業(yè)在網(wǎng)絡(luò)上展示自己的產(chǎn)品，促進(jìn)實(shí)際銷售的增長，更能夠通過一根網(wǎng)線，向目標(biāo)客戶展示企業(yè)自身的形象。
對于企業(yè)網(wǎng)站設(shè)計(jì)的觀點(diǎn)，偏重網(wǎng)站的形象設(shè)計(jì)，即在功能務(wù)實(shí)、體系完善的情況下，重點(diǎn)結(jié)合企業(yè)理念打造網(wǎng)站的形象。Logo就能很好的表現(xiàn)企業(yè)的形象。企業(yè)標(biāo)志(Logo)是指用于代表企業(yè)形象的獨(dú)特的、有意義的圖案，是企業(yè)形象識(shí)別當(dāng)中最核心的環(huán)節(jié)，可用于與企業(yè)形象相關(guān)的所有環(huán)節(jié)。由于企業(yè)標(biāo)志所處的特殊地位，決定了其不能夠隨意更換，因此能否設(shè)計(jì)一個(gè)有內(nèi)涵、有文化、便于識(shí)別的標(biāo)志，并建立相關(guān)的應(yīng)用系統(tǒng)，關(guān)乎到企業(yè)長遠(yuǎn)的發(fā)展，不容小視。
建設(shè)網(wǎng)站的一般過程包括：前期內(nèi)容確立、網(wǎng)站架構(gòu)搭建、創(chuàng)意策劃、設(shè)計(jì)、網(wǎng)站建設(shè)。網(wǎng)站的功能版塊一般分為首頁（含引導(dǎo)頁）、新聞部分、產(chǎn)品部分、信息交流部分、定制系統(tǒng)、零散頁面等。根據(jù)不同的企業(yè)需求，各網(wǎng)站的功能版塊數(shù)量、布局、結(jié)構(gòu)各異。
�。ㄒ唬� 頁面的設(shè)計(jì)方面
網(wǎng)頁設(shè)計(jì)跟學(xué)習(xí)別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。
學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要耐心，如果沒有耐心，就學(xué)不好網(wǎng)頁設(shè)計(jì)，應(yīng)為當(dāng)你碰到一個(gè)問題時(shí)，如果不能立刻得到問題的答案，你可能需要很長時(shí)間去解決，我就碰到過一個(gè)問題，用了很長時(shí)間才解決。
學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計(jì)網(wǎng)頁的軟件在不斷的更新，因此我們要不斷的學(xué)習(xí)
并且學(xué)習(xí)網(wǎng)頁設(shè)計(jì)不要掉入技術(shù)的陷阱，如果你的網(wǎng)頁設(shè)計(jì)技術(shù)一流，并且對軟件的掌握程度已經(jīng)達(dá)到一定水平，但是你設(shè)計(jì)的網(wǎng)頁確不堪目睹，這是因?yàn)榫W(wǎng)頁設(shè)計(jì)是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的"邊緣科學(xué)."不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計(jì)的方面的知識(shí),還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識(shí).只有綜合運(yùn)用多種知識(shí),才能設(shè)計(jì)出視聽特效,動(dòng)感十足,富于個(gè)性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能.
并且我認(rèn)為網(wǎng)頁設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以撫摸，可以評論，可以交互的。因此我提倡簡單的美。
�。ǘ┚W(wǎng)頁視覺效果
視覺形象識(shí)別即我們通常所說的VI（VisualIdentity），與BI一起用于深化表現(xiàn)企業(yè)理念，同時(shí)也受到BI的影響。所謂視覺形象識(shí)別，就是指能夠被目標(biāo)客戶通過視覺來認(rèn)知與企業(yè)相關(guān)的一切事物，從最基礎(chǔ)的企業(yè)標(biāo)志、吉祥物、標(biāo)準(zhǔn)色到企業(yè)日常業(yè)務(wù)中的信紙、服裝、名片等等，在將其系統(tǒng)化以后就形成了企業(yè)的視覺形象識(shí)別系統(tǒng)。
視覺形象識(shí)別系統(tǒng)在整套CIS中處于最表層的位置，其中所有的設(shè)計(jì)都將與目標(biāo)客戶發(fā)生直接的接觸。
�。ㄈ┚W(wǎng)頁的整體布局和導(dǎo)航
網(wǎng)頁的布局通常指的是網(wǎng)頁的整體架構(gòu)，說的通俗一點(diǎn)就是排版。如何突出最重要的內(nèi)容，即讓用戶第一眼就看到這個(gè)網(wǎng)頁所想要傳達(dá)的信息。這一點(diǎn)至關(guān)重要。在大多數(shù)做的比較成功的網(wǎng)頁中，一個(gè)共同的特點(diǎn)就是網(wǎng)頁的整體架構(gòu)十分的清晰明了，便于用戶瀏覽
網(wǎng)頁布局大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型
網(wǎng)頁布局是主要考慮以下幾點(diǎn)：
1、首先要考慮整個(gè)網(wǎng)頁的長和寬，以及長度和寬度之間的比例。
2、其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。
3、正文的框架設(shè)置（橫向因素和縱向因素交錯(cuò)）
�。ㄋ模┚W(wǎng)頁中文字、圖像
圖象我利用網(wǎng)上搜索和自己所學(xué)過的banner進(jìn)行處理,這樣做起來節(jié)約了很多時(shí)間。。
�。ㄎ澹┚W(wǎng)頁制作過程中的其他注意事項(xiàng)
不要過于注重色彩的燦爛，只要簡單就行。我們最終追求的主要是實(shí)用價(jià)值。
通過這次實(shí)習(xí)，在制作時(shí)想想使自己的網(wǎng)頁更加豐富多彩，在網(wǎng)頁中插入圖象，動(dòng)畫，動(dòng)態(tài)特效�？墒强傆龅竭@樣那樣的問題，但在同學(xué)的幫助和自己摸索的情況下完成了這個(gè)實(shí)習(xí)的成果�？吹搅艘恍┲木W(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。以我們的經(jīng)驗(yàn)，當(dāng)前的軟件的功能日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。虛在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁而努力。
近一個(gè)星期的實(shí)訓(xùn)將要結(jié)束，其中的酸甜苦辣我會(huì)在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學(xué)到了新的美化網(wǎng)頁的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對我來說有不少，我自己感覺在知識(shí)、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。
【網(wǎng)頁的制作實(shí)習(xí)報(bào)告】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)制作實(shí)習(xí)報(bào)告05-11
網(wǎng)頁制作實(shí)習(xí)報(bào)告范文01-03
網(wǎng)頁設(shè)計(jì)與制作報(bào)告02-13
網(wǎng)頁制作心得11-23
網(wǎng)頁制作的心得12-14
網(wǎng)頁制作教學(xué)設(shè)計(jì)11-30
網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告02-13
網(wǎng)頁制作合同01-03