網頁設計報告

在現在社會，我們使用報告的情況越來越多，其在寫作上具有一定的竅門。你所見過的報告是什麼樣的呢？下面是小編爲大家收集的網頁設計報告，歡迎閱讀，希望大家能夠喜歡。

網頁設計報告1

一、畢業設計的內容和意義：

學校網站是實現教育資源分配的橋樑網絡有巨大的教育資源庫，它聚集社會的力量，使教育資源無限增長。學校網站是最佳的教學研究室，學校網站與教育類專門網站的有效鏈接，給學校教學研究帶來了一片新天地，各種優秀文章、各科素材、優秀軟件下載等內容爲學生提供了極佳的平臺。有效地降低教研成本、提高效率。

我國的大學教育已經普及，大學生的隊伍也正在不斷壯大，爲了 方便大學生對本校各項工作的瞭解以及加深學生、教師與學校之間相 互的交流，建設一個規模化的校園網站成爲了當務之急。網絡化將給我們的工作和學習帶來了極大的便利。

以Internet/Intranet爲網絡平臺實現校園網絡各項信息發佈、管理、設置等功能。本題目要開發一個校園網門戶網站。包括BBS系統平臺、院校新聞發佈平臺，在限選課平臺。後臺：包括平臺管理、統一認證、資源管理、用戶權限管理等。

二、文獻綜述：

經濟高速發展的今天，校園的各種信息的收集與發佈都要求有一個高的效率。由於大學生的生活節奏較快，且電腦普及率和上網概率也隨着社會的發展越來越高，學生上網獲取信息的機會越來越多。所以，學校可以將政務宣傳服務切入到這個點來，讓學生更方便地獲取相關信息，這將大大提高學生學習的進度和對學校教育的滿意度。這就要求通過網站，全面宣傳、展示學校風采、優點與特色，發佈學校的重大活動安排與招生政策，增強家長與學校之間的聯繫，在Internet上實現完成部分校務，提高辦事效率。

該系統是面向全網絡的，作爲學校與外界聯繫的一個平臺。系統管理員負責更新網站內容，不同權限的用戶登錄系統將進入不同的頁面，實現不同的操作。

系統主要包括六個模塊：

1.用戶註冊模塊：這個模塊完成新用戶的註冊功能，並能對註冊信息進行檢查。

2.用戶登錄模塊：這個模塊提供用戶的登錄界面，並驗證用戶名和密碼,以確定用戶身份。

3.顯示模塊：這個模塊將根據用戶權限顯示出不同的頁面，以及內容。

4.操作模塊：這個模塊提供與內容相關的功能，並且對不同身份的用戶給予不同的操作權限。

5.用戶管理模塊：這個模塊能夠對用戶個人信息進行管理。

6.數據庫模塊：這個模塊實現對數據庫的連接和訪問。

三、工作計劃及方案論證：

1．第一階段：11月20日 — 11月25日

閱讀資料；進行需求分析，提出設計方案確定技術路線，完成開

題報告；設計軟件原型。

2．第二階段：11月26日 — 2月10日

在上一階段基礎上，按時、按質、按量完成畢業設計任務

3．第三階段：2月11日 — 4月1日

總結所有的工作，完成畢業設計論文初稿

4．第四階段：4月2日 —4月20日

修改論文；小組內答辯，評分；準備答辯材料

四、參考文獻：（不少於10篇，期刊類文獻不少於7篇）

[1] 周懷軍. ASP動態網頁設計應用教程[M]. 電子工業出版社,20xx-3

[2] 趙燕萍. 電子商務概論[M]. 北京中共中央黨校出版社,20xx-11

[3] 王恩波 王若賓. 管理信息系統實用教程[M].人民郵電出版社,20xx-9

[4] 唐乾林. 網頁設計與製作案例教程[M]機械工業出版社,20xx-8

[5] 趙增敏. ASP可視化編程及應用[M].機械工業出版社,20xx

[6] 龔小勇. 關係數據庫與SQL Server20xx[M].機械工業出版社,20xx-1

[7] 崔良海 沙俐敏. WEB編程技術[M].人民郵電出版社,20xx

[8] 陳家琪. C程序設計教程[M].新華出版社,20xx-11

[9] 明日科技. 數據庫系統開發完全手冊[M].人民郵電出版社,20xx-1

[10] 鄧春妮 孫豔華 鄒慶雲. 信息化系統建設案例[M].人民郵電出版社,20xx-XX

[11] 張樹亮 李超. 2.0+SQL Server網絡應用系統開發案例精解 清華大學出版社,20xx-9

[XX] 李文梅. 談採用ASP數據庫存取組件訪問SQL Server數據庫 新餘高專學報,20xx-10-30 期刊

[XX] 王大龍. 基於VB程序和SQL Server數據庫的多條件模糊查詢的實現 電腦知識與技術,20xx-XX-15期刊

[14] 朱麗敏. 交互式動態網頁建構技術——ASP技術 太原科技,20xx-02-26期刊

[15] 王珂玲. 利用報,20xx-06-30ASP技術訪問數據庫技術探討 湖南輕工業高等專科學校學期刊ASP技術的在線教育系統設計與實現 電腦知識與技[16] 吳錦. 基於術,20xx-XX-25期刊

[17] 王明華. 用ASP技術實現網上購物系統 科技資訊,20xx-09-03期刊

[18] 王海燕 王明明 張景義. 用術,20xx-06-25ASP技術實現人員信息查詢系統 電腦知識與技期刊ASP技術的網站後臺管理系統 電腦知識與技術,20xx-06-25[19] 李錚. 基於刊 期

網頁設計報告2

尊敬的領導：

您好！

我是xx，在這件事情上面我還是向您提出了辭職，在公司做前端工作已經有一年的時間，網頁設計是爲非常熱衷的一件工作，在工作當中我一直都是不斷的通過時間在學習進步，我感激公司栽培了我，一年的時間趨勢不算長，但是對現階段的我每天都是正規的，處於一個奮鬥的年紀就應該把我好生命的每一天，這次辭職我也是做好了一些心理準備，或許有一些突然，可這也是我思考良久的決定，我希望我能夠在工作當中做好自己的本職工作，能夠把細節都落實到位，但是我感覺自己逐漸的承受不住這份壓力，我不是不喜歡這份工作，做前端工作我時刻都保持着熱衷，現在我也一直在做好相關的工作規劃，可是有些時候工作及時有些壓力，我也知道這是我應該要去克服，但是逐漸的顯得吃力，所以提出了辭職。

一年來做網頁設計工作，其實我認爲我個人的能力是在逐步的上身的，包括在一些專業知識上面也得到了很多填充，我是喜歡這份工作的，雖然我自己是這麼認爲的，但是在工作的時候還是會出現問題，讓自己滿意不是重點，讓客戶讓您滿意纔是重點，這也就是我的壓力來源，每一次設計的出來的網頁似乎都不是很合客戶心意，甚至有的時候會因此反覆的修改，一開始我並沒有覺得這有什麼，可是時間久了這種壓力就逐漸展現出來，我就開始了慢慢懷疑是不是自己能力問題，總是在工作當中做不到讓客戶讓大家滿意，有些時候很自責的，但是我還是一直在堅持，現在一年的時間過去了，我還是在想這個問題，我非常希望能夠得到一個認可，但是壓力也隨之越來越大，有時候一個網站就反覆的修改，逐漸的就扛不住了。

現在我很是自責加不安，工作了這麼久的時間我真的對公司很多不捨，在這個過程當中有着很多不一樣的經歷，但是辭職這是我的問題，抗壓能力也是做我們這一行的壓力，在這一點上面確實是做的不夠好，所以導致了我現在向您提出辭職，做前端工作讓確實是非常的充實，雖然說是有很多壓力，可是在xx這裏我確實是在工作當中出了問題，我應該要有好的心態去做好相關的準備，不希望再應爲個人承受能力不夠而出現這種情況，在我們公司做網頁設計工作我很開心，很感激，最後望您批准。

此致

敬禮！

辭職人：xxx

20xx年x月x日

網頁設計報告3

網頁設計——網站是企業向用戶和網民提供信息（包括產品和服務）的一種方式，是企業開展電子設計的基礎設施和信息平臺，離開網站（或者只是利用第三方網站）去談電子商務是不可能的。企業的網址被稱爲“網絡商標”，也是企業無形資產的組成部分，而網站是INTERNET上宣傳和反映企業形象和文化的重要窗口。

Web站點應針對所服務對象（機構或人）的不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則採用多媒體表現手法，提供華麗的圖像、閃爍的燈光、複雜的頁面佈置，甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。

爲了做到主題鮮明突出，要點明確，我們將按照客戶的要求，以簡單明確的語言和畫面體現站點的主題；調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。

Web站點主頁應具備的基本成分包括：頁頭：準確無誤地標識你的站點和企業標誌；Email地址：用來接收用戶垂詢；聯繫信息：如普通郵件地址或電話；版權信息：聲明版權所有者等。

網頁設計作爲一種視覺語言，特別講究編排和佈局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處。

版式設計通過文字圖形的空間組合，表達出和諧與美。

多頁面站點頁面的編排設計要求把頁面之間的有機聯繫反映出來，特別要求處理好頁面之間和頁面內的秩序與內容的關係。爲了達到最佳的視覺表現效果，我們將反覆推敲整體佈局的合理性，使瀏覽者有一個流暢的視覺體驗。

在網頁設計中，總是有傾向的特定技術來觀察，或跟蹤的網頁設計師加強的趨勢。這裏有專有和開源和免費的技術專用的支持者。然而，近年來，又增加自由和開放源碼技術，包括由W3C和WHATWG進行監控和批准，監督和實施增加。

趨勢可以發現，不僅在看在時尚領域的使用的技術，如網站和匹配的標誌是清晰的喜好確定。著名的藝術字Web 2.0至今的重要作用的幫助。

網頁技術更新很快，一個網站的界面設計壽命僅僅2-3年而已。不管是垃圾還是精品，都沒有所謂的經典，經典只存在於是哪個首次成功創新性的應用。一個閉門造車者做出的東西，是遠遠趕不上綜合借鑑者的。網頁設計不同於其他藝術，在模仿加創新的網頁設計領域當中，即便是完全自己設計的，也是沿用了人們已經認同的大部分用戶習慣，而且這種沿襲的痕跡是非常明顯的！還有哪個設計者敢腆着臉說，這都是我自己的原創設計？對於業界來說，經典只是個理念和象徵！

不可否認，國內網頁設計環境還停留在初級的認知階段，也就是說，絕大多數人不知道網絡的真正的可用之處，你去做一個業務的時候，不得不去做大量的說服教育工作。以乙方的身份去說服甲方，以專業角度去教育非專業認識，結果是可想而知的。也正是這種全體社會普遍的低認知水平，導致了大量網絡垃圾的產生。

企業客戶所在行業往往有其特定的設計需求，特別是對於企業網站建設當中的配色，除了應根據企業的VI標準色，以及客戶自身的喜好進行配色分析外，同時不能忽略整個行業對於顏色上的‘慣例’。那麼，企業網站在設計和製作當中，到底有哪一些配色規則需要設計師遵循呢？

企業客戶在不同的發展階段，對於網站設計的配色需求並不一樣。在企業初創階段，企業建站的目的是打造品牌網絡形象，開拓客戶資源，這時候的企業客戶更多的是關注自身的個性化，如何才能凸顯企業的特質，如何才能在行業當中顯示其獨有的特性，這是初建網站的企業客戶所重點關注的內容；在企業形成規模，進行品牌提升階段，企業建設網站或進行改版的目的是重塑品牌網絡形象，打造更爲專業、沉穩和可持續發展的品牌理念和文化，這時候的企業客戶更多的是考慮如何將企業的品牌內涵與行業相融合，在配色的選擇上更傾向於穩重、包容，能夠適應各種場合需要的配色。

網頁設計的兩大要點是：整體風格和色彩搭配。

一、確定網站的整體風格

在這裏，我提供給大家一些參考經驗：

1．將你的標誌logo，儘可能的放在每個頁面上最突出的位置。

2．突出你的標準色彩。

3．總結一句能反映貴站精髓的宣傳標語！

4．相同類型的圖像採用相同效果，比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！

二、網頁色彩的搭配

1．用一種色彩。這裏是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。

2．用兩種色彩。先選定一種色彩，然後選擇它的對比色。

3．用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：

1．不要將所有顏色都用到，儘量控制在三至五種色彩以內。

2．背景和前文的對比儘量要大(絕對不要用花紋繁複的圖案作背景)，以便突出主要文字內容。

三、網頁設計的工具

mweaver，用於編輯HTML、ASP、JSP、PHP、CSS、XML、JS的頁面製作工具；

tpage，跟Dreamweaver一樣，不過個人感覺還是Dreamweaver好；

h，網頁需要畫面流動時的首選擇；

4. Photoshop，圖像處理軟件，一般網頁都需要有圖片相搭配，Photoshop是款很強大的工具。

works，跟Photoshop 一樣都是圖像處理軟件，但Fireworks偏向與對網頁的處理

網頁設計報告4

一、畢業設計的內容和意義：（500字左右）

學校網站是實現教育資源分配的橋樑網絡有巨大的教育資源庫，它聚集社會的力量，使教育資源無限增長。學校網站是最佳的教學研究室，學校網站與教育類專門網站的有效鏈接，給學校教學研究帶來了一片新天地，各種優秀文章、各科素材、優秀軟件下載等內容爲學生提供了極佳的平臺。有效地降低教研成本、提高效率。

我國的大學教育已經普及，大學生的隊伍也正在不斷壯大，爲了 方便大學生對本校各項工作的瞭解以及加深學生、教師與學校之間相 互的交流，建設一個規模化的校園網站成爲了當務之急。網絡化將給我們的工作和學習帶來了極大的便利。

以Internet/Intranet爲網絡平臺實現校園網絡各項信息發佈、管理、設置等功能。本題目要開發一個校園網門戶網站。包括BBS系統平臺、院校新聞發佈平臺，在限選課平臺。後臺：包括平臺管理、統一認證、資源管理、用戶權限管理等。

二、文獻綜述：（300字左右）

經濟高速發展的今天，校園的各種信息的收集與發佈都要求有一個高的效率。由於大學生的生活節奏較快，且電腦普及率和上網概率也隨着社會的發展越來越高，學生上網獲取信息的機會越來越多。所以，學校可以將政務宣傳服務切入到這個點來，讓學生更方便地獲取相關信息，這將大大提高學生學習的進度和對學校教育的滿意度。這就要求通過網站，全面宣傳、展示學校風采、優點與特色，發佈學校的重大活動安排與招生政策，增強家長與學校之間的聯繫，在Internet上實現完成部分校務，提高辦事效率。

該系統是面向全網絡的，作爲學校與外界聯繫的一個平臺。系統管理員負責更新網站內容，不同權限的用戶登錄系統將進入不同的頁面，實現不同的操作。

系統主要包括六個模塊：1.用戶註冊模塊：這個模塊完成新用戶的註冊功能，並能對註冊信息進行檢查。2.用戶登錄模塊：這個模塊提供用戶的登錄界面，並驗證用戶名和密碼,以確定用戶身份。3.顯示模塊：這個模塊將根據用戶權限顯示出不同的頁面，以及內容。4.操作模塊：這個模塊提供與內容相關的功能，並且對不同身份的用戶給予不同的操作權限。5.用戶管理模塊：這個模塊能夠對用戶個人信息進行管理。6.數據庫模塊：這個模塊實現對數據庫的連接和訪問。

三、工作計劃及方案論證：（500字左右）

1．第一階段：11月20日 — 11月25日

閱讀資料；進行需求分析，提出設計方案確定技術路線，完成開

題報告；設計軟件原型。

2．第二階段：11月26日 — 2月10日

在上一階段基礎上，按時、按質、按量完成畢業設計任務

3．第三階段：2月11日 — 4月1日

總結所有的工作，完成畢業設計論文初稿

4．第四階段：4月2日 —4月20日

修改論文；小組內答辯，評分；準備答辯材料

四、參考文獻：（不少於10篇，期刊類文獻不少於7篇）

[1] 周懷軍. ASP動態網頁設計應用教程[M]. 電子工業出版社,20xx-3

[2] 趙燕萍. 電子商務概論[M]. 北京中央黨校出版社,20xx-11

[3] 王恩波 王若賓. 管理信息系統實用教程[M].人民郵電出版社,20xx-9

[4] 唐乾林. 網頁設計與製作案例教程[M]機械工業出版社,20xx-8

[5] 趙增敏. ASP可視化編程及應用[M].機械工業出版社,20xx

[6] 龔小勇. 關係數據庫與SQL Server20xx[M].機械工業出版社,20xx-1

[7] 崔良海 沙俐敏. WEB編程技術[M].人民郵電出版社,20xx

[8] 陳家琪. C程序設計教程[M].新華出版社,20xx-11

[9] 明日科技. 數據庫系統開發完全手冊[M].人民郵電出版社,20xx-1

[10] 鄧春妮 孫豔華 鄒慶雲. 信息化系統建設案例[M].人

民郵電出版社,20xx-12

[11] 張樹亮 李超. 2.0+SQL Server網絡應用系統開發案例精解 清華大學出版社,20xx-9

[12] 李文梅. 談採用ASP數據庫存取組件訪問SQL Server數據庫 新餘高專學報,20xx-10-30 期刊

[13] 王大龍. 基於VB程序和SQL Server數據庫的多條件模糊查詢的實現 電腦知識與技術,20xx-12-15期刊

[14] 朱麗敏. 交互式動態網頁建構技術——ASP技術 太原科技,20xx-02-26期刊

[15] 王珂玲. 利用

報,20xx-06-30ASP技術訪問數據庫技術探討 湖南輕工業高等專科學校學期刊

ASP技術的在線教育系統設計與實現 電腦知識與技[16] 吳錦. 基於

術,20xx-12-25期刊

[17] 王明華. 用ASP技術實現網上購物系統 科技資訊,20xx-09-03期刊

[18] 王海燕 王明明 張景義. 用

術,20xx-06-25ASP技術實現人員信息查詢系統 電腦知識與技期刊

網頁設計報告5

爲此學校爲我們進入社會實習前爲我們組織一次爲期兩個月的校內實習。在學校組織的這次校內實習，讓我們在進入社會之前，提前體驗了一下將來在社會上的工作情況，給我們提前積累一些社會經驗，通過本次的實習讓我們更加熟練網頁的製作，並創新的以網絡作爲平臺，結合網絡運用製作了各類網頁。這包括了我們專業所學習的所有內容，這次實習不緊是對我們過去學習成果的總結驗證，更是一次學習上的創新與進步。在這次校內實習過程中，不管在知識掌握上，還是知識運用實踐體驗方面我都得到了很大的收穫。

網頁設計與製作的實習是鍛鍊我們實踐能力的重要環節,是對我們實際工作能力的具體習練和考察過程。隨着科學技術發展的日新月異，網頁設計製作已經成爲當今計算機應用中空前活躍的領域，在生活中可以說得是無處不在。因此作爲二十一世紀的大學來說掌握網頁設計製作的技術和能力是十分重要的。

這次實習，我爲自己家鄉的一個概況做一個網頁。我是來自大理，大理作爲一座旅遊城市，擁有衆多的旅遊風景點，所以我選擇了爲我家鄉的旅遊做一個網頁。

首先我要做的就是要選擇好題目和網頁的風格，之後我就分步驟準備在製作網頁前所要做好的準備工作。我瀏覽了大理旅遊網的一些

特點，借鑑這些網頁的優秀之處，不好的地方在自己的網頁上加以改良，從而使自己的網頁更加美觀。

做好這些準備工作之後我希望能在最短的時間內做到最好的效果。接下來的步驟就是準備素材，蒐集與主題相關的文字、圖像、動畫、音樂等資料。在準備素材的過程中我用到了dreamweaver、photoshop等工具。再是設計網頁的內容結構、目錄結構和鏈接結構，設計首頁及其頁面的版式結構。然後創建本地網頁，建立網頁的目錄結構。製作首頁、二級子頁、內容頁，創建超級鏈接。最後就是測試與瀏覽網頁，如果還有什麼不理想的地方再改進，改進後再預覽，如此反覆，最後達到預期的效果!

在設計的過程中遇到的問題，可以說是困難重重，這畢竟是第一次獨自設計網頁、製作網頁，難免會遇到過各種各樣的問題，同時在設計的過程中發現了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固，比如說拖動層的設置，時間軸與層的顯示與隱藏的綜合應用，浮動導航欄的定位等。在CSS的具體應用還不是和很熟練，沒有能完全達到自己預期的效果，還好通過老師的細心指導才能達到最終效果??通過這次網頁設計與製作實習，把以前所學過的知識重新溫

回顧這次課程設計，至今我仍感慨頗多。的確，從選題到開始製作，從理論到實踐，在實習兩個月的日子裏，可以說得是苦多於甜，但是可以學到很多很多的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。通過這次課程設

計使我懂得了理論與實際相結合是很重要的，只有理論知識是遠遠不夠的，只有把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真正爲掌握技術，從而提高自己的實際動手能力和獨立思考的能力。

這次實習爲我提供了與衆不同的學習方法和學習體會，從書本中面對現實，爲我將來走上社會打下了紮實的基礎。從實踐操作中，我總結出一些屬於自己的實踐經驗，社會是不會要一個一無是處的人的。作爲信息與計算科學專業的學生，現在我能做的就是吸取知識，提高自身的綜合素質，提高自己的創新能力和合作能力等，自己有了能力，到時候纔會是“車到山前必有路”。我相信在不久的未來，會有屬於我自己的一片天空!

這次課程設計在驗收之後終於順利完成了，在設計中遇到了很多的技術問題，最後在老師的辛勤指導下，終於遊刃而解。同時，在老師的身上我學得到很多實用的知識，在這我再次我表示深深地感謝!同時，對給過我幫助的所有同學表示忠心的感謝!

網頁設計報告6

前言

Dreamweaver是美國MACROMEDIA公司開發的集網頁製作和管理網站於一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地製作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。Dreamweaver、FLASH以及在DREAMWEAVER之後推出的針DREAMWEAVER對專業網頁圖像設計的FIREWORKS，三者被MACROMEDIA公司稱爲DREAMTEAM(夢之隊)，足見市場的反響和MACROMEDIA公司對它們的自信。說到DREAMWEAVER我們應該瞭解一下網頁編輯器的發展過程，隨着互聯網(Internet)的家喻戶曉，HTML技術的不斷髮展和完善，隨之而產生了衆多網頁編輯器，從網頁編輯器基本性質可以分爲所見即所得網頁編輯器和非所見即所得網頁編輯器（則原始代碼編輯器），兩者各有千秋。所見則所得網頁編輯器的優點就是直觀性，使用方便，容易上手，您在所見即所得網頁編輯器進行網頁製作和在WORD中進行文本編輯不會感到有什麼區別，但它同時也存在着致命的弱點。現如今，數以萬計的網站以網頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候，在網絡成爲通信的主要手段的時候，在計算機網絡普及的今天，網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網絡上的“代言人”。

1．對靜態網頁設計的認識

1.1網頁設計介紹

從文件的角度來說，一個網頁就是一個HTML文件。當瀏覽者輸入一個網址或單擊某個鏈接後，在瀏覽器中顯示出來的就是一個網頁。一般網頁上都會有文本、圖片等信息，而複雜一些的網頁上還會有聲音、視頻、動畫等多媒體內容，爲網頁增添了豐富的色彩和動感。靜態網頁是指網頁文件中沒有程序，只有HTML代碼，一般以或爲後綴名的網頁，靜態網站內容不會在製作完成後發生變化，任何人訪問都顯示一樣的內容。網站是一系列邏輯上可以視爲一個整體的網頁集合，是許多相關網頁有機結合而組成的一個信息服務中心。對於小型網站，是指帶有一定主題的多個網頁集合；對於大型網站還包含數據庫和服務器端應用程序等如新浪、網易、搜狐等門戶網站。在構成網站的衆多網頁中，有一個頁面比較特殊，稱爲首頁，即網站的第一個頁面。動態網頁是指網頁文件不僅具有HTML標記，而且還含有程序代碼，並使用數據庫連接。動態網頁能根據不同的時間，不同的來訪者顯示不同的內容，動態網站更新方便，一般在後臺直接更新。

1.2網頁設計及網頁佈局技術

網頁是構成網站的基本元素。一個網頁是否精彩與網頁佈局有着重要關係。常見的網頁佈局類型有“國”字型、“匡”字型、“三”字型、“川”字型等。其他類型的有：標題文本型，封面型，Flash型，框架型。可以用表格的形式講一個頁面分成幾個單元格，通過單元格的合併拆分，對網頁進行佈局，單元格就相當於是一塊紙，在紙上寫的東西單元格里都可以容得下。通過設置單元格的長寬對頁面進行佈局。框架對網頁進行佈局有很多優點網頁結構清晰，易於維護和更新。方便用戶瀏覽網頁，採用滾動條，可節省頁面空間，使網頁風格保持統一；CSS作爲網頁設計中的一種重要技術，具有以下優點：，表現和內容相分離，提高頁面瀏覽速度，易於維護和修改，應用apdiv創建網頁，網頁清晰，易於分塊。應用表單創建網頁，應用行爲創建網頁。

1.3靜態網頁設計的技術要點

用框架對網頁進行佈局時有很多缺點：網頁內容無法被大多數搜索引擎搜索到，不被低版本瀏覽器支持，樣式陳舊，無法滿足個性化設置，難以實現不同框架中各元素的精確對齊。在網頁設計過程中使用CSS樣式表，主要有以下兩種方式，內部CSS樣式表，外部CSS樣式表，應用庫創建網頁時：對於站點訪問者和開發人員而言，使用交互式網頁www.具有更多用途，使訪問者可以快速方便地在一個內容豐富的網站上查找信息，後臺管理者可以收集、保存和分析站點訪問者提供的數據，，後臺管理者可以對內容不斷變化的網站進行更新。靜態網頁每個網頁都有一個固定的URL，且網頁URL以、、l等常見形式爲後綴，而不含有“?”;網頁內容一經發布到網站服務器上，無論是否有用戶訪問，每個靜態網頁的內容都是保存在網站服務器上的，也就是說，靜態網頁是實實在在保存在服務器上的文件，每個網頁都是一個獨立的文件;靜態網頁的內容相對穩定，因此容易被搜索引擎檢索;靜態網頁沒有數據庫的支持，在網站製作和維護方面工作量較大，因此當網站信息量很大時完全依靠靜態網頁製作方式比較困難;靜態網頁的交互性較差，在功能方面有較大的限制。

網頁設計報告7

一、 實習目的

(一) 檢驗自己是不是真的適合這個職業

鑑於自己對未來的職業生涯的規劃更傾向於設計，這和自己所學的專業不是

十分有聯繫，所以我希望在實習的過程裏思考自己未來是否適合從事這方面的工作，爲以後求職之路少走彎路做一定的嘗試。

(二) 在實踐中查漏補缺

在學校學習的網站建設知識僅僅停留在平時的作業裏，並沒有得到充分的運

用。希望可以藉由這次實習，好好鞏固書面知識。在實際運用中通過發現問題，解決問題對知識進行查漏補缺。

(三) 在工作中打磨自己

由於學校和社會是截然不同的生活、學習、工作氛圍，在工作中我們不可以

像在學校一樣隨心所欲，待人接物方面需要更有禮貌的溝通和恰當好處的圓滑。希望在實習裏，和同事上司的相處中獲得這方面的成長。

二、 實習內容

(一) 實習主要內容

廣州xxxx有限公司是一個研發和銷售智能寄存櫃的公司。它的產品在展示和

銷售這兩個環節很需宣傳冊、企業網站等作爲一個推廣媒介。我實習的主要內容就是配合網絡部去完成網站建設的工作，涉及前臺的外觀設計和後臺的代碼編寫，以及宣傳冊的設計。

1、負責設計公司整個企業網站的頁面部分,根據網頁設計師或客戶所提供的主題要求和思路框架來設計出整個網站。

1）使用Photoshop、AI等圖片處理軟件設計、處理和製作網站上需要的圖片

2）使用DIV+CSS樣式及基礎的HTML語言做頁面佈局的排版

3）使用Photoshop對網頁進行配色及排版設計

4）編寫CSS代碼使網站頁面無論是在IE瀏覽器裏還是在FF瀏覽器上正常顯示

2、負責網站的幾個主體模塊的文案撰寫和後臺編輯

1）在已有的文案上配合網站架構進行提煉和歸納整理

2）使用Photoshop對文案進行概念配圖

3）在後臺將文案部分合理配色排版

4）按照網站架構在後臺錄入所有產品資料

(二)工作過程

在公司的2個多月裏，我的工作都是由負責整個網站文案架構的曹經理分配

監督的。確認實習機會前的面試的時候也是由他負責的。面試的時候他並沒有過多的考察我在網站製作上的技術問題。更多的從我對網站設計方面的配色排版的現有審美以及做事的認真細緻程度去考察的。從一開始我就以踏實認真的態度對待每一項他交付給我的任務。下面我挑選一些讓我收穫很多，學習很多，影響我很多，讓我回想起來都是歷歷在目的事情重點說一下。

1、 經理讓我按照網頁設計師提供的jpg稿變成div和css 。

1）這個任務簡單來說就是架構網頁框架和完善裏面的文本主體。裏面涉及很多文本，我覺得既然有具體的設計稿就一定保存有文案，所以諮詢了經理是否有必要花這部分時間去打文本。經理的回覆是很有必要。他的意見是，讓我重新輸入文本可以幫助檢查錯誤，同時可以讓我更熟悉公司的產品和網站的主要內容，對我後面的工作有幫助。頓時知道，一個實習生想到的東四是多麼的膚淺，對經理工作上的態度更是肅然起敬。

2）因爲經理沒想要讓實習生負責過於複雜的事情，在這部分工作中設計的div 和css的內容並沒有很複雜，需要的就是要注重細節。但實際上自己做事遠沒有自已一開始想象的那麼能夠靜下心地考慮大局。只要想到一個覺得挺好的排版我就一下子全部套用了，以至於最後通過多次檢查，發現這個排版有瑕疵的時候又要重頭再來。這些經歷都讓我體會到比起表面的工作速度，有前面深思熟慮的慢節奏才能造就最終的高效率。所以一開始在用css排版的時候其實應該多做幾個版本仔細做對比，看清楚哪個更合適才確定的。

2、經理讓我設計幾個欄目對應的banner圖片

1）由於自己並沒有專門學過banner規範和設計方面的專業知識，有的只是審美方面的一些小體會。接手這個工作需要花大量的時間去學習和參考。一開始略略覺得壓力大，但是覺得經理讓我去做，就是相信我的能力。所以我也沒有慌，按照自己的節奏和需要邊學邊做。

從整體瞭解主題：自己找了多個類似的企業網站作參考，通過總結企業網站

中，幾個主要的欄目在網站上具體意義，體會這對應的幾個欄目banner的設計意義。

思考配色與構圖：對整個內容有了一瞭解後，便要思考作品的色彩和具體的

構圖，先用筆畫出草圖，有時候也會直接在腦海裏構思。除了從公司的角度，圍繞要傳達的東西去設計，我也充分意識到要轉換身份從用戶的角度出發，怎樣纔可以更吸引人。總體來說就是除了審美上的設計，也考慮很多目的性。

查找素材：素材這個問題我總結了一種思路，電腦裏下載一些專業的“科技

信息”圖庫。另外配合專業在線圖庫網站(通常是國外站點)+Google，百度圖片等搜索引擎進行即使的素材查找。再加上自己平時積累的素材，選擇是非常大的。最後就是不斷地觀察對比最終效果，看哪幾張banner圖片更適合整體網站。

2）最終banner圖片並沒有全都採用我設計的，有一些還是因爲不夠大氣被撤下來了。一開始我還挺灰心，覺得自己的付出沒有得到認可。但是我知道當初經理就是感覺可以給我試一下，纔給我這個機會去讓我發揮一下的，所以我好好學習了別人的圖片，看自己的和別人的差別在哪裏，不浪費這次嘗試性地努力。

3、經理讓我參考舊網站單獨做一個公司簡介的頁面

1）我知道經理的意思是重新排版成符合網站的配色。這樣對我來說其實很簡單。但是我從舊網站了解到公司簡介那篇文案比較累贅，如果想要瀏覽網站的用戶肯停留在這個頁面多幾秒，或者因爲這個公司簡介的頁面而更信任這個公司的產品，更有衝動訂個公司的寄存櫃就要在文案的內容上下功夫，就要在表現上更生動，讓人看着不會覺得文字流水賬，很煩躁。

於是在經理沒有給我嚴格期限的時候，我選擇了按照自己的思路去修改文案，

把多餘的文字刪掉，根據公司的優勢修改出精簡的幾點，變得更有條理更有重點。

這只是對文案的初步處理，接着根據幾個要點用Photoshop處理幾張概念配

圖出來，將公司寄存櫃的技術水平之領先，應用領域之衆多，銷售範圍之巨大等等用更生動形象的方式表現。從設想到思考中間的問題到最後的完成，花的時間雖然多，但是最終的效果得到了經理的肯定，對網站的宣傳作用起到了很好的幫助，這都是值得的。

三、 實習體會

做了2個月的網頁設計和編輯的實習生，終於體會到網頁設計並非只是圖文混排的那點事。當你真正的去努力的創造了之後，經常被別人一眼就否定了。這才真正明白一個好的網頁不只是效果華麗還要多從用戶的角度去考慮問題。通過實習，我不僅將自己在學校學過的東西通過實踐進步一鞏固，也通過向公司的人請教學到很多工作上的技巧，更通過實習體會到很多沒有人會教授給你的東西。 工作是人生活的重要部分，是我們畢業生必須面對的。就算是遇到困難，我也會用平常的心態實際看待問題，不說“不可能”，而是冷靜下來思考如何處理並付諸於實踐。

在實習的日子，我學習到了很多如果沒有這次經歷，就不會有的細膩體會。

(一) 深刻感受到什麼是真正的細心

其實在高中甚至到大學，老師都總是強調“細心”,對於細心什麼的我以前自我感覺還挺不錯的。但是當老師在斤斤計較一個標點符號或者花時間可以渲染“細心”的重要性的時候我就覺得好小題大做那時的我覺得“細心”是你可以刻意去營造的狀態。包括經理對我強調細緻的時候我也是這樣想的。我覺得只要想到考試的時候或者處理工作的事情的時候去跟自己說細心點就好了。但是在這個實習的過程裏，因爲無意和粗心犯下的錯誤，才讓我明白老師反覆說的話到底意義在哪裏。往往一些不好的後果或者沒有必要的錯誤，正正是在你認爲不用細心和沒有想過要去細心的行爲後出現的。這纔是我們爲什麼要養成這個習慣的原因。所以不管是生活中的小事情還是工作中的大事情，我們都要養成習慣，以細心認真的態度對待。

(二) 主動思考的重要性

從學校走向社會，首要面臨的問題便是角色轉換的問題。從一個學生轉化爲一個單位人，一個單位人工作要考慮的問題就是如何發揮自己最大的價值爲單位創造效益。做事要主動一點，這不是指一直主動問上司有什麼事做，而是在別人交付你任務的時候自己主動想一下怎麼做才更好，而不是把自己當一個機器人一樣。就像做公司簡介頁面的時候，我把自己做得效果給經理看的時候，經理說“你真的很用心，很負責”，“你做的公司簡介那個頁面，讓我感觸很深”。

網頁設計報告8

一實驗目的

1．學習HTML語言和dreamweaver，FrontPage等工具。

2．掌握在本地環境下運用ASP技術實現一個簡單的電子商務網站。

二實驗過程

1組長分配任務，大家從網站上搜集各種關於手機的資料。

2做網頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因爲在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。

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

4設計主頁及二級頁面。

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

6向靜太網頁插入動態效果。

在經濟迅速發展的今天，Internet顯得更爲重要它是人們發佈信息與傳遞信息的重要渠道，爲了與社會發展同步，爲了讓我們成爲真正的技術性人才。學校在本週爲我們安排了維持三週的網頁製作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本週的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足。

近三個星期的實訓將要結束，其中的酸甜苦辣我會在今後的日子裏不斷地去咀嚼，去回味，去探索。從製作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，並且爲我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收穫。總體來說這次是對我的綜合素質的培養，鍛鍊和提高。

網頁設計報告9

隨着當前計算機技術的飛速發展，計算機應用範圍的擴大，越來越多的中職院校在課程開設時順勢採用了項目式教學方法，結合校企結合或引企入校的方式來實施教學。《網頁設計》課程不但是計算機專業學生的專業技術課，同時也是非計算機專業的學生非常歡迎的選修課目。針對中職教育的特點，爲了適應學生這個羣體的心理特點及思維現狀，我們在不斷的實踐過程中，探索新型的教學方法，讓學生在結合現實工作中的項目，小組團隊協作完成項目，從協作和實施項目過程中完成知識和技能的學習，從真實的工作環境中學習。從而能達到學習完課程就能頂崗獨立完成工作。

在我們的生活中，小到一個生日聚會、一次課餘活動，大到一項工程建設，一個節日慶典，這都屬於一個項目。項目無論是簡單還是複雜都有一定的共有特性。美國PMI定義說：“項目是爲了完成某一獨特的產品、服務或任務所做的一次性努力。”而我們在教學活動中所提出的是“項目”則是指提出一個前人曾完成過的一個項目工作，也可以是由教材的相關內容轉化來的社會的一種需求。學生圍繞此工作或需求進行相關聯的學習和探究的活動，從而完成知識的學習和能力的培養。

一、項目教學法的含義及特點

項目教學法是指教師與學生共同將教學知識作爲一個完整的項目進行實施的教學活動過程。項目教學的目標在於把學生有意義的融入到一個完成項目的過程中去，調動學生的學習積極性、自主的對知識進行建構，把通過學習所掌握的知識技能以及培養起來的職業能力作爲最終的目標。

二、在《網頁設計》課堂教學中的設計

項目式教學設計中課堂教學中按照選定項目、制定計劃、活動探究、製作作品、成果展示、綜合評價等6個環節來設計。整個教學過程中以學生自主學習爲主，教師引導啓發爲輔來讓學生圍繞項目自主學習探究。

在教學過程中貫穿項目式的學習中，項目的制定就顯得非常重要，它既要根據學生興趣來選定，同時又要考慮體現教學總體目標;並且所選擇項目應該和學生日常的經歷相關;難度要與學生的知識背景相符。製作熱門話題專欄、製作個人主頁、製作班級主頁、製作個人愛好娛樂主頁等，這些都是學生感興趣的一些內容。在課程開始前要展示優秀的網站效果，讓學生對網站建設有初步瞭解，並激發學生對網頁設計的興趣，讓學生自己產生要製作屬於自己的作品。

三、項目式教學過程的實施

根據學生自己感興趣的課題項目對學生進行分組，並在課堂上統一進行課題項目的分析，分析的過程中要對學生網頁設計的基礎內容進行講解和分析。在整個分析講解的過程中要讓學生了解整個過程的製作工具，並選定項目的負責人。然後依據學生學習自主化的原則，任務目標化的方法，根據項目目標的要求，由負責人統一安排小組學習任務，由教師引導學習方向，共同制定出個人學習任務目標。

本項目要以學會專業規劃網站、對主題網頁進行相關設計並完成製作爲知識目標;把掌握資料素材整合、製作軟件使用確立爲技能目標;讓學生學會協作、學會正確的認識與評價自己與同學相互幫助增強自信心爲情感目標。

課程項目內容及相關能力要求中首要學生學習的內容是頁面的佈局。頁面佈局是依照網站的受衆羣體的特點進行色彩組合和版面佈局，通過導航的設計及媒體的使用來修飾網頁的整體視覺效果和功能效果。並通過添加各種網頁元素（文字、圖像、表格、表單、視頻、動畫等）的設計與製作完善網頁整體效果。再次是網頁的結構，網頁結構的確立一般是由網頁框架、使用的表格及層的綜合運用來完成。最後就是使用各種特殊效果來美化網頁效果、增強網頁使用功能。並確定網頁元素。如JavaScript特效的設計，使用不同的特效來加強網頁與用戶的可交互能力。

根據學習進程，制定小組前期準備部分。學生深入的調查研究確定知識內容與技能技巧部分的前期資料。這個過程主要是由學生自己進行協作，通過自習與課外活動時間來做相關的調查與資料的蒐集。小組成員通過教材及輔助材料的共同分析學習，出現問題與指導教師統一探究解決。這個過程學生們通過不斷髮現問題，提出問題，最後解決問題的過程來完善自己的知識結構體系，最後形成一個系統的知識體系。

活動探究部分讓學生完成知識體系的培養後，學生運用相應的小組計劃分別完成各自的作品，在完成作品的時候還會出現知識性問題，也會遇到能力培養方面的問題，這時候教師就要引導學生自己探究，培養學生解決問題的能力，從而提高學生的知識水平也加強學生各方面能力的培養。再此環節中要求教師在引導項目實施過程中要在引導方式上注意到有針對性的進行查漏補缺的幫助學生學習。

項目完成以後，由各小組先進行相互的指導交流，指導交流主要是爲了讓學生取長補短，這樣可以很好的幫助自己發現問題，同時也可以發現自己的優點，從而增強自己的自信心。交流後給小組成員一課時的時間進行相應的總結及作品的微調整，並指定小組成員進行知識層面及技術層面的演示講解，分享作品製作的成功和喜悅。通過這種形式，學生們獲得了極大的成就感。

成就的最終獲得還是要取決於最後的學習情況評價。整個評價過程採用了小組成員間、小組間及師生間的全方位綜合評價法。項目開展過程中小組長對成員、成員對成員、成員對小組長都要進行不同方面的評價，最後把每部分的評價綜合爲項目終結性個人評價，加上其他小組成員對作品的評價，最後加上教師引導過程中的效果評價形成個人綜合評價。這個評價也包括了知識和能力等多方面的細化評價，通過評價，使學生反思自己學到了什麼知識和技能，以及不足，從而找出進一步學習的方向。

四、項目式課程設計的優勢及不足

在整個項目的進行過程中學生可以自主的學習，自覺地接受學習，自己找可以承擔的學習任務來完成，同時也學會了發現問題和解決問題的方法，發揮了個人的最大能力，也培養了從不同角度觀察、思考和解決問題的辦法，激發自身的創新意識，提高自身的創新能力。

但是整個過程仍然存在懈怠的同學，過分依賴他人完成整個項目，教師要是整個過程不能夠及時發現這個問題則會造成學生學習發展的不均等，所以要加強項目學習的細化指導，加強教學過程的監督與引導。

其次在整個過程的實施中，學生的自覺性是直接影響到項目的進程及完成的最終效果，所以在學生整個學習的時間安排上應該有效的科學的安排，既要結合課餘時間也要提高個人的學習效率。因爲學生課餘還有參加很多其他的學校獲得所以導致計劃落實有出入，所以加強計劃可行性安排及建立項目學習的保障體系是需要我們繼續探究的問題之一。

網頁設計報告10

尊敬的公司領導：

20xx年8月進入優越城百貨以來，任職網頁設計。主要負責我公司網站的更新維護，和編程工作，至今已有4個月的時間。初到公司一切都很陌生，我只有努力工作，不斷向身邊同事學習，熟悉業務，積極參加公司的各項集體活動，希望能夠得到大家的認同，儘快地融入到這個大家庭中來。

作爲一個技術人員，我要求自己忠於崗位，服從安排，遇到問題，首先查找自身原因，通過不斷的學習，提高自身素質，培養和加強自己的責任感。

現將我履行職責情況作具體彙報:

一、履行職務情況

我的職務是網站設計，負責網站設計與日常更新工作，我是這樣開展工作的。

(一)網站設計更新，我採取的措施是:

1.平時上網多注意一些好的效果作爲參考，增加自己的審美觀，及程序的安全性和執行效率，同時加強學習。

2.堅持每次活動都出新的flash動畫廣告

3.積極爲網站增加實用性的功能

4.規範vb類庫，把常用方法寫成函數封裝，方便調用。拓展性也更好一些。

5.對數據庫和網站文件做到經常下載備份，保障數據安全。

(二)盡職盡責，做好日常的折扣信息與活動等的更新工作

互聯網每天都在進步天天都有新的東西誕生，所以必需要緊跟步伐，比如搜索引擎經常變更算法，一些好的js框架等可以爲公司網站表現的更加友好，所以我會經常到一些技術論壇學習交流。

(三)加強同事間的交流和溝通

(四)以公司爲家在做好自己本職工作的同時，公司的其它工作也會積極參與。比如：活動時分店缺少人手會主動要求參加。

二、自律情況

近半年來在公司領導和同事們的關心幫助下我已經融入到了優越城這個集體中，我要求自己做到：

1.按工作守則自律。上級規定不準做的我絕對不做，上級要求達到的我爭取做得優秀。

2.用制度自律。我嚴格按本公司制定的規章制度履行職責。

三、存在的主要問題：

1.在技術上對於CDR軟件使用還不夠熟悉沒有廣告公司工作經驗，對平面設計的東西一直是空白，我會努力同我們市場部平面設計加強學習這方面的技術。

2.對賣場裝飾工作缺少經驗，只能做一些簡單的工作。

　　述職人：

　　20xx年12月30日

網頁設計報告11

一 實驗過程

1.資料的蒐集。

2.熟悉製作軟件。

3.構建站點框架。

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

4設計主頁及二級頁面。

5實現網頁間的鏈接

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

6向靜太網頁插入動態效果

具體情況如下：

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

製作網頁,首先是確定主題,經過再三考慮,就做了個關於中國的網站,平時也總是瀏覽類似的網站,對這些還有些瞭解,於是確定主題,做一些類似的網站,但考慮到,現在網絡上好多類似的網站,但有些內容不適合我們大學生閱讀,對於我們來說有點不實際,根據這種情況,最後決定建立一個簡單的中國介紹和相關的事蹟網站,專門介紹一些即使用,又便宜的小祕笈。於是網站主題確立。

然後是整體規劃，每一版塊都有其個性的色彩，清晰明瞭，便於閱讀瀏覽，大致分幾部分，中國簡介，中國歷史，用戶登錄註冊頁面留言，再加入個別網站等，每一部分又分幾小部分，內容比較充分，多樣。

再後是收集資料與素材，大量瀏覽相關網站，收集關於中國的一些事蹟歷史圖片，好的文章和圖片等，還有參考一些好的網站的佈局，特色，顏色搭配，背景圖等。

再後是設計網頁圖片，用flash製作網頁的banner。

再後是建立站點，站點分佈如下：

再後是製作網頁了，使用dreamweaver製作。

首頁內容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。首頁主要是導航作用。首頁製作時，時刻考慮着網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是爲了主題服務，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計纔是成功的；連貫，頁面之間關係連貫，統成一體；每版內容都自成一體，顏色各異，便於瀏覽；整個網頁有動有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且製作過程中，不忘以下原則：

簡潔實用: 這是非常重要的，網絡特殊環境下，儘量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗餘的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調，佈局符合形式美的要求: 佈局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

利用我們所學的框架集，製作更完美的頁面。將動態網頁與靜態網頁結合起來

再後，調試過程，好多次本來在dream裏好好的，把字調的好好的，位置很對，可在瀏覽器裏御覽就出毛病了，不是靠上了，就是靠下了，很不老實，經過再三調試，整理，加了好多表格，終於滿意了，很是麻煩，想請問老師，爲什麼會出現這種情況啊，還有怎麼解決啊，不用這麼反覆調整的辦法，還有什麼好辦法啊？

還有，在最超鏈接過程中，明明在頁面屬性裏設置的是超鏈接的文字是原色，點擊鏈接後也是原色，可一鏈接上就變色了，想了老半天，也做了很多研究，實驗，終於知道怎麼回事了，原來應該對文字所在的單元格整體做鏈接，而不是隻選中文字做鏈接。

還有，這次的網站大部分用的是表格，層用的很少，因爲它太靈活了，不好控制，用的很少。

再後，是網頁的上傳與發佈，用ftp將製作好的網站上傳

製作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用，操作，可這樣要修改模版可就麻煩了，要一個網頁一個的修改，於是趕緊上網學習相關內容，閱覽書籍，最後才知道文件這有個資源，點擊

進入資源面板，點擊到數第二個的模版，選項，所有模版就都顯示了，點擊資源面板左下角的應用命令，好了，這個模版就應用到你建立的網頁中去了。

這只是在製作過程中出現的問題之一，其它問題也是類似相同。現在想想，自己所會的東西太少了，現在做的網站只是一些簡單的網站，看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文並茂，五彩繽紛，使得網民讚歎不已，流連忘返。以我們的經驗，當前的軟件的功能日趨複雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，爲以後能做出出色的網頁而努力。

同學告訴我，要做好網頁，一定要學從c++,java,php，asp，數據庫。以後要學的實在是太多了，而且我也很喜歡這方面，在以後的日子裏，會努力填充自己，豐富自己的。希望以後有不懂的地方，老師能多多指點。

二 實驗心得

在internet飛速發展的今天，互聯網成爲人們快速獲取、發佈和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發揮着重要的作用。因此網站建設在internet應用上的地位顯而易見，它已成爲政府、企事業單位信息化建設中的重要組成部分，從而倍受人們的重視。

對於現在的社會，科技的飛速發展已經成爲社會發展的標誌。其中計算機的發展可謂快中之快，而在計算機的發展中計算機網絡的.發展又是首當其衝的。計算機網絡從爲我們所知，到現在才經歷的短短的幾年時間，在這幾年中隨着計算機網絡的廣泛應用，特別是internet的普及和發展，網絡已經成爲了不可或缺的通信手段。不論是最新的新聞信息、新產品的出臺、新遊戲的發佈、最新的各種it動態，包括等候就業人才的個人簡歷，我們都是可以通過網絡來獲得。但是什麼爲這所有的一切提供平臺的呢。我們又是通過什麼來獲取這些消息的呢對就是網頁。現如今，數以萬計的網站以網頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候，在網絡成爲通信的主要手段的時候，在計算機網絡普及的今天，網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網絡上的代言人。我們將什麼樣的信息傳達給瀏覽者，要講述什麼樣的事情，網頁在這裏起着重要的作用。

企業網站在企業的網絡營銷當中佔有及其重要的地位，只要是涉及網絡宣傳的企業，都應該建立屬於自己的個性企業網站。他不僅能夠讓企業在網絡上展示自己的產品，促進實際銷售的增長，更能夠通過一根網線，向目標客戶展示企業自身的形象。

對於企業網站設計的觀點，偏重網站的形象設計，即在功能務實、體系完善的情況下，重點結合企業理念打造網站的形象。logo就能很好的表現企業的形象。企業標誌(logo)是指用於代表企業形象的獨特的、有意義的圖案，是企業形象識別當中最核心的環節，可用於與企業形象相關的所有環節。由於企業標誌所處的特殊地位，決定了其不能夠隨意更換，因此能否設計一個有內涵、有文化、便於識別的標誌，並建立相關的應用系統，關乎到企業長遠的發展，不容小視。

建設網站的一般過程包括：前期內容確立、網站架構搭建、創意策劃、設計、網站建設。網站的功能版塊一般分爲首頁（含引導頁）、新聞部分、產品部分、信息交流部分、定製系統、零散頁面等。根據不同的企業需求，各網站的功能版塊數量、佈局、結構各異。

（一） 頁面的設計方面

網頁設計跟學習別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執著。

頁設計需要耐心，如果沒有耐心，就學不好網頁設計，應爲當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了很長時間才解決。

頁設計需要堅持，堅持不斷的學習，因爲設計網頁的軟件在不斷的更新，因此我們要不斷的學習

並且頁設計不要掉入技術的陷阱，如果你的網頁設計技術一流，並且對軟件的掌握程度已經達到一定水平，但是你設計的網頁確不堪目睹，這是因爲網頁設計是介於平面設計和編程技術兩者之間的邊緣科學.不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富於個性的web頁面,才能全面展現互聯網這一新型媒體的獨特魅力和多維空間的超強功能.

並且我認爲網頁設計應該注重實用性，因爲它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。因此我提倡簡單的美。

（二）網頁視覺效果

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

視覺形象識別系統在整套cis中處於最表層的位置，其中所有的設計都將與目標客戶發生直接的接觸。

（三）網頁的整體佈局和導航

網頁的佈局通常指的是網頁的整體架構，說的通俗一點就是排版。如何突出最重要的內容，即讓用戶第一眼就看到這個網頁所想要傳達的信息。這一點至關重要。在大多數做的比較成功的網頁中，一個共同的特點就是網頁的整體架構十分的清晰明瞭，便於用戶瀏覽

網頁佈局大致可分爲國字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型

網頁佈局是主要考慮以下幾點：

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

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

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

（四）網頁中文字、圖像

圖象我利用網上搜索和自己所學過的banner進行處理,這樣做起來節約了很多時間。。

（五）網頁製作過程中的其他注意事項

不要過於注重色彩的燦爛，只要簡單就行。我們最終追求的主要是實用價值。

通過這次實習，在製作時想想使自己的網頁更加豐富多彩，在網頁中插入圖象，動畫，動態特效。可是總遇到這樣那樣的問題，但在同學的幫助和自己摸索的情況下完成了這個實習的成果。看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文並茂，五彩繽紛，使得網民讚歎不已，流連忘返。以我們的經驗，當前的軟件的功能日趨複雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。虛在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，爲以後能做出出色的網頁而努力。

近一個星期的實訓將要結束，其中的酸甜苦辣我會在今後的日子裏不斷地去咀嚼，去回味，去探索。從製作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，並且爲我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收穫。總體來說這次是對我的綜合素質的培養，鍛鍊和提高。

網頁設計報告12

安全檢查是很重要的一個環節，就像你給人家蓋房子，房子蓋好了，可是門和窗不結實，那這種就必然不會安全的

從學校畢業後，我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的我是一個性格有些內向的人，面對陌生的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術類的工作，少說多幹的活適合我，這個我很清楚。現在，中國每年都有很多畢業的大學生找不到工作，我也不例外，所以，這第一次實習工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網頁設計的工作。現將我在工作中的情況報告如下。

一、工作介紹

我工作的這家公司，從事網站開發工作的，公司在技術團隊這部分是比較正規的，一般是五到六人爲一個小組，小組中有明確分工，有負責聯繫客戶接恰生意的，有專門做技術的，而在技術這塊分爲網站前臺、後臺開發，我在學校主要做的是後臺開發，當然前臺設計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網站的開發工作，這樣的網站技術難度不大，而且工作週期短，有相當一部分的，只需要通過cms軟件就可以進行開發。但是有個別的網站開發時，我們還是需要進行一些手寫代碼工作的。

二、開發技術

做爲一個剛畢業的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節的，但好在我的領導對於我沒有太多的要求，他只是要求我儘快的適應公司的工作和生活，在短時間內熟練的掌握相關技術，幹好本職工作。

在大學裏對一個學生來說什麼是最重要的，那就是學習能力。要知道，這個世界上，知識在發展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能佔據主動，減少被動情況的尷尬發生，通過二個星期的時間，我成功的適應了公司的工作和生活節奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每週還有兩天假期。我利用業餘時間，抓緊學習，將工作中所需要的技術進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候學的東西多，難免有個主次之分，這次工作了，才知道哪個應該多學點，但好在我都有學過，所以有個好的基礎在這裏，也就不怕了，比如說：flash，公司要求技術人員會做flash，flash這東西以前我在宿舍的時候經常玩的，可是後來在分析就業情況時，分析錯了方向，以爲這東西沒有什麼用處，結果就給荒廢了。但好在還有印象，並且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、xml、數據庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰環境，和半個月的刻苦學習，我終於可以感上小組的工作進度了，已經可以很好的完成領導教給我的任務了。

像我這個組常用的是css+div排版，後臺使用php技術進行開發，服務器平臺採用，linux+apache+mysql+php，這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版，這種方式簡單但是已經有些過時了，現在大部分網站都開始了重新構架，所以都採用css+div進行網頁排版，我目前正在學習，掌握的還算比較快。而在後臺開發部分，我們使用php來進行開發，我的工作是手寫一些小模塊。或者用javascript寫一些特效小代碼。

三、工作流程

小組分工時，我負責後臺裏小模塊的開發工作，如：留言板或，還有一部分javascript代碼編寫工作。前臺部分的工作是和組裏的丁珊珊做一些排版的工作，使用css+div技術。編寫代碼這種工作看起來有些枯燥，其實時間長了以後，還真有點厭煩，但是後來我明白，只有將自己的本職工作做好，提高自己的技術，做出優良的東西，這樣自己纔會有價值感，纔會對自己的工作保持新鮮感。所以我每天都在工作後，記錄下每天在技術上的不足之處，回家後，將強學習，這所謂：找出不會的地方，學會它，你就變的強大了。

php是現在比較流行的一種網站開發技術，由於它是開源的免費代碼，並因良好的跨平臺性能受到了大重的喜歡，我個人認爲php很簡單，適合初學者學習使用，但是在某些地方想要做好，就需要你認真的學習了。目前，我負責的只是技術性較低和規模較小的模塊，不過，我覺得從簡單處做起也挺好的，但是我在寫代碼時，還是經常犯些小錯誤，導致代碼頁面經常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎麼弄，結果就是錯誤，後來我才發現，原來只是一個小錯誤，小的不仔細察看，我都找不到。於是我明白，做開發工作，一定要細心，否則就會給自己和別人帶來麻煩。

四、安全檢查

安全檢查是是很重要的一個環節，就像你給人家蓋房子，房子蓋好了，可是門和窗不結實，那這種就必然不會安全的了。頁站的製做也是同樣的道理，在安全方面，有一個地方是和開發人員有很大的關係的。因爲開發人員技術的高低決定了網站的安全性，有些人員在一些環節上的疏漏，很有可能導致網站在實際使用時，遭到黑的客攻擊，如果造成了經濟損失就無法挽救了。

所以，我們每個人在將各自的工作完成以後，組長和其它專門的技術人員會對網站的安全性進行測試，找出存在的漏洞，然後加以修改。以使它的安全性達到最高最穩定的狀態。

在公司進行實習工作的這段時間，我在個人技術上收穫了很多，現在的我已經能獨檔一面了，做一些難度比較大的工作，我通過優異的表現，已經轉爲正式員工，我對自己的表現感到滿意，最重要的是我給自己的學校爭了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今後的工作和學習，要加強和別人的溝通能力。使自己變的更好，爲國家爲社會做出的貢獻。

網頁設計報告13

一、實習目的

熟悉和掌握計算機網頁設計的基本技巧及網頁製作相關工具軟件等內容。培養我們利用計算機進行商務網頁設計的基本思路和應用開發能力，提高我們的計算機文化素質。網頁是世界上最有價值的不動產之一。人們在這個不足0.1平米的空間內投資達數百萬美元。網頁對公司的影響比簡單的電子商務增收方法大得多；網頁也是公司對外的臉面。WEB站點就像一棟房子，它的每一個窗口都可以看成一扇門，人們可以沿着搜索引擎其他WEB站點的鏈接，繞過主頁而進入WEB的深層。

二、實習時間

20xx年xx月xx日——20xx年xx月xx日。

三、實習地點

xx。

四、實習內容

（一）網站的整體規劃

1、討論網站主題：因爲自己對普羅旺斯很感興趣，於是就想到要是一下爲心中的仙境設計一個旅遊網站。

2、定位網站CI形象：旅遊網站最重要的就是是瀏覽者產生想去親身體驗一下的共鳴。於是在網頁設計上面，根據普羅旺斯夢幻般的意境，我採用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。

3、確定欄目和板塊：首先要考慮整個網頁的長和寬，以及長度和寬度之間的比例。其次就應該考慮導航條的設置了。正文的框架設置（橫向因素和縱向因素交錯），在瀏覽了很多精美的旅遊網站之後，再結合自己的想法，我先在草紙上畫出了大體的欄目和板塊。

4、網站的整體風格和創意：建立一個浪漫的旅行網站，走映像派路線，目的務必使瀏覽者留下映像。

（二）網頁製作的前期策劃與準備

1、資料的蒐集：由於個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接着就蒐集了一些有夢幻效果的網頁背景，FIASH源代碼、小圖標和一些GIF的動畫等。

2、熟悉製作工具軟件：xx、xx、xx。

3、主頁製作的基本條件有：xx、xx、xx。

4、硬件：xx、xx、xx。

（三）網頁製作

真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規格，一下子把其他內容的框架擠開；插入的層太多，大一點的就把小一點的給覆蓋掉了；插入的FLASH不能產生效果。總之問題一籮筐。實踐出真知，原來自己還有那麼多欠缺的知識。於是迴歸本源，先把課本上的東西弄通再談其他。然後又到圖書管裏借了幾本網頁製作方面的書籍來參考。

在對基本知識有了詳細的瞭解之後，做起東西來就得心應手多了，知道引導頁能過加映像之後，我決定爲我的網頁設計一個引導頁。

然後是主頁和二級頁面的設置。要注意，網上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網上，因爲它們太大了，但可以用圖象軟件進行轉換，比如xx的照片編輯器。把準備在主頁上出現的圖象放進相應的目錄裏後.

在一步一步的邊學邊做的過程中，看着心中的東西一點一點的出來，真的很有成就感。雖然自己的網頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。

（四）網頁的調試

之前把作過的東西放到U盤裏，發生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和WEB頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

五、實習收穫

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

網頁設計報告14

UI設計

崗位實習報告

部門：

實習崗位：UI設計

姓名：×××

指導偉德： 杜青道

完成時間：

一、實習目的

實習目的是，通過UI設計相關工作崗位實習使我瞭解以後再UI設計相關工作崗位工作的特點、性質，學習體驗UI設計相關崗位工作的實際情況，學習與積累工作經驗，爲以後真正走上UI設計相關工作崗位做好崗前準備。

同時通過UI設計相關工作崗位的實習，熟悉實際工作過程的運作體系和管理流程，把自己所學UI設計工作崗位理論知識應用於實際，鍛鍊UI設計工作崗位業務能力和社會交際實踐能力，並在工作中學習UI設計相關工作崗位的新知識，對自己所學的知識進行總結並提升，以指導未來在UI設計相關工作崗位的學習重點和發展方向。

二、實習時間

20x×年03月01日～20x×年06月15日

(修改成自己UI設計相關工作崗位實習時間)

三、實習地點

蘇州市經濟開發區江南大道

(修改成自己UI設計工作崗位實習地點)

四、實習單位

江蘇省蘇杭偉德集團(修改成自己UI設計相關工作崗位實習單位)

此處可以繼續添加具體你UI設計工作崗位實習單位的詳細介紹

五、實習主要內容

我很榮幸進入江蘇省蘇杭偉德集團(修改成自己UI設計相關工作崗位實習單位)開展UI設計崗位實習。爲了更好地適應從沒有UI設計崗位工作經驗到一個具備完善業務水平的工作人員，實習單位主管領導首先給我們分發UI設計相關工作崗位從業相關知識材料進行一些基礎知識的自主學習，並安排專門的老前輩對UI設計崗位所涉及的相關知識進行專項偉德。

在實習過程，單位安排的了杜老師作爲實習指導，杜老師是位非常和藹親切的人，他偉德UI設計相關工作崗位領域工作已經有二十年。他先帶領我們熟悉實習工作環境和UI設計相關工作崗位的工作職責和業務內容，之後他親切的和我們交談偉德實習工作具體性質以及UI設計相關工作崗位容易遇到的問題。杜老師帶領我們認識實習單位的其他工作人員，並讓我們虛心地向這些辛勤地在UI設計相關工作崗位上的前輩學習，在遇到不懂得問題後要積極請教前輩。 畢竟是人生第一次在UI設計工作崗位上，所以真正掌握這一份工作是需要一個過程的。一開始我對實際UI設計崗位的工作內容比較陌生，都不太清楚自己的工作範圍和職責，對實習單位的情況也不

太瞭解，不過杜老師會告訴我該怎樣處理自己在UI設計崗位上遇到的問題。慢慢的我也就熟悉了自己的UI設計崗位工作內容，在UI設計崗位上的一些棘手問題也能自己獨立解決，每天把工作做得井井有條。

在單位實習期間，我偉德的UI設計工作崗位相關的工作之外，還負責協助其他部門的日常工作，包括制定計劃，利用新學習的UI設計相關工作崗位業務知識處理相關文書。

六、實習總結

對於第一次在UI設計相關工作崗位的的我來說，還沒有足夠的社會經驗。經過了這半年來的UI設計相關工作崗位實習，我學到了很多，感悟了很多。特別是在實習單位領導和UI設計工作崗位的相關同事的關心和指導下，認真完成領導交付的工作，和同事之間能夠通力合作，關係相處融洽而和睦。在工作中積極學習新知識、技能，注重自身發展和進步，我學會了很多UI設計相關工作崗位理論實踐技能，增加了UI設計相關工作崗位相關工作經驗。現將這兩個月UI設計崗位實習工作遇到的困難及心得總結如下：

實習體會

一是低調地做人，高調地做事。我到UI設計崗位工作以後，要知道自己能否勝任這份工作，不在於掌握了多少UI設計相關工作崗

網頁設計報告15

一實驗目的

1．學習html語言和dreamweaver，frontpage等工具

2．掌握在本地環境下運用asp技術實現一個簡單的電子商務網站

二實驗的方法和原理

三實驗過程

1.資料的蒐集。

組長分配任務，大家從網站上搜集各種關於手機的資料。

2.熟悉製作軟件。

做網頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因爲在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。

3.構建站點框架。

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

4設計主頁及二級頁面。

5實現網頁間的鏈接

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

6向靜太網頁插入動態效果

四實驗心得

在經濟迅速發展的今天，internet顯得更爲重要它是人們發佈信息與傳遞信息的重要渠道，爲了與社會發展同步，爲了讓我們成爲真正的技術性人才。學校在本週爲我們安排了維持三週的網頁製作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。20xx網頁設計實踐報告20xx網頁設計實踐報告。通過本週的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足。

近三個星期的實訓將要結束，其中的酸甜苦辣我會在今後的日子裏不斷地去咀嚼，去回味，去探索。從製作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，並且爲我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收穫。總體來說這次是對我的綜合素質的培養，鍛鍊和提高。

網頁設計實踐報告

今年暑假我留在學校，與學校冰點工作室的幾位成員一起爲外面一家小公司做一個關於武漢諮詢方面的網站。我貫穿在整個過程，從客戶前期的接洽，到網站後期的維護，在這個過程中我學到了很多在學校很難學到東西。 對於網站的製作流程也有了整體的把握

籌劃期：

一個成功的個人網站，先期的準備工作是很重要的，好的開始等於成功的一半。在這一階段有兩個主要的問題需要考慮站點的定位：主題的選擇對今後的發展方向有決定性的影響，考慮好做什麼內容就要努力做出特色。20xx網頁設計實踐報告

第四、界面清爽：要吸引訪問者長時間的停留在你的網站，千萬不能讓用戶第一眼就感覺壓抑。大量的文字內容要使用舒服的背景色，前景文字和背景之間要對比鮮明，這樣訪問者瀏覽時眼睛纔不致疲勞。適當的留白可以讓界面更清爽;

第五、堅持原創：剛開始學做主頁時，適當模仿別人的優秀設計是可取的，但（建築社會實踐報告20xx）模仿絕不等同於抄襲，一定要把握好其中的尺度。設計是這樣，內容的選取也是如此，多一些原創的內容，你的主頁纔會帶有更多的個性色彩;

2、技術運用中要注意的一些事項：

第一、明確技術是爲設計服務的，不要沉迷於技術的運用，堅決摒棄那些華而不實的特效;

第二、先爲站點定義好統一的外部css，內部頁面都調用這個css，這樣不但可以讓你的網頁在瀏覽器改變設置時不變形，還有助於保持整個站點的風格統一，並且方便修改;

第三、不要打開過多的新窗口，每個鏈接都會打開不同的新窗口尤其讓人反感;

第四、圖象的製作要兼顧大小和美觀，圖片和文字的混排、圖片的合理壓縮可以讓頁面美觀而且文件小巧。即使是個性十足的設計站點，浪費太多的時間在頁面下載上也會令人生厭;

至於後期的維護和網站的宣傳，那就要考慮到網站投入的費用了!