網(wǎng)頁設(shè)計實習(xí)報告范文
篇一：網(wǎng)頁制作實訓(xùn)報告
網(wǎng)絡(luò)發(fā)展到今天，建立網(wǎng)站已經(jīng)成為一個很普遍的問題了，對于一個企業(yè)來說，建設(shè)好自己的網(wǎng)站可以搶占新世紀(jì)發(fā)展的戰(zhàn)略要點。建立新的企業(yè)形象，直接開拓國際市場，開展24小時網(wǎng)上營銷及高效廉價的定向宣傳；與客戶建立最直接的交流機制，縮短推出新產(chǎn)品和打開新市場的周期，與富有吸引力的客戶群發(fā)展客戶關(guān)系網(wǎng)；與自己的銷售人員保持聯(lián)系，進一步面向本地市場。
出色的網(wǎng)站吸引人的地方不僅僅在于其內(nèi)容，鮮明的結(jié)構(gòu)和獨特的風(fēng)格往往能起到畫龍點睛的作用。一個網(wǎng)站即使內(nèi)容再豐富，如果網(wǎng)站的結(jié)構(gòu)和風(fēng)格不能吸引人，那也是毫無價值的。往往整個網(wǎng)站的風(fēng)格是一個網(wǎng)站吸引瀏覽者的魅力所在，因此應(yīng)當(dāng)根據(jù)網(wǎng)站的主題、內(nèi)容和瀏覽者的要求來設(shè)計自己獨特的網(wǎng)站風(fēng)格。
整個網(wǎng)站的結(jié)構(gòu)和內(nèi)容都是在開始設(shè)計之前就已經(jīng)經(jīng)過詳細(xì)的計劃的。其實任何網(wǎng)站都一樣：企業(yè)網(wǎng)站的宗旨就是對外宣傳企業(yè)形象，發(fā)布企業(yè)最新的企業(yè)產(chǎn)品，其服務(wù)群體就是為對其產(chǎn)品感興趣的客戶或者正在使用企業(yè)產(chǎn)品的用戶服務(wù)，這就是企業(yè)網(wǎng)站的建設(shè)方向；個人網(wǎng)站的宗旨就是宣傳自己，提供一個自身和外界交流的場所；由此可見，網(wǎng)站的設(shè)計方向是依據(jù)網(wǎng)站的客戶、服務(wù)群體等多方面來確定的。
本站是一個用Dreamweaver、Flash、PHP、SQL server2000設(shè)計編寫的美食網(wǎng)站，主要包括6個模塊：首頁，菜譜，廚房，食材，飲食健康，飲食資訊等。通過本網(wǎng)站系統(tǒng)能提供各種與美食相關(guān)的信息以及各種美食信息的交流。與其他企業(yè)網(wǎng)站一樣，也應(yīng)通過Internet來對外宣傳網(wǎng)站。
建立以Dreamweaver，F(xiàn)lash等技術(shù)編寫的前臺表現(xiàn)模塊，為用戶提供方便快捷的信息服務(wù)與交流。隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，互聯(lián)網(wǎng)的.快速發(fā)展使越來越多的人選擇從互聯(lián)網(wǎng)上獲取信息，因此，互聯(lián)網(wǎng)逐漸成為一個寬廣的信息發(fā)布平臺和獲取信息的平臺。本網(wǎng)站系統(tǒng)就要有用戶注冊和新聞發(fā)布兩大動態(tài)功能。通過以PHP編寫，以SQL 2000作為后臺數(shù)據(jù)庫的網(wǎng)站后臺管理系統(tǒng)，制作了一個簡單的美食網(wǎng)站系統(tǒng)，實現(xiàn)了美食網(wǎng)站用戶登陸、注冊以及新聞發(fā)布等功能。
第一章 項目需求分析
1.1需求分析
互聯(lián)網(wǎng)豐富多彩，這些信息大多通過網(wǎng)頁與用戶進行交互。網(wǎng)頁的實現(xiàn)形式多種多樣，無論是短小精悍的個人主頁，還是結(jié)構(gòu)清晰、豐富的大型網(wǎng)站，網(wǎng)站的需求分析和規(guī)劃設(shè)計都要放在第一步，因為它直接關(guān)系到網(wǎng)站的功能是否完善，質(zhì)量是否能夠達到保證。
1.2實訓(xùn)目的
網(wǎng)站的建設(shè)不僅僅是制作主頁的問題，還需要考慮網(wǎng)站的定位、目標(biāo)用戶、網(wǎng)站內(nèi)容、服務(wù)事項、空間方案、安全性、藝術(shù)設(shè)計、數(shù)據(jù)庫技術(shù)等等。任何網(wǎng)站在建設(shè)之前就必須明確方向、用途和服務(wù)群體等一系列的問題，寫出詳盡的建站計劃，可以說這是網(wǎng)站建設(shè)的根源和核心所在。作為一個美食網(wǎng)站，我們的服務(wù)群體及訪問者都定位在愛好和熱愛美食的大眾，為為大家服務(wù)就是我們這個網(wǎng)站的目的和方向。從整個頁面上可以看出，我們的這個整個網(wǎng)站涉及所有熱愛美食的人。整個網(wǎng)站的結(jié)構(gòu)和內(nèi)容都是在開始設(shè)計之前就已經(jīng)經(jīng)過詳細(xì)的計劃的。其實任何網(wǎng)站都一樣，企業(yè)網(wǎng)站的宗旨就是對外宣傳企業(yè)形象，發(fā)布企業(yè)最新的企業(yè)產(chǎn)品，其服務(wù)群體就是為對其產(chǎn)品感興趣的客戶或者正在使用企業(yè)產(chǎn)品的用戶服務(wù)，這就是企業(yè)網(wǎng)站的建設(shè)方向；個人網(wǎng)站的宗旨就是宣傳自己，提供一個自身和外界交流的場所；由此可見，網(wǎng)站的設(shè)計方向是依據(jù)網(wǎng)站的客戶、服務(wù)群體等多方面來確定的。
通過綜合實訓(xùn)進一步鞏固，深化和拓展學(xué)生的理論知識與專業(yè)技能。
訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力,充分培養(yǎng)和提高學(xué)生的動手能力,學(xué)會通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖象資料、flash動畫和網(wǎng)頁特效等。
培養(yǎng)學(xué)生運用所學(xué)的理論知識和技能解決網(wǎng)站開發(fā)過程中所遇到的實際問題的能力及其基本工作素質(zhì)。
培養(yǎng)學(xué)生理論聯(lián)系實際的工作作風(fēng),嚴(yán)肅認(rèn)真的科學(xué)態(tài)度以及獨立工作的能力,樹立自信心。
篇二：網(wǎng)頁設(shè)計實踐報告
一、任務(wù)內(nèi)容
原計劃打算以“植物”為主題，在設(shè)計過程中發(fā)現(xiàn)范圍過于寬泛，無法完成主題的設(shè)計。因自己十分喜愛梔子花且有所種植經(jīng)歷，經(jīng)考慮后重新確定了以“梔子花”為主題的網(wǎng)頁設(shè)計內(nèi)容。主要分為一、梔子花的文化，二、梔子花的種類和生長特性以及三、我的梔子花三個模塊。
其中，模塊一使用幻燈片進行演示，主要分為關(guān)于梔子花的詩句、梔子花的傳說以及梔子花的蘊涵三個部分。模塊二采用網(wǎng)頁模板進行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。模塊三主要展示了自己拍攝的梔子花圖片。希望通過我的展示，讓他人對梔子花有所了解。
二、設(shè)計步驟
一、構(gòu)思
首先，對梔子花的種類進行簡單的介紹；其次，對梔子花的文化內(nèi)涵進行簡要描述；最后，展示自己種植的梔子花成果。因此，此次作業(yè)共由三部分網(wǎng)頁【一、主頁、二、梔子花的種類和生長特性、以及三、自己種植的梔子花的圖片三個模塊。】和一組幻燈片【梔子花的文化】構(gòu)成。其中模塊二【梔子花的種類和生長特性】采用網(wǎng)頁模版組成，主要介紹了兩類梔子花——大葉梔子和雀舌梔子，更加便于了解。
二、取材
主要從網(wǎng)絡(luò)上獲取所需的圖片、音樂等關(guān)于梔子花的素材，其中部分照片從個人相冊中獲取。
三、設(shè)計 （一）網(wǎng)頁設(shè)計
模塊一、梔子花的文化以及模塊三、我的梔子花采用網(wǎng)頁設(shè)計。
在首頁添加表格，在表格內(nèi)增添標(biāo)題欄以及字幕，增添了圖片、背景圖片、背景音樂、文字、藝術(shù)字對首頁進行豐富和充實。在部分文字以及圖片上增加超鏈接，與三個模塊進行連接，便于翻閱。
在模塊二中采用網(wǎng)頁模板進行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。在模板內(nèi)采用表格對網(wǎng)頁進行劃分，對梔子花進行概述和分類描述。插入圖片，便于直觀的了解各個種類的梔子花。其中，各個種類的梔子花展示位于網(wǎng)頁模板的右方，在左方進行總說，并通過超鏈接與梔子花的分類說明建立聯(lián)系。
在模塊三中，通過繪制表格對網(wǎng)頁進行大小不同的劃分，插入梔子花的圖片拼接成整個網(wǎng)頁。
�。ǘ┗脽羝O(shè)計
此組幻燈片主要用來介紹梔子花的文化。在幻燈片上主要增添了背景圖片、背景音樂以及大量的文字說明，未對幻燈片進行大量的美化和修飾，主要目的是為了讓他人關(guān)注了解梔子花的豐富的內(nèi)涵和文化。
�。ㄈゝlash設(shè)計
此次flash設(shè)計主要用于美化模塊二中對大葉梔子以及雀舌梔子的介紹過程。
四、美化
�。ㄒ唬┨砑颖尘耙魳�
在主頁以及各個模塊中均插入了背景音樂。
�。ǘ┰O(shè)計網(wǎng)頁過渡 （三）添加超鏈接
三、采用的方法與手段
�。ㄒ唬┦褂肍rontpage制作網(wǎng)頁
單擊新建網(wǎng)頁可選擇新建空白網(wǎng)頁或其他網(wǎng)頁模版。
單擊表格，選定繪制表格或布局表格或單元格即可繪制單元格。 選定單元格，單擊鼠標(biāo)右鍵選定背景即可插入背景圖片。
選定網(wǎng)頁，單擊鼠標(biāo)右鍵，選定網(wǎng)頁屬性，瀏覽格式即可添加網(wǎng)頁背景。 選定單元格，即可輸入文字。
選定插入，選擇插入圖片或藝術(shù)字即可插入圖片或藝術(shù)字。 選定插入，選擇交互式按鈕，即可插入字幕。 選定格式，選擇網(wǎng)頁過渡，即可設(shè)計網(wǎng)頁過渡效果。
�。ǘ┦褂肞owerpoint制作幻燈片
單擊鼠標(biāo)右鍵，選定背景，選定其他填充效果，瀏覽選定圖片即可添加背景圖片。
單擊插入，選擇圖片，即可添加圖片或者藝術(shù)字。
選定文字，單擊鼠標(biāo)右鍵，選擇自定義動畫即可添加自定義動畫。 選定幻燈片，單擊鼠標(biāo)右鍵，選擇自定義動畫即可添加自定義動畫。 選定藝術(shù)字，單擊鼠標(biāo)右鍵，選擇自定義動畫即可添加自定義動畫。、
�。ㄈ┦褂肍lash制作動畫
單擊插入新建元件，即可進行元件的編輯。
單擊15幀或30幀，單擊鼠標(biāo)右鍵，選擇插入空白關(guān)鍵幀。 單擊第一幀或第15幀，選擇補間，選擇形狀或動畫即可。
【網(wǎng)頁設(shè)計實習(xí)報告】相關(guān)文章：