第一篇：網(wǎng)頁網(wǎng)站系統(tǒng)制作開題報告

1.本課題的研究意義

在Internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取?發(fā)布和傳遞信息的重要渠道,它在人們政治?經(jīng)濟?生活等各個方面發(fā)揮著重要的作用.因此網(wǎng)站建設在Internet應用上的地位顯而易見,它已成為政府?企事業(yè)單位信息化建設中的重要組成部分,從而倍受人們的重視?

這次我們所設計的課題正是互聯(lián)網(wǎng)與社會生活之間的緊密關系的體現(xiàn),現(xiàn)今的社會,人們已經(jīng)離不開了網(wǎng)絡,網(wǎng)絡已經(jīng)成為人與人之間交流的一種形式,他能夠把事情的復雜化轉(zhuǎn)為簡單化?老干部局網(wǎng)網(wǎng)站的建設不僅能夠使該事業(yè)單位的工作方式有所改變,也大大地提高了該單位工作人員的辦事效率,也增加了該單位的知明度,更重要的是為我們局的老干部們提供了一個網(wǎng)絡生活空間,促進了他們對網(wǎng)絡知識的進一步地了解?

通過該網(wǎng)站展示了機構設置?政策法規(guī)?辦事指南?電子刊物?新聞?學習園地?問題集錦?養(yǎng)生保健?生活小常識?旅游簡介等系列內(nèi)容的介紹?同時您也可以利用電子信箱經(jīng)濟而又快捷地與外界進行各種信息溝通?

ASp簡介什么是A S p Microsoft Active Server pages(ASp)實際上是將標準的H T M L文件拓展了一些附加特征, A S p像標準的H T M L文件一樣包含H T M L語句并且在一個瀏覽器上解釋并顯示?但它為H T M L編寫人員提供了在服務器端運行腳本的環(huán)境,使H T M L編寫人員可以利用V B S c r i p t和J S c r i p t或其他

第三方腳本語言來創(chuàng)建A S p,實現(xiàn)過去需要編寫復雜的C G I程序才能實現(xiàn)的有動態(tài)內(nèi)容的網(wǎng)頁,如計數(shù)器等?一個A S p文件的后綴為.a s p,其中包含實現(xiàn)動態(tài)功能的V B S c r i p t或J S c r i p t語句,如果去掉那些V B S c r i p t或J S c r i p t語句,它和標準的H T M L文件沒有任何區(qū)別?A S p提供了一些內(nèi)建對象(參見后面關于內(nèi)建對象的章節(jié))?利用這些內(nèi)建對象,你可以使你的腳本更加強大;這些

對象會允許您從瀏覽器中接收和發(fā)送信息?例如,利用r e q u e s t對象,你可以接收用戶的H T M L表單中的信息并加以處理?A S p包含標準的A c t i v e X組件(參見后面關于組件的章節(jié)),這些組件可以實現(xiàn)一些復雜的功能,如使用數(shù)據(jù)庫等?不過,你并不會被此局限,你可以輕松創(chuàng)建屬于你自己的附加A c t i v e X組件?這意味著你可以不加限制地拓展你的A c t i v e X組件(參見后面關于自制組件的章節(jié))?A S p可以和諸如SQL Server這樣的數(shù)據(jù)庫行掛接,在本書后面的章節(jié)中,我們將詳細地學習這方面的內(nèi)容?重要的是,這是A S p一個非常強大的功能所在,在線商務以及在線論壇等各種非常高級的?動態(tài)更新的站點都需要數(shù)據(jù)庫的支持,而且需要隨數(shù)據(jù)庫內(nèi)容的更新而自動更新,這樣,你就可以利用A S p自己建立很多類似的高級站點?通過上面的描述,我們可以了解到, A S p就是由服務器端腳本?對象以及組件拓展過的標準網(wǎng)頁并為其提供了運行的環(huán)境?而它的網(wǎng)頁并不是在建立初期存在的,而是當某個瀏覽器向它提出請求時,它才根據(jù)需要產(chǎn)生所需要的標準網(wǎng)頁,這克服了過去H T M L編寫的網(wǎng)頁的靜態(tài)缺點,從而使網(wǎng)頁上可以有許多動態(tài)的信息存在?如:當前的計算機時間?計數(shù)器的計數(shù)值等?ASp的功能

A S p是一套服務器端的腳本運行環(huán)境,當用戶從瀏覽器向We b服務器請求.asp 文件時, ASp 腳本開始運行,然后Web 服務器調(diào)用A S p,A S p全面讀取請求的文件,執(zhí)行所有的腳本命令,并將標準的Web 頁傳送給瀏覽器,而并不包含你所寫的腳本命令?

2使用ASp與SQL Server 網(wǎng)站架設

而A S p的每一個命令都首先被用來生成H T M L文件,因此A S p允許生成動態(tài)內(nèi)容?

下載對于Web 服務器來說, A S p與H T M L有著本質(zhì)的區(qū)別, H T M L不經(jīng)任何處理送回給瀏覽器另一方面,對于瀏覽器來說, A S p和H T M L幾乎是沒有區(qū)別的,僅僅是后綴為.a s p和.h t m的區(qū)別,當我們在客戶端提出對A S p的申請后,我們的瀏覽器接受的是H T M L格式的文件?因此它根據(jù)以上特性,我們用A S p可以方便地實現(xiàn)諸如表格信息收集?計數(shù)器?留言簿?公告板?A S p還可以輕松地實現(xiàn)對頁面內(nèi)容的動態(tài)控制,為不同的瀏覽者定制不同的頁面內(nèi)容,實現(xiàn)

適用于任何瀏覽器?

聊天室甚至電子商務等過去必須由C G I才能實現(xiàn)的功能?

個性化的網(wǎng)站?使用范圍

用A S p實現(xiàn)各功能時幾乎沒有什么限制,只要網(wǎng)站存在并正常運行,以下是的應用示例列表:

.在你的網(wǎng)站主頁頂部添加一個滾動顯示的廣告欄?

.從H T M L的表單中接受信息并且存到數(shù)據(jù)庫中?

.根據(jù)不同訪問者顯示不同內(nèi)容,創(chuàng)建個性化主頁?

.在你的主頁中添加點擊計數(shù)器?

.根據(jù)用戶瀏覽器的版本?類型和能力顯示不同檔次的內(nèi)容?

.連接多個主頁使之容易網(wǎng)際導航?

.跟蹤用戶網(wǎng)站上的活動信息并且存入日志文件?

.使用基于Windows NT的I n t r a n e t建立你的M I S應用?

用A S p編寫出的系統(tǒng),完全可以達到原來使用C l i e n t / S e r v e r的網(wǎng)絡數(shù)據(jù)庫系統(tǒng)的水平?使用A S p最大的好處是,在你對程序進行升級時,你只需要修改服務器上的A S p文件,而不需要修改客戶端程序?

以上只是簡單介紹,看完下面章節(jié),你會對利用A S p做的事情有更加全面深入的了解?你會真正學會如何使用A S p建立各種應用?

2.本課題的基本內(nèi)容

為了樹立中國各級政府各部門在網(wǎng)絡上的嶄新形象,有利于使各級政府由管理型向管理服務型的角色轉(zhuǎn)換,降低辦公費用,提高辦公效率,促進勤政?廉政建設,提高政府公務員的信息化水平,市委老干部局網(wǎng)站的建立將為辦公網(wǎng)絡化,自動化?電子化,全面信息的共享所提供了優(yōu)越的條件

本課題介紹了市老干部局網(wǎng)站建設的做法和具體步驟,給出了老干部局網(wǎng)站建設的方案選擇?設備配置?還介紹了老干部局網(wǎng)站建設的運用目的和發(fā)展方向以充分實現(xiàn)以上目的?還全面介紹了在Internet上建設和管理網(wǎng)站的技術?內(nèi)容涉及網(wǎng)站的基礎建設,對原始數(shù)據(jù)進行調(diào)查,重點放在新聞更新?辦事指南等的事務處理以及站點管理,使用ASp,HTML開發(fā)前臺程序,完成網(wǎng)站的鏈接,從相關系統(tǒng)中導入數(shù)據(jù),編寫相應的存儲過程,以便聯(lián)系老干部局的需要開發(fā)出功能強大的網(wǎng)站?

老干部局網(wǎng)站為干部的工作?管理?生活?信息交流個通訊等提供綜合的網(wǎng)絡環(huán)境?網(wǎng)站的使用,使干部的辦公?學術研究和管理條件跨上一個新臺階,同時也給老干部局的宣傳,發(fā)展,提供了一個平臺?我們可以充分利用現(xiàn)用計算機資源,實現(xiàn)信息交流和軟硬件資源的共享,實現(xiàn)老干部局辦公?管理?服務于社會的現(xiàn)代化新形式?

關于建設老干部局網(wǎng)站的一些內(nèi)容,包括網(wǎng)站的結(jié)構,特點以及網(wǎng)站建設的理論知識要點?其最大的特點就是在于對ASp中的每個知識點都精心運用到了實際需要中,通過對理論的研究來聯(lián)系實際操作,并全面地掌握ASp開發(fā)WEB動態(tài)網(wǎng)站的思路?技巧和體系?另外,ASp還提供可更簡單?更方面的數(shù)據(jù)庫訪問方法,使開發(fā)基于數(shù)據(jù)庫驅(qū)動的WEB應用程序更容易,ASp支持VBScript和Jscript,并能以插件形式支持其他腳本語言,如HTML?

3.本課題的重點和難點

本課題的重點主要是網(wǎng)站素材的選擇與框架的搭建,一個好的網(wǎng)站要有許多的主頁相互之間鏈接起來,以及其中添加一些動態(tài)?圖片?聲效等鏈接?綜合地完成網(wǎng)站的建設才能體現(xiàn)主題,才能把瀏覽者的目光吸引到每一個主頁上,內(nèi)容的及時更新也是網(wǎng)站建設的一個主要實際問題,只有不斷得到更新的主頁內(nèi)容才能使瀏覽者再次訪問該網(wǎng)站,沒有新鮮的內(nèi)容素材,沒有時代性的哲學理念,遠遠不能稱得為好網(wǎng)站?

新穎的框架結(jié)構也能使瀏覽者的目光更長久地被吸引,再擁有好的素材基礎上,框架的搭建也是網(wǎng)站建設所必須考慮到的問題, 只有把這兩者相結(jié)合進行周密地布置,相信建設出來的網(wǎng)站必然是點擊率最高的網(wǎng)站?

該網(wǎng)站的建設也牽涉到了動態(tài)網(wǎng)頁的制作,因此,這必然成了制作過程中的難點,就我個人而言,對動態(tài)網(wǎng)頁的制作方面還缺少很多的理論與實際操作知識,曾經(jīng)只是做一些簡單的個人主頁,僅此而已,而現(xiàn)今,卻得必須運用ASp程序進行動態(tài)網(wǎng)站的編輯,運用ASp把腳本?HTML?組件和強大的WEB數(shù)據(jù)庫訪問功能結(jié)合在一起,形成一個能在服務器上運行的應用程序,并把按用戶的要求專門制作的HTML頁面送給客戶端瀏覽器?此技術的運用使我的工作量大大地提高了幾倍,當然這正是我以前沒好好學的不好表現(xiàn),但通過這次設計使我認識提高了,在學好靜態(tài)網(wǎng)頁制作的基礎上則不能忽視對動態(tài)網(wǎng)頁制作的重要性?此后,我將借鑒這次的領悟,認真學習并全面地掌握ASp中的每個知識點,以便今后熟練地運用到實際問題中,充分展現(xiàn)自我價值?為自己以后的生活道路鋪上一層更牢固的奠基石!

用ASp實現(xiàn)搜索引擎的功能是一件很方便的事,可是,如何實現(xiàn)類似3721的智能搜索呢?比如,當在搜索條件框內(nèi)輸入“中國人民“時,自動從中提取“中國”?“人民“等關鍵字并在數(shù)據(jù)庫內(nèi)進行搜索?看完本文后,你就可以發(fā)現(xiàn),這個功能實現(xiàn)起來竟然是如此的簡單?OK,Follow Me!

第一步,我們要建立一個名為db_sample.mdb的數(shù)據(jù)庫(本文以Access2000數(shù)據(jù)庫為例),并在其中建立表T_Sample?表T_Sample包括如下字段:

ID 自動編號

U_Name 文本

U_Info 備注

第二步,我們開始設計搜索頁面Search.asp?該頁面包括一個表單(Frm_Search),表單內(nèi)包括一個文本框和一個提交按鈕?并將表單的method屬性設為“get” ,action屬性設為“Search.asp,即提交給網(wǎng)頁自身?代碼如下:

請輸入關鍵字:

下面,就進入了實現(xiàn)智能搜索的關鍵部分?

首先,建立數(shù)據(jù)庫連接?在Search.asp的開始處加入如下代碼:

<%

4.論文提綱

1.緒論

2.課題任務書

1)設計依據(jù)

2)課題總體體會要求

3)設計要求

3.系統(tǒng)規(guī)劃

1)系統(tǒng)分析

2)系統(tǒng)具體分析

3)功能圖

4.主體

1)程序代碼

2)結(jié)論

5.參考文獻

6.個人體會

7.附錄

指導教師意見:

(對本課題的深度?廣度及工作量的意見)

指導教師:

年 月 日

教研室審查意見:

第二篇：flash網(wǎng)頁制作開題報告

開題報告

一 本選題的研究目的和意義：

隨著互聯(lián)網(wǎng)的不斷發(fā)展和中國網(wǎng)絡人口的日益增長，建立個人網(wǎng)頁，不但可以展示自己，而且可以提高自己在設計和對軟件應用方面的能力。所以我的畢業(yè)設計選擇制作個人網(wǎng)頁。

我在設計時考慮的多為個人的興趣喜好，而不注重商業(yè)的展示。內(nèi)容以反映個人為中心，從而使個人網(wǎng)站真正的成為展示自己的網(wǎng)絡名片。

在網(wǎng)頁制作中，我將借鑒了國外個人網(wǎng)站的設計風格，著重于給瀏覽者以強烈的視覺沖擊，突出個性的表達。運用了photoshop和Dreamwave強大的圖像制作和處理能力。進行了大量的圖片制作，從而給人以強烈的美感。并利用Flash動畫部分的制作，給予瀏覽者一種強烈的時代動感。整個網(wǎng)站的架構是由Dreamwave完成的。

二 國內(nèi)外研究狀況綜述

網(wǎng)頁技術更新很快，一個網(wǎng)站的界面設計壽命僅僅2-3年而已，甚至更短。不管是垃圾還是精品，都沒有所謂的經(jīng)典。經(jīng)典只存在于是哪個首次成功創(chuàng)新性的應用。，都自以為自己做得很好，這可能是源與商業(yè)。一個閉門造車者做出的東西，是遠遠趕不上綜合借鑒者的。網(wǎng)頁設計不同于其他藝術，在模仿加創(chuàng)新的網(wǎng)頁設計領域當中，即便是完全自己設計的，也是沿用了人們已經(jīng)認同的大部分用戶習慣，而且這種沿襲的痕跡時非常的明顯!還有那個設計者敢腆著臉說，這都是我自己的原創(chuàng)設計?對于業(yè)界來說，經(jīng)典只是個理念和象征!

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

圾的產(chǎn)生。

舉個簡單的例子，看看“阿里巴巴”中文和英文兩個版本的頁面。中文版主色是橙色(與標志色統(tǒng)一)，英文版是極不協(xié)調(diào)的藍橙(具有很明顯的生湊效果)。為啥中文版是橙色，呵呵，不要以為哪是為了和標志統(tǒng)一，其實那時國內(nèi)最常用的商業(yè)色。橙色代表什么?肉色，淫欲。商業(yè)是性質(zhì)?貪婪、拜金。對于社會主義初級階段群眾的普遍思想來說，橙色就是最突出的體現(xiàn)，它不僅僅是網(wǎng)頁首選商業(yè)色，它還體現(xiàn)了當今社會經(jīng)濟發(fā)展條件下的“浮躁”和“糜爛”，它還說明了“低認知水平”的國人，需要用這個刺激的顏色，去宣教引領他們被動接受。為啥英文版是藍橙?因為洋人已處于發(fā)達社會，他們首先需要的不是“宣教引領”，而是“功能”。一個弱化的界面更能強化顯示功能，使人方便使用。較刺激熱烈的顏色，會引起洋人的反感，所以用的淺藍灰色。那么為什么又會出現(xiàn)極不協(xié)調(diào)的橙色捏?原因有二，一是要與標志顏色統(tǒng)一，二是中英文要有傳承，所以出了這個一半是火焰一半世海水的結(jié)果。

社會主義初級階段界定了各行業(yè)都在一個初級階段，這個初級階段歸根結(jié)底是由“經(jīng)濟發(fā)達水平”決定的。同樣，決定網(wǎng)頁設計的也是“經(jīng)濟發(fā)達水平”，而不是個人的設計水平和思想理念。

三．本選題研究的主要內(nèi)容及寫作提綱

1.通過市場調(diào)查結(jié)合實際情況總結(jié)現(xiàn)狀

2.研究個人網(wǎng)頁的市場

3.設計理念：隨著電腦軟硬件的飛速發(fā)展、網(wǎng)絡速度的不斷加快，如今的個人網(wǎng)頁能流暢播放更多的FLASH，傳統(tǒng)的純靜態(tài)的網(wǎng)頁已經(jīng)不足以吸引人們的眼球，因此為了使網(wǎng)頁更加豐富，更多的動效，更多的交互性顯得尤為重要，我的設計較傳統(tǒng)網(wǎng)頁將會加入更多的動效和互動性。

3設計過程：首先通過研究比較，找出普通個人網(wǎng)頁的一些不足，然后手繪概念稿，確定整體風格，構思各種動效，結(jié)合自身能力作出權衡，予以刪減改動；運用PS制作網(wǎng)頁模版，制作各種FLASH動畫，結(jié)合Dreamwave完成。

四．主要參考文獻

[1] 沈大林主編，中文Flash 8案例教程，中國鐵道出版社

[2] 沈昕,杜金等編著.Dreamweaver 8 和Flash 8案例教程.人民郵電出版社.2007

[3] 胡劍鋒,吳華亮.網(wǎng)頁設計與制作.北京: 清華大學出版社.2006

[4] 賀曉霞,吳東偉等編著.Flash動畫制作基礎練習與典型案例.北京: 清華大學出版社.2006

[5] 李月,李曉春等編著.Dreamweaver網(wǎng)頁制作標準教程.北京: 清華大學出版社.2005

[6] 周察金.Photoshop平面制作.北京: 高等教育出版社.2004.

第三篇：網(wǎng)頁開題報告

網(wǎng)頁開題報告

網(wǎng)頁開題報告1

一、本課題的目的和意義：

隨著互聯(lián)網(wǎng)技術的迅速發(fā)展網(wǎng)絡已逐漸深入人心，更是成為繼報刊、電視、廣播等傳統(tǒng)媒體之后而迅速興起的一新的傳媒介質(zhì)，網(wǎng)絡宣傳已成為眾多宣傳手段的重中之重，各種各樣的網(wǎng)站也就應運而生。為宣傳企業(yè)而制作的公司網(wǎng)站、可進行網(wǎng)上購物的電子商務網(wǎng)站、能及時了解到天下事的新聞網(wǎng)站、方便學習的教育網(wǎng)站，充斥著我們的視野，滿足著我們的需要。網(wǎng)站的規(guī)劃與建設，已悄然被許多人擺到了首要的位置上。

當今的人們，如果依然依靠傳統(tǒng)的方式展示自己已經(jīng)不能滿足現(xiàn)在人們的需要，所以做一個網(wǎng)站就成為人們一件十分有意義并有興趣去做的事情。利用企業(yè)網(wǎng)站我們可以讓全國，甚至全世界的人們有機會知道自己的公司。

二、本課題研究的難點

規(guī)劃并建設好一個企業(yè)網(wǎng)站，并不是一件容易的事。首先，規(guī)劃好這個網(wǎng)站就不容易。因為是企業(yè)網(wǎng)站，所以要求要比其它類型的網(wǎng)站更加獨具匠心，有獨特的眼光。這就規(guī)劃者有了更高的.要求。首先，要根據(jù)自己的要求網(wǎng)站的風格布局、色彩搭配和大體輪廓，并確立網(wǎng)站的欄目、內(nèi)容。其次，網(wǎng)站制作者將要根據(jù)前一點安排整個頁面文字圖片的布局，這就要求設計者對網(wǎng)頁制作具有相當?shù)乃剑拦ぁ⑴虐婺芰σ獜姟Ｔ僬?，企業(yè)網(wǎng)站需要實現(xiàn)的動態(tài)及時更新等功能要求網(wǎng)站制作程序員有良好的編程基礎，在網(wǎng)絡編程語言ASP、PHP、JSP或ASP。NET等中選擇來進行網(wǎng)站管理后臺的編寫并與前臺掛鉤并通過更新數(shù)據(jù)庫來實現(xiàn)網(wǎng)站的更新。當然，選擇的編程語言也要與網(wǎng)站服務器平臺所支持的技術相符合。這就要求在配置服務器或是購買虛擬主機時根據(jù)需要來進行配置或選擇。ZUI后，網(wǎng)站安全性也是一個重中之重，在如今黑客當行、病毒當?shù)赖幕ヂ?lián)時空，網(wǎng)站的安全猶為重要。

三、本課題研究要解決的問題

規(guī)劃并建設好一個令人耳目一新的企業(yè)網(wǎng)站，并不是一件容易的事。首先，規(guī)劃好這個網(wǎng)站就不容易。這要求網(wǎng)站規(guī)劃者熟悉企業(yè)的情況，并確立網(wǎng)站的欄目、內(nèi)容。其次，網(wǎng)站制作者將要根據(jù)網(wǎng)站的規(guī)劃書來確定網(wǎng)站的風格、布局、色彩搭配等，這就要求設計者對網(wǎng)頁制作具有相當?shù)乃?，美工、排版能力要強。再者，企業(yè)網(wǎng)站需要實現(xiàn)的動態(tài)及時更新等功能要求網(wǎng)站制作程序員有良好的編程基礎，在網(wǎng)絡編程語言ASP、PHP、JSP或ASP。NET等中選擇來進行網(wǎng)站管理后臺的編寫并與前臺掛鉤并通過更新數(shù)據(jù)庫來實現(xiàn)網(wǎng)站的更新。當然，選擇的編程語言也要與網(wǎng)站服務器平臺所支持的技術相符合。這就要求在配置服務器或是購買虛擬主機時根據(jù)需要來進行配置或選擇。ZUI后，網(wǎng)站安全性也是一個重中之重，在如今黑客當行、病毒當?shù)赖幕ヂ?lián)時空，網(wǎng)站的安全猶為重要，否則，功虧一簣！這就要求配置服務器或選擇虛擬主機時的謹慎以及編寫網(wǎng)站管理后臺的注意。

四、本課題研究的目標及內(nèi)容

1、本課題研究的目標是：建立一個具有特色的企業(yè)網(wǎng)站。

課題的內(nèi)容是：在這個課題中，主要是用于公司相關信息的介紹，以及相關的產(chǎn)品內(nèi)容的介紹。方便他人的了解。它的內(nèi)容主要包括對網(wǎng)站前臺的設計及制作，包括企業(yè)網(wǎng)站的logo設計，布局的設計，網(wǎng)站頁面的制作、片頭動畫及頁面動畫的設計制作、注冊登陸系統(tǒng)以及各鏈接和相關技術的開發(fā)等。在這里，我將以制作某企業(yè)網(wǎng)站為例，具體闡述個人網(wǎng)站的制作過程。

制作網(wǎng)站過程：

1、網(wǎng)頁美工

用photoshop CS制作頁面效果圖片，搭配好顏色，設計好版式，這樣做的目的是為了讓網(wǎng)站的頁面更具有整體性和美觀性，色調(diào)搭配及版面的設計都可以通過photoshop CS這個強大的圖片處理軟件來完成，這樣設計出來的網(wǎng)頁不論是從美工還是從版式上都是一流的。

2、導航條和文字圖片的布局

用DreamweaverMX和FlashMX設計制作導航條，同時對文字圖片進行調(diào)整。具體的就是文字的大小、字體以及圖片的格式、大小進行調(diào)整。

3、超鏈接其動態(tài)設計

用用DreamveaverMX建立超鏈接使整個網(wǎng)站能夠自由地相互關聯(lián)，使瀏覽者能夠方便地到達所需要的網(wǎng)頁。另外，本網(wǎng)站還可以進行注冊，利用ASP與Access相連使網(wǎng)站變?yōu)閯討B(tài)網(wǎng)站。

五、課題研究進展計劃

1第一周到四周完成畢業(yè)設計開題報告

2第五周調(diào)研，準備各種參考資料、充實所需知識

3第六周查閱相關書籍資料，提出可行性的設計方案

4第七到十六周具體設計與制作工作

5第十七周文檔的生成與整理，指導教師修改

6第十八周畢業(yè)設計論文的相關資料的搜集

7第十九周完成畢業(yè)論文撰寫

六、參考文獻

《網(wǎng)頁設計典型技巧》 Time創(chuàng)作室人民郵電出版社20xx年10月

《ASP動態(tài)網(wǎng)站開發(fā)畢劉瑞斯機械工業(yè)出版社20xx年3月

《ASP+Access組建動態(tài)網(wǎng)站實例精講》龍馬工作室人民郵電出版社20xx年6月

網(wǎng)頁開題報告2

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

工作介紹

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

開發(fā)技術

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

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

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

工作流程

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

網(wǎng)頁開題報告3

一、畢業(yè)設計的內(nèi)容和意義：

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

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

以Internet/Intranet為網(wǎng)絡平臺實現(xiàn)校園網(wǎng)絡各項信息發(fā)布、管理、設置等功能。本題目要開發(fā)一個校園網(wǎng)門戶網(wǎng)站。包括BBS系統(tǒng)平臺、院校新聞發(fā)布平臺，在限選課平臺。后臺：包括平臺管理、統(tǒng)一認證、資源管理、用戶權限管理等。

二、文獻綜述：

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

該系統(tǒng)是面向全網(wǎng)絡的，作為學校與外界聯(lián)系的.一個平臺。系統(tǒng)管理員負責更新網(wǎng)站內(nèi)容，不同權限的用戶登錄系統(tǒng)將進入不同的頁面，實現(xiàn)不同的操作。

系統(tǒng)主要包括六個模塊：

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

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

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

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

5.用戶管理模塊：這個模塊能夠?qū)τ脩魝€人信息進行管理。

6.數(shù)據(jù)庫模塊：這個模塊實現(xiàn)對數(shù)據(jù)庫的連接和訪問。

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

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

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

題報告；設計軟件原型。

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

在上一階段基礎上，按時、按質(zhì)、按量完成畢業(yè)設計任務

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

總結(jié)所有的工作，完成畢業(yè)設計論文初稿

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

修改論文；小組內(nèi)答辯，評分；準備答辯材料

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

[1] 周懷軍. ASP動態(tài)網(wǎng)頁設計應用教程[M]. 電子工業(yè)出版社,20xx-3

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

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

[4] 唐乾林. 網(wǎng)頁設計與制作案例教程[M]機械工業(yè)出版社,20xx-8

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

[6] 龔小勇. 關系數(shù)據(jù)庫與SQL Server20xx[M].機械工業(yè)出版社,20xx-1

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

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

[9] 明日科技. ASP.NET數(shù)據(jù)庫系統(tǒng)開發(fā)完全手冊[M].人民郵電出版社,20xx-1

[10] 鄧春妮 孫艷華 鄒慶云. ASP.NET信息化系統(tǒng)建設案例[M].人民郵電出版社,20xx-XX

[11] 張樹亮 李超. ASP.NET 2.0+SQL Server網(wǎng)絡應用系統(tǒng)開發(fā)案例精解 清華大學出版社,20xx-9

[XX] 李文梅. 談采用ASP數(shù)據(jù)庫存取組件訪問SQL Server數(shù)據(jù)庫 新余高專學報,20xx-10-30 期刊

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

[14] 朱麗敏. 交互式動態(tài)網(wǎng)頁建構技術——ASP技術 太原科技,20xx-02-26期刊

[15] 王珂玲. 利用報,20xx-06-30ASP技術訪問數(shù)據(jù)庫技術探討 湖南輕工業(yè)高等?？茖W校學期刊ASP技術的在線教育系統(tǒng)設計與實現(xiàn) 電腦知識與技[16] 吳錦. 基于術,20xx-XX-25期刊

[17] 王明華. 用ASP技術實現(xiàn)網(wǎng)上購物系統(tǒng) 科技資訊,20xx-09-03期刊

[18] 王海燕 王明明 張景義. 用術,20xx-06-25ASP技術實現(xiàn)人員信息查詢系統(tǒng) 電腦知識與技期刊ASP技術的網(wǎng)站后臺管理系統(tǒng) 電腦知識與技術,20xx-06-25[19] 李錚. 基于刊 期

網(wǎng)頁開題報告4

選題的意義、同類選題現(xiàn)狀分析包括項目實施的意義和應用前景，國內(nèi)外研究和應用概況，發(fā)展趨勢，本項目的特色或創(chuàng)新之處）

電子商務發(fā)展在世界范圍內(nèi)都是剛剛開始，其發(fā)展速度極為迅速，傳統(tǒng)商業(yè)模式正不斷地被新的商業(yè)模式所替代。網(wǎng)上購物就是Internet和電子商務網(wǎng)站的產(chǎn)物，近幾年在我國發(fā)展迅猛，就如同一些購物商場在各地紛紛開設分店以拉近與顧客間的距離一樣。21世紀是網(wǎng)絡的時代，信息的時代，時間是非常寶貴的，人們由于種種原因沒有時間去逛商場，也不知道哪家商場有自己中意的商品，網(wǎng)上購物網(wǎng)站的建立就可以很好的解決這方面的問題，可以向廣大用戶推出一種全新的網(wǎng)上信息服務，旨在貨品與消費者之間架起一座高速、便捷的網(wǎng)上信息橋梁，可以為用戶節(jié)省時間、方便購物。

在國內(nèi)也有許多我們所熟悉的大規(guī)模的網(wǎng)上購物網(wǎng)站，如阿里巴巴和淘寶網(wǎng)。中國的網(wǎng)上購物在摸索與借鑒中成長著，利用中國特有的優(yōu)勢來克服不利的外部環(huán)境因素，例如采用“貨到付款”就是中國購物網(wǎng)站的成功創(chuàng)新。隨著外部環(huán)境的逐步優(yōu)化，上購物網(wǎng)站發(fā)展前景看好。

本網(wǎng)站的主要功能有：用戶注冊、會員登錄、貨物分類查詢、貨品瀏覽、購買貨品、購物車、客戶留言；管理員管理會員信息以及訂單信息、管理員添加和刪除貨品、管理員查看留言。一方面，讓顧客方便購買各類貨物，給本購物網(wǎng)站提出寶貴的意見或建議；另一方面，管理員能在管理信息的同時也能了解顧客的需要，對網(wǎng)站的不足之處進行修改。本購物網(wǎng)站還在借鑒其他成功購物網(wǎng)站的同時也加入了一些創(chuàng)新的元素。如在貨物介紹的頁面中添加了同等商品價格的最新比較數(shù)據(jù)，讓用戶能夠花比較少的時間找到自己滿意的產(chǎn)品，同時在本網(wǎng)站中每個注冊用戶還可以擁有自己的一個小型的BLOG，在其中用戶可以發(fā)展自己的購物經(jīng)驗和日常的心情。同時在網(wǎng)站的界面上，本網(wǎng)站了可能讓用戶設置網(wǎng)頁的風格，用戶可以按照自己的喜好改變網(wǎng)站的背景色，讓整個網(wǎng)站更加的有特色。

（包括畢業(yè)設計目標、設計內(nèi)容和擬解決的關鍵技術問題）

購物網(wǎng)站的建立是為了節(jié)約顧客時間和方便顧客購物，該網(wǎng)站主要有注冊會員、會員登陸、貨物搜索、購物車以及對會員、貨品、訂單的管理。以實現(xiàn)網(wǎng)上書店的交易和管理。

（1）前臺服務：注冊會員、會員登陸、會員修改個人信息及密碼、貨品分類搜索、貨品瀏覽、貨品購買、購物車，以及頁面的特效如：將該網(wǎng)站設為首頁、加入收藏、更改網(wǎng)頁風格等。

（2）會員管理：管理員對會員個人信息的管理，驗證會員登陸信息。并且可以在自己的BLOG中發(fā)表信息。

（3）圖書管理：管理員查看書庫中貨物的庫存量，包括各種貨物的銷售情況，以及及時更新數(shù)據(jù)庫中貨物的各種信息。

（4）訂單管理：管理員對訂單的.管理，確認顧客信息與訂單信息的準確性。

本系統(tǒng)主要是利用ASP、Dreamweaver、SQL數(shù)據(jù)庫來完成設計的，主要完成了貨物分類搜索、貨物瀏覽、貨物購買、購物車以及會員管理、貨物管理、訂單管理等功能的實現(xiàn)。

（包括開發(fā)平臺選擇、試驗方案及可行性分析，設計和開發(fā)工作的總體安排、步驟等）

購物網(wǎng)站的設計與開發(fā)需要微機一臺，操作系統(tǒng)為WindowsXP。開發(fā)環(huán)境為ASP、Dreamweaver，數(shù)據(jù)庫為SQLServer20xx或選擇Access。數(shù)據(jù)訪問方法為使用ADO。NET通過ODBC的方法同數(shù)據(jù)庫接口。使用這種方式訪問數(shù)據(jù)，可以使用任何一種ODBC數(shù)據(jù)源，即不止適合于SQLServer、Oracle、Access等數(shù)據(jù)庫應用程序，也適合于Excel表格，文本文件、圖形文件和無格式的數(shù)據(jù)文件。

通過調(diào)查分析，建立購物網(wǎng)有其充分的必要性和可能性?？梢越⒃摼W(wǎng)站的可能性具體包含了它具有經(jīng)濟可行性、技術上的可行性和時機可行性，系統(tǒng)能達到以最小的開發(fā)成本取得最佳的經(jīng)濟效益，開發(fā)中所需人員、硬軟件支持以及其它費用進行估算情況均滿意，技術條件也能保證順利完成開發(fā)工作。

最終認為該系統(tǒng)完全可行，網(wǎng)上購物網(wǎng)站是一個網(wǎng)上交易網(wǎng)站，利用該網(wǎng)站用戶可以購買貨物，修改自己的購物車，在自己的BLOG中發(fā)展信息；管理員作為管理者則可以查詢會員的訂單信息、管理貨物，對貨物進行添加和刪除。

1、前臺服務：

此模塊是對于用戶開放，實現(xiàn)的功能有：客戶注冊，會員登錄，修改個人信息及密碼，貨品分類查詢，貨品瀏覽，購買貨物，購物車，會員留言等。

2、后臺：

此模塊是對于管理員開放，實現(xiàn)的功能有：會員基本信息管理、訂單管理、貨物管理、查看留言。

網(wǎng)頁開題報告5

題目一、選題的背景和意義：

（一）選題的背景：

1）國際動態(tài)：深圳市WTO事務中心通過紡織行業(yè)協(xié)會和服裝行業(yè)協(xié)會，就歐美對我國紡織品服裝啟動保障措施設限，向各紡織服裝企業(yè)發(fā)出了預警信息。服裝企業(yè)要想成功地在國際市場中打拼，關注相關預警信息是重要保證。在藝術和設計領域，國外各種新思潮的涌入和滲透，帶動著我們的價值觀與審美觀一起跟隨國際流行動態(tài)前進。虛榮夸大的裝飾化風格成為新的形式主義，使其更具國際化，緊隨國際時尚潮流。

2）國內(nèi)動態(tài)：中國服裝的演變歷史大約是在夏商時期初見端倪，到了周代漸趨完善。當時的服飾依

據(jù)穿著者的身份、地位各有分別。發(fā)展至今，中國的服裝發(fā)生了翻天覆地的變化。特別是在女裝方面。如以自然簡單的款式，取代華麗而夸張的服裝款式等等。

我國服裝歷史悠久，款式、面料絢麗多彩，是我國民族文化藝術寶庫的珍品之一。隨著社會的進步和科學技術的發(fā)展，出現(xiàn)了不少現(xiàn)代多功能及高科技的奇妙服裝，以滿足人們的生活和工作需要。將來服裝的發(fā)展趨勢是不求名貴，但求方便，更求舒適，越來越薄的“綠色”服裝。

（二）選題的意義

服裝是一種帶有工藝性的生活必需品，而且在一定生活程度上，反映著國家、民族和時代的政治、經(jīng)濟、科學、文化、教育水平以及社會風尚面貌的重要標志，是兩個文明建

設的必然內(nèi)涵。從社會、思想和文化變遷的角度看服裝的變化，服裝就成為考察社會文化變遷的窗口。所以一部優(yōu)秀的社會生活史必定是社會文化史；一部優(yōu)秀的社會文化史必然要對社會生活作出具體詳實的文化和社會的闡釋。

（1）大力弘揚我國服裝業(yè)進取拼搏的精神，促進服裝業(yè)的發(fā)展

由于網(wǎng)絡平臺可以實現(xiàn)信息資源共享，在網(wǎng)上組織更優(yōu)秀的服裝業(yè)發(fā)展動態(tài)，不僅使消費者在網(wǎng)上看到服裝業(yè)的最新發(fā)展趨勢，而且為消費者提供一個互相交流的平臺。

（2）尋找利用計算機技術及其專業(yè)技術實現(xiàn)消費者遠程交互自主買賣解決方案

（3）完善和發(fā)展學習設計理論

二、課題研究的主要內(nèi)容：

1、服裝網(wǎng)站設計理論體系的研究

包括服裝品牌的.設計、構建性服裝網(wǎng)站環(huán)境的設計、服裝情境的設計、服裝資源的設計、消費者自主買賣活動的設計、消費者與本網(wǎng)站互動的設計、消費者評價工具的設計等。

2、基于網(wǎng)絡環(huán)境下的教學策略與教學模式的研究

（1）網(wǎng)絡教學策略的研究，如網(wǎng)絡環(huán)境下的教學內(nèi)容組織策略、網(wǎng)絡環(huán)境下的教學情景營造策略、網(wǎng)絡環(huán)境下的教學對話組織策略、網(wǎng)絡環(huán)境下的的課堂管理策略等

（2）網(wǎng)絡教學模式的研究，如項目化學習模式、探索性學習模式、研究性學模式等

（三）、主要研究（設計）方法論述：

本項目的研究主要采用個案研究、實證研究、調(diào)查研究、比較研究等方法。對于較大規(guī)模的服裝款型與服裝面料的研究，將采用調(diào)查研究方法。

對于個別帶有創(chuàng)新性的服裝研究，則通過建立科學的假設，采用比較研究的方法。利用Flash編輯網(wǎng)站所需的小動畫，利用Dreamweaver

編輯網(wǎng)站框架，利用ASP和ASP。net實現(xiàn)網(wǎng)上買賣及消費者與網(wǎng)站交流溝通等功能。做出畢業(yè)設計！

四、論文（設計）

進度安排：時間工作內(nèi)容

選課題并完成該課題的開題報告收集資料，建立模型整理分析資料，設計與調(diào)試完成論文初稿網(wǎng)站試驗，評價修改擴大試驗，歸納總結(jié)論文修改

對論文排版和打印，制光盤論文答辯五、指導教師意見：指導教師簽名：六、系部意見：年月日系主任簽名：年月日

網(wǎng)頁開題報告6

一、畢業(yè)設計題目：鞍山民族模板企業(yè)網(wǎng)站設計

二、選題的來源、目的和意義

1、1選題來源

導師根據(jù)實際情況虛擬的。

1、2選題的目的和意義

在網(wǎng)絡快速發(fā)展的今天，我們依靠網(wǎng)絡獲取信息，而建立網(wǎng)站已經(jīng)成為一個很普遍的問題了，對于一個企業(yè)來說，建設好自己的網(wǎng)站可以搶占新世紀發(fā)展的戰(zhàn)略要點。建立新的企業(yè)形象，直接開拓國際市場，開展24小時網(wǎng)上營銷及高效廉價的定向宣傳；與客戶建立最直接的交流機制，縮短推出新產(chǎn)品和打開市場的周期，與富有吸引力的客戶群發(fā)展客戶關系網(wǎng)；加強客戶服務，完善網(wǎng)絡業(yè)務；展現(xiàn)公司想象，宣傳自身企業(yè)文化。所以建立一個屬于自己企業(yè)的網(wǎng)站是十分必要的。

現(xiàn)在我們已經(jīng)學習了四年的計算機科學與技術，而這樣的選題正是要讓知識與實踐接軌，來建立一個企業(yè)網(wǎng)站，來完善自己在實際應用上的不足。

三、所選題目的國內(nèi)外動態(tài)、水平

中小企業(yè)全球信息網(wǎng)絡（globalinformationnetworkforSMEs），由日本維護中小企業(yè)全球信息網(wǎng)絡是主題為“G8信息社會始創(chuàng)工程：中小企業(yè)（SMEs：SmallandMediumsizedEnterprises）全球化市場（AGlbolMarkteplaceforSMEss）”的`三個項目之一。所有的G8國家都在建設網(wǎng)站以改進中小企業(yè)對有關本土和外國市場的信息的存取。某些站點不僅提供信息，而且也幫助中小企業(yè)尋求伙伴，幫助消費者搜尋中小企業(yè)。在某些internet主頁上，中小企業(yè)甚至可以進行一定的業(yè)務，比如制定特定的條款。

網(wǎng)站發(fā)展可以分為三個階段，第一個階段定義為網(wǎng)站額“萌芽式”發(fā)展期，是網(wǎng)站形成的初級階段，第二個階段定義為網(wǎng)站的“粗放式”發(fā)展期，是網(wǎng)站的變革階段，第三個階段定義為網(wǎng)站的“細分式”發(fā)展期，是網(wǎng)站發(fā)展的成熟階段。我國正在向“第三階段”發(fā)展。我國的網(wǎng)站建設市場將成為行業(yè)內(nèi)部整合之勢，很多中小企業(yè)的網(wǎng)站建設的技術門檻不高，還不能提供定制化的實施服務，所以我國的網(wǎng)站建設發(fā)展還是充滿挑戰(zhàn)的。

四、研究內(nèi)容和研究方法

1、采用什么設計方法

本網(wǎng)站采用模塊化程序設計方法。

2、采用什么設計工具

本網(wǎng)站主要是利用ASP、Dreamweaver、SQL數(shù)據(jù)庫來完成設計的。

3、達到什么效果

本網(wǎng)站要達到的效果有四：

1、企業(yè)形象展示，設計簡潔大方的界面。

2、企業(yè)實力展示，展示我們是什么樣的企業(yè)，我們有過多少成功的產(chǎn)品。

3、產(chǎn)品和服務的展示，讓用戶了解我們是干什么的，提供什么樣的服務，服務有哪些種類。

4、信息傳達，讓用戶了解我們的聯(lián)系方式，我們的最新新聞，我們的企業(yè)文化。

4、結(jié)論

使用Dreamwerver、Flash、ASP等工具和相關的技術來完成這個企業(yè)網(wǎng)站的設計與開發(fā)，同時要注意要完善自己的應用實踐能力。

五、進行該課題研究所具備的條件

要求有一定的Photoshop、Dreamweaver及Flash設計基礎，熟悉軟件以及ASP技術的使用，來設計開發(fā)網(wǎng)站。

網(wǎng)頁開題報告7

課題名稱為：網(wǎng)頁設計制作方法及其在餐飲行業(yè)中的應用舉例

基本任務與要求：

階段工作計劃：

開題報告：

1. 選題背景（含國內(nèi)外相關研究綜述及評價）與意義

選題背景：互聯(lián)網(wǎng)始于1969年的美國，又稱因特網(wǎng)。最初用于軍事連接，之后由于計算機的增多，以及各種連接協(xié)議的規(guī)范化，互聯(lián)網(wǎng)逐漸發(fā)展起來，成為日常生活中人們與外界交流信息的重要工具，可以說，信息時代的基礎就是互聯(lián)網(wǎng)。在中國，截至20xx年12月底，中國網(wǎng)民數(shù)量突破5億，達到5.13億，全年新增網(wǎng)民5580萬?；ヂ?lián)網(wǎng)普及率較上年底提升4個百分點，達到38.3%。（數(shù)據(jù)來自國家互聯(lián)網(wǎng)絡信息中心），隨著網(wǎng)民的逐漸增加，網(wǎng)頁制作以及網(wǎng)頁設計技術的日趨完善，網(wǎng)頁已經(jīng)被運用到人們?nèi)粘Ｉ钪械姆椒矫婷?，越來越多的人甚至公司開始學習制作屬于自己的個性化網(wǎng)頁，這成為信息時代最重要的宣傳方式。

國內(nèi)外對此課題的研究著重分為兩個方面，網(wǎng)頁制作以及網(wǎng)頁設計，但是兩者同時又是密不可分的，因為，設計需要建立在目前的制作技術之上，而制作又需要遵守設計所構建的框架，兩者相輔相成，缺一不可，而國內(nèi)外對此的研究通常都在兩方面有兼顧，但是大部分課題都是只對一個小問題或者一個小型框架，或者只是粗略講一下相關的技術或者技巧，對兩者同時進行一個綜合性概述的暫時還沒有。

意義：在互聯(lián)網(wǎng)初期，大部分網(wǎng)頁設計師都只知道如何去制作網(wǎng)站，知道如何去實現(xiàn)什么樣的功能，但是在這個信息化的社會，如何讓你的'網(wǎng)頁變得更好看，更直觀明了的表達信息，如何從眾多的網(wǎng)頁之中脫穎而出，這就需要更強的網(wǎng)頁設計技術了，而新的網(wǎng)頁制作技術例如HTML5以及CSS3的運用也給設計師們帶來了更好的施展空間，該課題會先對網(wǎng)頁設計制作技術進行一個概述，讓讀者了解這些技術尤其是新技術的運用，同時課題還將運用一個知名餐飲行業(yè)的企業(yè)網(wǎng)站為例，講述網(wǎng)頁設計制作設計方法的實際運用，并指出網(wǎng)站設計中體現(xiàn)出的優(yōu)缺點，最后課題里還會按照要求設計一個網(wǎng)站，同樣也是餐飲行業(yè)方面的網(wǎng)站，與知名企業(yè)的網(wǎng)站進行對比，加深理解網(wǎng)頁中設計與制作的關系。 選題研究的方法與主要內(nèi)容。

選題研究方法：

文獻研究法：通過調(diào)查與網(wǎng)頁設計制作相關的文獻，對其進行一個綜合性的了解，同時吸收文獻中對網(wǎng)頁設計制作的獨特見解，加入自身的理解，從而達到一個更高的高度

探索性研究：利用自身已經(jīng)學習過的網(wǎng)頁設計制作方面的知識，以及在網(wǎng)頁美學上的經(jīng)驗，綜合探索，得出屬于自己的獨特經(jīng)驗

信息研究方法：通過對網(wǎng)絡上各種教程以及著名網(wǎng)站等實例樣本進行收集、傳遞、加工和整理來獲得知識，并將其用于實踐，在實踐中進行檢驗，從而糾正理論

經(jīng)驗總結(jié)法：通過對制作實際網(wǎng)站中的實際情況，進行歸納、分析，并且將這種經(jīng)驗進行系統(tǒng)化整理 描述性研究法：將網(wǎng)上已有的網(wǎng)頁制作的經(jīng)驗、理論以及規(guī)律甚至是小技巧等等通過自己的理解，并且給予實地驗證，最后系統(tǒng)性敘述并解釋出來

主要內(nèi)容：論文主要分為四部分，第一部分是開題報告部分，講述選題背景以及對國內(nèi)外相關研究進行一個綜述，并指出論文的研究意義；緊接著第二部分對國內(nèi)外在網(wǎng)頁設計制作方面技術進行了一個綜合性的分析；第三部分，我將選取國內(nèi)一個知名餐飲行業(yè)的網(wǎng)站，對其進行網(wǎng)頁設計制作技術方面進行分析評價，并在其中闡述自己的理論，論證優(yōu)缺點；最后，我將自己設計一個有關于餐飲行業(yè)的網(wǎng)站，并將其與第三部分中選擇的知名餐飲行業(yè)網(wǎng)站進行對比，取長補短，達到實際驗證自身理論的效果。研究條件、擬解決的主要問題和預期結(jié)果。

研究條件：網(wǎng)頁在21世紀的應用已經(jīng)十分普遍，但是大部分研究都是只針對某一小部分，并且大部分研究都是對設計和制作沒有一個系統(tǒng)的概念，缺乏對這一方面的一個綜合性概述，所以這次課題研究具有以下幾個條件：

1、具有研究性：該研究區(qū)域尚未被大量探索過

2、研究過程中所需的條件均已滿足：國內(nèi)外相關研究已經(jīng)有很多，大多數(shù)知名餐飲網(wǎng)站也開始重視網(wǎng)站進行銷售和宣傳

3、具備研究該課題的設備、場地或者環(huán)境等：網(wǎng)頁設計制作所需要的物質(zhì)成本只是充足的信息來源，而互聯(lián)網(wǎng)已經(jīng)滿足了這個條件

擬解決的主要問題：

1.對網(wǎng)頁設計制作技術的收集以及歸納、整理

2.對網(wǎng)頁設計制作技術的理解、實際應用及論證

3.自主設計一個網(wǎng)站，避免出現(xiàn)知名餐飲行業(yè)中的缺點設計

預期結(jié)果：

初期：收集整理網(wǎng)頁設計制作方面的資料，包括文獻，各種教程，以及國內(nèi)外知名網(wǎng)站，對各種設計制作方法進行系統(tǒng)性的整理，其中著重介紹新技術的運用，例如HTML5、CSS3以及設備移動互聯(lián)化帶來的新交互方式的運用

中期：選取一個有代表性的知名餐飲網(wǎng)站，對其進行網(wǎng)頁設計以及網(wǎng)頁制作方面的評價，指出設計中的優(yōu)點和缺點，并進行詳細分析，針對缺點設計提出自己的想法，并做出實際設計，從而驗證自己的理論，或者舉出實例進行對比論證。

后期：自行設計餐飲網(wǎng)站進行對比分析，建立自己的設計理論，并與中期的評價進行對應驗證，在實踐得到大量的經(jīng)驗，從而對整篇課題進行一個重新檢驗，最后反復檢查論文，完成論文。

網(wǎng)頁開題報告8

一、畢業(yè)設計的內(nèi)容和意義：（500字左右）

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

我國的大學教育已經(jīng)普及，大學生的隊伍也正在不斷壯大，為了 方便大學生對本校各項工作的了解以及加深學生、教師與學校之間相 互的交流，建設一個規(guī)?；男@網(wǎng)站成為了當務之急。網(wǎng)絡化將給我們的工作和學習帶來了極大的便利。

以Internet/Intranet為網(wǎng)絡平臺實現(xiàn)校園網(wǎng)絡各項信息發(fā)布、管理、設置等功能。本題目要開發(fā)一個校園網(wǎng)門戶網(wǎng)站。包括BBS系統(tǒng)平臺、院校新聞發(fā)布平臺，在限選課平臺。后臺：包括平臺管理、統(tǒng)一認證、資源管理、用戶權限管理等。

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

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

該系統(tǒng)是面向全網(wǎng)絡的，作為學校與外界聯(lián)系的一個平臺。系統(tǒng)管理員負責更新網(wǎng)站內(nèi)容，不同權限的用戶登錄系統(tǒng)將進入不同的頁面，實現(xiàn)不同的操作。

系統(tǒng)主要包括六個模塊：1.用戶注冊模塊：這個模塊完成新用戶的注冊功能，并能對注冊信息進行檢查。2.用戶登錄模塊：這個模塊提供用戶的登錄界面，并驗證用戶名和密碼,以確定用戶身份。3.顯示模塊：這個模塊將根據(jù)用戶權限顯示出不同的頁面，以及內(nèi)容。4.操作模塊：這個模塊提供與內(nèi)容相關的功能，并且對不同身份的用戶給予不同的操作權限。5.用戶管理模塊：這個模塊能夠?qū)τ脩魝€人信息進行管理。6.數(shù)據(jù)庫模塊：這個模塊實現(xiàn)對數(shù)據(jù)庫的連接和訪問。

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

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

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

題報告；設計軟件原型。

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

在上一階段基礎上，按時、按質(zhì)、按量完成畢業(yè)設計任務

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

總結(jié)所有的工作，完成畢業(yè)設計論文初稿

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

修改論文；小組內(nèi)答辯，評分；準備答辯材料

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

[1] 周懷軍. ASP動態(tài)網(wǎng)頁設計應用教程[M]. 電子工業(yè)出版社,20xx-3

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

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

[4] 唐乾林. 網(wǎng)頁設計與制作案例教程[M]機械工業(yè)出版社,20xx-8

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

[6] 龔小勇. 關系數(shù)據(jù)庫與SQL Server20xx[M].機械工業(yè)出版社,20xx-1

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

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

[9] 明日科技. ASP.NET數(shù)據(jù)庫系統(tǒng)開發(fā)完全手冊[M].人民郵電出版社,20xx-1

[10] 鄧春妮 孫艷華 鄒慶云. ASP.NET信息化系統(tǒng)建設案例[M].人

民郵電出版社,20xx-12

[11] 張樹亮 李超. ASP.NET 2.0+SQL Server網(wǎng)絡應用系統(tǒng)開發(fā)案例精解 清華大學出版社,20xx-9

[12] 李文梅. 談采用ASP數(shù)據(jù)庫存取組件訪問SQL Server數(shù)據(jù)庫 新余高專學報,20xx-10-30 期刊

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

[14] 朱麗敏. 交互式動態(tài)網(wǎng)頁建構技術——ASP技術 太原科技,20xx-02-26期刊

[15] 王珂玲. 利用

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

ASP技術的在線教育系統(tǒng)設計與實現(xiàn) 電腦知識與技[16] 吳錦. 基于

術,20xx-12-25期刊

[17] 王明華. 用ASP技術實現(xiàn)網(wǎng)上購物系統(tǒng) 科技資訊,20xx-09-03期刊

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

術,20xx-06-25ASP技術實現(xiàn)人員信息查詢系統(tǒng) 電腦知識與技期刊

網(wǎng)頁開題報告9

1．結(jié)合畢業(yè)論文（設計）課題情況，根據(jù)所查閱的文獻資料，撰寫3000字左右的文獻綜述(包括目前同類課題在國內(nèi)外的研究狀況、發(fā)展趨勢以及對本人研究課題的啟發(fā))：

一、課題背景

計算機與網(wǎng)絡技術的飛速發(fā)展，已經(jīng)逐步改變了面對面獲取知識的傳統(tǒng)教學方式?；贗nternet的網(wǎng)絡學習模式，具有交互性好，教學過程可以不受地域、時間限制，而且可以使得教學資源能在最大范圍內(nèi)實現(xiàn)共享。并且使傳統(tǒng)的以教師為中心的課堂模式轉(zhuǎn)化為以學生為中心、學生可以自由選擇學習內(nèi)容的新模式，具有知識信息量大、教學方式生動活潑、聲像輝映、圖文并茂等特點，因此受到了教育界的普遍認可和歡迎。國內(nèi)外高校利用互聯(lián)網(wǎng)開展網(wǎng)上學習呈現(xiàn)出快速發(fā)展的態(tài)勢，開發(fā)了一大批具有較高的水平的網(wǎng)絡教學課程。隨著經(jīng)濟全球化的發(fā)展，英語的應用越來越廣泛，學習英語的重要性更是重中之重。

二、國內(nèi)外研究現(xiàn)狀及發(fā)展趨勢

在國內(nèi)，網(wǎng)絡教育還停留在基礎的應用階段，還在摸索中前進，幾乎沒有把英語學習和網(wǎng)絡很好的相結(jié)合。在學校里看到最多的是基于小型局域網(wǎng)的多媒體英語學習教室，使用時也多是放錄音，學生與老師之間幾乎沒有互動環(huán)節(jié)。而具有互動環(huán)節(jié)的在線英語自學系統(tǒng)，由于國內(nèi)對網(wǎng)絡教學還比較保守，因此現(xiàn)還處于剛起步階段。在國外，網(wǎng)絡教育和各方面的教學的發(fā)展已經(jīng)進入深入階段。學校把課程和計算機網(wǎng)絡相結(jié)合，充分發(fā)揮了網(wǎng)絡教學的互動優(yōu)勢，使學生在快樂中學習。據(jù)統(tǒng)計，國外已經(jīng)有55%的在校學生人手一臺電腦，遠程教育的參加人數(shù)正在以89%的增長速率遞增。

在調(diào)研中,我們了解到“網(wǎng)絡環(huán)境下大學英語的教學改革”正處在國家推進、重點突破、全面展開的進程之中,并取得了積極的成效。大部分試點院校經(jīng)過兩年多的教改實驗論證,效果較好,規(guī)模進一步擴大。如北京大學、清華大學、北京理工大學、北京交通大學、北京林業(yè)大學、北京化工大學、武漢大學、西南大學、大連民族學院、大連理工大學等部分試點高校在05級新生中已經(jīng)全面實現(xiàn)網(wǎng)絡環(huán)境下大學英語教學模式。西北工業(yè)大學、北華大學、山東大學、東北大學、南開大學、解放軍信息工程大學、首都經(jīng)濟貿(mào)易大學等高校都于在新生中進一步擴大規(guī)模。20xx年,有更多的試點院校將在06級新生中全面推行網(wǎng)絡環(huán)境下大學英語教學模式。相信在未來，網(wǎng)上學習英語的模式將得到更好的重視與發(fā)展。

雖然在線學習已經(jīng)蓬勃地發(fā)展起來，但是在線學習的普及率還并不高。目前已開發(fā)出來的系統(tǒng)基本具備一個自學系統(tǒng)所需的基礎功能，比如可以根據(jù)自己的需要選擇課程學習等。但是在知識庫設計這一模塊還存在一些問題，如設計不全面，管理紊亂，知識的匱乏，因此在線學習系統(tǒng)的應用并不廣泛。另外，對于我國來說，在線學習主要出現(xiàn)在高等教育以及一些特定的領域，具有相當大的局限性，這對于許多求學者來說是遠遠不能滿足其需求的。在國外，隨著技術的飛速發(fā)展，不僅高等教育、很多社會其他部門都已經(jīng)開設了在線自學，通過計算機實現(xiàn)異地自學和自檢?，F(xiàn)在，計算機硬件技術的發(fā)展已經(jīng)達到了相當高的水平。但是，教學軟件尤其是知識庫的設計、開發(fā)還處于起步階段，隨著這項技術的不斷深入發(fā)展，就要求有更好、更完善的軟件系統(tǒng)應用到教學當中去，這就給設計人員提出了更高的設計要求。

網(wǎng)絡必須走綜合化發(fā)展之路，實現(xiàn)與其他課程的整合，而不能再按照學習一門學科的老辦法去講、去學、去考。在網(wǎng)絡環(huán)境下的英語學習讓學習者自己動腦筋去尋找問題、發(fā)現(xiàn)問題，幫助他們?nèi)绾卫镁W(wǎng)絡資源為英語學習服務。教師和學生之間可以通過網(wǎng)上討論、電子信箱等進行探討性的學習，讓老師快速、準確地了解學生的學習情況，幫助學生提高學習效率。

三、課題研究意義及啟發(fā)

隨著我國對外開放的不斷擴大化,科學技術的不斷進步,國際地位的不斷提高,迫切需要造就一大批精通外語的專門人才,以加速我國“四化”進程，使我國在國際事務中發(fā)揮更大更積極的作用。英語的使用范圍非常廣泛。世界上70%以上的郵件是用英文寫或用英文寫地址的。全世界科技出版物 70% 以上用英語發(fā)表。全世界的廣播節(jié)目中，有60%是用英語進行的。絕大部分的國際會議是以英語為第一通用語言它也是聯(lián)合國的正式工作語言之一?？傊趪H政治、軍事、經(jīng)濟、科技、文化、貿(mào)易、交通運輸?shù)阮I域，英語是一個重要的交際工具。對具備一定外語知識的綜合型人才的需求也隨之大幅增加。而隨著網(wǎng)絡技術的迅猛發(fā)展，人們的生活越來越依賴于網(wǎng)絡的發(fā)展。通過網(wǎng)絡學習英語的要求也相應提高。因此，學好英語對實現(xiàn)上述目標具有重要的現(xiàn)實意義和深遠的`歷史意義。

信息社會的最明顯的標志是信息采集的全面與快捷。要善于在教學中整合網(wǎng)絡資源，充分利用網(wǎng)絡資源優(yōu)勢。學習網(wǎng)站可以為學生創(chuàng)造盡可能多的接觸現(xiàn)實的機會，提供更多的直觀生動的感性材料，擴大學生的知識面，增加詞匯量，減少學生因缺乏相關知識而造成的學習困難，增強學生對英語的敏感性，拓寬學生思路、開闊視野，促使學生用英語思維，強化記憶，提高學習效率，讓學生在聽說讀寫譯能力等方面都獲得提高。網(wǎng)絡教學為我們提供了克服傳統(tǒng)教學弊端的全新的教學方式，使抽象的、枯燥的學習內(nèi)容轉(zhuǎn)化成形象的、有趣的、可視的、可聽的動感內(nèi)容，網(wǎng)絡教學已成為英語教學的發(fā)展趨勢。

網(wǎng)頁開題報告10

1. 本課題所涉及的問題在國內(nèi)(外)的研究現(xiàn)狀綜述

1.我國目前網(wǎng)頁設計還處于初級的認知階段，國內(nèi)的網(wǎng)站絕大多數(shù)采用的還是非常傳統(tǒng)的橫向區(qū)塊布局，信息密度高，版式缺乏節(jié)奏和韻律，尤其是北京、上海、廣州三地，基本上代表了目前我國網(wǎng)頁設計的制作水平，但是網(wǎng)頁設計的發(fā)展正在呈不斷上升的發(fā)展趨勢，找到具有本民族特色的網(wǎng)頁設計語言,對我國的網(wǎng)頁藝術走向世界具有重大意義。

國外的網(wǎng)站更加人性化,設計更加緊密,服務也更加周到,個性也比國內(nèi)的網(wǎng)站突出,讓人更容易記住，國外的大容量信息網(wǎng)站的趨勢是降低首頁的信息密度，把內(nèi)容分攤到二級頻道;版式上更具引導性、更適于閱讀，瀏覽方式像讀報一樣更流暢隨意。

隨著世界各國對于文化多樣性的著力維護與普遍關注,網(wǎng)頁本土化受到越來越多的網(wǎng)站建設者們所注重隨著互連網(wǎng)技術的發(fā)展，各種企業(yè)和機構在網(wǎng)絡上的競爭也日趨激烈，為了吸引眼球，企業(yè)和機構都在想方設法在網(wǎng)站的形象上來包裝自己，以使自己在同行業(yè)的競爭中脫穎而出，而且這種趨勢愈演愈烈，網(wǎng)站設計的需求量呈爆發(fā)性增長。網(wǎng)絡是我國新興文化，作為現(xiàn)代人的大多數(shù)人，都是通過網(wǎng)絡了解信息，尤其現(xiàn)在青年一代更是熱衷于網(wǎng)絡。網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息 (包括產(chǎn)品和服務)的一種方式，是企業(yè)開展電子商務的基礎設施和信息平臺，離開網(wǎng)站(或者只是利用第三方網(wǎng)站)去談電子商務是不可能的。企業(yè)的網(wǎng)址被稱為 “網(wǎng)絡商標”，也是企業(yè)無形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。

2. 本人對課題任務書提出的任務要求及實現(xiàn)預期目標的可行性分析

任務要求：

為了弘揚京劇文化，提高京劇的知名度;使京劇信息傳播更為迅速有效;京劇做為我國的國粹，有著悠久而漫長的歷史。作為現(xiàn)代人的大多數(shù)人，已經(jīng)不懂的如何去欣賞京劇，更不懂得京劇文化。通過系列網(wǎng)頁設計讓更多的人了解它、喜歡它、欣賞它。給社會大眾留下強烈的印象與影響力。

1)通過網(wǎng)頁設計來體現(xiàn)京劇形象;

2)通過結(jié)合京劇的特點，將各“生.旦.凈.末.丑”五個角色有機、自然地結(jié)合起來，以求得完美統(tǒng)一的設計形象。

3)通過運用巧妙的`網(wǎng)頁設計，為京劇的傳播提供更大的發(fā)展前景。

可行性分析：通過學習《網(wǎng)頁三劍客》、《精通css+div網(wǎng)頁樣式和布局》、《版式設計》、《色彩設計》等專業(yè)課;熟練運用photoshop、flash、Dreamweaver等設計軟件;在老師的指導下，通過自己的努力相信一定能夠達到畢業(yè)設計的預期目標、任務。

3.本課題需要重點研究的、關鍵的問題及解決的思路

本課題需要重點研究的是：

京劇耐人尋味，韻味醇厚。京劇在形成之初，便進入了宮廷，使它的發(fā)育成長不同于地方劇種，對它的技藝的全面性、完整性也要求得更嚴，對它形象的美學要求也更高，其表演藝術更趨于虛實結(jié)合的表現(xiàn)手法，達到“以形傳神，形神兼?zhèn)洹钡乃囆g境界。在網(wǎng)頁設計中要做到對京劇這個傳統(tǒng)藝術內(nèi)涵的發(fā)掘、創(chuàng)新、和表現(xiàn)。京劇中的五大角色的特征，對于相互獨立又相互聯(lián)系的角色如何在網(wǎng)頁設計中把握它們的共性和個性。在網(wǎng)頁設計、色彩設計、表現(xiàn)手法上盡多的融入現(xiàn)代設計元素，既符合年輕人的審美又要能深刻反映京劇文化的內(nèi)涵。

關鍵問題在于如何把抽象的精神內(nèi)涵變?yōu)榭梢暤囊曈X形象。吸引更多的大眾去人了解它、喜歡它、欣賞它。然后解決瀏覽器的兼容問題

4.完成本課題所必須的工作條件(如工具書、實驗設備或?qū)嶒灜h(huán)境條件、某類市場調(diào)研、計算機輔助設計條件等等)及解決的辦法

2)完成本課題的基本工具：有關網(wǎng)頁設計方面的書籍

1.《網(wǎng)頁配色實用手冊 》 溫鑫茶工作室 科學出版社 20xx年9月

2.《Dreamweaver CS4網(wǎng)頁設計與制作指南 》 楊紀梅 清華大學出版社 20xx 年1月

3.《Flash CS3 網(wǎng)站商業(yè)設計從入門到精通 》 張大川 科學出版社 20xx年03月

4.《精通css+div網(wǎng)頁樣式和布局》 前沿科技 人民郵電出版社 20xx年

3)相關的尺寸：原始數(shù)據(jù)和資料(以實際考察提供的為依據(jù))

4)相關的市場調(diào)研，了解網(wǎng)頁設計的實際情形等。

5.完成本課題的工作方案及進度計劃

1)、15-18周 通過現(xiàn)場調(diào)研、網(wǎng)絡、圖書館搜集相關資料、了解當前設計公司設計的一些前沿，初步確定欄目推廣設計的大體方向。

2)、19-20周 初步方案設計(在此期間確定方案，根據(jù)實際情況，進行具體情形前期設計，20xx-第二學期

3)、1-5周 方案細化設計。

4)、6-7周 協(xié)調(diào)整理，為畢業(yè)設計展覽與答辯作相關準備

5) 8-10周 檢查并校訂本的設計稿和實物撰寫畢業(yè)論文，打印、裝訂，提交整套設計資料。制做答辯匯報提綱。次畢業(yè)設計的所有實物和文擋

6)、11-12周 布置畢業(yè)設計展覽

網(wǎng)頁開題報告11

一、網(wǎng)頁設計的內(nèi)容

網(wǎng)頁設計中包含著主觀和客觀兩方面的因素，在確立了網(wǎng)頁主題之后，首先要明確和熟悉設計的對象和構成的要素。網(wǎng)頁設計涉及的具體內(nèi)容很多，可以概括為視聽元素和版式設計兩個方面。

1、視聽元素

這里所說的視聽元素，主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態(tài)影像等。無論是文字、圖形、動畫，還是音頻、視頻，網(wǎng)頁設計者所要考慮的是如何以感研究的形式把它們放進頁面這個“大畫布”里。多媒體技術的運用大大豐富了網(wǎng)頁設計的表現(xiàn)力。

以上各視聽元素大多數(shù)瀏覽器本身都可以顯示或收聽，無需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示gif、jpeg圖形和gif89a動畫。還有些多媒體文件(如mp3音樂)需要先下載到本地由?上，然后啟動相應的外部程序來播放。另外，在瀏覽器使用插件(plug-in)可以播放更多格式的多媒體文件。微軟推出ie瀏覽器后，提供了基于ole的activex技術，用來在網(wǎng)頁中播放多媒體。目前activex已經(jīng)成為熱門技術。另一種播放多媒體的技術是javaapplet。它是用java語言編寫的應用于網(wǎng)頁之中的小應用程序，相比于插件和activex，javaapplet具有更大的靈活性和良好的跨平臺能力，因此具有很好的發(fā)展前景?？傊?，技術的不斷發(fā)展使多媒體元素在網(wǎng)頁設計中的綜合運用越來越廣泛，使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現(xiàn)，也對網(wǎng)頁的藝術設計提出了更高的要求。

2、版式設計

網(wǎng)頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處，它在網(wǎng)頁的藝術設計中占據(jù)著重要的地位。所謂網(wǎng)頁的版式設計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，將理性思維個性化的表現(xiàn)出來，是一種具有個研究風格和藝術特色的視聽傳達方式。它在傳達信息的同時，也產(chǎn)生感官上的美感和精神上的享受。

但網(wǎng)頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁則不然，它的尺寸是由讀者來控制的。這使網(wǎng)頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且，網(wǎng)頁的組織結(jié)構不像印刷品那樣為線性組合，這給網(wǎng)頁的版式設計帶來了一定的難度。

二、網(wǎng)頁設計的原則

網(wǎng)頁作為傳播信息的一種載體，同其他出版物如報紙、雜志等在設計上有許多共同之處，也要遵循一些設計的基本原則。但是，由于表現(xiàn)形式、運行方式和社會功能的不同，網(wǎng)頁設計又有其自身的特殊規(guī)律。網(wǎng)頁的藝術設計，是技術與藝術的結(jié)合，內(nèi)容與形式的統(tǒng)一。它要求設計者必須掌握以下三個主要原則:

1、主題鮮明

視覺設計表達的是一定的意圖和要求，有明確的主題，并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者。訴求的目的，是使主題在適當?shù)沫h(huán)境里被研究們即時地理解和接受，以滿足研究們的實用和需求，這就要求視覺設計不但要單純、簡練、清晰和精確，而且在強調(diào)藝術性的同時，更應該注重通過獨特的風格和強烈的視覺沖擊力，來鮮明地突出設計主題。

根據(jù)認知心理學的.理論，大多數(shù)研究在短期記憶中只能同時把握4到7條分立的信息，而對多于7條的分立信息或者不分立的信息容易產(chǎn)生記憶上的模糊或遺忘，概括起來就是:較小而分立的信息要比較長而不分立的信息更為有效和容易瀏覽。這個規(guī)律蘊含在研究們尋找信息和使用信息的實踐活動中，它要求視覺設計者的網(wǎng)頁設計必須自覺地掌握和遵從。

作為視覺設計范疇一種的網(wǎng)頁設計，其最終目的是達到最佳的主題訴求效果。這種效果的取得，一方面通過對網(wǎng)頁主題思想運用邏輯規(guī)律進行條理性處理，使之符合瀏覽者獲取信息的心理需求和邏輯方式，讓瀏覽者快速地理解和吸收;另一方面通過對網(wǎng)頁構成元素運用藝術的形式美法則進行條理性處理，更好地營造符合設計目的的視覺環(huán)境，突出主題，增強瀏覽者對網(wǎng)頁的注意力，增進對網(wǎng)頁內(nèi)容的理解。只有兩個方面有機地統(tǒng)一，生能實現(xiàn)最佳的主題訴求效果。

優(yōu)秀的網(wǎng)頁設計必然服務于網(wǎng)站的主題，就是說，什么樣的網(wǎng)站，應該有什么樣的設計。例如，設計類的個研究站點與商業(yè)站點性質(zhì)不同，目的也不同，所以評論的標準也不同。網(wǎng)頁設計與網(wǎng)站主題的關系應該是這樣:首先，設計是為主題服務的;其次，設計是藝術和技術結(jié)合的產(chǎn)物，就是說，即要“美”，又要實現(xiàn)“功能”;最后，“美”和“功能”都是為了更好地表達主題。當然，有些情況下，“功能”即是“主題”，還有些情況下，“美”即是主題。例如，雅虎作為一個搜索引擎，首先要實現(xiàn)“搜索”的“功能”。它的主題即是它的“功能”。而一個個研究網(wǎng)站，可以只體現(xiàn)作者的設計思想，或者僅僅以設計出“美”的網(wǎng)頁為目的。它的主題只有一個，就是——美。

只注重主題思想的條理性而忽視網(wǎng)頁構成元素空間關系的形式美組合，或者只重視網(wǎng)頁形式上的條理而淡化主題思想的邏輯，都將削弱網(wǎng)頁主題的最佳訴求效果，難以吸引瀏覽者的注意力，出現(xiàn)平庸的網(wǎng)頁設計或使網(wǎng)頁設計以失敗 而告終。

要使網(wǎng)頁從形式上獲得良好的誘導力，鮮明地突出訴求主題，具體可以通過對網(wǎng)頁的空間層次、主從關系、視覺秩序及彼此間的邏輯性的把握運用來達到。

2、形式與內(nèi)容統(tǒng)一

任何設計都有一定的內(nèi)容和形式。內(nèi)容是構成設計的一切內(nèi)在要素的總和，是設計存在的基礎，被稱為“設計的靈魂”;形式是構成內(nèi)容諸要素的內(nèi)部結(jié)構或內(nèi)容的外部表現(xiàn)方式。設計的內(nèi)容就是指它的主題、形象、題材等要素的總和，形式就是它的結(jié)構、風格或設計語言等表現(xiàn)方式。內(nèi)容決定形式，形式反作用于內(nèi)容。一個優(yōu)秀的設計必定是形式對內(nèi)容的完美表現(xiàn)。正如黑格爾所說:“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物，再現(xiàn)現(xiàn)實，而在于使其外部形式傳達和表現(xiàn)出一定的情緒、氣氛、格調(diào)、風尚、趣味，使物質(zhì)經(jīng)由象征變成相似于精神生活的有關環(huán)境。”(黑格爾<美學>第三卷)

一方面，網(wǎng)頁設計所追求的形式美，必須適合主題的需要，這是網(wǎng)頁設計的前提。只講花哨的表現(xiàn)形式以及過于強調(diào)“獨特的設計風格”而脫離內(nèi)容，或者只求內(nèi)容而缺乏藝術的表現(xiàn)，網(wǎng)頁設計都會變的空洞而無力。設計者只有將二者有機地統(tǒng)一起來，深入領會主題的精髓，再融合自己的思想感情，找到一個完美的表現(xiàn)形式，生能體現(xiàn)出網(wǎng)頁設計獨具的分量和特有的價值。另一方面，要確保網(wǎng)頁上的每一個元素都有存在的必要性，不要為了炫耀而使用冗余的技術。那樣得到的效果可能會適得其反。只有通過認真設計和充分的考慮來實現(xiàn)全面的功能并體現(xiàn)美感生能實現(xiàn)形式與內(nèi)容的統(tǒng)一。

據(jù)有關資料所做的保守估計，目前在上網(wǎng)頁數(shù)據(jù)傳輸平均以每秒1、5k的速度到達客戶端。假設某個網(wǎng)頁為了豐富其藝術性而追趕時髦地大量使用圖像或其它多媒體元素等，雖然達到了其靜態(tài)形式美的效果，卻造成多達幾十k甚至更大的網(wǎng)頁數(shù)據(jù)，使瀏覽者必須等待很長時間生能看到“廬山真面目”，這樣的網(wǎng)頁就不是一個優(yōu)秀的網(wǎng)頁，因為它不符合網(wǎng)頁傳播信息的突出特性之一——快捷性，使網(wǎng)頁內(nèi)容不能很快地到達訪問者，影響了訪問效果和質(zhì)量，損害了訪問者的情趣和積極性，這種技術要素影響了傳達信息的效果，因而不是形式與內(nèi)容的完美統(tǒng)一。

網(wǎng)頁具有多屏、分頁、嵌套等特性，設計者可以對其進行形式上的適當變化以達到多變性處理效果，豐富整個網(wǎng)頁的形式美。這就要求設計者在注意單個頁面形式與內(nèi)容統(tǒng)一的同時，更不能忽視同一主題下多個分頁面組成的整體網(wǎng)頁的形式與整體內(nèi)容的統(tǒng)一。

因此，在網(wǎng)頁設計中必須注意形式與內(nèi)容的高度統(tǒng)一。

3、強調(diào)整體

網(wǎng)頁的整體性包括內(nèi)容和形式上的整體性，這里主要討論設計形式上的整體性。

網(wǎng)頁是傳播信息的載體，它要表達的是一定的內(nèi)容、主題和意念，在適當?shù)臅r間和空間環(huán)境里為研究們所理解和接受，它以滿足研究們的實用和需求為目標。設計時強調(diào)其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它，并給研究一種內(nèi)部有機聯(lián)系、外部和諧完整的美感。整體性也是體現(xiàn)一個站點獨特風格的重要手段之一。

網(wǎng)頁的結(jié)構形式是由各種視聽要素組成的。在設計網(wǎng)頁時，強調(diào)頁面各組成部分的共性因素或者使諸部分共同含有某種形式特征，是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如:在版式上，將頁面中各視覺要素作通盤考慮，以周密的組織和精確的定位來獲得頁面的秩序感，即使運用“散”的結(jié)構，也是經(jīng)過深思熟慮之后的決定;一個站點通常只使用兩到三種標準色，并注意色彩搭配的和諧;對于分屏的長頁面，不可設計完第一屏再考慮下一屏。同樣，整個網(wǎng)頁內(nèi)部的頁面，都應統(tǒng)一規(guī)劃，統(tǒng)一風格，讓瀏覽者體會到設計者完整的設計思想。

從某種意義上講，強調(diào)網(wǎng)頁結(jié)構形式的視覺整體性必然會犧牲靈活的多變性，“物極必反”就是這個道理。因此，在強調(diào)網(wǎng)頁整體性設計的同時必須注意:過于強調(diào)整體性可能會使網(wǎng)頁呆板、沉悶，以致影響訪問者的情趣和繼續(xù)瀏覽的欲望。“整體”是“多變”基礎上的整體。

三、網(wǎng)頁設計的特點

1、交互性與持續(xù)性

網(wǎng)頁不同于傳統(tǒng)媒體之處，就在于信息的動態(tài)更新和即時交互性。即時的交互性是web成為熱點的主要原因，也是網(wǎng)頁設計時必須考慮的問題。傳統(tǒng)媒體(如廣播、電視節(jié)目、報刊雜志等)都以線性方式提供信息，即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在web環(huán)境下，研究們不再是一個傳統(tǒng)媒體方式的被動接受者，而是以一個主動參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互，使網(wǎng)頁設計不像印刷品設計那樣，發(fā)表之后就意味著設計的結(jié)束。網(wǎng)頁設計研究員必須根據(jù)網(wǎng)站各個階段的經(jīng)營目標，配合網(wǎng)站不同時期的經(jīng)營策略，以及用戶的反饋信息，經(jīng)常地對網(wǎng)頁進行調(diào)整和修改。例如，為了保持瀏覽者對網(wǎng)站的新鮮感，很多大型網(wǎng)站總是定期或不定期的進行改版，這就需要設計者在保持網(wǎng)站視覺形象一貫性的基礎上，不斷創(chuàng)作出新的網(wǎng)頁設計作品。

2、多維性

多維性源于超級鏈接，主要體現(xiàn)在網(wǎng)頁設計中對導航的設計上。由于超級鏈接的出現(xiàn)，網(wǎng)頁的組織結(jié)構更加豐富，瀏覽者可以在各種主題之間自由跳轉(zhuǎn)，從而打破了以前研究們接收信息的線性方式。例如，可將頁面的組織結(jié)構分為序列結(jié)構、層次結(jié)構、網(wǎng)狀結(jié)構、復合結(jié)構等。但頁面之間的關系過于復雜，不僅使瀏覽者檢索和查找信息增加了難度，也給設計者帶來了更大的困難。為了讓瀏覽者在網(wǎng)頁上迅速找到所需的信息，設計者必須考慮快捷而完善的導航設計。

印刷品中導航問題不是那么突出，如果一個句子在頁尾突然終止，讀者會很自然地翻到下一頁查找剩余部分，為了幫助讀者找到他們要找的信息，出版者提供了目錄、索引或腳注。如果文章從期刊中的一頁跳到后面的非順序頁時，讀者會看到類似于“續(xù)68頁”這樣的指引語句。然而，作為一名網(wǎng)頁設計者，你以前所學的導航技術沒有一種完全適合于網(wǎng)頁導航。在替瀏覽者考慮得很周到的網(wǎng)頁中，導航提供了足夠的、不同角度的鏈接，幫助讀者在網(wǎng)頁的各個部分之間跳轉(zhuǎn)，并告知瀏覽者現(xiàn)在所在的位置、當前頁面和其他頁面之間的關系等。而且，每頁都有一個返回主頁的按鈕或鏈接，如果頁面是按層次結(jié)構組織的，通常還有一個返回上級頁面的鏈接。對于網(wǎng)頁設計者來說，面對的不是按順序排列的印刷頁面，而是自由分散的網(wǎng)頁，因此必須考慮更多的問題。如:怎樣構建合理的頁面組織結(jié)構，讓瀏覽者對你提供的巨量信息感到條理?怎樣建立包括站點索引、幫助頁面、查詢功能在內(nèi)的導航系統(tǒng)?這一切從哪兒開始，到哪兒結(jié)束?

3、多種媒體的綜合性

目前網(wǎng)頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等，隨著網(wǎng)絡帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣，必將促使設計者綜合運用多種媒體元素來設計網(wǎng)頁，以滿足和豐富瀏覽者對網(wǎng)絡信息傳輸質(zhì)量提出的更高要求。目前國內(nèi)網(wǎng)頁已經(jīng)出現(xiàn)了模擬三維的操作界面，在數(shù)據(jù)壓縮技術的改進和流(stream)技術的推動下，inter網(wǎng)上出現(xiàn)實時的音頻和視頻服務，典型的有在線音樂、在線廣播、網(wǎng)上電影 、網(wǎng)上直播等。因此，多種媒體的綜合運用是網(wǎng)頁設計的特點之一，是未來的發(fā)展方向。

4、版式的不可控性

網(wǎng)頁版式設計與傳統(tǒng)印刷版式設計有著極大的差異:

(1)印刷品設計者可以指定使用的紙張和油墨，而網(wǎng)頁設計者卻不能要求瀏覽者使用什么樣的電腦或瀏覽器;

(2)網(wǎng)絡正處于不斷發(fā)展之中，不象印刷那樣基本具備了成熟的印刷標準;

(3)網(wǎng)頁設計過程中有關web的每一件事都可能隨時發(fā)生變化。

這一切說明，網(wǎng)絡應用尚處在發(fā)展之中，關于網(wǎng)絡應用也很難在各個方面都制訂出統(tǒng)一的標準，這必然導致網(wǎng)頁版式設計的不可控制性。其具體表現(xiàn)為:

(1)網(wǎng)頁頁面會根據(jù)當前瀏覽器窗口大小自動格式化輸出;

(2)網(wǎng)頁的瀏覽者可以控制網(wǎng)頁頁面在瀏覽器中的顯示方式;

(3)不同種類、版本的瀏覽器觀察同一個網(wǎng)頁頁面，效果會有所不同;

(4)用戶的瀏覽器工作環(huán)境不同，顯示效果也會有所不同。

把所有這些問題歸結(jié)為一點，即網(wǎng)頁設計者無法控制頁面在用戶端的最終顯示效果，但這也正是網(wǎng)頁設計的吸引研究之處。

5、技術與藝術結(jié)合的緊密性

設計是主觀和客觀共同作用的結(jié)果，是在自由和不自由之間進行的，設計者不能超越自身已有經(jīng)驗和所處環(huán)境提供的客觀條件限制，優(yōu)秀設計者正是在掌握客觀規(guī)律基礎上得到了完全的自由，一種想象和創(chuàng)造的自由。網(wǎng)絡技術主要表現(xiàn)為客觀因素，藝術創(chuàng)意主要表現(xiàn)為主觀因素，網(wǎng)頁設計者應該積極主動地掌握現(xiàn)有的各種網(wǎng)絡技術規(guī)律，注重技術和藝術緊密結(jié)合，這樣生能窮盡技術之長，實現(xiàn)藝術想象，滿足瀏覽者對網(wǎng)頁信息的高質(zhì)量需求。

例如，瀏覽者欣賞一段音樂或電影，以前必須先將這段音樂或電影下載回本地機器，然后使用相應的程序來播放，由于音頻或視頻文件都比較大，需要較長的下載時間。流(stream)技術出現(xiàn)以后，網(wǎng)頁設計者充分、巧妙地應用此技術，讓瀏覽者在下載過程中就可以欣賞這段音樂或電影，實現(xiàn)了實時的網(wǎng)上視頻直播服務和在線欣賞音樂服務，無疑增強了頁面?zhèn)鞑バ畔⒌谋憩F(xiàn)力和感染力。

網(wǎng)絡技術與藝術創(chuàng)意的緊密結(jié)合，使網(wǎng)頁的藝術設計由平面設計擴展到立體設計，由純粹的視覺藝術擴展到空間聽覺藝術，網(wǎng)頁效果不再近似于書籍或報刊雜志等印刷媒體，而更接近于電影或電視的觀賞效果。技術發(fā)展促進了技術與藝術的緊密結(jié)合，把瀏覽者帶入一個真正現(xiàn)實中的虛擬世界。

技術與藝術的緊密結(jié)合在網(wǎng)頁設計中體現(xiàn)得尤為突出。

網(wǎng)頁開題報告12

在經(jīng)濟迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術性人才。學校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習，讓我們把平時所學知識運用到實習中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談談我在本次專用周的主要感受。

一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。

1.討論網(wǎng)站的主題。

網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關心，無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。

2.定位網(wǎng)站的ci形象。“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展?！胺啤蓖ǚ牵巧鷻C、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘?！吧钊缁?，自在快樂”是yifini易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。

3.確定欄目和板塊。

于時間的關系在本次我準備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。

2.網(wǎng)站的整體風格和創(chuàng)意。

整個網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設計上，yieini易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設計之中，充分體現(xiàn)設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

二、網(wǎng)頁制作的前期策劃與準備，在本階級主要有兩方面的工作。

1.資料的搜集。

在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關網(wǎng)站的布局與服飾品牌方面的資料，我首先進它的企業(yè)網(wǎng)站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實詢問我終于懂得一些關于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，最關鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。

2.熟悉制作軟件。

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

三、網(wǎng)頁制作，這便進入我該次的主題了具體制作流程如下。

1.構建站點框架。

在我打開dremweaver后第一步便是新建站點，我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以方便的使用。

2.設計主頁及二級頁面。

在主頁我設首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務，美容美體，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的`設計才是成功的；連貫，頁面之間關系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，色彩呼應，搭配協(xié)調(diào)，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

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

交互式強: 發(fā)揮網(wǎng)絡的優(yōu)勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網(wǎng)頁才算真正的美的設計。每個子頁都設有上導航欄，便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務。

3.實現(xiàn)網(wǎng)頁間的鏈接。

我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

4.向靜太網(wǎng)頁插入動態(tài)效果。

在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。

四、網(wǎng)頁的調(diào)試。

在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用。而對于動態(tài)flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。

網(wǎng)頁開題報告13

伴隨著我國旅游業(yè)的高速發(fā)展，我國旅行社行業(yè)發(fā)生了巨大的變化，特別是近十幾 年來，許多企業(yè)、個人紛紛開辦旅行社，使行業(yè)規(guī)模不斷擴大。

但從我國旅行社行業(yè)的 規(guī)模結(jié)構來看，小規(guī)模旅行社占絕多數(shù)；從地理分布情況來看，我國旅行社在全國的分 布基本合理；行業(yè)利潤卻因激烈的競爭在逐年下降，數(shù)據(jù)顯示在 20 世紀末旅行社的利 潤還在 8%左右，但到了 21 世紀的最近十幾年旅行社的利潤已經(jīng)跌到了 2%左右，我國旅 行社業(yè)正逐步成為一個低利潤行業(yè)。 低水平重復旅游線路。缺乏創(chuàng)新，特別是對那些實力較弱的中小型旅行社來講，沒 有專門的策劃開發(fā)人員和相應的設備基礎。 內(nèi)部管理能力差，專業(yè)化分工體系不完善。對于中小型旅行社，人員不足、效率低 下的問題屢見不鮮：或一人扮演多名角色，或工作量太大、過于繁瑣而疲于應付等等。 運作成本高，信用不足。

中小型旅行社資金相對較為缺乏，不可能大規(guī)模的投資到 開發(fā)新產(chǎn)品，和擴大企業(yè)規(guī)模上。而且，中小型旅行社大多都是獨立成戶，一盤散沙， 缺乏與同行的溝通，甚至相互敵視，其最終受害的是消費者。 而該系統(tǒng)便是在此環(huán)境下應運而生，任務目標和其功能的設計便專為解決和基本解 決以上問題。它的主要功能有：

1 游客功能

1.1 普通游客功能：查詢旅游信息，按條件搜索合適的旅游景點，預定等。

1.2 會員游客功能：普通游客功能加上修改注冊信息，修改登錄密碼等。

2 員工功能

2.1 業(yè)務員功能：處理游客訂單（發(fā)計調(diào)部或退訂） ，與游客簽訂合同，合同管理， 收款（發(fā)財務部）等等。

2.2 計調(diào)員功能：檢查訂單，定制組團表，與其他合作旅行社拼團，聯(lián)系外勤，新 增、修改、刪除旅游線路，下達計劃，編制結(jié)算等等。

2.3 導游功能：查詢計劃，與游客、地接社等聯(lián)系、確認等等。

2.4 財務功能：從業(yè)務員處收取游客款項，為計調(diào)結(jié)算提款，填寫財務報表，定時 結(jié)算盈虧金額等等。

2.5 經(jīng)理功能：隨時查看各種信息、報表。

2.6 管理員功能：分配各員工的賬戶和初始密碼，及時為各員工解決軟件上的問題， 隨時檢查系統(tǒng)和數(shù)據(jù)庫的運行狀態(tài)等等。 因此，使用該系統(tǒng)便能很好的明確和分工各員的任務以及協(xié)助其更容易的完成任 務。同時該系統(tǒng)旨在與其他同樣運行該系統(tǒng)的中小型旅行社進行密切聯(lián)系，如與其他旅 行社拼團、交流信息，加強與地接社的聯(lián)系等等。

這樣便可把獨立的、實力較弱的各個 中小型旅行社聯(lián)系起來，組成一張實力強大的網(wǎng)，不僅信息共享，資源充分利用，自然 還能贏得消費者的好感與信賴。 該系統(tǒng)擬采用 ASP.NET 開發(fā)，方便聯(lián)機、聯(lián)網(wǎng)使用，不論是游客在網(wǎng)上瀏覽景點信 息、預定景點，還是內(nèi)部員工獨自操作或是他們之間的聯(lián)系，都可以通過該 B/S 架構輕 松實現(xiàn)。數(shù)據(jù)庫擬采用 SQL Server 來實現(xiàn)，其強大的.功能，良好的安全性和易用性足 以滿足該系統(tǒng)的需求。

合作旅行社（使用該系統(tǒng)的其他旅行社）的數(shù)據(jù)可以統(tǒng)一存放在 同一個數(shù)據(jù)庫中并建立好備份；也可以各自存放到自己的數(shù)據(jù)庫中，然后通過數(shù)據(jù)庫同步功能來實現(xiàn)數(shù)據(jù)的同步。這樣便可將獨立的中小型旅行社緊密聯(lián)系起來，形成具有一 定規(guī)模的強大旅行網(wǎng)絡點。

網(wǎng)頁開題報告14

在經(jīng)濟迅速發(fā)展今天，Internet顯得更為重要它是人們發(fā)布信息與傳遞信息重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正技術性人才。學校在本周為我們安排了維持一周網(wǎng)頁制作專用周是實習，讓我們把平時所學知識運用到實習中做到真正學以致用而不只是紙上談兵。通過本周實習使我獲得了更多新知識同時也使我使我認識到了自己在學習上許多不足，下面就談談我在本次專用周主要感受。

一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁第一步便是做網(wǎng)站整體規(guī)劃這主要包括四個方面內(nèi)容。

1討論網(wǎng)站主題。

網(wǎng)站整體規(guī)劃是做網(wǎng)頁第一步也是制作網(wǎng)頁最關鍵一步它決定了你要表答信息，因此我選擇了我選擇我最喜愛服飾來為它做網(wǎng)頁。在平時我也對服裝網(wǎng)頁比較關心，無論是淘寶網(wǎng)上衣店還是各種品牌裝。這次我是為“易菲”服飾做網(wǎng)頁。

2定位網(wǎng)站CI形象。

“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現(xiàn)代自然人文氣息特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族文化精髓，是厚德載物，是對人性寬度一種拓展。“菲”通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度一種挖掘?！吧钊缁ǎ栽诳鞓贰笔荵IFINI易菲設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂生活方式。這也便是我網(wǎng)站CI形象。

3確定欄目和板塊。

于時間關系在本次我準備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁主打色綠色。

4網(wǎng)站整體風格和創(chuàng)意。

整個網(wǎng)站創(chuàng)意就在于顏色搭配，與各種圖片搭配，它們相互輝映，相互襯托。以便達到表現(xiàn)其品牌和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站主打色主要是因為我產(chǎn)品特性。在設計上，YIEINI易菲推崇“自然美”，將帶表女性氣質(zhì)花卉和自然元素融入設計之中，充分體現(xiàn)設計師和顧客所追求一種灑脫、舒適生活氛圍，力求表現(xiàn)悠閑、舒暢、自然生活情趣。因此我用天空與自然顏色來表達這張自然之美、和諧之美。

二、網(wǎng)頁制作前期策劃與準備，在本階級主要有兩方面工作。

1資料搜集。

在做網(wǎng)頁我上網(wǎng)收集了許多方面資料主要是有關網(wǎng)站布局與服飾品牌方面資料，我首先進它企業(yè)網(wǎng)站找了一些關于“易菲”服飾圖片主要是一些代言形象還有代表其企業(yè)形象圖片。其次我去瀏覽了許多網(wǎng)頁觀察其網(wǎng)頁布局、顏色搭配、欄目、板塊等方面內(nèi)容，同時也搜集了一些對我有用資料。在搜索資料最困難便是動態(tài)圖片搜集，動態(tài)圖片其gif格式還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天時間來搜集我flash都不太成功，不過還搜到了可以換自己圖片代碼。在開始時我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實詢問我終于懂得一些關于代碼搜索。在搜集資料過程之中我發(fā)現(xiàn)了自己許多不足之處，最關鍵就是平時對知識掌握不夠，連最基本資料搜尋都覺得困難。也是我平時不夠認真和努力表現(xiàn)。通過這次教訓在以后我一定會做得更好，爭取不范類似錯誤。

2熟悉制作軟件。

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

三、網(wǎng)頁制作，這便進入我該次主題了具體制作流程如下。

1構建站點框架。

在我打開Dremweaver后第一步便是新建站點，我把我站點建立在F儀下面。并將我搜集全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以方便使用。

2設計主頁及二級頁面。

在主頁我設首頁制作時，時刻考慮著網(wǎng)頁基本原則：統(tǒng)一，連貫，分割，對比及和諧原則，內(nèi)容統(tǒng)一，都是為了主題服務，美容美體，一個網(wǎng)站強調(diào)就是一個整體，只有圍繞一個統(tǒng)一目標所做設計才是成功；連貫，頁面之間關系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，色彩呼應，搭配協(xié)調(diào)，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

簡潔實用：這是非常重要，網(wǎng)絡特殊環(huán)境下，盡量以最高效率方式將用戶所要想得到信息傳送給他就是最好，所以要去掉所有冗余東西。使用方便：同第一個是相一致，滿足使用者要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式美要求：布局有條理，充分利用美形式，是網(wǎng)頁富有可。

第四篇：個人網(wǎng)站網(wǎng)頁制作論文

個人網(wǎng)站網(wǎng)頁

制 作 論 文

學院： 專業(yè)： 姓名： 學號：

摘要

本文就個人網(wǎng)站的規(guī)劃與建設，以軟件工程的方法對全過程進行了分析與研究。本文的主要工作集中在：

1.對Web頁進行概述，主要是對Internet的歷史和發(fā)展作了回顧，并對Web頁的定義和特性進行闡述。并對網(wǎng)站開發(fā)過程中使用的開發(fā)工具和技術作了簡要的介紹。

2.對網(wǎng)站建設中提及到的術語進行了解釋，并對個人網(wǎng)站的由來和發(fā)展進行了討論。

3.對自己的個人網(wǎng)站從規(guī)劃到建設進行了詳細的分析。

4.使用ASP＋IIS＋Access技術實現(xiàn)了我的網(wǎng)站的各種功能，其中和數(shù)據(jù)庫的連接使用到了ODBC技術。

5.就網(wǎng)站建設提出了自己的觀點與建議。

【關鍵詞】 網(wǎng)站 ASP SQL Server 風格 創(chuàng)意

一、引言

在已跨入21世紀的今天，人類使用和學習信息的方式以及信息的包裝方式正在進行著不可阻擋的革命，這次革命將比印刷術的出現(xiàn)所產(chǎn)生的影響以及對社會發(fā)展的推動遠為復雜而巨大。目前，我國上網(wǎng)的人口已近一個億，成立世界上網(wǎng)民最多的國家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖象、聲音、動畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動特點，無可置疑，網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網(wǎng)絡技術的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。個人網(wǎng)站也成為了一種時尚。越來越多的人希望擁有自己的網(wǎng)站，開辟網(wǎng)絡世界的一片天地，展示自己的才華和風格。

（一）Web頁概述

1、認識Web

Web(World Wide Web，簡稱，其意思就是采用http超文本傳輸協(xié)議訪問新浪網(wǎng)的首頁，由于網(wǎng)頁均是通過http超文本傳輸協(xié)議進行訪問，默認下，“http://”可以省略不輸。

5、IP地址

為了使互聯(lián)網(wǎng)上的電腦主機在通信時能夠相互識別，每臺主機都分配一個能表示其位置的IP（Internet Protocol）地址，這如同公用電話網(wǎng)中電話的號碼一樣。IP地址是由專門的互聯(lián)網(wǎng)機構來分配。IP地址具有惟一性，是由32位二進制數(shù)組成，分為四組，每組8位，每組之間用小數(shù)點分隔，在實際之中常轉(zhuǎn)換成十進制數(shù)表示。

（二）個人網(wǎng)站的由來和發(fā)展

互聯(lián)網(wǎng)在中國的出現(xiàn)只有短短七年時間，1994年中國科學院高能物理研究所設立了國內(nèi)第一個Web服務器，推出一個叫做“中國之窗”的網(wǎng)頁，這可能是國內(nèi)Internet上出現(xiàn)的第一個Web網(wǎng)頁，1995年開始，中國教育科研網(wǎng)，中國科技網(wǎng)，中國公用計算機互聯(lián)網(wǎng)以及中國金橋網(wǎng)這構成中國數(shù)字神經(jīng)系統(tǒng)的四大互聯(lián)網(wǎng)絡相繼建成，使互聯(lián)網(wǎng)在中國開始真正進入社會生活之中。

這時期，個人網(wǎng)站出現(xiàn)的條件還很不成熟，國內(nèi)上網(wǎng)的人數(shù)很少，也缺乏支持個人建站的環(huán)境，用戶很難找到理想的個人主頁存放地。

個人網(wǎng)站發(fā)展的第二階段是從1997年初到1998年，這段時間，中國網(wǎng)民數(shù)量飛速增長，個人網(wǎng)站日漸繁榮，個人主頁的數(shù)量急劇增加。同時，越來越多的商業(yè)網(wǎng)站開始免費提供個人主頁空間，這些良好的外部極大地促進了個人網(wǎng)站的發(fā)展，涌現(xiàn)了一批很著名的個人網(wǎng)頁，從1998年下半年開始，隨著互聯(lián)網(wǎng)應用的深入的普及，隨著眾多主頁制作工具的出現(xiàn)，使得建站成為一件非常容易的事，創(chuàng)建一個能充分體現(xiàn)自我風格和特色的個人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。

（三）我的個人網(wǎng)站的設計與規(guī)劃

1、明確架設網(wǎng)站的目的及客戶要求

通常情況下，架設個人網(wǎng)站主要是為了通過互聯(lián)網(wǎng)表達個人在商業(yè)、科技、交際、生活等方面的信息需求或者進行信息的交流，具有較強的目的性，我的個人網(wǎng)站一般體現(xiàn)在：為了展示自己的風采，讓大家和我一起分享我的心得與經(jīng)驗，讓和我有共同愛好的朋友有一個傾訴的地方。

2、我的個人網(wǎng)站概貌

因為是個人網(wǎng)站，所以只是選擇了自己擅長和喜愛的內(nèi)容，在突出自己的風格和特點的同時，還應用了現(xiàn)在流行的網(wǎng)站設計技術和數(shù)據(jù)庫技術。因此將網(wǎng)站設計分為前臺頁面展示平臺和后臺在線管理平臺。

3、功能劃分

網(wǎng)站設計有新聞更新，瀏覽者可以在首頁瀏覽自己喜歡的新聞，并且可以在留言板和大家交流，在后臺管理頁面中，通過身份認證，管理員——我，可以對網(wǎng)站信息進行管理。站內(nèi)的其它頁面均是我自己的精心收藏，與大家一起分享。

4、功能描述(1)新聞

嵌入百度新聞每日更新代碼，使用在本站首頁顯示今日國內(nèi)國際新聞和體育新聞，供瀏覽者瀏覽。

(2)留言板

是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進行交流。就我們感興趣的話題展開討論。和大家進行溝通。

(3)后臺管理頁面 是我管理和添加到新內(nèi)容的地方，為了方便實現(xiàn)信息的經(jīng)常更新，我設計了這個管理頁面，經(jīng)過身份認證后我可以進入網(wǎng)站對其中的信息進行管理。

(4)日記

在其中展示我喜愛的東西，包括我的日記、精品文章、社會文化和一些雜七雜八的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認識我和了解我，讓一些美好的東西我們大家共同來欣賞。

(5)相冊

在其中展示漂亮的圖片，包括我的照片、我的同學、風景照片、妹眉帥哥欄目。讓大家一起來欣賞人物、風景風采。

(6)音樂

在其中展示個人喜歡的歌曲，朋友們可以在里面點播自己喜歡的歌。(7)頁面組織和數(shù)據(jù)庫設計

在明確了我的個人網(wǎng)站的風格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設計和數(shù)據(jù)庫設計。

建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴充和維護網(wǎng)站也相當困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應該將網(wǎng)站的主體明確顯示出來。因此我將自己的個人網(wǎng)站分為五個欄目，分別是關于我、相冊、日記、音樂、留言。

三、詳細設計

1、界面設計（1）相冊

是一個個人相片和精彩圖片展示的地方，在相冊中，我們可以了解到站長的個人風采和自己喜歡的圖片。a、功能

利用ASP對象語句顯示圖片，讓大家可以看見所有圖片的縮略圖，同時每個圖片都有快照功能，可以瀏覽圖片的全圖。

b、組成構造

相冊結(jié)果顯示頁面 photo.asp：用來顯示所有圖片，同時還具備圖片的分類功能和圖片單個瀏覽功能。

站長基本信息顯示頁面 include.asp： 數(shù)據(jù)庫連接頁面 conn.asp(2)日記

是一個記錄個人日記和精品收藏文章的地方，供給大家一起分享。a、功能

利用ASP對象語句分類顯示日記或文章記錄，讓大家瀏覽到最新的日記或文章

b、組成結(jié)構

日記或文章顯示頁面 diary.asp：顯示所有日記或文章，同時還具備顯示不同子類日記或文章

站長基本信息顯示頁面 include.asp 數(shù)據(jù)庫連接頁面 conn.asp c、日記頁面瀏覽效果圖，如圖12。(3)、音樂

是一個音樂收藏和音樂欣賞的地方。a、功能

利用ASP對象語句來顯示歌曲曲目、演唱人和在線播放功能。b、組成結(jié)構

歌曲顯示播放頁面 media.asp：完成曲目的顯示和播放功能的頁面。站長基本信息顯示頁面 include.asp 數(shù)據(jù)庫連接頁面 conn.asp(4)、留言本

是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進行交流。就我們感興趣的話題展開討論。和大家進行溝通。

a、功能

利用SQL語法過濾特定的用戶留言意見，讓站長可以針對某位特定用戶所發(fā)表的意見作出獨立的回答，同時，用戶在發(fā)表個人意見時，若認為意見內(nèi)容涉及敏感的話題或是意見內(nèi)容涉及私人隱私，都可用“悄悄話”的方式發(fā)言，這些“悄悄話”將不會被顯示出來讓大家看到，當然，站長擁有管理的能力，只要以密碼登錄管理模式，就可以進行各個用戶的單獨意見回復，而且還能看到用戶所留下的“悄悄話

b、組成構造

意見留言結(jié)果網(wǎng)頁gbook.asp：用來顯示用戶發(fā)言與站長回復內(nèi)容，同時還具備查看留言和發(fā)表留言兩個功能。

站長基本信息顯示頁面 include.asp 數(shù)據(jù)庫連接頁面 conn.asp

(三)、關鍵代碼設計

1、分頁功能模塊代碼

<% if not rs.eof then rs.MoveFirst '注意放到前面來,否則到任何頁總是在第一個記錄上

end if rs.pagesize=MaxPerPage '設置每頁最多顯示多少條記錄

If trim(Request(“Page”))<>“" then '如果請求的頁次不為空

CurrentPage= CLng(request(”Page“))'clng是轉(zhuǎn)換成長整型數(shù)據(jù)類型,并賦值到當前頁次上

If CurrentPage> rs.PageCount then '如果當前頁次大于總頁數(shù),則將最大頁次賦值到當前頁次上

CurrentPage = rs.PageCount

End If Else

CurrentPage= 1 '一切條件不成立,將當前頁設為第一頁 End If totalPut=rs.recordcount '將總記錄賦值于TOTALPUT

if CurrentPage<>1 then '如果當前頁數(shù)不等于第一頁

if(currentPage-1)*MaxPerPage

rs.move(currentPage-1)*MaxPerPage '相對當前記錄數(shù)向后移動

dim bookmark '定義書簽變量

bookmark=rs.bookmark '將當前記錄的標簽賦于變量BOOKMARK上

end if

end if

dim n,k

if(totalPut mod MaxPerPage)=0 then '總記錄數(shù)與每頁最大記錄數(shù)求余的結(jié)果為零時,則N返回整數(shù)頁次,否則再加一.n= totalPut MaxPerPage

else

n= totalPut MaxPerPage + 1

end if %>

2、圖片顯示功能模塊代碼

<% cid=request(”id“)if cid=”“ then sql=”select * from HN_pro order by id desc“ else sql=”select * from HN_pro where cstr(class)='“&cid&”' order by id desc“ end if

else

rsnews.AbsolutePage=ToPage

intCurPage=ToPage

end if

else

rsnews.AbsolutePage=1

intCurPage=1

end if intCurPage=CInt(intCurPage)k=1 do while Not rsnews.eof and k<6 %>

<%for n=1 to 6%>

<% rsnews.MoveNext if rsnews.eof then exit for if rsnews.eof then exit do next %>

“ rel=”lightbox[plants]“> “ width=”49“ height=”49“ border=”0“>

3、發(fā)表留言提交內(nèi)容判斷模塊代碼 <% if request(”action“)=”“ then response.redirect”gbook.asp?action=show“ if request(”action“)=”post“ then dim bookname dim bookwhere dim bookpic bookname=request(”name“)bookwhere=request(”where“)bookpic=request(”pic“)bookface=request(”face“)bookip=request.ServerVariables(”REMOTE_ADDR“)if bookname=”“ then Response.Write ”“

Response.End %>

（四）、網(wǎng)站管理系統(tǒng)

1、完成站長對網(wǎng)站信息管理及更新的系統(tǒng)，包括以下幾部分：（1）管理登陸頁面Index.asp（2）相冊管理頁面Admin_pro.asp（3）日記管理頁面Admin_new.asp（4）音樂管理頁面Admin_down.asp（5）留言管理頁面GuestBook.asp

2、管理登陸

管理系統(tǒng)的登陸頁面，主要用于管理登陸和判斷用戶是否已注冊。（1）其中判斷是否是非法登陸的代碼為： <% admin_pass=md5(admin_pass)set rs=server.createobject(”adodb.recordset“)sql=”select * from admin where admin_name='“&admin_name&”' and admin_pass='“&admin_pass&”'“

rs.open sql,conn,1,3

if rs.eof then response.write”“

else

session(”admin_name“)=request(”admin_name“)

session(”loc“)=1

response.redirect ”admin.asp“ end if rs.close %>（2）其中驗證碼驗證代碼：

<% dim verifycode,verifycode2 if verifycode<>verifycode2 then response.write”“ founderr=true else session(”verifycode“)=”“ %>

3、主要功能程序段（1）打開數(shù)據(jù)庫 <% set conn = Server.CreateObject(”ADODB.Connection“)conn.open ”YourDSNName“,”username“,”password“ %>（2）數(shù)據(jù)庫查詢操作 大類查訊

setrs=server.CreateObject(adodb.recordset)小類查詢 dimrs2 setrs2=server.CreateObject(adodb.recordset)rs2.openselectnclass,nclassidfromnclasswhereanclassid=&rs(anclassid)&orderbynclassidorder,conn,1,1 dowhilenotrs2.eof response.writeAhref=class.aspaid=&rs(anclassid)&&nid=&rs2(nclassid)&&trim(rs2(nclass))&A rs2.movenext loop（3）添加記錄操作

setrs=server.CreateObject(adodb.recordset)可寫方式

rs.openselectbookid,username,zhuangtai,zongerfromactions,conn,1,3 rs.addnew 添加一條新記錄 rs(bookid)=bookid 添加相應的記錄 rs(username)=username ???? rs(zhuangtai)=6 rs(zonger)=0 rs.update 更新數(shù)據(jù)庫（4）刪除記錄操作

從表actions中刪除actionid匹配的記錄 conn.executedeletefromactionswhereactionid= &request.QueryString(actionid)

四、編碼、測試與維護

（一）測試與維護

1、IIS(Internet 信息服務)安裝配置

可以在”添加或刪除程序 >>添加/刪除Windows組件“對話框中把”Internet 信息服務(IIS)“前的勾選中，點”下一步“進行安裝就行了(注：在這之前應把系統(tǒng)安裝盤放到光驅(qū))。IIS 裝好之后再作一下簡單的配置。定位到”開始>>管理工具>>Internet 信息服務(IIS)管理器“，打開IIS管理器。在”本地計算機>>網(wǎng)站>>默認網(wǎng)站“上右鍵單擊，在快捷菜單里選”屬性“(或者直接在操作菜單下選”屬性“)，彈出如下對話框圖16: 圖16 切換到”主目錄“標簽(圖2)，重新選擇網(wǎng)站根目錄(我選擇的是E盤下的my web目錄)，默認是”系統(tǒng)盤:Inetpubwwwroot“,因為系統(tǒng)盤不宜放太多的非系統(tǒng)文件，所以在這里重設默認網(wǎng)站要目錄，如果嫌麻煩可以跳過這步。再切換到”文檔“標簽，通過”添加“、”刪除“、”上移“、”下移 “，把站點的默認文檔設置如圖17：

圖17 可能有些朋友會疑惑，設置默認內(nèi)容文檔有什么作用？細心的朋友應該會發(fā)現(xiàn)，在瀏覽一些大網(wǎng)站的首頁時用它的一級域名就行了，并不需要指定請求頁的文件名，這就是設置了默認內(nèi)容文檔的緣故，它的作用就是在瀏覽器請求沒有指定文檔的名稱時，將默認文檔提供給瀏覽器。要得到更詳盡的解釋說明，可以點擊圖3中的“幫助”。之所以有這步，是因為網(wǎng)站的默認內(nèi)容頁中沒有index.asp，不大符合國人習慣。

2、Dream weaver測試站點和用IIS測試本地站點

Dream weaver MX提供了全面檢測站點的功能，它比檢測鏈接更全面。全面地檢測內(nèi)部、外部鏈接、去除錯標簽、空標簽、多余的標簽等，它的使用相當簡單，使用全面檢測站點功能如下：

（1）、選擇菜單中【站點】的【報告】命令，打開一個窗口。

（2）、選擇檢測范圍，在【報告】選項中有四個內(nèi)容供選擇：Current Document、Entire Local Site、Select Files in site、Folder。

（3）、對工作流方面的信息進行檢測。

（4）、對HTML文件的信息做出檢查。

把編好的網(wǎng)站文件復制到D:/my web文件夾中，可以打開瀏覽器，在地址欄中輸入http://localhost/my web/index.asp ,就會看見網(wǎng)站了。

3、維護

網(wǎng)站建成后并不意味著網(wǎng)站建設的結(jié)束，網(wǎng)站內(nèi)容需要不斷更新，這樣才會不斷的吸引更多的瀏覽者訪問，才能成為一個優(yōu)秀的網(wǎng)站。通過FTP軟件將更新過的網(wǎng)頁上傳到服務器或通過Dream weaver MX來遠程管理站點，同時還要認真回復瀏覽者的電子郵件和留言，做到有問比答。平時多收集資料，多聽聽別人建議，定期更新版面，還有推廣站點。

（二）設計技巧和解決方法

用服務器端包含技術實現(xiàn)對文件的引用

系統(tǒng)中有許多頁面都會引用相同的代碼文件，所以使用include語句將已完成代碼的文件包含進來，就可以簡化代碼的縮寫。如首頁面indes.asp中第二行和第三行代碼。

結(jié)束語

經(jīng)過老師耐心細致的指導，及同學之間的相互交流，同時翻閱了大量的資料(包括網(wǎng)上資料，書本及學校的一些相關資料)經(jīng)過近一段時間的努力，個人網(wǎng)站的設計制作告一段落。總結(jié)這次“文武屋-個人網(wǎng)站”開發(fā)制作過程，我們綜合使用了目前因特網(wǎng)上比較流行的各種靜態(tài)制作方法及交互式動態(tài)網(wǎng)站的制作設計手段，并對初步利用后臺程序完成了網(wǎng)站的動態(tài)響應與生成網(wǎng)頁的技術。同時也從中學習了對靜態(tài)頁面的處理風格，色彩搭配，頁面導航方面有了一定經(jīng)驗。對用Javascript語言制作動態(tài)效果也有了更進一步的認識。在交互式網(wǎng)頁設計學會了如何使用Access建立數(shù)據(jù)庫，以及對數(shù)據(jù)庫瀏覽，修改，添加，查詢。如何用ASP編寫程序來方便用戶在網(wǎng)上查看網(wǎng)站各方面的信息和交流。本次設計由于設計時間較緊，且相關模塊比較多，加之設計經(jīng)驗的不足，在網(wǎng)站的整體設計及各模塊功能可能設計的不完全，有待于進一步的完善和改進。

參考文獻

[1]吳濤主編，網(wǎng)站全程設計技術（修訂本），北京：清華大學出版社；北京交通大學出版社，2006.7 [2]龍馬工作室編，ASP+SQL Server組建動態(tài)網(wǎng)站實例精講，北京：人民郵電出版社，2004.8 [3] 趙增敏編，ASP動態(tài)網(wǎng)頁設計，電子工業(yè)出版社，2003.8 [4] 任學文、范嚴編, 網(wǎng)頁設計與制作，中國科學技術出版社，2006.8 [5] 武創(chuàng)、王惠,網(wǎng)頁設計探索之旅 ,電子工業(yè)出版社，2006.9 [6] 杜巧玲等編, 網(wǎng)頁設計超級夢幻組合,清華大學出版社, 2003.3 [7] 吳黎兵、羅云芳編，網(wǎng)頁設計教程，武漢大學出版社，2006.2 [8] 莊王健編，網(wǎng)頁設計三劍客白金教程，電子工業(yè)出版社，2006.01

第五篇：網(wǎng)頁制作報告

課程名稱：集中上機(網(wǎng)絡、語言)

課程編號：041221

姓名：代悅超

學院：通信與信息工程學院

班級：0101020

學號：2010210663

網(wǎng)頁制作報告

網(wǎng)頁制作報告

一． 實習目的：為了驗證和鞏固理論知識，提高同學們的學習興趣和動手能力，培養(yǎng)同學們的協(xié)調(diào)工作意識和能力，特安排本實驗內(nèi)容。希望該實驗課能夠激發(fā)同學 們的學習熱情，為同學們將來走上社會就業(yè)提供實踐的指導作用。

二．實習基本要求：（1）為了充分發(fā)揮同學的主動性，同學可自選課題，但必須事前經(jīng)計算中心試驗指導老師審定認可。

（2）根據(jù)課題工作量大小或難易程度同學可自行分組完成，通常每組人數(shù)最多不超過2人。

（3）開發(fā)工具不限。

（4）主題要求健康、積極，具有一定的技術難度，如平面布局合理、美觀；有動、靜態(tài)文字、圖片的結(jié)合、多頁鏈接、網(wǎng)站鏈接等。（5）實習報告突出策劃、設計、編碼、測試等主要過程。

（6）提交實驗報告的形式既可以是完成課題的總結(jié)，也可以是完成課題項目的使用說明等。但文本編排必須規(guī)范。

三．設計工具：Dreamwaver8, Flash8, Fireworks8

四．站點構思：

詩詞本就是中國古老的傳統(tǒng)文化之一，有了詩詞才有了中國文化的燦爛輝煌，所以我的主題為詩詞之家：首先，在中間的最上方就是我們的網(wǎng)站名，網(wǎng)站名的兩邊分別插入兩幅圖片，顯示出詩詞的古色古香。其中的圖片也是使用了Fireworks來進行修改。導航欄分為首頁，古詩，名詞。推薦詩詞，名家評論，詩朗誦，聯(lián)系我們和退出。主頁正文主要是詩詞的鏈接和外部網(wǎng)站的鏈接，以及網(wǎng)站的美化設計。之后從首頁導航進入古詩或者名詞，這兩個頁面主要介紹中國古詩詞的傳統(tǒng)文化和基本知識，同時，也有相關詩詞的鏈接。進入推薦詩詞這個頁面，首先我們看到的是一個flash動畫來展現(xiàn)毛澤東的書法，其中以翻書頁的形式來展現(xiàn)，形象而生動。下面就是我們推薦的詩詞了，因為推薦的詩詞有點長，所以我們用到錨點連接，可以直接點擊到達需要瀏覽的位置，方便實用。之后是名家評論頁面，我先把我們評詩的好處和收獲寫出來，然后就列出了很多名家對詩詞的評論，當然，也必須用到錨點連接來使網(wǎng)站更實用。詩朗誦這個頁面主要提供有聲有景的朗誦，可以使朗誦愛好者學習交流，也提供了這些朗誦原件的下載地址和鏈接。聯(lián)系我們頁面簡單，主要說明我們的聯(lián)系方式和郵箱鏈接。最后，每個頁面都可以點擊退出來關閉當前頁面。對于詩詞作者以及作者的詩詞，頁面基本一樣，都是有關作者介紹，和主要詩詞和圖片。

五．關鍵技術及體會：

1.學會了背景圖片，顏色等多種頁面設置。

2.需要掌握表格插入及其格式設置，包括其中文件與表格的協(xié)調(diào)。3.需要熟悉網(wǎng)頁之間的鏈接辦法。一般情況簡單的鏈接辦法就是在設計欄中鏈接后輸入鏈接址。

4.要掌握導航條的制作辦法。主要是合并單元格以及居中對齊，再進行鏈接。

5.需要掌握圖片和多媒體的插入及其參數(shù)的設置。點擊工具欄中的flash按鈕添加flash并可以再設計欄中設置參數(shù)。

6.熟悉頁面標題、關鍵字、字體、背景、寬高度等參數(shù)設置。

7.學會使用javascript語句進行簡單的命令。比如進行提示框還有退出頁面的按鈕都是用javascript語句來完成。

8..學會錨點鏈接。頁面內(nèi)部的優(yōu)化少不了用到錨點鏈接，可以使網(wǎng)頁使用更方便。9.學會了mailto語句進行郵箱鏈接。10.學會了用軟件來修改圖片和多媒體。

總之，經(jīng)過了將近兩個星期的奮斗和琢磨，終于把自己的網(wǎng)站建立起來了。對于一個在這方面還是空白的我來說，確實是一個挑戰(zhàn)。學習，交流，觀看教程，最終弄出了自己的網(wǎng)站，雖然網(wǎng)站很粗糙，也很簡單，還有許多可以改進的地方，但是我確實很興奮，因為這是我自己獨立完成的每一個小的步驟都是我自己琢磨和實踐得來的。

另外，希望老師和大家能給我一些建議和更好的方法，感激不盡！

設計 布局 瀏覽方式

在每頁的最左邊整體構架（導航）

標志，精髓的標語動態(tài)顯示

主題顏色