網(wǎng)頁制作實(shí)習(xí)報(bào)告

　　在當(dāng)下這個(gè)社會中，報(bào)告有著舉足輕重的地位，報(bào)告根據(jù)用途的不同也有著不同的類型。那么報(bào)告應(yīng)該怎么寫才合適呢？以下是小編為大家整理的網(wǎng)頁制作實(shí)習(xí)報(bào)告，僅供參考，希望能夠幫助到大家。

網(wǎng)頁制作實(shí)習(xí)報(bào)告1

　　一、實(shí)習(xí)工作介紹

　　我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡(luò)的技術(shù)人員，將商家的信息做成網(wǎng)頁廣告，然后掛在我們的網(wǎng)站上，以此達(dá)到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。

　　我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過photoshop切片，然后導(dǎo)入。dreamweaver進(jìn)行排版，(排版主要使用css+div)，并進(jìn)一步的加以制作，完善美化，如加入js代碼，或透明flash，因?yàn)榫W(wǎng)頁是用css+div進(jìn)行排版的，所以在最后一步的時(shí)候，我們還需要進(jìn)行瀏覽器測試，因?yàn)閏ss+div排版方式有一個(gè)最大的缺點(diǎn)就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因?yàn)楦鞣N瀏覽器使用的協(xié)議不同，所以會導(dǎo)致頁面在最終瀏覽的時(shí)候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為個(gè)新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問題，所在我很感謝他，當(dāng)每天我們做完網(wǎng)頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個(gè)人姓名的漢語拼間和工作日期，這樣方便月底做統(tǒng)計(jì)工作，公司領(lǐng)導(dǎo)會根據(jù)每個(gè)人的工作數(shù)量進(jìn)行獎勵，每做一個(gè)頁面會有2塊的提成，雖然少點(diǎn)，但是積少成多，也是很可觀的。

　　二、初來公司的時(shí)候

　　(一)初級考試

　　初來公司的時(shí)候，我們經(jīng)過了初期考試，培訓(xùn)，與最終考試三個(gè)階段，在接到公司讓我面試的電話后，我來到了**公司，因?yàn)橐�干的是網(wǎng)頁設(shè)計(jì)，所以要有一個(gè)小測驗(yàn)，技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字，做一個(gè)簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說實(shí)話，從畢業(yè)后，有一段時(shí)間沒有寫代碼了，剛一上機(jī)，還有點(diǎn)生疏，但是憑借在學(xué)樣扎實(shí)的學(xué)習(xí)功底，我很快就恢復(fù)了自己的英雄本色，將html代碼寫的很熟練，做了一個(gè)左右分欄的頁面，沒什么太大難度，技術(shù)總監(jiān)看了以后，說不錯，讓我三天后參加培訓(xùn)，合格扣就可以正式上班了。

　　(二)三天的培訓(xùn)工作

　　三天后，我來到了公司，一看，來參加培訓(xùn)的人有很多，大概在十多個(gè)人左右，其實(shí)所謂的培訓(xùn)，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時(shí)干的活，做一些廣告網(wǎng)頁，這些網(wǎng)頁都是靜態(tài)的`，沒什么難度。我后來發(fā)現(xiàn)，自己在這些人當(dāng)中，還是較較者，心里優(yōu)勢還挺好的。

　　(三)最后的考核

　　三天的培訓(xùn)后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個(gè)月的實(shí)習(xí)合同，然后會在根據(jù)你在實(shí)習(xí)期的表現(xiàn)決定你的去留問題,最優(yōu)秀的人會轉(zhuǎn)正，得到很優(yōu)厚的待遇。

　　考核的內(nèi)容，就是在公司的商務(wù)網(wǎng)站上任選一個(gè)頁面，然后在規(guī)定的時(shí)間內(nèi)做完，我還不錯，技術(shù)比較熟練，是第四個(gè)做完的。當(dāng)我們把網(wǎng)頁做完后由這家公司的經(jīng)理進(jìn)行審核，最后的結(jié)果是，最先做完的前8個(gè)人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個(gè)頁面5元錢，最后的幾個(gè)人就被淘汰了，制度雖有點(diǎn)不近人情，但是剛畢業(yè)的學(xué)生能忍也就忍了，就這樣，我們每個(gè)人得到了一份一個(gè)月的臨時(shí)合同，正式開始了實(shí)習(xí)工作。

　　三、正式工作

　　我們每天的上班時(shí)間是從早上8:30分到下午的17:00，這是我見過最有激情的一些人了，年紀(jì)輕輕，干勁十足，來了以后就工作，連平時(shí)聊天的內(nèi)容也和本行業(yè)分不開，我喜歡他(她)們，回為是實(shí)習(xí)期，所以每天做的數(shù)量沒有太大要求，但是每個(gè)人都玩命似的干活，抓緊時(shí)間做網(wǎng)頁，我們做的網(wǎng)頁是比較簡單的從上到下式的網(wǎng)頁，通過css+div排版，這樣在后期瀏覽器兼容測試中，就好做的很多了，文字與圖片之間就不會有太多的麻煩，我干的很不錯，不過有些追求精致，我做網(wǎng)頁的速度慢了很多，最初每天只能做3--4個(gè)網(wǎng)頁，這對于我來說是不能接受的，后來我改變了工作方法，我第次工作的時(shí)候，先訂下計(jì)劃，比如今天做多少網(wǎng)頁，然后我將要做的所有網(wǎng)頁，先做好排版，這時(shí)的網(wǎng)頁雖然排過版，但是不美觀，因?yàn)闆]有進(jìn)行美化工作，然后我會在下午的時(shí)間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。

　　四、業(yè)余的生活

　　每天的工作都是很快的，有時(shí)感覺時(shí)間過的很快，想停都停不住，早上出去的時(shí)候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個(gè)工作日結(jié)束后，我都會在下班后步行一段時(shí)間，去附近的圖書城充會電，或者放松一下，找一些我喜歡的書，看上幾個(gè)小時(shí)。

　　五、工作心得體會

　　實(shí)習(xí)期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的最大體會就是，如果一個(gè)人在社會上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強(qiáng)自身專業(yè)技能學(xué)習(xí)才行。所以，尊敬的老師，我會在業(yè)余時(shí)間好好學(xué)習(xí)，加強(qiáng)自己的專業(yè)能力，使自己變得更強(qiáng)，只有這樣才能上到為國家、為社會做出貢獻(xiàn)，下到為自己、為父母、為學(xué)校交出一份滿意的答卷。

網(wǎng)頁制作實(shí)習(xí)報(bào)告2

　　這次實(shí)習(xí)內(nèi)容包括網(wǎng)站原型設(shè)計(jì)及Photoshop切片技術(shù)在網(wǎng)頁整體設(shè)計(jì)時(shí)的應(yīng)用； “DIV+CSS”頁面布局技術(shù);設(shè)計(jì)電子購物商城主頁。我深深體會到，做好主頁，并不是一件容易的事，網(wǎng)頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。不過能懂得基本的框架和思路，這一點(diǎn)在以后的工作過程中是非常有幫助的。

　　通過這次實(shí)習(xí)，我也總結(jié)出來一些網(wǎng)站建設(shè)的基本流程。

　　制作網(wǎng)頁，首先是確定主題。

　　網(wǎng)上購物系統(tǒng)發(fā)布平臺為顧客提供了各種商品、供求信息瀏覽、查詢，購買等功能，全面的為顧客提供服務(wù)，幫助顧客更多的了解本網(wǎng)站的動態(tài)信息，提供最新動態(tài)通知。要求系統(tǒng)具有以下功能：

　�。�1）用戶登錄注冊。

　�。�2）提供類別導(dǎo)航，購物推薦，熱銷商品，加入購物車等

　　（3）提供會員注冊

　�。�4）提供管理員后臺管理入口。管理員通過本頁面登錄后臺管理程序。

　　（5）通過后臺對各類信息進(jìn)行管理和審核。

　　（6）對網(wǎng)站會員信息進(jìn)行管理和審核。審核注冊本網(wǎng)站的會員，對其進(jìn)行管理。

　�。�7）友情鏈接。設(shè)置相關(guān)的友情鏈接頁面。

　　主頁的設(shè)計(jì)是整個(gè)網(wǎng)站的靈魂，構(gòu)思導(dǎo)航欄的分類，然后是整體規(guī)劃，每一個(gè)版塊都有其個(gè)性，清晰明了，便于閱讀瀏覽，大致分幾部分，首頁，小店簡介，產(chǎn)品展示，售后服務(wù)，友情鏈接這幾個(gè)板塊，再加入個(gè)別網(wǎng)站等，每一部分又分為幾個(gè)小部分，內(nèi)容比較充分，多樣。確定導(dǎo)航欄的各個(gè)分了標(biāo)題之后對于建立二級子網(wǎng)頁尤為重要。

　　主頁的導(dǎo)航設(shè)計(jì)好后，接下來就是對主頁導(dǎo)航欄的各個(gè)內(nèi)容進(jìn)行資料的收集，在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁，把它保存起來，作為以后自己設(shè)計(jì)主頁時(shí)的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動畫圖標(biāo)等等。你可以在硬盤上建一個(gè)文件夾，下分“圖片、聲音、動畫”等文件夾，養(yǎng)成上網(wǎng)時(shí)看到有創(chuàng)意、新鮮的圖像，就按鼠標(biāo)右鍵存入你硬盤相應(yīng)文件夾的習(xí)慣，時(shí)間一長你就有擁有了一個(gè)可觀的圖庫，等做主頁時(shí)隨手拈來或加以修改就成你自己的東西了。我們再對大量收集的資料進(jìn)行篩選，得到最合適的導(dǎo)航內(nèi)容的資料。

　　網(wǎng)站建設(shè)中如果大量運(yùn)用模板，對于建立網(wǎng)站提供便利同時(shí)也減少了大量的工序。主頁的設(shè)計(jì)應(yīng)以醒目優(yōu)先，應(yīng)該令人一目了然，勿堆砌太多不必要的細(xì)節(jié)，或使畫面過于復(fù)雜。頁面給人的第一觀感最為重要。網(wǎng)上商城系統(tǒng)采用了敏捷開發(fā)的設(shè)計(jì)思想，我們對整個(gè)系統(tǒng)主要分成了2個(gè)大模塊，即前臺交易模塊和后臺管理模塊。而其中各個(gè)模塊我們又進(jìn)行了進(jìn)一步的細(xì)分，如前臺交易模塊又分為注冊會員、商品瀏覽、查詢商品、購買商品等；后臺管理模塊則包括對用戶的管理、商品管理和銷售管理。使得整個(gè)系統(tǒng)具有易用性、個(gè)性化、跨平臺等特點(diǎn)，同時(shí)又保證交易數(shù)據(jù)的安全、穩(wěn)定、快速和完整，使其運(yùn)行得高速、安全、穩(wěn)定。

　　商品管理模塊，管理員對商品信息的管理主要包括商品以及對商品類別的查詢、添加、刪除、修改等操作。

　　訂單管理模塊，用戶選擇滿意的商品會進(jìn)行下訂單操作，同時(shí)會進(jìn)行確認(rèn)訂單、付款等操作，但同時(shí)也會存在未確定訂單、未付款等操作。

　　網(wǎng)頁的迷人之處之一，要算它上面能點(diǎn)綴許多漂亮的圖片。精美的圖片設(shè)計(jì)，可以使自己的網(wǎng)頁增輝不少，令人過目不忘。圖片的內(nèi)容應(yīng)有一定的實(shí)際作用，忌虛飾浮夸，同時(shí)還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

　　由于在網(wǎng)上用瀏覽器瀏覽任何主頁時(shí)，都能查看到該主頁制作時(shí)所編寫的絕大部分網(wǎng)頁編程源代碼。因此，如果你想知道并掌握一些優(yōu)秀的`主頁采用的設(shè)計(jì)技巧，試著將其源代碼調(diào)出來仔細(xì)揣摩，并模仿著一步一步去實(shí)現(xiàn)。

　　通過這次實(shí)習(xí)，我學(xué)到了很多有價(jià)值的東西。雖然我不能完成網(wǎng)站設(shè)計(jì)的過程，把設(shè)計(jì)中散亂的網(wǎng)頁鏈接成框架體系，但至少使平時(shí)學(xué)到的知識點(diǎn)有了提高。我感受最深的是：想要最好一個(gè)網(wǎng)站，素材和技能都十分重要。好的素材需要多放面查找資料的，可以從圖書、網(wǎng)站和新聞上查找的。好的技能需要不斷的實(shí)踐，經(jīng)常鍛煉。只有擁有好的素材和精湛的技能才可以做出最精湛的網(wǎng)頁。

網(wǎng)頁制作實(shí)習(xí)報(bào)告3

　　1。材料的搜集。

　　2。了解制造軟件。

　　3。構(gòu)建站點(diǎn)結(jié)構(gòu)。

　　翻開dremweaver后第一步即是新建站點(diǎn)

　　4規(guī)劃主頁及二級頁面。

　　5完結(jié)頁面間的連接

　　連接的進(jìn)程本來很簡略，首要是把要連接的文字挑選在挑選工具欄的連接按鈕終究挑選自個(gè)要連接的頁面單擊斷定便可以了。

　　6向靜太頁面刺進(jìn)動態(tài)效果

　　具體狀況如下：

　　經(jīng)過這半年的學(xué)習(xí)實(shí)習(xí)中 和教師的指導(dǎo)下以許多清楚的操作步驟和典型的運(yùn)用實(shí)例，教會咱們。使更豐厚全部的軟件技術(shù)和運(yùn)用竅門，使咱們真正對所學(xué)的軟件融會貫通。所以我結(jié)合所學(xué)專業(yè)的內(nèi)容制造了自個(gè)網(wǎng)站，作為實(shí)習(xí)的效果。其內(nèi)容是多元化的。制造頁面用的軟件是dreamweaver ， banner軟件。dreamweaver大大加快了網(wǎng)絡(luò)時(shí)代電子買賣運(yùn)用中的項(xiàng)目交給。它供給了頁面和表單的動態(tài)生成到公司級的處理方案，如電子商店，庫存管理體系和公司內(nèi)部局域網(wǎng)的數(shù)據(jù)庫運(yùn)用等功用。例如，頁面上很流行的暗影和立體按紐等效果，只需單擊一下就可以制造完結(jié)。當(dāng)然，其最便利之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉(zhuǎn)等效果直接生成html代碼，或許嵌入到現(xiàn)有的頁面中，或許作為單獨(dú)的頁面呈現(xiàn)。主圖是一個(gè)頁面的門面，它能體現(xiàn)出這個(gè)頁面的全體風(fēng)格。

　　制造頁面，首先是斷定主題，經(jīng)過一再思考，就做了個(gè)關(guān)于我國的網(wǎng)站，平常也老是閱讀相似的網(wǎng)站，對這些還有些了解，所以斷定主題，做一些相似的網(wǎng)站，但思考到，如今網(wǎng)絡(luò)上許多相似的網(wǎng)站，但有些內(nèi)容不合適咱們大學(xué)生閱讀，關(guān)于咱們來說有點(diǎn)不實(shí)習(xí)，依據(jù)這種狀況，終究決議樹立一個(gè)簡略的我國介紹和有關(guān)的業(yè)績網(wǎng)站，專門介紹一些即運(yùn)用，又廉價(jià)的小秘笈。所以網(wǎng)站主題樹立。

　　然后是全體規(guī)劃，每一版塊都有其特性的顏色，清晰明晰，便于閱讀閱讀，大致分幾有些，我國簡介，我國前史，用戶登錄注冊頁面留言，再加入單個(gè)網(wǎng)站等，每一有些又分幾小有些，內(nèi)容比照充沛，多樣。

　　再后是搜集材料與素材，許多閱讀有關(guān)網(wǎng)站，搜集關(guān)于我國的一些業(yè)績前史圖畫，好的文章和圖畫等，還有參閱一些好的網(wǎng)站的規(guī)劃，特征，顏色調(diào)配，背景圖等。

　　再后是規(guī)劃頁面圖畫，用flash制造頁面的banner。

　　再后是樹立站點(diǎn)，站點(diǎn)散布如下：

　　再后是制造頁面了，運(yùn)用dreamweaver制造。

　　主頁內(nèi)容精彩豐厚，簡練明快，言語幽默，淺顯易懂。頁面心愛清爽。主頁首要是導(dǎo)航效果。主頁制造時(shí)，時(shí)刻思考著頁面的基本準(zhǔn)則：一致，連接，切割，比照及調(diào)和的準(zhǔn)則，內(nèi)容一致，都是為了主題效勞，一個(gè)網(wǎng)站著重的即是一個(gè)全體，只需環(huán)繞一個(gè)一致的方針?biāo)�做的�?guī)劃才是成功的.;連接，頁面之間聯(lián)系連接，統(tǒng)成一體;每版內(nèi)容都自成一體，顏色各異，便于閱讀;全部頁面有動有靜，顏色不相同，構(gòu)成比照，不呆板，賦有生氣;顏色各異，但又不相同傍邊又相同，天衣無縫。而且制造進(jìn)程中，不忘以下準(zhǔn)則：

　　簡練實(shí)用： 這是非常首要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高功率的辦法將用戶所要想得到的信息傳送給他即是最佳的，所以要去掉全部的冗余的東西。運(yùn)用便利：同第一個(gè)是相一致的，滿足運(yùn)用者的請求，頁面做得越合適運(yùn)用，就越顯示出其功用美;頁面用色和諧，規(guī)劃符合辦法美的請求： 規(guī)劃有條理，充沛使用美的辦法，是頁面賦有可賞識性，進(jìn)步層次。當(dāng)然老少皆宜是人人都尋求的。

　　使用咱們所學(xué)的結(jié)構(gòu)集，制造更完美的頁面。將動態(tài)頁面與靜態(tài)頁面結(jié)合起來

　　再后，調(diào)試進(jìn)程，很屢次本來在dream里好好的，把字調(diào)的好好的，方位很對，可在閱讀器里御覽就出毛病了，不是靠上了，即是靠下了，很不厚道，經(jīng)過一再調(diào)試，收拾，加了許多表格，總算滿足了，很是費(fèi)事，想請問教師，為何會呈現(xiàn)這種狀況啊，還有怎樣處理啊，不必這么重復(fù)調(diào)整的辦法，還有啥好辦法啊？

　　還有，在最超連接進(jìn)程中，分明在頁面特色里設(shè)置的是超連接的文字是原色，點(diǎn)擊連接后也是原色，可一連接上就變色了，想了老半天，也做了許多研討，試驗(yàn)，總算知道怎樣回事了，本來應(yīng)當(dāng)對文字地點(diǎn)的單元格全體做連接，而不是只選中文字做連接。

　　還有，這次的網(wǎng)站大有些用的是表格，層用的很少，由于它太靈活了，欠好操控，用的很少。

　　再后，是頁面的上載與發(fā)布，用ftp將制造好的網(wǎng)站上載

　　制造進(jìn)程中，才發(fā)現(xiàn)，本來自個(gè)懂的太少了，許多不知道的當(dāng)?shù)�，才趕忙查書，開端的時(shí)分僅僅會樹立模版，可不會運(yùn)用，操作，可這么要修正模版可就費(fèi)事了，要一個(gè)頁面一個(gè)的修正，所以趕忙上彀學(xué)習(xí)有關(guān)內(nèi)容，閱讀書籍，終究才知道文件這有個(gè)資本，點(diǎn)擊

　　進(jìn)入資本面板，點(diǎn)擊到數(shù)第二個(gè)的模版，選項(xiàng)，全部模版就都顯示了，點(diǎn)擊資本面板左下角的運(yùn)用指令，好了，這個(gè)模版就運(yùn)用到你樹樹立的頁面中去了。

　　這僅僅在制造進(jìn)程中呈現(xiàn)的疑問之一，其它疑問也是相似相同。如今想想，自個(gè)所會的東西太少了，如今做的網(wǎng)站僅僅一些簡略的網(wǎng)站，看到了一些聞名的網(wǎng)站開宣布的頁面，不只欄目內(nèi)容豐厚，信息量大，而且頁面圖文并茂，五光十色，使得網(wǎng)民贊嘆不已，戀戀不舍。以咱們的閱歷，當(dāng)時(shí)的軟件的功用日趨雜亂，不學(xué)到必定的深度和廣度是難以在實(shí)習(xí)工作中應(yīng)付自如的。因而反映出學(xué)習(xí)的還不行，缺陷遺漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開辟視界，增強(qiáng)自個(gè)的實(shí)習(xí)操作技術(shù)，為往后能做出超卓的頁面而盡力。

　　同學(xué)告訴我，要做好頁面，必定要學(xué)從c++，java，php，asp，數(shù)據(jù)庫。往后要學(xué)的實(shí)在是太多了，而且我也很喜歡這方面，在往后的日子里，會盡力填充自個(gè)，豐厚自個(gè)的。期望往后有不明白的當(dāng)?shù)�，教師能多多指點(diǎn)。

網(wǎng)頁制作實(shí)習(xí)報(bào)告4

　　實(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)頁插入動態(tài)效果

　　具體情況

　　通過這半年的學(xué)習(xí)實(shí)踐中和老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實(shí)例，教會我們。使更豐富全面的軟件技術(shù)和應(yīng)用技巧，使我們真正對所學(xué)的軟件融會貫通。所以我結(jié)合所學(xué)專業(yè)的內(nèi)容制作了個(gè)人網(wǎng)站，作為實(shí)習(xí)的成果。其內(nèi)容是多樣化的。制作網(wǎng)頁用的軟件是dreamweaver , banner軟件。dreamweaver大大加速了網(wǎng)絡(luò)時(shí)代電子交易應(yīng)用中的項(xiàng)目交付。它提供了網(wǎ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)頁有動有靜，顏色不同，形成對比，不呆板，富有生氣;顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則

　　簡潔實(shí)用:這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個(gè)是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美;頁面用色協(xié)調(diào)，布局符合形式美的要求:布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。

網(wǎng)頁制作實(shí)習(xí)報(bào)告5

　　從學(xué)校畢業(yè)后，我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的我是一個(gè)性格有些內(nèi)向的人，面對陌生的人，我不善言辭，不會給自己的外表進(jìn)行很好的包裝，不適合做那些銷售、接待的工作，只有技術(shù)類的工作，少說多干的活適合我，這個(gè)我很清楚�，F(xiàn)在，中國每年都有很多畢業(yè)的大學(xué)生找不到工作，我也不例外，所以，這第一次實(shí)習(xí)工作肯定不會太好找，但是相反，我的運(yùn)氣還不錯。找到了一份網(wǎng)頁設(shè)計(jì)的工作。現(xiàn)將我在工作中的情況報(bào)告如下。

　　一、工作介紹

　　我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術(shù)團(tuán)隊(duì)這部分是比較正規(guī)的，一般是五到六人為一個(gè)小組，小組中有明確分工，有負(fù)責(zé)聯(lián)系客戶接恰生意的，有專門做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學(xué)校主要做的是后臺開發(fā)，當(dāng)然前臺設(shè)計(jì)工作也還算熟練，但不是很精通。我們這個(gè)小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當(dāng)一部分的，只需要通過cms軟件就可以進(jìn)行開發(fā)。但是有個(gè)別的網(wǎng)站開發(fā)時(shí)，我們還是需要進(jìn)行一些手寫代碼工作的。

　　二、開發(fā)技術(shù)

　　做為個(gè)剛畢業(yè)的大學(xué)生，我的知識儲備肯定有不足的地方，畢竟學(xué)校教的東西肯定會有一部分和社會是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對于我沒有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時(shí)間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。

　　在大學(xué)里對一個(gè)學(xué)生來說什么是最重要的，那就是學(xué)習(xí)能力。要知道，這個(gè)世界上，知識在發(fā)展，人類在進(jìn)步，每天都在進(jìn)行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學(xué)習(xí)能力，將不會知識快速掌握，只有這樣才能占據(jù)主動，減少被動情況的尷尬發(fā)生，通過二個(gè)星期的時(shí)間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點(diǎn)上班，晚17:30下班，中午休息一個(gè)半小時(shí)，每周還有兩天假期。我利用業(yè)余時(shí)間，抓緊學(xué)習(xí)，將工作中所需要的`技術(shù)進(jìn)行了強(qiáng)化學(xué)習(xí)，其實(shí)這些東西在學(xué)校的時(shí)候就接觸過，只是不精通。那個(gè)時(shí)候?qū)W的東西多，難免有個(gè)主次之分，這次工作了，才知道哪個(gè)應(yīng)該多學(xué)點(diǎn)，但好在我都有學(xué)過，所以有個(gè)好的基礎(chǔ)在這里，也就不怕了，比如說：flash，公司要求技術(shù)人員會做flash，flash這東西以前我在宿舍的時(shí)候經(jīng)常玩的，可是后來在分析就業(yè)情況時(shí)，分析錯了方向，以為這東西沒有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當(dāng)初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、xml、數(shù)據(jù)庫這些東西我都學(xué)過，只是實(shí)踐能力稍差一點(diǎn)，但好在從前在學(xué)習(xí)方面用的功不是白費(fèi)的。通過這種實(shí)戰(zhàn)環(huán)境，和半個(gè)月的刻苦學(xué)習(xí)，我終于可以感上小組的工作進(jìn)度了，已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。

　　像我這個(gè)組常用的是css+div排版，后臺使用php技術(shù)進(jìn)行開發(fā)，服務(wù)器平臺采用，linux+apache+mysql+php,這種lamp組合，我很高興在學(xué)校學(xué)的東西能學(xué)有所用。以前我們是用表格(table)進(jìn)行排版，這種方式簡單但是已經(jīng)有些過時(shí)了，現(xiàn)在大部分網(wǎng)站都開始了重新構(gòu)架，所以都采用css+div進(jìn)行網(wǎng)頁排版，我目前正在學(xué)習(xí)，掌握的還算比較快。而在后臺開發(fā)部分，我們使用php來進(jìn)行開發(fā)，我的工作是手寫一些小模塊�；蛘哂胘avascript寫一些特效小代碼。

　　三、工作流程

　　小組分工時(shí)，我負(fù)責(zé)后臺里小模塊的開發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作，使用css+div技術(shù)。編寫代碼這種工作看起來有些枯燥，其實(shí)時(shí)間長了以后，還真有點(diǎn)厭煩，但是后來我明白，只有將自己的本職工作做好，提高自己的技術(shù)，做出優(yōu)良的東西，這樣自己才會有價(jià)值感，才會對自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術(shù)上的不足之處，回家后，將強(qiáng)學(xué)習(xí)，這所謂：找出不會的地方，學(xué)會它，你就變的強(qiáng)大了。

　　php是現(xiàn)在比較流行的一種網(wǎng)站開發(fā)技術(shù)，由于它是開源的免費(fèi)代碼，并因良好的跨平臺性能受到了大重的喜歡，我個(gè)人認(rèn)為php很簡單，適合初學(xué)者學(xué)習(xí)使用，但是在某些地方想要做好，就需要你認(rèn)真的學(xué)習(xí)了。目前，我負(fù)責(zé)的只是技術(shù)性較低和規(guī)模較小的模塊，不過，我覺得從簡單處做起也挺好的，但是我在寫代碼時(shí)，還是經(jīng)常犯些小錯誤，導(dǎo)致代碼頁面經(jīng)常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎么弄，結(jié)果就是錯誤，后來我才發(fā)現(xiàn)，原來只是一個(gè)小錯誤，小的不仔細(xì)察看，我都找不到。于是我明白，做開發(fā)工作，一定要細(xì)心，否則就會給自己和別人帶來麻煩。

　　四、安全檢查

　　安全檢查是很重要的一個(gè)環(huán)節(jié)，就像你給人家蓋房子，房子蓋好了，可是門和窗不結(jié)實(shí)，那這種就必然不會安全的了。頁站的制做也是同樣的道理，在安全方面，有一個(gè)地方是和開發(fā)人員有很大的關(guān)系的。因?yàn)殚_發(fā)人員技術(shù)的高低決定了網(wǎng)站的安全性，有些人員在一些環(huán)節(jié)上的疏漏，很有可能導(dǎo)致網(wǎng)站在實(shí)際使用時(shí)，遭到黑客攻擊，如果造成了經(jīng)濟(jì)損失就無法挽救了。

　　所以，我們每個(gè)人在將各自的工作完成以后，組長和其它專門的技術(shù)人員會對網(wǎng)站的安全性進(jìn)行測試，找出存在的漏洞，然后加以修改。以使它的安全性達(dá)到最高最穩(wěn)定的狀態(tài)。

　　在公司進(jìn)行實(shí)習(xí)工作的這段時(shí)間，我在個(gè)人技術(shù)上收獲了很多，現(xiàn)在的我已經(jīng)能獨(dú)當(dāng)一面了，做一些難度比較大的工作，我通過優(yōu)異的表現(xiàn)，已經(jīng)轉(zhuǎn)為正式員工，我對自己的表現(xiàn)感到滿意，最重要的是我給自己的學(xué)校爭了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今后的工作和學(xué)習(xí)，要加強(qiáng)和別人的溝通能力。使自己變的更好，為國家為社會做出更多的貢獻(xiàn)。

網(wǎng)頁制作實(shí)習(xí)報(bào)告6

　　【實(shí)習(xí)目的】

　　熟悉和掌握計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。通過網(wǎng)頁設(shè)計(jì)理論聯(lián)系實(shí)際操作，鞏固所學(xué)的知識，提高處理問題的能力。充分學(xué)習(xí)網(wǎng)頁設(shè)計(jì)實(shí)踐中的操作理論，提高自己網(wǎng)頁設(shè)計(jì)水平，并為能順利與社會環(huán)境接軌做準(zhǔn)備。

　　【實(shí)習(xí)時(shí)間】

　　20xx年2月15日至20xx年3月15日

　　【實(shí)習(xí)地點(diǎn)】

　　未來路錦江國際花園9棟501室

　　【實(shí)習(xí)單位】

　　鄭州市托斯卡納餐飲有限公司

　　【實(shí)習(xí)內(nèi)容和過程】

　　實(shí)習(xí)內(nèi)容：

　　我在托斯卡納餐飲公司旗下的56°網(wǎng)絡(luò)蛋糕店一個(gè)月的實(shí)習(xí)，我的工作就是負(fù)責(zé)設(shè)計(jì)整個(gè)網(wǎng)站的頁面部分。為其一個(gè)月的實(shí)習(xí)，使我第一次親身感受到了所學(xué)知識與實(shí)際的應(yīng)用，作為一個(gè)網(wǎng)站美工除了要求網(wǎng)頁三劍客,ps,這些必會的軟件以外，還要對Html用的很熟,對ASP或PHP或jsp要有初步的了解。通過這次實(shí)習(xí)，進(jìn)一步鞏固和深化所學(xué)的理論知識，為以后的工作打好基礎(chǔ)。以下是我做的一些實(shí)習(xí)過程中的經(jīng)驗(yàn)總結(jié)：

　�。�1）表達(dá)一定的藝術(shù)效果

　　一個(gè)成功的網(wǎng)站應(yīng)該把網(wǎng)頁設(shè)計(jì)得吸引人，同時(shí)又要傳達(dá)設(shè)計(jì)思想和情感。網(wǎng)頁作為一種媒體，它必須具有一定的藝術(shù)感染力，一個(gè)平淡無奇、雜亂無章或毫無美感的網(wǎng)頁很難會有瀏覽者喜歡，更不要說讓瀏覽者去注意它的內(nèi)容了。

　�。�2）使頁面結(jié)構(gòu)清晰可讀性強(qiáng)

　　經(jīng)�？梢钥吹竭@樣的頁面，上面堆砌了許多內(nèi)容，卻沒有考慮它的空間框架，讓人看了無法知曉哪些內(nèi)容才是最具發(fā)言權(quán)的。沒有流暢的視覺流程，這是典型的沒有注意到編排清晰度、可讀性的表現(xiàn)。

　�。�3）實(shí)現(xiàn)不同的功能

　　在網(wǎng)絡(luò)這條信息高速公路上，網(wǎng)頁最主要的`功能就是一種傳遞信息的手段。因此，它一切內(nèi)容都是為了這個(gè)目的而服務(wù)，都是要圍繞這個(gè)中心進(jìn)行設(shè)計(jì)的。然而，要實(shí)現(xiàn)這個(gè)功能，網(wǎng)頁的美工設(shè)計(jì)和內(nèi)容都必須有針對性。所謂針對性，就是指對不同類別的網(wǎng)頁要求采用不同的美工藝術(shù)效果。

　�。�4）網(wǎng)頁的內(nèi)容

　　網(wǎng)頁設(shè)計(jì)人員美化網(wǎng)頁，增加網(wǎng)頁設(shè)計(jì)的藝術(shù)感，都是為了網(wǎng)頁設(shè)計(jì)的內(nèi)容服務(wù)的。一般來說，網(wǎng)頁的幾項(xiàng)基本內(nèi)容：標(biāo)題、網(wǎng)站標(biāo)志、主體內(nèi)容、導(dǎo)航、廣告欄等。

　�。�5）確定網(wǎng)站的類型

　　在設(shè)計(jì)網(wǎng)頁之需要做大量的準(zhǔn)備工作，需要思考以下幾個(gè)問題：

　　1、網(wǎng)站的類型：站點(diǎn)屬于新聞、娛樂、商務(wù)類的綜合站點(diǎn)，還是個(gè)人主頁；

　�。�6）確定網(wǎng)站的風(fēng)格

　　如果瀏覽者主要是年輕人，頁面就要設(shè)計(jì)得基調(diào)明快，活潑富有朝氣；如果針對的群體是政府工作者或科學(xué)工作者，那么頁面就要設(shè)計(jì)得嚴(yán)謹(jǐn)、嚴(yán)肅、理性、科學(xué)；如果針對的群體是婦女兒童，頁面則要設(shè)計(jì)得溫馨、友愛、輕松；如果針對的群體是戀人或從事藝術(shù)工作的人，頁面就要設(shè)計(jì)得浪漫并有藝術(shù)感

　�。�7）確定網(wǎng)頁之間的鏈接關(guān)系

　　在網(wǎng)站的總體規(guī)劃列出來后，就必須要考慮各個(gè)網(wǎng)頁之間的關(guān)系，是星型、樹型、網(wǎng)型還是直線鏈接。

　　實(shí)習(xí)過程：

　　1．我所在的公司是托斯卡納餐飲公司旗下的56°蛋糕部門，主要項(xiàng)目是蛋糕類。而我主要是負(fù)責(zé)網(wǎng)頁設(shè)計(jì)制作這一塊。

　　2.因?yàn)槭怯嘘P(guān)蛋糕的網(wǎng)站，我首先從網(wǎng)上了解了一些有關(guān)項(xiàng)目和一些基本常識。接下來我就應(yīng)該考慮配色與構(gòu)圖了。這在做食品網(wǎng)頁上是最關(guān)鍵的環(huán)節(jié)。考慮配色與構(gòu)圖：對整個(gè)內(nèi)容有了一了解后，現(xiàn)在要思考作品的色彩和具體的構(gòu)圖，先用筆畫出草圖，也可以直接在腦海里構(gòu)思。色彩要活潑健康，所以選擇粉色作為主色調(diào)。

　　查找素材：其實(shí)素材這種東西總是數(shù)量大于質(zhì)量，我可以很輕易的下載到許多許多的素材，但卻很少用的到它。為了使網(wǎng)頁看上去質(zhì)量更好，要對圖片的進(jìn)

　　行篩選，加上拍攝的蛋糕圖片。

　　開始設(shè)計(jì)：設(shè)計(jì)的時(shí)間是最多的，有的時(shí)候，在設(shè)計(jì)時(shí)原先找到的素材就不能用了，甚至全部用不到。所以后來我就先設(shè)計(jì)，想用什么圖的時(shí)候再找。加上去拍攝蛋糕的照片使用PS進(jìn)行加工，讓的圖片上的蛋糕更加誘人。做一張首頁效果圖一般用兩天的時(shí)間。然后把效果圖給領(lǐng)導(dǎo)看，等到領(lǐng)導(dǎo)通過才能進(jìn)行下一步工作。

　　做子頁：子頁一般需要五六張效果圖。不過，對于這一步驟來將，我們就輕松多了。時(shí)間一般也需要兩天。

　　切圖：所有的效果圖做好了之后就開始切圖，切圖其實(shí)就是把效果圖變成網(wǎng)頁。一般需要兩天。切圖之中其實(shí)會遇到好多匪夷所思的事情，不過當(dāng)你熟練這后就好了。當(dāng)然，一開始我經(jīng)常會遇到，比如代碼的意思是使網(wǎng)頁正題居中，但結(jié)果卻是整個(gè)網(wǎng)頁偏移到了左邊。等等這樣的事情在我初期切圖的時(shí)候經(jīng)常遇到�，F(xiàn)在好多了。

　　完成：做到這一步我的任務(wù)就完成了。

　　工作這么長時(shí)間，對一切越來越熟習(xí)之后，總想找到一些別的感覺。每天我會去不同風(fēng)格的網(wǎng)站，會觀察他們出彩的地方，然后不斷加強(qiáng)自身的職業(yè)素質(zhì)。

　　【實(shí)習(xí)體會和收獲】

　　光陰似箭，日月如梭。轉(zhuǎn)眼間，愉快而又充實(shí)的網(wǎng)頁實(shí)習(xí)結(jié)束了，在這一個(gè)月的時(shí)間里，讓我嘗試了理論與實(shí)踐相結(jié)合。網(wǎng)頁設(shè)計(jì)理論一點(diǎn)點(diǎn)轉(zhuǎn)化為實(shí)踐經(jīng)驗(yàn)。豐富的實(shí)習(xí)生活充滿了驚喜，快樂和充實(shí)，當(dāng)然也少不了網(wǎng)頁設(shè)計(jì)過程中的困難。實(shí)習(xí)結(jié)束了，覺得腦袋里又注入了新的知識，對網(wǎng)頁設(shè)計(jì)也有了新的了解，在以后的工作中，希望能用自己了解的東西去處理相關(guān)問題，在探究新的問題，使自己不斷進(jìn)步。

　　在實(shí)習(xí)生涯中影響了我很多，就像我用兩天的時(shí)間制作出一張首頁效果圖，他人往往只能看到完成品。而這并不是最重要的，最重要的是別人沒有經(jīng)歷的我卻在珍惜的創(chuàng)作過程。也許這個(gè)過程還遠(yuǎn)遠(yuǎn)不能稱之為創(chuàng)造，但我會努力的。做了一個(gè)月的美工，終于體會到網(wǎng)頁設(shè)計(jì)無非是圖文混排的那點(diǎn)事。不過，當(dāng)你真正的去努力的創(chuàng)造了之后，結(jié)果卻并不會每次都是好的。太多自己精心設(shè)計(jì)的東西，被別人一眼就否定了。當(dāng)時(shí)心情真的很糟糕。不過，現(xiàn)在想想，這都些都沒

　　有什么，這也無非是成長中常常要遇到的事罷了。

　　在實(shí)習(xí)過程中，我發(fā)現(xiàn)社會比校園更殘酷，在工作的單位我學(xué)會了，凡事第一反應(yīng)是找方法，而不是找借口；凡事先訂立目標(biāo)，并且盡量制作“夢想板”；凡事預(yù)先做計(jì)劃，盡量前目標(biāo)視覺化；六點(diǎn)優(yōu)先工作制，每一分，每一秒做生產(chǎn)力的事情；把重要的觀念，方法寫下來，并貼起來，以隨時(shí)提示自己；每天提前30分鐘上班，推遲30分鐘下班。

　　工作是人生活的重要部分，不論是消極還是積極，都會給人帶來不同感受。而精彩的生活往往有來源于有意義的工作中，所以我不會讓自己因工作的煩惱、困難和壓力，困擾自己，使自己工作情緒化、生活情緒化。遇到困難我會用平常的心態(tài)實(shí)際看待問題，告自己凡事要先做人、后做事。

網(wǎng)頁制作實(shí)習(xí)報(bào)告7

　　一、[作品主題]

　　揚(yáng)州xx教玩具銷售

　　二、[作品簡介]

　　這是一個(gè)教玩具銷售的網(wǎng)站,仿照一般的商品銷售網(wǎng)站，但在其中又添加了一些自主性元素。

　　三、[素材準(zhǔn)備]

　　明確了網(wǎng)站的主題以后，就要圍繞主題開始搜集材料了。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。另外，還要使用PhotoShop、Flash等工具，進(jìn)行圖像的處理、美化。

　　網(wǎng)站中大多數(shù)的圖片都來自于互聯(lián)網(wǎng)，我將它們截取下來之后，對照父親所給的書，逐一標(biāo)注了編號、價(jià)格、類型、材質(zhì)、適用年齡、產(chǎn)地、規(guī)格。其中編號的標(biāo)注是最為重要的，只有標(biāo)上了正確的編號，在顧客與我們聯(lián)系的時(shí)候，我們才能及時(shí)有效地為他們提供產(chǎn)品詳細(xì)的信息以及相關(guān)注意事項(xiàng)。

　　四、[總體規(guī)劃]

　　材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡單后復(fù)雜，就是先設(shè)計(jì)出簡單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。

　　五、[設(shè)計(jì)步驟]

　　一、創(chuàng)建本地站點(diǎn)

　　首先在本地機(jī)上建立一個(gè)文件夾，命名為“xxx教玩具”，并且將素材文件放在站點(diǎn)中。單擊菜單欄中的【站點(diǎn)】-【新建站點(diǎn)】-【站點(diǎn)名稱】為“xxxx玩具教具銷售”，本地文件夾為“xxx教玩具”。

　　二、制作首頁

　　1.新建HTML文檔，并將文件保存在本地站點(diǎn)根文件下，命名為“”。

　　2.點(diǎn)擊“頁面屬性”，選擇適合的背景圖像，因?yàn)槭秦?fù)責(zé)教玩具的銷售，所以我選擇的背景是生意盎然的綠色。

　　3.插入導(dǎo)航條：各模塊是——首頁，新聞動態(tài)，產(chǎn)品展示，關(guān)于我們，聯(lián)系我們，留言板，公司榮譽(yù)。導(dǎo)航條設(shè)置在主題框內(nèi)，而在主題框內(nèi)，我放置了四幅圖片，選擇了順序放映的模式。圖片逐一顯示，使整個(gè)首頁都生動了起來。

　　4.在主題的下面，我總共插入了八個(gè)模塊——全站搜索，產(chǎn)品搜索，新聞動態(tài)，會員登錄，產(chǎn)品分類，推薦產(chǎn)品，在線客服，友情鏈接。

　　全站搜索：顧客可以根據(jù)自己的需求輸入關(guān)鍵詞，搜索的結(jié)果可以在旁邊的方框中逐條顯示出來，顯示的是產(chǎn)品的名稱，再點(diǎn)擊進(jìn)去就是產(chǎn)品的詳細(xì)參數(shù)。這個(gè)適用于模糊搜索，只是一個(gè)字就可以出現(xiàn)所有的名稱中包含這個(gè)字的商品。

　　產(chǎn)品搜索：這一個(gè)搜索后出來的產(chǎn)品是以相冊的形式展現(xiàn)出來的。產(chǎn)品名稱中包含搜索的關(guān)鍵詞，點(diǎn)擊圖片或名稱就可以進(jìn)入這個(gè)產(chǎn)品的頁面，各個(gè)參數(shù)也顯示在其中。

　　產(chǎn)品分類：這一個(gè)模塊列出了所有的產(chǎn)品類別，同時(shí)這個(gè)模塊中還包含著各個(gè)分組，每一個(gè)分組里面包含著一系列的產(chǎn)品，而每一個(gè)產(chǎn)品都含有鏈接，點(diǎn)擊進(jìn)去之后就是這一類產(chǎn)品的各個(gè)型號。各個(gè)產(chǎn)品的展現(xiàn)方式也是按照相片模式展示出來的，圖片在上，名稱在下，無論是點(diǎn)擊圖片還是名稱，都會進(jìn)入這個(gè)產(chǎn)品的詳細(xì)參數(shù)頁面。

　　新聞動態(tài)：這個(gè)模塊是滾動的條目形式，每一個(gè)條目點(diǎn)擊進(jìn)去之后就是詳細(xì)的新聞信息，包括產(chǎn)品推薦，優(yōu)惠信息，廠家的詳細(xì)介紹等等。所有的文章都是根據(jù)事實(shí)編纂，是真實(shí)可信的。

　　產(chǎn)品推薦：根據(jù)廠家的活動編纂，所列的都是最新的產(chǎn)品，并且也充分照顧了顧客們的心思，在滿足教學(xué)需求的同時(shí)也給予了優(yōu)惠價(jià)格。

　　會員登錄：這個(gè)模塊是出于發(fā)展長久顧客的考慮。每年幼兒園的各類設(shè)施都會有折舊，而且隨著教學(xué)質(zhì)量的提高教學(xué)設(shè)施每年也需要補(bǔ)充，我們旨在用實(shí)惠的價(jià)格和良好的服務(wù)態(tài)度留住我們的顧客，讓他以后在補(bǔ)充商品的時(shí)候都優(yōu)先考慮我們，并且我們也為會員設(shè)置了優(yōu)惠，會員的等級越高，我們所提供的優(yōu)惠也就越大。

　　在線客服：這個(gè)模塊是為了及時(shí)為顧客們提供最新的最詳細(xì)的要求所設(shè)置，設(shè)置的也是最為普通民眾們所接納的QQ客服。

　　友情鏈接：放置的是人們最常用的網(wǎng)頁，以為顧客提供方便。

　　7.制作鏈接

　　因?yàn)樾枰�制作鏈接的圖片很多，所以我將各類產(chǎn)品的圖片都分門別類地放好，標(biāo)注好相關(guān)的參數(shù)，再一一上傳到網(wǎng)站上去，這個(gè)工作是最為繁瑣的，好在有父親在一旁指點(diǎn)，也讓我耐下心來完成了這個(gè)任務(wù)。

　　8.其他頁面的設(shè)置

　　因?yàn)榍捌跍?zhǔn)備的材料很充分，所以其他的頁面設(shè)計(jì)起來也很順利，而且除了首頁之外，其他的頁面都是單個(gè)頁面的，只需要將準(zhǔn)備的材料上傳上去，就算是完美完成任務(wù)了。

　　三、上傳測試

　　網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個(gè)鏈接的進(jìn)行測試，發(fā)現(xiàn)問題，及時(shí)修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。

　　四、推廣宣傳

　　很多人以為做了網(wǎng)站就會有人自動上門，這種理解是錯誤的！

　　其實(shí)這很好理解，就比如您的公司印了很多宣傳資料，但是您要去派發(fā)宣傳資料，才能拉到客戶，把資料放在公司是沒有用的。

　　同樣一個(gè)道理，網(wǎng)站就是您企業(yè)在網(wǎng)上的宣傳資料，需要您去派發(fā)、宣傳和推廣，才會有人去訪問，才能夠給公司帶來效益。

　　在網(wǎng)站設(shè)計(jì)完成之后，我迅速把網(wǎng)站提交給了百度、谷歌、有道、搜狗、搜搜等各大主流搜索引擎，保證別人在這些網(wǎng)站輸入網(wǎng)站的名字的時(shí)候能夠進(jìn)入我的網(wǎng)站。這里要強(qiáng)調(diào)的`是，提交了收錄并不代表立即能夠從搜索引擎搜到，因?yàn)槭欠衲芩训绞歉鶕?jù)各大搜索引擎的具體操作策略，收錄時(shí)間無法控制，一般來說時(shí)間是從幾天到一個(gè)月不等，有許多因素都會影響這一時(shí)間，這個(gè)時(shí)候就需要對網(wǎng)站進(jìn)行優(yōu)化，具體操作有兩個(gè)，一個(gè)是提高網(wǎng)站的更新頻率，還有一個(gè)就是對頁面關(guān)鍵字進(jìn)行優(yōu)化，搜索引擎爬蟲是靠讀取網(wǎng)頁內(nèi)容才知道這個(gè)網(wǎng)站或者這個(gè)網(wǎng)頁是做什么的，因此設(shè)置網(wǎng)頁的關(guān)鍵字、描述非常有必要，設(shè)置方法是打開“網(wǎng)站設(shè)計(jì)”，點(diǎn)擊“網(wǎng)站設(shè)置”標(biāo)簽，因?yàn)槲抑谱鞯氖墙掏婢咪N售網(wǎng)站，所以我就設(shè)置了幾個(gè)與之相關(guān)的關(guān)鍵字。

　　還有一個(gè)比較重要的方面就是網(wǎng)站的域名問題。一般個(gè)人制作的網(wǎng)站分配的都是二級域名，如 ，而像，算是頂級域名，不同等級的域名在搜索引擎中所占的比重是不一樣的，為了讓更多的人看到我的這個(gè)網(wǎng)站，我就為網(wǎng)站申請了頂級域名。

　　另外一件事情就是我長期要做的，就是去各大論壇千方百計(jì)地推廣我的網(wǎng)站，包括天涯、豆瓣、新浪微博等等。說實(shí)話，這真是個(gè)需要十分厚的臉皮的工作，得不怕被踢，不怕被罵，我一直在努力做到這一點(diǎn)，雖然并沒有人硬性規(guī)定我一定要做，但是一個(gè)小網(wǎng)站，需要游客量，就只能走這么一條道路。

　　還有其他的一些諸如交換友情鏈接推廣法、無償單向網(wǎng)站鏈接推廣法、發(fā)布任務(wù)、發(fā)布兼職等等，都能夠提高我的網(wǎng)站被搜索到的概率。

　　六、[后期完善]

　　在網(wǎng)頁設(shè)計(jì)中，網(wǎng)頁的優(yōu)化是較為重要的一個(gè)環(huán)節(jié)。它的成功與否會影響頁面的瀏覽速度和頁面的適應(yīng)性，影響觀者對網(wǎng)站的印象。

　　在資訊類網(wǎng)站中，文字是頁面中最大的構(gòu)成元素，因此字體的優(yōu)化顯得尤為重要。使用css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且與整個(gè)頁面搭配和諧為準(zhǔn)。在白色的背景上，我們一般使用黑色，這樣不易產(chǎn)生視覺疲勞，能保證瀏覽者較長時(shí)間地瀏覽網(wǎng)頁。

　　圖片是網(wǎng)頁中的重要元素。圖片的優(yōu)化可以在保證瀏覽質(zhì)量的前提下將其size降至最低，這樣可以成倍地提高網(wǎng)頁的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊，分別進(jìn)行優(yōu)化。輸出的格式可以為gif或jpeg，要視具體情況而定。一般我們把有較為復(fù)雜顏色變化的小塊優(yōu)化為jpeg，而把那種只有單純色塊的卡通畫式的小塊優(yōu)化為gif，這是由這兩種格式的特點(diǎn)決定的。

　　表格(table)是頁面中的重要元素,是頁面排版的主要手段。我們可以設(shè)定表格的寬度、高度、邊框、背景色、對齊方式等參數(shù)。很多時(shí)候，我們將表格的邊框設(shè)為0，以此來定位頁面中的元素，或者籍此確定頁面中各元素的相對位置。我們知道：瀏覽器在讀取網(wǎng)頁html原代碼時(shí)，是讀完整個(gè)table才將它顯示出來的。如果一個(gè)大表格中含有多個(gè)子表格，必須等大表格讀完，才能將子表格一起顯示出來。我們在訪問一些站點(diǎn)時(shí)，等待多時(shí)無結(jié)果，按“停止”按鈕卻一下顯示出頁面就是這個(gè)原因。因此，我們在設(shè)計(jì)頁面表格的時(shí)候，應(yīng)該盡量避免將所有元素嵌套在一個(gè)表格里，而且表格嵌套層次盡量要少。在使用Dreamweaver制作網(wǎng)頁時(shí)，會自動在每一個(gè)td內(nèi)添加一個(gè)空字符“ ”。如果單元格內(nèi)沒有填充其它元素，這個(gè)空字符會保留，在指定td的寬度或高度后，可以在源代碼內(nèi)將其刪去。

　　網(wǎng)頁的適應(yīng)性是很重要的，在不同的系統(tǒng)上，不同的分辨率下，不同的瀏覽器上，我們將會看到不同的結(jié)果，因此設(shè)計(jì)時(shí)要統(tǒng)籌考慮。一般我們在800x600下制作網(wǎng)頁，最佳瀏覽效果

　　也是在800x600分辨率下，在其它情況下只要保證基本一致，不出現(xiàn)較大問題即可。

　　七、[實(shí)習(xí)心得]

　�。ㄒ唬╉撁娴脑O(shè)計(jì)方面

　　網(wǎng)頁設(shè)計(jì)跟學(xué)習(xí)別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。

　　一個(gè)網(wǎng)頁設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)頁就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)頁規(guī)劃包含的內(nèi)容很多，如網(wǎng)頁的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。

　　其次還要選擇合適的制作工具。盡管選擇什么樣的工具并不會影響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會制作網(wǎng)頁。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，我是一名初學(xué)者，就選擇了比較容易上手的Frontpage20xx。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，只要熟練運(yùn)用，就能夠制作出讓人滿意的網(wǎng)頁。

　　學(xué)習(xí)網(wǎng)頁設(shè)計(jì)還需要耐心，如果沒有耐心，就學(xué)不好網(wǎng)頁設(shè)計(jì)。因?yàn)樵诰W(wǎng)頁制作的時(shí)候隨時(shí)會碰到各式各樣的問題，當(dāng)碰到一個(gè)問題時(shí)，如果不能立刻得到問題的答案，可能需要很長時(shí)間去解決，就容易煩躁，進(jìn)而失去動力，放棄整個(gè)網(wǎng)頁制作。

　　比如說我在制作網(wǎng)頁的時(shí)候，就碰到過一個(gè)問題，我不知道怎樣將自己的QQ號設(shè)置為網(wǎng)頁的在線客服。我原先以為是沒有先登錄QQ，再將它設(shè)為在線客服的原因，所以就將原先的設(shè)置全部推翻從頭來過，但是就算是從頭來過依然沒有解決這個(gè)問題。然后我又去各大論壇求助，但是別人給的建議依然沒有用。這個(gè)時(shí)候我真的很沮喪，想著自己是不是太自不量力了，從來都沒有干過的事情我竟然就那么在父母面前夸下�？�。就在我打算放棄的時(shí)候，我一個(gè)網(wǎng)友發(fā)來信息，問是不是沒有在設(shè)置QQ號的時(shí)候開通在線客服，我點(diǎn)開設(shè)置的頁面，果然在最底下有一行小字，“開通QQ在線客服”，這件事情才算是圓滿解決了。從這件小事，我知道了，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計(jì)網(wǎng)頁的軟件在不斷的更新，因此我們要不斷的學(xué)習(xí)。并且我認(rèn)為網(wǎng)頁設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗�是讓人瀏覽的，是用戶可以看到，可以評論，可以交互的。

　�。ǘ�）網(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è)置（橫向因素和縱向因素交錯）

　　我在制作這個(gè)網(wǎng)站的時(shí)候，最先參考的是淘寶上一般的店面，但是隨后，我發(fā)現(xiàn)這不是

　　一個(gè)太實(shí)際的主意。淘寶上大多數(shù)的店面賣的東西都是小件的，而且是實(shí)在的商品，價(jià)格也是固定的，而我所設(shè)計(jì)的網(wǎng)頁主旨是推銷大型的戶外游樂設(shè)施，而這些東西因?yàn)閯虞m幾十萬，占地幾十平，廠家是不可能在倉庫里擺放打量的現(xiàn)貨的，多數(shù)是拆分下來的分類放好的零件。而我父親提供給我的只是它的設(shè)計(jì)圖稿，而且價(jià)格也不好定，所以，我就仿造一般的產(chǎn)品展銷網(wǎng)站來設(shè)計(jì)，小件的東西，就擺上詳細(xì)的參數(shù)，而大件的，則是擺上了聯(lián)系方式，由顧客直接與廠家聯(lián)系，商談所有的細(xì)節(jié)。

　�。ㄈ�）網(wǎng)頁制作過程中的其他注意事項(xiàng)

　　不要過于注重色彩的燦爛，只要簡單就行。我們最終追求的主要是實(shí)用價(jià)值。

　　通過這次實(shí)習(xí)，在制作時(shí)想想使自己的網(wǎng)頁更加豐富多彩，在網(wǎng)頁中插入圖象，動畫，動態(tài)特效�？墒强傆龅竭@樣那樣的問題，但在同學(xué)的幫助和自己摸索的情況下完成了這個(gè)實(shí)習(xí)的成果�？吹搅艘恍┲�名的網(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)頁而努力。

　　設(shè)計(jì)是有原則的，無論使用何種手法對畫面中的元素進(jìn)行組合，都一定要遵循五個(gè)大的原則：統(tǒng)一、連貫、分割、對比及和諧。

　　統(tǒng)一，是指設(shè)計(jì)作品的整體性，一致性。設(shè)計(jì)作品的整體效果是至關(guān)重要的，在設(shè)計(jì)中切勿將各組成部分孤立分散，那樣會使畫面呈現(xiàn)出一種枝蔓紛雜的凌亂效果。

　　連貫，是指要注意頁面的相互關(guān)系。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的相互呼應(yīng)，并注意整個(gè)頁面設(shè)計(jì)風(fēng)格的一致性，實(shí)現(xiàn)視覺上和心理上的連貫，使整個(gè)頁面設(shè)計(jì)的各個(gè)部分極為融洽，猶如一氣呵成。

　　分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目了然。在信息量很多時(shí)為使觀者能夠看清楚，就要注意到將畫面進(jìn)行有效的分割。分割不僅是表現(xiàn)形式的需要。換個(gè)角度來講，分割也可以被視為對于頁面內(nèi)容的一種分類歸納。

　　對比就是通過矛盾和沖突，使設(shè)計(jì)更加富有生氣。對比手法很多，例如：多與少、曲與直、強(qiáng)與弱、長與短、粗與細(xì)、疏與密、虛與實(shí)、主與次、黑與白、動與靜、美與丑、聚與散等等。在使用對比的時(shí)候應(yīng)慎重，對比過強(qiáng)容易破壞美感，影響統(tǒng)一。

　　和諧是指整個(gè)頁面符合美的法則，渾然一體。如果一件設(shè)計(jì)作品僅僅是色彩、形狀、線條等的隨意混合，那么作品將不但沒有“生命感”，而且也根本無法實(shí)現(xiàn)視覺設(shè)計(jì)的傳達(dá)功能。和諧不僅要看結(jié)構(gòu)形式，而且要看作品所形成的視覺效果能否與人的視覺感受形成一種溝通，產(chǎn)生心靈的共鳴。這是設(shè)計(jì)能否成功的關(guān)鍵。

　　近一個(gè)月的實(shí)訓(xùn)結(jié)束了，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學(xué)到了新的美化網(wǎng)頁的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲�？傮w來說這次是對我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。

【網(wǎng)頁制作實(shí)習(xí)報(bào)告】相關(guān)文章：

網(wǎng)頁制作實(shí)習(xí)報(bào)告09-06

網(wǎng)頁制作實(shí)習(xí)心得12-19

網(wǎng)頁制作心得11-23

網(wǎng)頁制作工作實(shí)習(xí)總結(jié)范文07-05

網(wǎng)頁制作學(xué)習(xí)總結(jié)03-25

網(wǎng)頁設(shè)計(jì)制作要領(lǐng)08-13

網(wǎng)頁制作合同08-08

網(wǎng)頁制作崗位職責(zé)11-18

網(wǎng)頁制作合同10-27