第一篇：網(wǎng)頁設計個人總結

實訓周網(wǎng)站設計個人總結

通過本周的實訓，在老師的熱心指導和精心培養(yǎng)下，我不僅在知識上有了很大的提升而且在心得上也是收獲頗多。本次實訓的目的旨在檢驗我們在平常學習中所學知識、將上課所學的理論知識在實踐中鞏固掌握以及進一步熟悉和掌握網(wǎng)頁設計與網(wǎng)頁制作的基本流程。

回顧這次課程設計，至今我仍感慨頗多，的確，從選題到開始制作，從理論到實踐，在5天實訓的日子里，可以說得是苦多于甜，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。通過這次課程設計使我懂得了理論與實際相結合是很重要的，只有理論知識是遠遠不夠的，只有把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真正為掌握技術，從而提高自己的實際動手能力和獨立思考的能力。

在設計的過程中遇到問題，可以說得是困難重重，在制作網(wǎng)頁過程中難免會遇到過各種各樣的問題，就本次實訓問題總結如下：

在div布局中，我熟練的運用了css樣式類和ID建立和配合使用。在布局插入圖片時，div被撐開，整體布局因此而受影響。通過類和id配合的使用，重新定義div的大小，通過設置div中類的方框對話框中，設置div的邊框值，從而改進了div的顯示位置，解決了被撐開的缺點。

在第三天時，通過老師的指點，我們對網(wǎng)頁的背景做了更改，部分網(wǎng)頁部件也做了相應的調整，因此，工作變得更加緊張而又有序。通過一天的設置和改進，網(wǎng)頁的整體色調柔和，各個部分相對比較和諧，充滿了兒童攝影的氣息。

當然網(wǎng)頁還存在一定的不足：后臺數(shù)據(jù)庫不能進行多條顯示。進行修改之后，能進行多條顯示，但靜態(tài)效果無法瀏覽到數(shù)據(jù)表內容。產(chǎn)生這一原因的后果，使用了dreamweaver sc5和dreamweaver sc3。可能是因為版本的不兼容所造成。最后放棄了設計界面的美觀度，選擇了瀏覽界面的完整。通過修改代碼：While((Repeat1__numRows <>0)AND(NOT Recordset1.EOF))

%>

<%=(Recordset1.Fields.Item(“id”).Value)%>

<%=(Recordset1.Fields.Item(“neirong”).Value)%>

<%=(Recordset1.Fields.Item(“l(fā)iuyanzhe”).Value)%>

<%=(Recordset1.Fields.Item(“riqi”).Value)%>

<%

Repeat1__index=Repeat1__index+1

Repeat1__numRows=Repeat1__numRows-1

Recordset1.MoveNext()Wend 如紅色字體所示，解決了多條記錄的顯示，但設計界面欠佳。

在flash制作過程中，我還學習到了flash按鈕實現(xiàn)本地網(wǎng)頁的顯示，通過：on(press){ getURL(“file:///d|/潮寶貝-Fashion Baby/index.html”,“_blank”);

}實現(xiàn)，但由于路徑是本地路徑，當運行小型迷你服務器時，路徑不相同，flash動畫無法起作用，只有當用戶直接點擊index.html時，切換其它子頁才有效。

我覺得本次實訓中我們小組的網(wǎng)頁設計最大的特點就是色彩談雅，布局清晰、有條理，結構清晰，視覺效果較好，涉及的知識點較全面，給人一種清麗的感覺。但是在連接數(shù)據(jù)庫等方面還是存在一些問題，這是開發(fā)動態(tài)網(wǎng)站的重要基礎，我認為自己以后應該在靜態(tài)網(wǎng)頁到動態(tài)網(wǎng)頁的轉變方面多鉆研、多努力，使自己在靜態(tài)、動態(tài)網(wǎng)站開發(fā)上的水平有一個質的提升。

希望通過對本網(wǎng)站的建設，可以提升自己以后在網(wǎng)站建設方面的一部分能力，我相信，現(xiàn)在的努力是為以后的成功的事業(yè)打下一個堅定的基礎，為自己美好的人生鋪好一條陽光而燦爛的道路。通過這次實訓使自己的真實能力有了一次質的飛躍。

第二篇：網(wǎng)頁設計總結

網(wǎng)頁設計聽課總結

網(wǎng)頁設計的階段性課程：

1、規(guī)劃階段（網(wǎng)站策劃）

2、設計階段（網(wǎng)頁美工）

3、實施階段（網(wǎng)頁制作）

詳細流程：站點策劃、構思草圖、美工設計、圖形制作、腳本編程、圖形頁面整合、測試發(fā)布

從創(chuàng)建站點開始（學會搭建并定義本地站點）

規(guī)劃站點結構的原則（用文件夾來保存文檔、使用合理的文件名稱、首頁名稱、將本地和遠端站點設為同樣的結構）搭建自己的網(wǎng)頁文件夾 比如（images、midea等等）

創(chuàng)建站點文檔（添加文件和文件夾、文件的管理）

HTML代碼的基本結構（頭部、主體）：

….

…

設定meta內容（通用頭元素的設置、添加meta元素。設置關鍵字和描述文字、刷新網(wǎng)頁設置）

設定頁面屬性（標題、背景圖像、背景色、文本顏色、邊距）

添加文本（插入特殊字符、設定文本屬性、改變字體和尺寸）

換行快捷鍵：enter 和shift+enter（br式回車 緊湊型）

網(wǎng)頁支持的圖像格式：gif、JPEG、png等

圖像在網(wǎng)頁中自動變形后，可以按“重新取樣”后改變圖片的大小

底部水平線修改顏色：點擊快速標簽編輯器修改源代碼即可（如：color=“green”）插入flash動畫、flash按鈕與文字、flash圖片查看器、flashpaper文件

插入javaapplet元素（源代碼：…..）

插入交互圖像（翻轉圖片和導航條）

JavaScript 腳本語句：

設置滾動文字屬性：在滾動文字前加上代碼滾動方向是：direction =“right”滾動速度是：scrollamount= “3” 延遲速度是：scrolldelay=“100”

鼠標指向時停止?jié)L動命令：onmouseover=“this.stop()”

鼠標離開時開始滾動命令：onmouseout=“this.start()”

在滾動文字結束代碼的最后寫上：

例如：

網(wǎng)頁鏈接：絕對路徑（http://）

相對路徑(相對于同網(wǎng)站下的鏈接b.htm)

根路徑（a.htm）

內部鏈接、外部鏈接、錨鏈接、Email鏈接、鏈接的目標窗口、圖像的超級鏈接、熱點 鏈接的源代碼：

郵件鏈接：（mailto:郵件地址？subject=網(wǎng)站意見反饋&cc=郵件地址）

例如：mailto:xxx@163.com?subject=網(wǎng)站意見反饋&cc=xxx@163.com

錨鏈接的使用方法：先在頭部拋錨，然后在頁尾鏈接到錨點（在目標處寫：#top）源代碼如下：返回頭部

圖像的熱點：在一張圖片的不同地區(qū)選擇新的鏈接。

腳本鏈接：例子：關閉窗口的鏈接：JavaScript：window.close()

表格的應用：新增表格、表格的屬性設定

學會用fireworks切片，并且在Dreamweaver中導入fireworks HTML并調整表格的操作 Html源代碼 表格:

表格的繪制：（繪制表格、繪制單元格）擴展、標準、布局

快捷鍵：ctrl + ：放大ctrl-： 縮小

做好切片及排版

制作表單：（什么是表單？客戶端填寫表單（提交反饋）服務器端處理表單、加入空白表單、設定表單屬性）

表單動作：（表單內容發(fā)到郵箱）mailto:xxx@163.com &cc=xxx@163.com

文本域、單選按鈕、復選框

源代碼：

id=”leftFrame“ title=”leftFrame“ />

添加浮動框架： 使用浮動框架（制作浮動框架、設置浮動框架屬性、制作浮動框架鏈接）

屬性的設置源代碼： 浮動框架鏈接時要指定鏈接的目標是：浮動框架的name（自己去定義）。

制作復雜的嵌套結構框架頁面、學會在頁面中使用嵌套框架，并制作框架頁面間的鏈接。模板的應用：模板的功能 什么是模板 為什么用模板（方便制作及更新）

創(chuàng)建模板（根據(jù)已有文件建立模板）文件菜單下：另存為模板?

定義可編輯的區(qū)域

庫的建立及應用 庫的建立（什么是庫？為什么使用庫？）便于局部文件的修改

1、建立庫

2、應用庫

3、更新庫

層的使用 創(chuàng)建層 設置層屬性（選擇層 改變層的大小 移動層 排列層）

插入層的html語句：

層是屬于CSS樣式表的一種定位技術

作用：直接使用層排版、利用層來設計表格（層和表格可以互換）、使用層溢出屬性 控制當層的內容超過層的大小的時候就要用到層的溢出屬性（類似滾動條效果）

溢出屬性的選擇有四種：

1、visible（可見的）

2、hidden（隱藏的）

3、scroll（滾動效果）

4、auto（自動）

行為（什么是行為/動作/事件 選擇對象 添加動作 調整事件）

行為的應用：制作彈出信息窗口、制作打開瀏覽器窗口、播放音樂（實現(xiàn)背景音樂）在html語言中添加背景音樂：

其中的（loop=”-1“：指的是無限循環(huán)）

設置狀態(tài)欄文本 針對輸入文本框的行為事件“點擊”是：onfocus

不在文本框的行為事件是：onblur

控制flash的播放 先給flash命名 然后在下方設置控制播放的命令 給名字設置空連接（空

連接的目標為：#）

檢查表單 對按鈕實施行為事件

轉到URL

交換圖像

顯示彈出式菜單

檢查插件（新建文字 指向空連接 然后設置行為屬性即可。）

檢查瀏覽器（在IE流行的現(xiàn)在時代，一般不使用）

改變屬性（例如改變圖片的邊框屬性 如：border）

拖動層的效果（拖動層要對整個頁面進行實施）

設置顯示隱藏層（例如：鼠標劃過時出現(xiàn)圖片，離開時消失）

設置層文本

制作時間軸動畫（層的漂浮效果）Fps：幀速率 在路線中添加關鍵幀

控制時間軸（鼠標經(jīng)過停止、鼠標離開浮動）

常用事件：onmouseover、onmouseout、onfocus、onload等等

使用插件

1、手動安裝插件：擴展對象、擴展命令（對于鼠標跟隨的效果，字體的設置直接在CSS樣式表中）、擴展行為

2、自動安裝插件（使用插件管理器）：Dreamweaver中的標準插件后綴名為：*.mxp去adobe網(wǎng)站找插件。主要包括：擴展對象、命令、行為

預覽和出版：檢查網(wǎng)站中的錯誤鏈接、檢查某個html頁面的鏈接錯誤

Dreamweaver課程總結：

1、建立站點、維護站點

2、頁面構成元素：文字（特殊字符）、圖片、表單、多媒體（embed、marquee、bgsound）、頭信息的加載

將其上傳到網(wǎng)站的根目錄即可。如果需要將Favicon.ico放到其他目錄下，或者希望讓不同的網(wǎng)頁顯示不同的Favicon，就需要在網(wǎng)頁Html文件中做設定了，在Html中的＜head＞部分加入如下的代碼：

第三篇：網(wǎng)頁設計總結

四川機電職業(yè)技術學院

有一句話說的真的很對“紙上得來終覺淺，絕知此事要躬行”，大學生活我想人人都向往，為什么呢？因為玩得很好。高中時老師們就經(jīng)常把大學如何如何掛在嘴邊。是呀大學生大部分就是不上課就玩，缺乏實踐和動手能力，思維有時也變得越來越不活躍。這次的實訓就是很好的列子。

實訓第一天，因為是設計動態(tài)網(wǎng)頁要在ASP的平臺上才能顯示，老師就教我們安裝，文件不要亂放等，就這一個安裝我就試了好幾次才成功，心情很不好，總是感覺計算機在跟我作對，很奇怪吧，有時候就是不想承認別人都做出來了，自己卻沒有?，F(xiàn)在想想都覺得自己那時好幼稚，好可笑，好無知。隨著做網(wǎng)頁的時間增多，有的事就越做越熟練，就不會像第一天安裝那個平臺要試幾次，現(xiàn)在一次就行而且是百分之百的成功。整個實訓的過程可以說是所學知識的一個整理，一個綜合，一個靈活運用。之前我們課堂上學的東西是一個個知識點，比較零散。雖然在實訓之前我們也做過兩個網(wǎng)站，但那是我們小組合作的，所以有些知識點我們并沒有都用到。而這次實訓是自己一個人做網(wǎng)站，做網(wǎng)站的各個環(huán)節(jié)都要自己親力親為，可以說是一個挑戰(zhàn)，同時也是對知識的一種升華。它不僅是dreamweaver軟件的熟練操作，也是potoshop、flash軟件的熟練運用。我們需要自己設計網(wǎng)站的LOGO這就需要運用到potoshop軟件強大的圖形圖像處理功能，需要做出生動的網(wǎng)頁效果，就需要flash做出動態(tài)的文字效果和圖片切換效果。免會遇到過各種各樣的問題，同時在設計的過程中發(fā)現(xiàn)了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固，在CSS的具體應用還不是和很熟練，沒有能完全達到自己預期的效果，還好通過老師的細心指導才能達到最終效果??通過這次網(wǎng)頁設計與制作實訓，一定把以前所學過的知識重新溫故。

在這次實訓中，也有許多的困難的和問題，以前我還以為制作網(wǎng)頁很簡單，只需要在網(wǎng)頁制作工具中動動鼠標，找點資料就可以完成，原來是我把網(wǎng)頁制作看得太簡單了，在這次實訓中我知道我錯了。制作網(wǎng)頁不是簡單的，需要分步驟，而且還要會為網(wǎng)頁取名，取名真的很重要，而且要記著保存，有的時候吧，我就會忘了保存。老師在實訓中也是不自一次的說建了一個網(wǎng)頁或修改了網(wǎng)頁中的東西，一定要記住保存，還有名字不能取中文。再取名字中也遇到了點問題，因為網(wǎng)頁太多了，有時候自己取的什么名字都忘了，共 頁

第頁

四川機電職業(yè)技術學院

找一個后臺就會找很久，然后慢慢學乖了，這個現(xiàn)象也在慢慢減少。當然了這還不是在制作過程中遇到最困難的問題，最困難的問題的是什么呢，當然是打不開網(wǎng)頁了。我相信很多人都會遇到，我遇到的時候當然也是去看源碼又沒錯，有時候是單詞寫錯了，可有的時候我就是不知道哪里有錯，找了很久也找不到，總之很心煩它就是不出來。這時候你就知道同學朋友有多重要了，我問好朋友為什么，也問同學，請他們幫我找錯，他們也是很有耐心的幫我解決我所遇到的問題，有時候三四個人還一起討論，感覺很棒。數(shù)據(jù)庫的連接說容易也不容易，一不小心把文件的路徑給改了或放錯了位置也是不行，網(wǎng)頁就會顯示沒找到所說的文件或對象，也可能無法顯示。而且在制作過程中感覺很有趣，因為是按照自己的設計而制作的。要把自己所寫的內容在網(wǎng)頁上顯示又需要連接和后臺，我就在上面遇到了一個問題找不到對象，我明明有鏈接呀，也有內容呀，后來才清楚我只連接了一個地方還有個地方?jīng)]連接所以就不能顯示啦，而且也找不到。

在兩周的實訓日子里，雖然有時很心煩，無奈，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。更懂得并親身體會到了理論與實際相結合的重要性，只有理論知識是遠遠不夠的，把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真正為掌握技術，從而提高自己的實際動手能力和獨立思考的能力。

共 頁

第頁

第四篇：個人網(wǎng)頁設計(論文)

炎黃職業(yè)技術學院信息工程系

畢業(yè)設計（論文）

個人網(wǎng)頁設計

年 級: _ 2009級___ _ 學 號: _ 0******17 _ 姓 名: __ _****_____ 專 業(yè): 網(wǎng)絡數(shù)字媒體 _ 指導老師: __ ****__ __

二零一一年十二月 炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

摘 要

本論文將對個人網(wǎng)頁設計與制作的方法、工具等展開研究和探討。在介紹網(wǎng)頁設計與制作語言的基礎上，著重使用CSS樣式表作為工具語言進行網(wǎng)頁設計與制作的實際操作，分別對基于對象的JavaScript語言、用于編輯HTML語言的軟件進行了詳細的介紹。

本論文主要章節(jié)如下，炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

1、是一種腳本編寫語言

JavaScript是一種腳本語言，它采用小程序段的方式實現(xiàn)編程。像其它腳本語言一樣,JavaScript同樣已是一種解釋性語言,它提供了一個易的開發(fā)過程。

它的基本結構形式與C、C++、VB、Delphi十分類似。但它不像這些語言一樣，需要先編譯，而是在程序運行過程中被逐行地解釋。它與HTML標識結合在一起，從而方便用戶的使用操作。

2、基于對象的語言。

JavaScript是一種基于對象的語言，同時以可以看作一種面向對象的。這意味著它能運用自己已經(jīng)創(chuàng)建的對象。因此，許多功能可以來自于腳本環(huán)境中對象的方法與腳本的相互作用。

3、簡單性

JavaScript的簡單性主要體現(xiàn)在：首先它是一種基于Java基本語句和控制流之上的簡單而緊湊的設計, 從而對于學習Java是一種非常好的過渡。其次它的變量類型是采用弱類型，并未使用嚴格的數(shù)據(jù)類型。

4、安全性

JavaScript是一種安全性語言，它不允許訪問本地的硬盤，并不能將數(shù)據(jù)存入到服務器上，不允許對網(wǎng)絡文檔進行修改和刪除，只能通過瀏覽器實現(xiàn)信息瀏覽或動態(tài)交互。從而有效地防止數(shù)據(jù)的丟失。

5、動態(tài)性的

JavaScript是動態(tài)的，它可以直接對用戶或客戶輸入做出響應，無須經(jīng)過Web服務程序。它對用戶的反映響應，是采用以事件驅動的方式進行的。所謂事件驅動，就是指在主頁(Home Page)中執(zhí)行了某種操作所產(chǎn)生的動作，就稱為“事件”(Event)。比如按下鼠標、移動窗口、選擇菜單等都可以視為事件。當事件發(fā)生后，可能會引起相應的事件響應。

6、跨平臺性

JavaScript是依賴于瀏覽器本身，與操作環(huán)境無關，只要能運行瀏覽器的計算機，并支持JavaScript的瀏覽器就可正確執(zhí)行。從而實現(xiàn)了“編寫一次,走遍天下”的夢想。

實際上JavaScript最杰出之處在于可以用很小的程序做大量的事。無須有高性能的電腦，軟件僅需一個字處理軟件及一瀏覽器，無須WEB服務器通道，通過自己的電腦即可完成所有的事情。

總之，JavaScript 是一種新的描述語言，它可以被箝入到 HTML 的文件之中。JavaScript語言可以做到回應使用者的需求事件(如：form的輸入)，而不用任何的網(wǎng)路來回傳輸資料，所以當一位使用者輸入一項資料時，它不用經(jīng)過傳給伺服端(server)處理，再傳回來的過程，而直接可以被客戶端(client)的應用程式所處理。

炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

JavaScript 和 Java 很類似，但到底并不一樣！Java 是一種比 JavaScript 更復雜許多的程式語言，而 JavaScript 則是相當容易了解的語言。JavaScript 創(chuàng)作者可以不那麼注重程式技巧，所以許多 Java 的特性在 Java Script 中并不支援。

2.3 CSS樣式表

級聯(lián)樣式表（Cascading Style Sheet）簡稱“CSS”，通常又稱為“風格樣式表（Style Sheet）”，它是用來進行網(wǎng)頁風格設計的。比如，如果想讓鏈接字未點擊時是藍色的，當鼠標移上去后字變成紅色的且有下劃線，這就是一種風格。通過設立樣式表，可以統(tǒng)一地控制HMTL中各標志的顯示屬性。級聯(lián)樣式表可以使人更能有效地控制網(wǎng)頁外觀。使用級聯(lián)樣式表，可以擴充精確指定網(wǎng)頁元素位置，外觀以及創(chuàng)建特殊效果的能力。

CSS目前最新版本為CSS2,能夠真正做到網(wǎng)頁表現(xiàn)與內容分離的一種樣式設計語言。相對于傳統(tǒng)HTML的表現(xiàn)而言，CSS能夠對網(wǎng)頁中的對象的位置排版進行像素級的精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象盒模型的能力，并能夠進行初步交互設計，是目前基于文本展示的最優(yōu)秀的表現(xiàn)設計語言。

在網(wǎng)頁上使用樣式表有三種方法可以在站點網(wǎng)頁上使用樣式表：

將網(wǎng)頁鏈接到外部樣式表。

在網(wǎng)頁上創(chuàng)建嵌入的樣式表。

應用內嵌樣式到各個網(wǎng)頁元素。

當要在站點上所有或部份的網(wǎng)頁上一致地應用相同樣式時，可使用外部樣式表。在一個或多個外部樣式表中定義樣式，并將它們鏈接到所有網(wǎng)頁，便能確保所有網(wǎng)頁外觀的一致性。如果人們決定更改樣式，只需在外部樣式表 — 中作一次更改 — 而該更改會反映到所有與該樣式表相鏈接的網(wǎng)頁上。通常外部樣式表以.css 做為文件擴展名，例如 Mystyles.css。

當人們只是要定義當前網(wǎng)頁的樣式，可使用嵌入的樣式表。嵌入的樣式表是一種級聯(lián)樣式表，“嵌”在網(wǎng)頁的 標記符內。嵌入的樣式表中的樣式只能在同一網(wǎng)頁上使用。

使用內嵌樣式以應用級聯(lián)樣式表屬性到網(wǎng)頁元素上。

如果網(wǎng)頁鏈接到外部樣式表，為網(wǎng)頁所創(chuàng)建的內嵌的或嵌入式樣式將擴充或覆蓋外部樣式表中的指定屬性。

炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

圖2-2 隨筆

相冊效果圖2-3如下：

圖2-3 相冊

音樂效果圖2-4如下：

圖2-4 音樂

關于我效果圖2-5如下：

炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

圖2-5 關于我

3.2 網(wǎng)站主題

本網(wǎng)站是一個簡單的個人網(wǎng)站設計，以動漫為主題，主要包括了本人的自我介紹、比較喜愛的動漫作品以及平時的娛樂等。

3.3 網(wǎng)站風格

1.本網(wǎng)站主要體現(xiàn)了清新自然的風格，以簡潔為主。2.網(wǎng)站的主色調為綠和白，充分襯托清新自然的風格。

炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

(1)執(zhí)行“插入”—“新建元件”命令，創(chuàng)建一個名稱為“拉伸的葉片”的影片剪輯元件。

(2)選擇矩形工具，設置填充顏色，在舞臺上繪制一個無描邊舉行，在屬性面板中設置寬和高。

(3)選擇矩形，將其轉換成“名稱”為“葉片”的圖形元件。(4)選擇

onmouseout=“makevisible(this,1)”

onmouseout=“makevisible(this,1)” 炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

2.輸入文字，制作超鏈接。

4.6 xiangce4.html頁面的制作

1.制作圖庫頁面。

(1)新建一個網(wǎng)頁文檔，建立圖庫頁面的基本布局。

(2)將光標定位在頁面左側的 炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）“1”，單擊[確定]按鈕回到行為面板，將此行為事件改為“onclick”。

(2)用同樣的方法，給另外3張圖像添加同樣的行為，將 炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

致

謝

本論文歷時兩個多月，我系統(tǒng)綜合地將我所學的知識運用于畢業(yè)設計的全過程。在完成畢業(yè)設計中，首先我要感謝我的指導教師****老師。*老師耐心細致地指導我畢業(yè)設計，提出了很多精辟而富有建設性的建議。*老師認真負責的工作態(tài)度，嚴謹?shù)闹螌W態(tài)度都給我留下了深刻的印象，在學習上給予了我極大的關心和幫助，在此表示衷心感謝！

同時，感謝炎黃職業(yè)技術學院為我提供了一個良好的學習環(huán)境，感謝學院的領導和老師們！他們無微不至的關懷、精心的培養(yǎng)使我到了很多的知識，終生受益！

炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

參考文獻

[1] 繆亮.Dreamweaver CS3 基礎與實訓教程.電子工業(yè)出版社，2008年.[2] 李冬蕓.Flash動畫實例教程.電子工業(yè)出版社，2010年.[3] 繆亮，郭剛.Photoshop平面設計實用教程.清華大學出版者，2008年.

第五篇：網(wǎng)頁設計個人小結

網(wǎng)頁設計個人小結

經(jīng)過為期兩個星期的實習，在我們小組成員不懈的努力下終于完成了，從剛開始接觸報告的時候到現(xiàn)在全部完成，雖然時間不是很長，但是所做的工作還是很多的，從個人報告，包括日志，個人小結，還有需求分析報告，可行性分析報告，系統(tǒng)分析報告，系統(tǒng)分析總結報告等等，我們覺得這次最大的收獲就是小組的配合，在課程設計的過程中，我們不斷地從討論，分析到整理，到最終的完成稿，在其中我們花費的精力雖然很多，但是我們的團隊合作精神得到了最大的體現(xiàn)。

學習電子商務的這幾年，經(jīng)歷過的網(wǎng)站制作工具有很多，比如說Dreamweaver，F(xiàn)ireworks，F(xiàn)lash，F(xiàn)rontPage還有Visual Web Developer，但從來也沒有深入而系統(tǒng)的認識和了解，更談不上如何去分析，如何去整理和歸納。除了作業(yè)中自己摸索，了解，運用這些軟件，其他更深層次的軟件的更是從來沒有涉及過，所以不做深層的了解。由于有了這次的課程設計，就給了我們小組這樣一個機會，仔細得熟悉Visual Web Developer，更深入的了解了其余軟件，分析它相對于其他軟件的優(yōu)勢和不足，這樣對于我們選擇運用也是大有裨益的。設計下來，我覺得收獲很多，不僅對于制作網(wǎng)頁的軟件有一個全新的認識，并且在系統(tǒng)設計的技術方面也有了質的飛躍。

關于這次總結，先從網(wǎng)站的頁面設計說起，在設計過程中，注意到對于電子商務網(wǎng)站BtoC還是諸多好評的，單單從方便角度出發(fā)，已經(jīng)是一個很重要的優(yōu)點了，頁面設計過程的時候，有些頁面設計的填寫，可詳盡可簡略，凸顯主題，不是很能體現(xiàn)出這次調查的全面性，頁面設計的很好，但從某些方面不是很完善，但是對于這次我覺得我們做的很盡心，我們努力的選擇不同風格的頁面去設計，并且在網(wǎng)頁設計中，我們盡量的全面的問及我們所能涉及的問題，我們發(fā)現(xiàn)我們的獲益很多，不僅僅單純從問卷調查的過程，更從討論中，匯總中我們了解了更多的知識，也全面提高我們對問題的分析能力。

這次網(wǎng)站設計，我總結了幾點：1）確定網(wǎng)站主題：對于內容主題的選擇，要做到小而精，主題定位要小，內容要精。不要去試圖制作一個包羅萬象的站點，這往往會失去網(wǎng)站的特色，也會帶來高強度的勞動，給網(wǎng)站的及時更新帶來困難。2）掌握建網(wǎng)工具：在制作網(wǎng)頁的時候，一定要熟練掌握軟件的運用，要不斷的摸索，對于細節(jié)的處理，我們需要做很多東西，只有不斷的練習，才會更好的運用軟件。3）確定網(wǎng)站界面 ：網(wǎng)站的題材確定后，就要將收集到的資料內容作一個合理的編排，盡可能刪除那些與主題無關的欄目，盡可能將網(wǎng)站內最有價值的內容列在欄目上，盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內容，如站點簡介、版權信息、各板塊要有相對獨立性，各板塊要有相互關聯(lián)，各板塊的內容要圍繞站點主題；按欄目內容建立子目錄。子目錄的建立，首先按主欄目建立。友情連接內容較多，需要經(jīng)常更新的可以建立獨立的子目錄。而一些相關性強，不需要經(jīng)常更新的欄目，例如：網(wǎng)站簡介、站長情況等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄，在每個主目錄下都建立獨立的Images目錄。一般來說，一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便，比如在欄目刪除時，圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單，就是方便維護與管理。4）確定網(wǎng)站風格：“風格”是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標志，色彩，字體，標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值等等諸多因素，網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴肅的。不管是色彩、技術、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨有的，這就形成了網(wǎng)站的“風格”。風格是有人性的，通過網(wǎng)站的色彩、技術、文字、布局、交互方式可以概括出一個站點的個性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執(zhí)著熱情的；是活潑易變的，還是墨守成規(guī)的。

接下來談談報告的撰寫，我們這次需要寫的報告比較多，但是我覺得這些報告都是必需要寫的，在撰寫報告之初我遇到了很大的困難，因為我不是很了解整體的結構與布局，并且這是我第一次寫關于系統(tǒng)分析報告，而且系統(tǒng)方面知識，我了解的不是很全面，于是在網(wǎng)上我搜集了一些資料，系統(tǒng)設計，分為總體設計和詳細設計。總體設計時，主要是一些功能模塊的邏輯設計，只是宏觀上的把握，具體的頁面安排還要在詳細設計以及接下來的具體實施中作相應的調整。所以，它只是起到一個指南的作用，或者說，類似于Dreamweaver中圖像占位符的作用，它在此構成文檔的完整性，也為后面的設計提供參照。這也恰恰反映了系統(tǒng)設計的承前啟后的特點，一方面，它是對需求分析的擴展，另一方面，又是對后續(xù)系統(tǒng)實施的前提?？傮w設計是宏觀上的把握，邏輯上的概括。詳細設計階段，從完整的信息系統(tǒng)的開發(fā)過程來說，包括輸入設計，輸出設計，數(shù)據(jù)庫設計，代碼設計，界面設計。而我們此次課程設計的重點在于網(wǎng)站設計及可用性設計，因此對于數(shù)據(jù)庫方面的內容就涉及的比較少。這是整個設計工作的不足。

最后來說說我們小組的網(wǎng)站設計，我覺得最主要從顧客出發(fā)，做到方便顧客的使用，對于我們小組的網(wǎng)站設計我覺得要簡單，大方，以及美觀，說起來容易但做起來真的不易，剛開始在選擇網(wǎng)站的架構上大家的意見就不是很統(tǒng)一，最后在大家努力均衡下，最終敲定了架構，慢慢的我們都熟悉了設計的環(huán)境，接下來的設計進程加快了好多，在我們熱烈的討論中，慢慢的看著設計的成形，一種喜悅之情油然而生，看著自己的努力得到了回報，最后，在不斷的討論和修改中，我們定稿了，看著大家辛勤勞動的成果，我們小組成員都覺得對于這個課程設計我們收益還是很多的，不單單是界面設計方面，更是從團隊合作方面，大家獲益很多。

最后來說說自己的日記以及個人總結的撰寫，在剛開始寫日記的時候，感覺思緒很匱乏，不知道該寫些什么，雖然一天做的事很多，但是總感覺是流水賬，在慢慢的幾天適應以后，發(fā)現(xiàn)對于課程設計的體會越來越多，雖然在字數(shù)方面變化不大，但對于自己的體會感覺真的多了不少，也感覺到了在合作時完成任務的興奮感和自己獨立完成任務的感覺是不同的，在自己完成任務的時候，感覺很充實，但是我想一個人做事，涉及面不會是很廣但是都融匯了自己的看法，也是一種突破。

在此，我對此次課程設計做出自己的一些總結，在這次課程設計中，我發(fā)現(xiàn)了團隊的重要性，分工的重要性，從該開始的懵懂，但最后慢慢完成所有的任務，我充分體會到了合作的真諦，在合作的過程之中我體會到了，相互合作是非常重要的，在一些細節(jié)方面，多虧小組成員的指點，讓我發(fā)現(xiàn)許多的不足，在某些邏輯思考的不完善，節(jié)約了很多時間，因此最后很好的得完成任務。在此看來，團結合作的智慧和力量是不可忽視的，每個人都有自己所擅長的部分，只有團結一切可以團結的力量，發(fā)揮每一個人的才能，同心協(xié)力，才能夠把任務最好得完成。

感謝老師，在學期末能有這樣的課程設計，在這課程設計的過程中我獲益很多，不僅僅從知識的角度，也從與他人合作完成任務的能力得到提高。最后，我相信在我們小組成員們共同的努力下，雖然這份設計不一定是最完美的，但它凝聚著我們的勞動，我們覺得它是最棒的。