網(wǎng)頁設計實習報告8篇

Word-15-網(wǎng)頁設計實習報告8篇一試驗目的

1．學習HTML語言和dreamweaver，F(xiàn)rontPage等工具。

2．把握在本地環(huán)境下運用ASP技術實現(xiàn)一個簡潔的電子商務網(wǎng)站。

二試驗過程

1組長安排任務，大家從網(wǎng)站上搜集各種關于手機的資料。

2做網(wǎng)頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟識，由于在平常上課是老師帶領我們運用過。所以我還可以正常的運用，但是消失的問題還是有許多。有許多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學習方面的缺點，它是我平常不夠仔細的詳細表現(xiàn)。

3打開Dremweaver后第一步便是新建站點。

4設計主頁及二級頁面。

5鏈接的過程其實很簡潔，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最終選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

6向靜太網(wǎng)頁插入動態(tài)效果。

在經(jīng)濟快速進展的今日，Internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會進展同步，為了讓我們成為真正的技術性人才。學校在本周為我們支配了維持三周的網(wǎng)頁制作專用周是實習，讓我們把平常所學學問運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新學問同時也使我使我熟悉到了自己在學習上的很多不足。

近三個星期的實訓將要結束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探究。從制作網(wǎng)頁過程中，我學到了新的美化網(wǎng)頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的學問，并且為我自己在制作網(wǎng)頁這方面積累了一些閱歷。這些將是我人生中的一次重要的經(jīng)受，將是我今后走上社會后的一筆巨大的財寶。這次實習的收獲對我來說有不少，我自己感覺在學問、技能等方面都有了不少的收獲?？傮w來說這次是對我的綜合素養(yǎng)的培育，熬煉和提高。

網(wǎng)頁設計報告篇二

一試驗過程

1、資料的搜集。

2、熟識制作軟件。

3、構建站點框架。

打開dremweaver后第一步便是新建站點

4設計主頁及二級頁面。

5實現(xiàn)網(wǎng)頁間的鏈接

鏈接的過程其實很簡潔，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最終選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

6向靜太網(wǎng)頁插入動態(tài)效果

詳細狀況如下：

通過這半年的學習實踐中和老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫穿。所以我結合所學專業(yè)的內(nèi)容制作了個人網(wǎng)站，作為實習的成果。其內(nèi)容是多樣化的。制作網(wǎng)頁用的軟件是ｄreamweaver，banner軟件。dreamweaver大大加速了網(wǎng)絡時代電子交易應用中的項目交付。它供應了網(wǎng)頁和表單的動態(tài)生成到企業(yè)級的解決方案，如電子商店，庫存管理系統(tǒng)和企業(yè)內(nèi)部局域網(wǎng)的數(shù)據(jù)庫應用等功能。例如，網(wǎng)頁上很流行的陰影和立體按紐等效果，只需單擊一下就可以制作完成。當然，其最便利之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉等效果直接生成html代碼，或者嵌入到現(xiàn)有的網(wǎng)頁中，或者作為單獨的網(wǎng)頁消失。主圖是一個網(wǎng)頁的門面，它能體現(xiàn)出這個網(wǎng)頁的整體風格。

制作網(wǎng)頁，首先是確定主題，經(jīng)過一再考慮，就做了個關于中國的網(wǎng)站，平常也總是掃瞄類似的網(wǎng)站，對這些還有些了解，于是確定主題，做一些類似的網(wǎng)站，但考慮到，現(xiàn)在網(wǎng)絡上好多類似的網(wǎng)站，但有些內(nèi)容不適合我們高校生閱讀，對于我們來說有點不實際，依據(jù)這種狀況，最終打算建立一個簡潔的中國介紹和相關的事跡網(wǎng)站，特地介紹一些即使用，又廉價的小秘笈。于是網(wǎng)站主題確立。

然后是整體規(guī)劃，每一版塊都有其共性的顏色，清楚明白，便于閱讀掃瞄，大致分幾部分，中國簡介，中國歷史，用戶登錄注冊頁面留言，再加入個別網(wǎng)站等，每一部分又分幾小部分，內(nèi)容比較充分，多樣。

再后是收集資料與素材，大量掃瞄相關網(wǎng)站，收集關于中國的一些事跡歷史圖片，好的文章和圖片等，還有參考一些好的網(wǎng)站的布局，特色，顏色搭配，背景圖等。

再后是設計網(wǎng)頁圖片，用flash制作網(wǎng)頁的banner。

再后是建立站點，站點分布如下：

再后是制作網(wǎng)頁了，使用dreamweaver制作。

首頁內(nèi)容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。首頁主要是導航作用。首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設計才是勝利的；連貫，頁面之間關系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于掃瞄；整個網(wǎng)頁有動有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

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

利用我們所學的框架集，制作更完善的頁面。將動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁結合起來

再后，調(diào)試過程，好多次原來在dream里好好的，把字調(diào)的好好的，位置很對，可在掃瞄器里御覽就出毛病了，不是靠上了，就是靠下了，很不狡猾，經(jīng)過一再調(diào)試，整理，加了好多表格，最終滿足了，很是麻煩，想請問老師，為什么會消失這種狀況啊，還有怎么解決啊，不用這么反復調(diào)整的方法，還有什么好方法??？

還有，在最超鏈接過程中，明明在頁面屬性里設置的是超鏈接的文字是原色，點擊鏈接后也是原色，可一鏈接上就變色了，想了老半天，也做了許多討論，試驗，最終知道怎么回事了，原來應當對文字所在的單元格整體做鏈接，而不是只選中文字做鏈接。

還有，這次的網(wǎng)站大部分用的是表格，層用的很少，由于它太敏捷了，不好掌握，用的很少。

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

制作過程中，才發(fā)覺，原來自己懂的太少了，好多不知道的地方，才抓緊查書，開頭的時候只是會建立模版，可不會應用，操作，可這樣要修改模版可就麻煩了，要一個網(wǎng)頁一個的修改，于是抓緊上網(wǎng)學習相關內(nèi)容，閱覽書籍，最終才知道文件這有個資源，點擊

進入資源面板，點擊到數(shù)其次個的模版，選項，全部模版就都顯示了，點擊資源面板左下角的應用命令，好了，這個模版就應用到你建立的網(wǎng)頁中去了。

這只是在制作過程中消失的問題之一，其它問題也是類似相同?，F(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡潔的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊美不已，流連忘返。以我們的閱歷，當前的軟件的功能日趨簡單，不學到肯定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增加自己的實踐操作技能，為以后能做出精彩的網(wǎng)頁而努力。

同學告知我，要做好網(wǎng)頁，肯定要學從c++，java,php，asp，數(shù)據(jù)庫。以后要學的實在是太多了，而且我也很喜愛這方面，在以后的日子里，會努力填充自己，豐富自己的。盼望以后有不懂的地方，老師能多多教導。

二試驗心得

在internet飛速進展的今日，互聯(lián)網(wǎng)成為人們快速獵取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設在internet應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視。

對于現(xiàn)在的社會，科技的飛速進展已經(jīng)成為社會進展的標志。其中計算機的進展可謂快中之快，而在計算機的進展中計算機網(wǎng)絡的。進展又是首當其沖的。計算機網(wǎng)絡從為我們所知，到現(xiàn)在才經(jīng)受的短短的幾年時間，在這幾年中隨著計算機網(wǎng)絡的廣泛應用，特殊是internet的普及和進展，網(wǎng)絡已經(jīng)成為了不行或缺的通信手段。不論是最新的新聞信息、新產(chǎn)品的出臺、新嬉戲的發(fā)布、最新的各種it動態(tài)，包括等候就業(yè)人才的個人簡歷，我們都是可以通過網(wǎng)絡來獲得。但是什么為這全部的一切供應平臺的呢。我們又是通過什么來獵取這些消息的呢對就是網(wǎng)頁?，F(xiàn)如今，數(shù)以萬計的網(wǎng)站以網(wǎng)頁的方式供應了豐富、精彩的信息。在人類社會進入信息時代的時候，在網(wǎng)絡成為通信的主要手段的時候，在計算機網(wǎng)絡普及的今日，網(wǎng)頁也在它自己的崗位上做出了突出的貢獻。網(wǎng)頁是我們在網(wǎng)絡上的代言人。我們將什么樣的信息傳達給掃瞄者，要敘述什么樣的事情，網(wǎng)頁在這里起著重要的作用。

企業(yè)網(wǎng)站在企業(yè)的網(wǎng)絡營銷當中占有及其重要的地位，只要是涉及網(wǎng)絡宣揚的企業(yè)，都應當建立屬于自己的共性企業(yè)網(wǎng)站。他不僅能夠讓企業(yè)在網(wǎng)絡上展現(xiàn)自己的產(chǎn)品，促進實際銷售的增長，更能夠通過一根網(wǎng)線，向目標客戶展現(xiàn)企業(yè)自身的形象。

對于企業(yè)網(wǎng)站設計的觀點，偏重網(wǎng)站的形象設計，即在功能務實、體系完善的狀況下，重點結合企業(yè)理念打造網(wǎng)站的形象。logo就能很好的表現(xiàn)企業(yè)的形象。企業(yè)標志(logo)是指用于代表企業(yè)形象的獨特的、有意義的圖案，是企業(yè)形象識別當中最核心的環(huán)節(jié)，可用于與企業(yè)形象相關的全部環(huán)節(jié)。由于企業(yè)標志所處的特別地位，打算了其不能夠隨便更換，因此能否設計一個有內(nèi)涵、有文化、便于識別的標志，并建立相關的應用系統(tǒng)，關乎到企業(yè)長遠的進展，不容小視。

建設網(wǎng)站的一般過程包括：前期內(nèi)容確立、網(wǎng)站架構搭建、創(chuàng)意策劃、設計、網(wǎng)站建設。網(wǎng)站的功能版塊一般分為首頁（含引導頁）、新聞部分、產(chǎn)品部分、信息溝通部分、定制系統(tǒng)、零散頁面等。依據(jù)不同的企業(yè)需求，各網(wǎng)站的功能版塊數(shù)量、布局、結構各異。

（一）頁面的設計方面

網(wǎng)頁設計跟學習別的東西一樣，也需要愛好，所謂的愛好也不是三分鐘熱度，是一種執(zhí)著。

頁設計需要急躁，假如沒有急躁，就學不好網(wǎng)頁設計，應為當你遇到一個問題時，假如不能立即得到問題的答案，你可能需要很長時間去解決，我就遇到過一個問題，用了很長時間才解決。

頁設計需要堅持，堅持不斷的學習，由于設計網(wǎng)頁的軟件在不斷的更新，因此我們要不斷的學習

并且頁設計不要掉入技術的陷阱，假如你的網(wǎng)頁設計技術一流，并且對軟件的把握程度已經(jīng)達到肯定水平，但是你設計的網(wǎng)頁確不堪目睹，這是由于網(wǎng)頁設計是介于平面設計和編程技術兩者之間的邊緣科學。不僅涉及到美學，心理學，平面構成，顏色搭配等平面設計的方面的學問，還涉及到html,javascript,css,asp,php等編程語言技術方面的學問。只有綜合運用多種學問，才能設計出視聽特效，動感十足，富于共性的web頁面，才能全面呈現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能。

并且我認為網(wǎng)頁設計應當注意有用性，由于它是讓人掃瞄的，是用戶可以摩挲，可以評論，可以交互的。因此我提倡簡潔的美。

（二）網(wǎng)頁視覺效果

視覺形象識別即我們通常所說的vi（visualidentity），與bi一起用于深化表現(xiàn)企業(yè)理念，同時也受到bi的影響。所謂視覺形象識別，就是指能夠被目標客戶通過視覺來認知與企業(yè)相關的一切事物，從最基礎的企業(yè)標志、吉利物、標準色到企業(yè)日常業(yè)務中的信紙、服裝、名片等等，在將其系統(tǒng)化以后就形成了企業(yè)的視覺形象識別系統(tǒng)。

視覺形象識別系統(tǒng)在整套cis中處于最表層的位置，其中全部的設計都將與目標客戶發(fā)生直接的接觸。

（三）網(wǎng)頁的整體布局和導航

網(wǎng)頁的布局通常指的是網(wǎng)頁的整體架構，說的通俗一點就是排版。如何突出最重要的內(nèi)容，即讓用戶第一眼就看到這個網(wǎng)頁所想要傳達的信息。這一點至關重要。在大多數(shù)做的比較勝利的網(wǎng)頁中，一個共同的特點就是網(wǎng)頁的整體架構非常的清楚明白，便于用戶掃瞄

網(wǎng)頁布局大致可分為國字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型

網(wǎng)頁布局是主要考慮以下幾點：

1、首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。

2、其次就應當考慮導航條的設置了。

3、正文的框架設置（橫向因素和縱向因素交叉）

（四）網(wǎng)頁中文字、圖像

圖象我利用網(wǎng)上搜尋和自己所學過的banner進行處理，這樣做起來節(jié)省了許多時間。。

（五）網(wǎng)頁制作過程中的其他留意事項

不要過于注意顏色的絢爛，只要簡潔就行。我們最終追求的主要是有用價值。

通過這次實習，在制作時想想使自己的網(wǎng)頁更加豐富多彩，在網(wǎng)頁中插入圖象，動畫，動態(tài)特效?？墒强傆龅竭@樣那樣的問題，但在同學的關心和自己摸索的狀況下完成了這個實習的成果?？吹搅艘恍┲木W(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊美不已，流連忘返。以我們的閱歷，當前的軟件的功能日趨簡單，不學到肯定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。虛在加以刻苦鉆研及學習，不斷開拓視野，增加自己的實踐操作技能，為以后能做出精彩的網(wǎng)頁而努力。

近一個星期的實訓將要結束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探究。從制作網(wǎng)頁過程中，我學到了新的美化網(wǎng)頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的學問，并且為我自己在制作網(wǎng)頁這方面積累了一些閱歷。這些將是我人生中的一次重要的經(jīng)受，將是我今后走上社會后的一筆巨大的財寶。這次實習的收獲對我來說有不少，我自己感覺在學問、技能等方面都有了不少的收獲?？傮w來說這次是對我的綜合素養(yǎng)的培育，熬煉和提高。

網(wǎng)頁設計實習報告篇三

我第一次步入了社會，從今開頭了面對社會、工作的生活。剛剛走入社會的我是一共性格有些內(nèi)向的人，面對生疏的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術類的工作，少說多干的活適合我，這個我很清晰?，F(xiàn)在，中國每年都有許多畢業(yè)的高校生找不到工作，我也不例外，所以，這第一次實習工作確定不會太好找，但是相反，我的運氣還不錯。找到了一份網(wǎng)頁設計的工作?，F(xiàn)將我在工作中的狀況報告如下。

工作介紹

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

開發(fā)技術

做為一個剛畢業(yè)的高校生，我的學問儲備確定有不足的地方，究竟學校教的東西確定會有一部分和社會是脫節(jié)的，但好在我的領導對于我沒有太多的要求，他只是要求我盡快的適應公司的工作和生活，在短時間內(nèi)嫻熟的把握相關技術，干好本職工作。

在高校里對一個同學來說什么是最重要的，那就是學習力量。要知道，這個世界上，學問在進展，人類在進步，每天都在進行日新月異的變化，我們的學問儲備總會有不夠的地方，但是肯定要有學習力量，將不會學問快速把握，只有這樣才能占據(jù)主動，削減被動狀況的尷尬發(fā)生，通過二個星期的時間，我勝利的適應了公司的工作和生活節(jié)奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每周還有兩天假期我利用業(yè)余時間，抓緊學習，將工作中所需要的技術進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候?qū)W的東西多，難免有個主次之分，這次工作了，才知道哪個應當多學點，但好在我都有學過，所以有個好的基礎在這里，也就不怕了，比如說：flash，公司要求技術人員會做flash，flash這東西以前我在宿舍的時候常常玩的，可是后來在分析就業(yè)狀況時，分析錯了方向，以為這東西沒有什么用處，結果就給荒廢了。但好在還有印象，并且當時記了許多的筆記，所以說記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫這些東西我都學過，只是實踐力量稍差一點，但好在從前在學習方面用的功不是白費的

通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學習，我最終可以感上小組的工作進度了，已經(jīng)可以很好的完成領導教給我的任務了

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

網(wǎng)頁設計報告篇四

一、畢業(yè)設計的內(nèi)容和意義：（500字左右）

學校網(wǎng)站是實現(xiàn)教育資源安排的橋梁網(wǎng)絡有巨大的教育資源庫，它聚集社會的力氣，使教育資源無限增長。學校網(wǎng)站是最佳的教學討論室，學校網(wǎng)站與教育類特地網(wǎng)站的有效鏈接，給學校教學討論帶來了一片新天地，各種優(yōu)秀文章、各科素材、優(yōu)秀軟件下載等內(nèi)容為同學供應了極佳的平臺。有效地降低教研成本、提高效率。

我國的高校教育已經(jīng)普及，高校生的隊伍也正在不斷壯大，為了便利高校生對本校各項工作的了解以及加深同學、老師與學校之間相互的溝通，建設一個規(guī)?；男?nèi)網(wǎng)站成為了當務之急。網(wǎng)絡化將給我們的工作和學習帶來了極大的便利。

以Internet/Intranet為網(wǎng)絡平臺實現(xiàn)校內(nèi)網(wǎng)絡各項信息發(fā)布、管理、設置等功能。本題目要開發(fā)一個校內(nèi)網(wǎng)門戶網(wǎng)站。包括BBS系統(tǒng)平臺、院校新