網站建設實訓報告萬能模闆（網站建設實訓報告萬能模闆下載）

今天給各位分享網站建設實訓報告萬能模闆的(de)知識，其中也會對網站建設實訓報告萬能模闆下載進行(xíng)解釋，如(rú)果能碰巧解決你現在面臨的(de)問題，别忘了關注本站，現在開始吧(ba)！

本文目錄一(yī)覽：

• 1、緊急求一(yī)份網頁制作的(de)實訓報告，希望大家幫忙呀
• 2、網頁設計實訓總結心得6篇(2)
• 3、要一(yī)份網頁實訓報告

緊急求一(yī)份網頁制作的(de)實訓報告，希望大家幫忙呀

畢業設計的(de)項目計劃書

1、網頁設計要實現的(de)目的(de)、目标

2、網頁設計的(de)形象說明

3、網站的(de)欄目、版塊的(de)結構

4、網站內(nèi)容的(de)安排、相互鏈接的(de)關系

5、實現軟件、硬件和(hé)技術分析說明

6、小組人員分工與開發時間的(de)進度表

網站需要實現的(de)目的(de)和(hé)目标

• 網上購物：在線銷售圖書

• 會員服務：注冊、訂單、交款、購物車、

• 售後服務：留言版

網站形象說明

• 網站的(de)名稱叫**

• 整體形象設計包括标準字、Logo、标準色彩、廣告語等。

• 首頁作為(wèi)網站的(de)形象頁，作為(wèi)網站的(de)歡迎頁面，引入的(de)元素大緻有(yǒu)網站名稱、LOGO、形像圖片、宣傳文字、欄目導航等要素，是彰顯網站整體風格的(de)重要頁面，一(yī)般通過FLASH動畫來展示。

• ****網站形象頁的(de)設計突出在線購物的(de)主題，通過文字、形像、圖片的(de)巧妙哄托，令頁面富有(yǒu)層次感，達到賞心悅目的(de)效果。

• 網頁富有(yǒu)動感，通過FLASH動畫來展示，頁面的(de)色彩好與首頁和(hé)欄目頁統一(yī)，取*色

• 頁面的(de)大小，隻要在800X600下和(hé)1024X68分辯率下均能正常顯示即可(kě)。

• 背景圖片的(de)下方，設置欄目導航，欄目導航用漂亮(liàng)的(de)符号隔開，“網站首頁”、“圖書分類”、“店長(cháng)推薦”、“暢銷排行(xíng)榜”、“友情鏈接”、“購物車”、“遊客留言”、“網站簡介”等8項。

• 顔色調配設計，網頁的(de)色彩是樹立網站形象的(de)關鍵之一(yī)，由廖海清進行(xíng)整個網站的(de)美工工作，各版塊采用與網站首頁同一(yī)色系的(de)顔色，整個版塊內(nèi)部也盡量保持風格一(yī)緻

• 考慮到網站是圖書網站，顔色既要體現出文藝色彩，又不能過于死版。所以采用淡雅型的(de)配色方案，避免有(yǒu)大面積色塊出現。

• 網站調試，采用邊制作邊調試，即采用本機(jī)調試與和(hé)上傳服務器調試的(de)方法，因為(wèi)網站在單機(jī)和(hé)服務器上運行(xíng)有(yǒu)很大的(de)區别，所以很有(yǒu)可(kě)能在上傳服務器之後，出現在單機(jī)上不能浏覽的(de)一(yī)系列問題。觀察速度、兼容性、交互性等，發現問題及時解決并記錄下來。

網站的(de)欄目闆塊和(hé)結構

• 主頁

• 排行(xíng)榜

• 會員注冊

• 暢銷書與店長(cháng)推薦

• 圖書分類

• 留言版

• 友情鏈接

網站內(nèi)容的(de)安排相互鏈接關系

• 主頁部分

• 作為(wèi)網站的(de)形象頁，我(wǒ)們(men)的(de)主頁風格獨特，字體采用華康少女文字，符合網站的(de)風格。

• 主頁分别設有(yǒu)導航條、圖書分類、銷售排行(xíng)榜、店長(cháng)推薦、留言版以及友情鏈接

主要完成用戶注冊登陸、在線訂購書。

首頁上部為(wèi)網站的(de)LOGO FLASH，加入嵌套的(de)書籍分類欄目

中間的(de)左邊為(wèi)用戶注冊登陸信息，右邊為(wèi)新書的(de)介紹。主要完成用戶注冊登陸、在線訂購書。

首頁上部為(wèi)網站的(de)LOGO FLASH，加入嵌套的(de)書籍分類欄目

中間的(de)左邊為(wèi)用戶注冊登陸信息，右邊為(wèi)新書的(de)介紹。

使用軟件、硬件和(hé)技術分析說明

軟件：

Dreamweaver \ Firework \ Photoshop CS \ Flash

硬件：

PC機(jī)

技術：

ASP＼HTML＼CSS＼VBscript \ javascript\ SQL

項目設計及運行(xíng)平台

Windows XP web IIS

小組員工分工

開發時間進度表

網站開發與建設實訓登記表

姓名 學(xué)号

網站主題

負責內(nèi)容詳細說明

小組自(zì)評分 總分

我(wǒ)自(zì)己做(zuò)的(de)，不知合适嗎？

網頁設計實訓總結心得6篇(2)

網頁設計實訓總結心得體會範文4

上周，也就是5月31日到6月4日的(de)五天裏，我(wǒ)們(men)電商(shāng)專業進行(xíng)了為(wèi)期五天的(de)網頁制作實訓。

在機(jī)房裏待了一(yī)個星期，雖然生理(lǐ)反應不大，但是還是不好受。原本以為(wèi)是實訓比平時上課要舒服多了吧(ba)，但是這一(yī)個星期下來差點沒被累死，比平時上課還疼苦。但是在這實訓的(de)一(yī)星期裏我(wǒ)的(de)收獲還是很多的(de)。

第一(yī)、從這次實訓當中我(wǒ)深刻的(de)體會到理(lǐ)論知識的(de)重要性，隻有(yǒu)在自(zì)己熟練理(lǐ)論知識後再能在實踐中遊刃有(yǒu)餘，才不會出現“書到用時方恨少”的(de)尴尬體會。

第二、實訓中我(wǒ)印象最深的(de)是對各種網頁制作工具的(de)使用不熟練，甚至還有(yǒu)個别不會用的(de)，隻是自(zì)己想要做(zuò)個圖片或圖标等都做(zuò)不好，其心情想而知。所以對這些網頁是做(zuò)工具的(de)使用都要練習。

第三、集體協作是我(wǒ)又一(yī)個體會。這次網頁制作由于某些原因我(wǒ)一(yī)個人一(yī)組，是我(wǒ)搞掘到壓力很大而且很累，而且我(wǒ)自(zì)己的(de)思維能力很有(yǒu)限，網站設計和(hé)制作上也略顯粗糙和(hé)不足，正所謂：你有(yǒu)一(yī)個思想，我(wǒ)有(yǒu)一(yī)個思想，分享後我(wǒ)們(men)就都有(yǒu)兩個思想。所以與同學(xué)合作是很有(yǒu)必要的(de)。

總之，這5天裏自(zì)己雖然很累，但是自(zì)己的(de)收獲也是很不小的(de)，所以我(wǒ)也是很開心的(de)。

網頁設計實訓總結心得體會範文5

實訓的(de)五天中，我(wǒ)的(de)心情就好像這五天的(de)天氣變化，有(yǒu)晴有(yǒu)陰，隻是差了點眼淚。但這并沒有(yǒu)使我(wǒ)放棄，我(wǒ)不想落後，也不想拖小組的(de)後腿，我(wǒ)告訴自(zì)己隻有(yǒu)努力做(zuò)好一(yī)切才是我(wǒ)的(de)選擇。一(yī)次次的(de)失敗，一(yī)次次的(de)嘗試，做(zuò)好的(de)那一(yī)刻，激動、高(gāo)興。我(wǒ)不是天才，有(yǒu)些知識不會。查書，問同學(xué)，找代碼等等，時間飛(fēi)速的(de)流逝着，有(yǒu)些學(xué)會了，但仍然有(yǒu)不會的(de)。

我(wǒ)們(men)的(de)小組從開始就産生了分歧，網站主題不一(yī)緻。直到制作網站的(de)第三天，我(wǒ)們(men)才達成共識，兩方各退一(yī)步。還好，大家做(zuò)出來的(de)效果差不多，接下來的(de)幾天大家一(yī)起努力制作網頁。遇到問題了，互相讨論，找出解決的(de)方法，解決不了的(de)就找人問。

在規劃網站結構前，我(wǒ)們(men)在互聯網上大量的(de)尋找網站布局規劃，“不行(xíng)”、“不行(xíng)”、“與主題不搭”等一(yī)遍遍否定的(de)話不斷說出，終于确定了。我(wǒ)們(men)做(zuò)旅遊的(de)，以春夏秋冬四季分作，色調意思及顔色搭配。制作的(de)過程中，我(wǒ)們(men)改變了初衷，不知道(dào)是好，還是壞，決定做(zuò)春夏冬三季及另外涉及天下旅遊方面的(de)主網頁。

選取素材，一(yī)個個的(de)挑，看的(de)越多也變得越難選，好多與自(zì)己想要的(de)想差太遠，找的(de)眼都花了，還是得找。磨練又一(yī)次的(de)來了，堅持吧(ba)，努力吧(ba)，找完就好了。

制作網頁，一(yī)遍遍的(de)改。不對、不對，顔色不搭，不能突出主題，浏覽出來的(de)結構不搭，改吧(ba)。累啊，煩呢(ne)，還是得繼續做(zuò)。做(zuò)網站是即使出現再多的(de)錯誤，也要堅持做(zuò)，耐心點，做(zuò)好做(zuò)完就好了，就輕松了。

我(wǒ)們(men)經常在嘴邊挂着要有(yǒu)“團隊合作理(lǐ)念”，但行(xíng)動起來時，有(yǒu)些人還是會忘記，也許是固執，也許是其他原因。遇到這種情況時，要有(yǒu)人站出來調節，盡快解決矛盾，否者會影響整體的(de)工作進程，彼此不高(gāo)興。制作網頁不協調，影響質量。

我(wǒ)們(men)這次實訓的(de)目的(de)及要求是：以小組為(wèi)單位，合作完成從确定網站主題、規劃網站結構、選取網頁素材、到制作網頁內(nèi)容等步驟，從而掌握網站建設的(de)全流程。同時，培養團隊協作精神，提高(gāo)綜合運用所學(xué)分析、解決實際問題的(de)能力，實現由理(lǐ)論知識向操作技能的(de)轉化。

網頁設計實訓總結心得體會範文6

從學(xué)校 畢業 後，我(wǒ)第一(yī)次步入了社會，從此開始了面對社會、工作的(de)生活。剛剛走入社會的(de)我(wǒ)是一(yī)個性格有(yǒu)些內(nèi)向的(de)人，面對陌生的(de)人，我(wǒ)不善言辭，不會給自(zì)己的(de)外表進行(xíng)很好的(de)包裝，不适合做(zuò)那些銷售、接待的(de)工作，隻有(yǒu)技術類的(de)工作，少說多幹的(de)活适合我(wǒ)，這個我(wǒ)很清楚。現在，中國(guó)每年(nián)都有(yǒu)很多畢業的(de)大學(xué)生找不到工作，我(wǒ)也不例外，所以，這第一(yī)次實習工作肯定不會太好找，但是相反，我(wǒ)的(de)運氣還不錯。找到了一(yī)份網頁設計的(de)工作。現将我(wǒ)在工作中的(de)情況 報告 如(rú)下。

一(yī)、工作介紹

我(wǒ)工作的(de)這家公司，從事網站開發工作的(de)，公司在技術團隊這部分是比較正規的(de)，一(yī)般是五到六人為(wèi)一(yī)個小組，小組中有(yǒu)明确分工，有(yǒu)負責聯系客戶接恰生意的(de)，有(yǒu)專門做(zuò)技術的(de)，而在技術這塊分為(wèi)網站前台、後台開發，我(wǒ)在學(xué)校主要做(zuò)的(de)是後台開發，當然前台設計工作也還算熟練，但不是很精通。我(wǒ)們(men)這個小組一(yī)般接下的(de)活都是一(yī)些小型網站的(de)開發工作，這樣的(de)網站技術難度不大，而且工作周期短(duǎn)，有(yǒu)相當一(yī)部分的(de)，隻需要通過cms軟件就可(kě)以進行(xíng)開發。但是有(yǒu)個别的(de)網站開發時，我(wǒ)們(men)還是需要進行(xíng)一(yī)些手寫代碼工作的(de)。

二、開發技術

做(zuò)為(wèi)一(yī)個剛畢業的(de)大學(xué)生，我(wǒ)的(de)知識儲備肯定有(yǒu)不足的(de)地(dì)方，畢竟學(xué)校教的(de)東西肯定會有(yǒu)一(yī)部分和(hé)社會是脫節的(de)，但好在我(wǒ)的(de)領導對于我(wǒ)沒有(yǒu)太多的(de)要求，他隻是要求我(wǒ)盡快的(de)适應公司的(de)工作和(hé)生活，在短(duǎn)時間內(nèi)熟練的(de)掌握相關技術，幹好本職工作。

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

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

三、工作流程

小組分工時，我(wǒ)負責後台裏小模塊的(de)開發工作，如(rú)：留言闆或論壇，還有(yǒu)一(yī)部分javascript代碼編寫工作。前台部分的(de)工作是和(hé)組裏的(de)丁珊珊做(zuò)一(yī)些排版的(de)工作，使用css+div技術。編寫代碼這種工作看起來有(yǒu)些枯燥，其實時間長(cháng)了以後，還真有(yǒu)點厭煩，但是後來我(wǒ)明白，隻有(yǒu)将自(zì)己的(de)本職工作做(zuò)好，提高(gāo)自(zì)己的(de)技術，做(zuò)出優良的(de)東西，這樣自(zì)己才會有(yǒu)價值感，才會對自(zì)己的(de)工作保持新鮮感。所以我(wǒ)每天都在工作後，記錄下每天在技術上的(de)不足之處，回家後，将強學(xué)習，這所謂：找出不會的(de)地(dì)方，學(xué)會它，你就變的(de)強大了。

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

四、安全檢查

安全檢查是很重要的(de)一(yī)個環節，就像你給人家蓋房子(zǐ)，房子(zǐ)蓋好了，可(kě)是門和(hé)窗不結實，那這種就必然不會安全的(de)了。頁站的(de)制做(zuò)也是同樣的(de)道(dào)理(lǐ)，在安全方面，有(yǒu)一(yī)個地(dì)方是和(hé)開發人員有(yǒu)很大的(de)關系的(de)。因為(wèi)開發人員技術的(de)高(gāo)低(dī)決定了網站的(de)安全性，有(yǒu)些人員在一(yī)些環節上的(de)疏漏，很有(yǒu)可(kě)能導緻網站在實際使用時，遭到黑客攻擊，如(rú)果造成了經濟損失就無法挽救了。

所以，我(wǒ)們(men)每個人在将各自(zì)的(de)工作完成以後，組長(cháng)和(hé)其它專門的(de)技術人員會對網站的(de)安全性進行(xíng)測試，找出存在的(de)漏洞，然後加以修改。以使它的(de)安全性達到最高(gāo)最穩定的(de)狀态。

在公司進行(xíng)實習工作的(de)這段時間，我(wǒ)在個人技術上收獲了很多，現在的(de)我(wǒ)已經能獨檔一(yī)面了，做(zuò)一(yī)些難度比較大的(de)工作，我(wǒ)通過優異的(de)表現，已經轉為(wèi)正式員工，我(wǒ)對自(zì)己的(de)表現感到滿意，最重要的(de)是我(wǒ)給自(zì)己的(de)學(xué)校争了光，但是在社交能力方面，溝通能力上還有(yǒu)不足的(de)地(dì)方。我(wǒ)決定在今後的(de)工作和(hé)學(xué)習，要加強和(hé)别人的(de)溝通能力。使自(zì)己變的(de)更好，為(wèi)國(guó)家為(wèi)社會做(zuò)出更多的(de)貢獻。

網頁設計實訓總結心得6篇相關 文章(zhāng) ：

★ 網頁設計實訓總結心得6篇

★ 網頁設計實習心得體會3篇

★ 網頁設計實訓報告心得

★ 網頁設計實訓心得

★ 網頁設計實習心得體會總結

★ 網頁設計實訓心得三篇

★ 網頁設計實習心得體會

★ 網頁設計實習心得體會感想

★ 學(xué)習網頁設計的(de)總結

★ 有(yǒu)關網頁制作實訓報告心得體會

要一(yī)份網頁實訓報告

一(yī)、實習目的(de)：

通過教學(xué)實習掌握站點制作、站點測試與發布技術。會綜合利用Fireworks

、Flash和(hé)Dreamweaver三個軟件進行(xíng)靜态網站的(de)設計。

二、實習內(nèi)容：

1.用Fireworks處理(lǐ)圖片。對圖片裁剪、鈍化、高(gāo)斯模糊。設置圖片的(de)GIF動畫格式，制作标題動畫。對文字應用效果。利用Fireworks制作導航條并導出格式為(wèi)html。

2.用Flash制作标題動畫。首頁中的(de)動畫不超過20M。制作按鈕來超級鏈接到其他頁面。

3.使用Dreamweaver布局視(shì)圖，設置本地(dì)站點。在标準視(shì)圖和(hé)布局視(shì)圖模式相互轉換。建議使用布局視(shì)圖，在标準模式中插入層對象制作層動畫，利用行(xíng)為(wèi)面闆添加鼠标行(xíng)為(wèi)，制作翻轉動畫，使用CSS樣式統一(yī)網頁中文字樣式，插入Fireworks中的(de)GIF

文件及導入Flash中的(de)SWF文檔，設置文檔間的(de)超級鏈接。

三、具體要求：

1、利用Dreamweaver制作一(yī)個靜态網站，要求網站有(yǒu)特色，整個網站的(de)內(nèi)容和(hé)形式要統一(yī)，應能夠反映一(yī)個簡單的(de)主題。可(kě)以選擇制作《個人網站設計》、《企業網站設計》、《文化網站的(de)設計》、《娛樂(yuè)網站設計》或者其他自(zì)己認為(wèi)适合的(de)網站。

2、 作一(yī)個主頁面，至少5個次頁面。

3、必須用到框架、表格或層排版技術、Flash技術和(hé)圖像處理(lǐ)技術，使網站具有(yǒu)合理(lǐ)的(de)外觀和(hé)功能。

4、 主頁基本要求：

　頁頭Logo，準确無誤地(dì)标識站點和(hé)企業标志；

　網頁标題動畫，可(kě)以制作成GIF動畫或者Flash動畫；

　導航條；

　E-mail地(dì)址，用來接受用戶垂詢；

　聯系信息，如(rú)普通郵件地(dì)址或電話；

　版權信息。

5、制作一(yī)個表單頁面。

6、某個頁面有(yǒu)滾動字幕。

7、為(wèi)一(yī)個頁面添加背景音樂(yuè)。

8、至少添加一(yī)種行(xíng)為(wèi)效果。

9、整個網站各頁面之間保持風格一(yī)緻，頁面之間要有(yǒu)合理(lǐ)的(de)超級鏈接。

10、進行(xíng)站點測試後申請免費空間并發布到網絡。

四、網站設計思路：

本站應該算是一(yī)個個人主頁的(de)小型網站。關于本站站名的(de)來源：微言微語個人主頁，因為(wèi)，我(wǒ)覺得這個網站裏面的(de)所有(yǒu)文字都是像一(yī)個人在自(zì)言自(zì)語，在低(dī)聲地(dì)向某人訴說着什麽，沒有(yǒu)主題，沒有(yǒu)目的(de)。取這個站名，是做(zuò)了網站的(de)大概構思後才取的(de)，覺得，這個名字與網站的(de)圖片、背景音樂(yuè)還有(yǒu)文字都很相符。

個人主頁，一(yī)般都會包括首頁，相冊，鏈接，一(yī)些個人喜歡的(de)文字加圖片，我(wǒ)的(de)個人主頁也不例外，包括次首頁（個人喜歡的(de)的(de)文章(zhāng)加圖片），我(wǒ)的(de)作品（裏面包括自(zì)己做(zuò)的(de)三個FLASH動畫），文章(zhāng)（一(yī)些自(zì)己喜歡的(de)文章(zhāng)），相冊（Firworks處理(lǐ)過的(de)相冊），關于（關于自(zì)己的(de)文字，關于本站的(de)一(yī)些說明），鏈接（世界著名網站的(de)有(yǒu)關鏈接），反饋表（浏覽者信息反饋表）。

五、網站設計過程：

把所有(yǒu)的(de)素材都整理(lǐ)好（圖片，文章(zhāng)，相片），開始布局。此站大多數用的(de)是“三”字型的(de)，三字型是我(wǒ)給它取的(de)名字，因為(wèi)，最開頭是一(yī)張帶有(yǒu)導航條的(de)圖片，用Firworks處理(lǐ)過的(de)HTML文件，中間一(yī)大片用于放正文，下面就是版權信息，E-mail地(dì)址用來接受用戶垂詢；聯系信息，如(rú)普通郵件地(dì)址或電話，像被分開的(de)三個部分，所以我(wǒ)叫它三字型。這種布局方式看起來比較的(de)整齊，簡潔美觀。

首頁本想做(zuò)一(yī)個動态網頁，由于時間有(yǒu)限所以還沒完全成功。隻好用了一(yī)張與次頁面一(yī)樣的(de)背景圖片做(zuò)背景，加上從下向上的(de)滾動字幕，背景圖片是用Firworks處理(lǐ)過的(de)圖片，大片的(de)灰色牆壁加上顔色豔麗的(de)鈕扣圖案，首頁加了狀态欄逐字出現的(de)效果，加了“加入收藏”、“設為(wèi)首頁”等代碼。

次頁面包括如(rú)下些內(nèi)容：首頁、作品、文章(zhāng)、相冊、關于、鏈接以及反饋表。這些頁面是用模闆做(zuò)的(de)，上面的(de)圖片，導航條以及下面的(de)版權聯系方式是不用改變的(de)，都保持着首頁的(de)風格，背景圖一(yī)樣，字體與樣式一(yī)樣，圖片風格一(yī)樣。中間是兩個可(kě)編輯區域。

在所有(yǒu)的(de)頁面導航條下面，插入層對象制作了一(yī)個層動畫，來回移動的(de)層，裏面存放日期，利用行(xíng)為(wèi)面闆為(wèi)此層添加了鼠标行(xíng)為(wèi)，單擊此層，會出現對話框，“歡迎您訪問我(wǒ)的(de)個人主頁！”，做(zuò)布局大多使用表格布局，使用了少量的(de)css樣式，字體，字号，顔色都統一(yī)套用相應的(de)樣式。

首頁中添加背景音樂(yuè)，小說音樂(yuè)《我(wǒ)在那一(yī)角落患過傷風》，一(yī)邊看慢慢上移的(de)文字，一(yī)邊聽這輕柔的(de)音樂(yuè)，給人一(yī)種意境美。其實次頁面添加《蟲兒飛(fēi)》，輕快而活潑。首頁禁止右鍵複制功能，右鍵單擊沒有(yǒu)反應。

次首頁，就是進入次頁面的(de)第一(yī)個頁面。主題算是與青春有(yǒu)關的(de)三種感情，三張圖片，用Firworks處理(lǐ)，加上相應的(de)文字。要用到兩個表格，分别放在兩個可(kě)編輯區域裏面，一(yī)個1*2的(de)表格，一(yī)個2*2的(de)表格，第一(yī)個表格放一(yī)張有(yǒu)關于親情的(de)圖片加一(yī)小段文字，第二個表格放一(yī)張有(yǒu)關于友情的(de)圖片加一(yī)小段文字,還有(yǒu)一(yī)張有(yǒu)關于愛情的(de)圖片加一(yī)小段文字。作品頁面是三個FLASH動畫，第一(yī)個是左右鍵控制的(de)圖片移動按鈕，可(kě)以單擊來鏈接到主頁面（代碼見附錄），四個圖片經過裁剪、高(gāo)斯模糊。第二個是光芒四射（代碼見附錄），要用到ActionScript語言，長(cháng)短(duǎn)不一(yī)的(de)線條加上透明度的(de)改變組成光芒四射。第三個是鼠标跟随特效（代碼見附錄）。文章(zhāng)頁面，就是簡單的(de)文字頁面，沒有(yǒu)什麽特别的(de)。相冊頁面，上面是一(yī)個用Firworks處理(lǐ)後的(de)一(yī)組圖片，鼠标移到小圖片上，下面做(zuò)出現相應的(de)大相片，中間有(yǒu)少量文字，底部是用FLASH做(zuò)的(de)一(yī)組循環滾動圖片（代碼見附錄），圖片跟着鼠标的(de)移動而左右移動。關于頁面，也是簡單的(de)文字頁面，沒什麽特别的(de)，“個人簡曆”文字鏈接到WORD文檔“個人簡曆”(代碼：a

href="my.doc")，下面有(yǒu)個信息反饋的(de)鏈接，鏈接到有(yǒu)關的(de)“浏覽者信息反饋表”，此信息反饋表用表單做(zuò)的(de)，用到單行(xíng)文本域，多行(xíng)文本域，單選框，複選框，按鍵，此表單可(kě)以用郵件方式反饋信息（mailto:redcarrot2001@163.com）。鏈接頁面，前面是我(wǒ)的(de)個人主頁LOGO，一(yī)張用Firworks做(zuò)的(de)LOGO，并建立有(yǒu)關鏈接，中間是一(yī)些文字，下面是世界著名網頁的(de)有(yǒu)關網址以及相應鏈接。

附錄：源代碼

(1) 狀态欄逐字出現的(de)效果代碼：

script language="JavaScript"

var msg = "歡迎來到☆※◎~~~微言微語~~~☆※◎個人主頁，請多提意見。謝謝! "

;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq = len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

/script

(2) 首頁收藏代碼：

onClick="window.external.addFavorite('','微言微語個人主頁')"---收藏本站br

（3）設為(wèi)首頁代碼：

onclick="var

strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---設為(wèi)首頁/span/p

（4）滾動字幕代碼：

marquee align=left direction=up

behavior=scroll height=400

width=550 hspcace=5 scrollmount=2 scrolldelay=200

vspce=5 loop=-1

pspan class="4e6b900042d18f6d css"1、真的(de)很喜歡那些記錄多于表達的(de)人。

br /

…………

…………

183、希望每一(yī)個新的(de)一(yī)天，醒來的(de)那個你都神清氣爽。/span

/p

/div

/p

/marquee

（5）添加背景音樂(yuè)代碼：

bgsound src="aa.mp3" loop=1

（6）禁止右鍵複制功能代碼：

script language="JavaScript"

!--

document.oncontextmenu=new

Function("event.returnValue=false;"); //禁止右鍵功能,單擊右鍵将無任何反應

document.onselectstart=new

Function("event.returnValue=false;"); //禁止先擇,也就是無法複制//--

/script

style type="text/css"

（7）光芒四射代碼：

duplicateMovieClip("line","line"+i,i);

setProperty("line"+i,_rotation,random(360));

setProperty("line"+i,_alpha,random(100));

i++;）

if(i100){

gotoAndPlay(1);

}else{

i=1;

}

（8）鼠标跟随代碼：

movie._visible=0;

i=0;

i++;

if(i100){

i=1;

}

movie._x+=(_xmouse-movie._x)/30;

movie._y+=(_ymouse-movie._y)/30;

duplicateMovieClip(movie,"movie"+i,i);

this["movie"+i]._x=movie._x;

this["movie"+i]._y=movie._y;

gotoAndPlay(2);

（9）循環滾動圖片：

onClipEvent (enterFrame) {

this._x-=(_root._xmouse-300)/15;

if(this._x1371.1){

this._x=this._x-1371.1;

}

if(this._x-1371.1){

this._x=this._x+1371.1;

}

}

（10）左右鍵控制的(de)圖片移動按鈕：

on(release)

{getURL("index.html","_blank");}

六、實訓中遇到的(de)難點及解決辦法：

在設計開始的(de)時候，想的(de)太多，不知道(dào)怎麽開頭，定哪個主題，背景，色調，文字，布局都沒有(yǒu)頭緒，後來，開始做(zuò)，而且覺得越做(zuò)越有(yǒu)頭緒了，所以我(wǒ)覺得，還是不要想的(de)太多，太複雜了，不要追求完美，不要做(zuò)的(de)網頁太多，搞到最後，别人都不知道(dào)，你這個網站的(de)主題是什麽了。

還有(yǒu)就是布局的(de)時候總是不能做(zuò)到很美觀，後來，我(wǒ)把頁面屬性改了左過距為(wèi)10，上邊距為(wèi)10，剛好把背景圖片裏面的(de)那些亮(liàng)麗的(de)鈕扣圖案顯示出來，改變了表格背景圖的(de)灰暗，使網頁的(de)整體看起來更美觀了。

在做(zuò)CSS樣式表的(de)時候，做(zuò)字的(de)顔色的(de)時候，老是不知道(dào)用哪種顔色才搭配的(de)起這個背景，後來，看到那個背景的(de)鈕扣顔色與灰色配起來很好看就用吸管取了鈕扣的(de)顔色了。

七、實訓心得：

在我(wǒ)看來，設計網頁，應該先策劃，策劃很重要，加上創意，配色很重要，技術與鑒賞能力是最主要的(de)。建立站點的(de)時候，各個文件夾取名的(de)時候，最好用相應的(de)英語，見名知意，如(rú)圖片文件夾用image，網頁文件夾用html。

在所有(yǒu)配色當中，不同的(de)顔色傳達着不同的(de)意義也有(yǒu)不同的(de)象征。如(rú)白色代表着：清潔、天真、潔淨、真理(lǐ)、和(hé)平、冷淡、貧乏；灰色讓人聯想到灰塵、石頭、水泥、白銀，象征着中庸、平凡、溫和(hé)、謙讓，它給人以中立和(hé)高(gāo)雅的(de)感覺。太多的(de)顔色會給人帶來視(shì)覺上的(de)疲勞。所以，在我(wǒ)下載準備素材的(de)時候，就選擇用灰色做(zuò)背景顔色，灰色太貧乏，就加上亮(liàng)色的(de)鈕扣起到“中和(hé)”的(de)作用。

通過此次實訓,我(wǒ)覺得平面設計的(de)創意思維、版面設計、色彩配置、圖形創意等方面都有(yǒu)很重要，對于網頁制作來說，我(wǒ)覺得是一(yī)個以多學(xué)科(kē)設計為(wèi)基礎，受到包括視(shì)覺藝術、技術、內(nèi)容的(de)多種影響。網頁設計的(de)技術不算什麽困難，真正困難的(de)是網頁的(de)設計創意，文字我(wǒ)覺得也很重要，有(yǒu)些人浏覽你的(de)網頁不是喜歡上你的(de)豔麗漂亮(liàng)的(de)圖片，也許是喜歡上你的(de)文字，那種感動人心的(de)，唯美的(de)文字。文字與圖片要搭得上調，不可(kě)能用一(yī)張美女圖做(zuò)背景，上面卻寫有(yǒu)關于親情的(de)文章(zhāng)。也就是整體的(de)搭配問題。

通過此次實訓，使我(wǒ)對于網頁制作的(de)三大軟件有(yǒu)了進一(yī)步的(de)了解，各功能都能夠實現。提高(gāo)了自(zì)己的(de)鑒賞能力，綜合搭配能力，也對以前學(xué)過的(de)內(nèi)容進行(xíng)了綜合的(de)複習。

通過此次實訓，我(wǒ)更了解到，生活中有(yǒu)許多色彩，搭配顔色的(de)時候，聯想到生活中的(de)東西會做(zuò)的(de)更漂亮(liàng)，給人一(yī)種親切感，現在看到什麽東西，我(wǒ)就會聯想到做(zuò)網頁的(de)時候，還有(yǒu)怎麽布局。反正此次實訓收獲很多。

最後，我(wǒ)想，如(rú)果此次實訓老師是要我(wǒ)們(men)分組來做(zuò)的(de)話，也許，我(wǒ)們(men)可(kě)以做(zuò)得更好，因為(wèi)，一(yī)個想的(de)畢竟不全面，而且，一(yī)個人的(de)申美有(yǒu)限，我(wǒ)們(men)可(kě)以分工合作，一(yī)個人做(zuò)一(yī)個方面的(de)東西，也可(kě)以根據他所善長(cháng)的(de)方面來分工，善長(cháng)動畫制作的(de)人做(zuò)動畫，善長(cháng)圖片處理(lǐ)的(de)人做(zuò)圖片，善長(cháng)文字與布局的(de)就來布局。但是，也許那樣，有(yǒu)些同學(xué)會懶的(de)動手，推着給别人做(zuò)。

網站建設實訓報告萬能模闆的(de)介紹就聊到這裏吧(ba)，感謝你花時間閱讀本站內(nèi)容，更多關于網站建設實訓報告萬能模闆下載、網站建設實訓報告萬能模闆的(de)信息别忘了在本站進行(xíng)查找喔。