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