❶ 計算機網頁畢業論文
動態網站建設
摘 要:計算機技術的發展,特別是網路技術的飛速發展,給文檔的保存和管理提供極大的方便。本論文中,將軟體工程的基本原理和方法應用到整個系統,並對其進行需求分析,提出了解決問題的具體方法。在具體製作中,用ASP技術來實現B/S系統,ASP技術與資料庫技術結合,用戶在瀏覽器端可以隨意查詢自己需要的標本,而數據的後台操作則由伺服器端處理。這樣提高了網頁的互動性,使整個系統能更好的為用戶服務。
關鍵詞:軟體工程 ASP 動態網頁
The Digitization of Southwest Forestry College』s Sample Room
Abstract:With the rapidly developing of computer technology, especially in the network, the storage and management of file is more convenient. In this paper, the basic theory and the method of the soft project were used in the whole system, and basing on the analysis of the system』s demand, the measure was brought forward. In the building of the network, ASP technology was used to realize B/S system. Because of the integrity of ASP technology and Database technology the users can inquire about the specimen they need freely with the disposal of data by the server. In this way ,the inter dynamic of the webpage was improved and the whole system could server the users better..
Key words:Soft Project; ASP; Dynamic Webpage
目 錄
1引言 1
2西南林學院標本室介紹 2
3軟體工程原理的應用 3
3.1需求分析 3
3.2實體—關系圖 3
4用ASP構建動態網頁 4
4.1動態網頁的優點 4
4.2 ASP技術介紹 5
4.3 ASP的技術特點和工作原理 5
4.3.1 ASP運行模式 5
4.3.2 ASP的工作原理 6
4.3.3 ASP的技術特點 7
4.4 用ASP進行動態網頁設計 8
4.5 利用ASP進行動態數據查詢 11
4.6 ASP訪問資料庫 12
4.6.1 ASP內置對象和組件 12
4.6.2 ASP訪問資料庫工作原理 13
4.6.3 ASP連接資料庫的方法 14
5網頁的界面設計 14
5.1網頁界面構成要素 15
5.2網頁的整體造型 16
5.3網頁的色彩搭配 16
6在建設中遇到的問題和解決方法 17
7結束語 19
參考文獻 20
致謝 21
1引言
信息社會使得檔案的載體形態和記錄方式呈現出多元化發展態勢,紙質檔案的「一統天下」將被聲像檔案、電子檔案並存的格局所替代,傳統的檔案編研工作必須改變以往封閉式管理格局,編研模式必須逐步向多載體、全方位、深層次地開發檔案信息資源上轉換,走進充滿活力的網路世界。而網站建設則為檔案編研工作提供了新契機,提出了新要求,打開了新天地。在這個方面,通過建立自己的網上檔案館,開展網上檔案服務,對檔案編研工作適應信息社會發展需要有了深入的認識。
隨著我國信息化程度的加快,隨著網路信息資源的日益膨脹.檔案信息網站的建設已經提上廠議事日程。然而在我國,檔案信息網站出沒還處於剛剛起步的階段。理論方面沒有系統的論述,實踐上也嚴重滯後。
應用計算機可以進行檔案信息統計和檢索。這些現代化信息技術的應用,既可以把檔案工作者從繁重的手工勞動中解脫出來,又能夠使大力開發和科學、合理、有效地利用檔案信息資源真正成為現實,還可為將來人類檔案信息資源的共享打下基礎。但僅做到以上兩點是不夠的,因為無論是對檔案信息資源的開發者來講,還是對檔案信息資源的利用者而言,都必須十分重視檔案信息資源的激活,即將原有的檔案信息資源進行消化、吸收和利用,繼而產生新的知識,以最大限度地發揮檔案信息資源的效用,實現檔案信息資源的最大價值。
2001年7月國家發布的「國家信息化指標構成方案」中,以20條指標來具體細化我國信息化水平和程度。其中第12條「網路資源資料庫總容量」關繫到檔案信息、網站的數據資源建設隨著中國電子政務的推廣和普及,INTERNET已經為人類在新世紀的政務、商務、管理活動中提供了一種迅速有效的獲取信息的手段和全新的模式。在這一變革中,只有善於利用INTERNET構建自己的管理體系的單位和企業才能獲得成功。為了使檔案信息充分發揮作用,全國各類檔案部門及其檔案工作者紛紛在國際互聯網上建立了檔案信息網站。
2西南林學院標本室介紹
西南林學院植物標本室是在張海秋先生的領導下,由徐永椿先生於1939年創建。在標本室的建設工作中,徐永椿、薛紀如兩位教授做出了長期不懈和重要貢獻,也傾注了張福延、鄭萬鈞、秦仁昌、陳植、郝景盛、吳中倫、王啟無、蔡希陶、馮國楣、毛品一等諸多老前輩的心血,同時,在徐永椿、薛紀如兩位教授的學生們及標本室工作人員的共同努力下,得到了鞏固、充實和發展。
西南林學院森林植物標本室,以收藏西南地區的樹木標本、殼斗科標本和竹類標本為主要特色。現藏有各類植物標本計231科1070屬約8000餘種,近20萬份。其中裸子植物11科,被子植物163科單子葉植物18科,蕨類植物39科。僅殼斗科植物就藏有7屬260多種,近8000餘份;竹亞科植物40屬500餘種,2萬多份;蕨類植物100屬約3000餘份;收藏有徐永椿在40年代采自台灣省的400多號樹木標本、鄭萬鈞教授1940年從法國帶回的40份珍貴標本及北京植物研究所復制的18000張模式標本圖片,並珍藏有350多種模式標本。這是全國殼斗科和竹亞科植物收藏種類最多、最全,且數量最大的標本館。這是全國殼斗科和竹亞科植物收藏種類最多、最全,且數量最大的標本館。
西南林學院森林植物標本室已被國際植物分類學會注冊認可,代號"SWFC",被列入《全國標本館介紹目錄》和《國際標本館名錄》之中。在雲南17個植物標本館中名列第二,是全國擁有10萬份以上的47個植物標本館中的前十名,並在英國皇家植物園公布的「中國十大標本館」中名列第七位。
在西南林學院標本室的眾多標本中全是以傳統的紙質方式保存管理,這種方式給查閱、管理帶來了極大的不便。自從1946年第一台電子計算機的誕生,計算機正以其無與倫比的速度發展,無論在工業、農業、國防、科學、生產上計算機都得到了廣泛的應用。而在文檔的管理上,傳統的人工文本保存和管理文件檔案的方式隨著計算機的普及和深入已逐漸淡出歷史舞台,這種保存和管理文件的方法在相當長的一段時間內得到人們的肯定和廣泛應用。然而隨著信息時代的到來,這種方式逐漸暴露出其缺點和不足,如:效率低、保密性差、數據易丟失、需要大量人力資源。所以標本室的數字化建設應運而生,我院也投入大量人力、物力來建設數字化的標本室。
3軟體工程原理的應用
軟體工程包含技術和管理兩方面的內容,是管理與技術的緊密結合。目前軟體工程方法學分為傳統方法學和面向對象方法學。在標本室數字化建設的課題中,主要用傳統方法學的思路和原理來建設。
3.1需求分析
傳統的軟體工程方法學使用結構化分析技術,完成分析用戶需求工作。需求分析要了解用戶的情況,接下來通過與用戶交流,對用戶的基本要求反復細化,以得出對目標系統的完整、准確和具體的需求。需求分析是為了發現用戶的真正需求,首先應從宏觀角度調查、分析用戶所面臨的問題,也就是說,需求分析的第一步是盡可能准確地了解用戶當前的情況和需要解決的問題[13]。在標本室網站中,用戶所需要的無非就是獲取標本信息,並查詢到滿足自身查詢條件標本的詳細資料。因此在做查詢系統時,充分考慮到了一樣標本的自身屬性和用戶有可能用到的查詢條件,兩都有機結合,這樣才能更好的為用戶服務。
3.2實體—關系圖
結構化分析實質上是創建模型的活動。數據模型包含三種相互關聯的信息:數據對象、描述數據對象的屬性及數據對象彼此間相互連接的關系。
數據對象是對軟體必須理解的復合信息的表示。所謂復合信息是指具有一系列不同性質或屬性的事物。在這個查詢系統中,數據對象就是標本和用戶。
屬性是指數據對象的性質,在確定屬性時,應該根據對所要解決的問題來理解。
關系是指數據對象之間相互連接的方式。
圖1實體關系圖
從圖3.1可以看到,標本分為科、屬、種、標本四種屬性,而用戶的屬性在這里是不重要的,也就是說用戶的屬性對整個查詢沒有影響。用戶可以通過精確、模糊兩種查詢方式來獲取標本信息。因此在製作整個系統時,充分考慮到以上因素,並以其思想貫穿整個系統。
4用ASP構建動態網頁
4.1動態網頁的優點
在InterNet迅猛發展的今天,用戶不再只滿足於通過瀏覽器看到靜態頁面,而是希望能根據要求生成更加靈活、生動的動態頁面。資料庫對於信息的動態檢索無疑具有極大的優越性,因此根據資料庫信息的不斷變化生成動態web頁面將成為網頁設計的重要方法。
動態網頁的技術就有多個廠商的支持,他們都有各自的優點。利用JSP、ASP、PHP和其它有關技術,一個用戶可以將一個Http請求送到一個可執行應用程序而不是一個靜態的HTML文件。伺服器將會立即運行這個限定的程序,對用戶的輸入做出反應,將處理結果返回客戶端,或者對數據的記錄進行更新。通過這個模型,就可以在伺服器端和客戶端之間有效的進行交互。
靜態網頁瀏覽者可以直接從伺服器端調用瀏覽,佔用伺服器的資源較少但缺點是其不包含交互功能,對於使用者來說,只能看但不能參與活動,這是一個很大的缺陷。
動態網頁包含交互功能,瀏覽者可以和服務頁面間產生會話作用,完成一系列的動作。動態網頁有如下一些優點:
(1)讀者可與Web伺服器進行交互
(2)可實現資料庫的查詢
(3)可以與HTML以外的文件進行交互
(4)可縮短查詢時間,提高瀏覽效率
它的最大的優勢體現在用戶可以進行直接參與活動[9]。
4.2 ASP技術介紹
ASP全名為(Active Server Pages),它是微軟公司推出IIS的一個組件,ASP實際是一種在伺服器端開發腳本語言的環境。利用它可以開發出動態、交互、高性能Web伺服器端的應用,且能較容易實現復雜的Web應用。利用ASP開發的腳本程序全部運行在伺服器端,與用戶所採用的瀏覽器無關,從而極大地減少了對客戶端的要求。其工作原理是:瀏覽器從Web伺服器調用ASP文件(一種文本文件),伺服器端的腳本引擎對每一條腳本語句解釋執行,再把執行的結果生成HTML文件傳給客戶端[7]。
ASP文件包括文本、HTML標記和ASP文件特有的腳本語句。製作ASP文件同HTML文件一樣,可以用任何純文本編輯器進行編輯。 ASP可以使用任何腳本語言,只需提供其相應的腳本引擎就可,ASP自身提供VB ScriPt和JSP cript兩種腳本引擎,預設為VB Script。
ASP包括了5個內置對象:①Request對象,從瀏覽器獲取信息;②Response對象,發送信息到瀏覽器;③Server對象,控制ASP執行情況,對伺服器端ActiveX控制項起作用;④Session對象,存儲用戶任務的信息;⑥APPlication對象,使多用戶共享一個程序的信息。
網站內容的動態化、資料庫化是Internet網站發展的必然趨勢,ASP以其簡單、高效的開發方式及豐富的控制手段為Internet網站的開發應用提供了強有力的支持。
4.3 ASP的技術特點和工作原理
4.3.1 ASP運行模式
當一個瀏覽器從web伺服器請求一個*.asp文件時ASP腳本開始運行,web伺服器此時調用ASP從頭至尾讀取請求文件,運行所有命令並把HTML網頁返回給瀏覽器。
圖2 ASP運行模式圖
圖4.1說明了ASP文件使用資料庫訪問構件通過ADO(Active Date Object)訪問資料庫的數據時,web伺服器起著中間部件的作用。它接收用戶web瀏覽器的web頁請求.使用ODBC把對數據或資料庫的任何命令請求通過網路送到資料庫伺服器,從資料庫伺服器接收數據並且把產生的web頁和數據送回到用戶瀏覽器。在圖4.2中顯示了在運行中各部分之間的關系:
圖3 ASP各部分關系圖
4.3.2 ASP的工作原理
基於ASP的頁面以*.asp文件形式駐留在web伺服器上。一個*.asp源文件是文本文件,可以包括以下成分:
文本 用於顯示信息、頁面標題等。 .
HTML標記 實現頁面風格設計。
ASP腳本(Script Commands)
圖4 ASP工作原理圖
圖4.3顯示了ASP的工作原理,當瀏覽器通過HTTP協議向web伺服器申請一個由*.asp定義的頁面時,web伺服器響應HTTP請求,用ASP引擎解釋被申請文件。當遇到ASP腳本命令時,ASP引擎調用相應的腳本引擎(腳本引擎以組件的形式駐留在web伺服器上)進行處理。ASP提供兩種腳本引擎,即VBScript引擎和VJScript引擎,若要使用其他腳本語言,需要在web伺服器上另外安裝相應的腳本引擎;當遇到基於COM標準的組件(組件本身是經過編譯的可重用二進制碼)時,ASP引擎啟動相應的組件完成指定的功能。若ASP文件含有訪問資料庫的請求,ASP內置組件ADO(ActiveX Date Ob—ject) 通過ODBC與資料庫連接,對資料庫進行訪問,並將訪問結果返回web伺服器。ASP引擎
將腳本和組件的運行結果生成相應的HTML語法成分,與文件中原有的文本和HTML標記一起組成標准HTML頁面送至客戶端瀏覽器[3]。
4.3.3 ASP的技術特點
在使用ASP技術時應遵循這樣一個原則:即ASP腳本必須與基於COM標簽的組件配合使用才能開發出具有實用價值的動態web應用程序。
基於組件,可以把應用程序的開發分成兩大類任務:一類是開發能被很多程序使用的核心組件;另一類是集成這些核心組件提供的服務,構造出實現特定功能的應用程序。Microsoft及一些「中間件」廠商已針對不同的應用領域提供了許多組件產品,組件的使用者只需要理解組件的介面,不需要知道組件的內部結構和組件使用的數據。
在ASP技術中,ASP腳本相當於一種粘合劑,把一個個具有特定功能的組件集成在一起,以形成最終的軟體產品。利用組件,開發人員可以專門做自己最擅長的工作,從而減少開發難度;利用組件,還有助於開發人員將用戶界面與應用邏輯、數據服務分開,快速開發出可重性高的基於三層客戶/伺服器結構的web應用程序。綜上所述,ASP具有如下一些特點:
(1)使用普通的文本編輯器(如記事本)即可進行編輯設計;
(2)ASP腳本無需編譯,容易編寫,可在伺服器端直接解釋執行;
(3)與瀏覽器無關,用戶端只要使用可執行HHML碼的瀏覽器,即可瀏覽ASP所設計的頁面;
(4)面向對象,在ASP腳本中可以方便地引用系統組件和ASP內置組件,還能通過定製ActiveX Server Component(ActiveX伺服器組件)來擴充功能;
(5)ASP的源程序不會被傳到客戶端,因而可以避免所寫的源程序故他人竊取,也提高了程序的安全性;
(6)與任何ActiveX Scripting語言兼容, 除了可使用VBScript和JScript語言進行設計外,還可通過Plug_in的方式,使用由第三方提供的其它Scripting語言來擴充功能[5]。
4.4 用ASP進行動態網頁設計
所謂「動態」並不是指在頁面上放幾個GIF動畫圖片,其含義大致包含以下兩方面:
(1)「交互性」即網頁的內容會根據用戶的要求和選擇而動態響應或改變。
(2)「自動更新」即無需手動更新HTML文檔,便會自動生成新的頁面,可以大大節省工作量。
根據用戶請求生成動態網頁的傳統技術方案主要有三種:
(1)最早的渠道是利用CGI(Common Gateway Interface),即通用網關介面;
(2)利用web伺服器廠商提供的專用介面如:ISAPI,NSAPI;
(3)利用JAVA訪問資料庫(JDBC)。這三種方案存在一個共同的問題,就是開發困難,程序的開發和HTML寫作是兩個完全不同的過程,需要專門的程序員開發。
ASP技術的出現使web動態網頁設計成為一件輕松愉快的工作。只要幾行腳本語句,就能將後台的資料庫信息發布到Internet上,在編程和網頁腳本的可讀性方面大大優於傳統的技術方案。
ASP文件是一種嵌入了可在伺服器端執行腳本的HTML文檔,與ASP兼容的web伺服器執行這些腳本,現場生成相應的HTML語言成分,與網頁中原來的HTML語言合成到一起,共同作用到前端。一個ASP文件就是一個文本文件,其中包含了以下內容:
(1)TexT(文本)
(2)HIML tags(HTML標記)
(3)Script命今 [4]
下面是本網頁中ASP程序的一段源碼:
<img src="../Image/FMLN193.GIF" width="500" height="4"> <br>
<br>
</div>
<table width="40%" border="1" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="#CCCEEE">
<td width="22%" nowrap><div align="center"><font color="#990000">屬
編 號:</font></div></td>
<td width="78%" nowrap>
<%response.Write(records("shuid"))%>
</td>
</tr>
<tr bgcolor="#DDDEEE">
<td nowrap><div align="center"><font color="#990000">所 屬 科:</font></div></td>
<td nowrap>
<%response.Write(records("keid"))%>
</td>
</tr>
<tr bgcolor="#CCCEEE">
<td nowrap><div align="center"><font color="#990000">拉丁名稱:</font></div></td>
<td nowrap>
<%response.Write(records("latinname"))%>
</td>
</tr>
<tr bgcolor="#DDDEEE">
<td nowrap><div align="center"><font color="#990000" >中文名稱:</font></div></td>
<td nowrap>
<%response.Write(records("chinesename"))%>
</td>
</tr>
<tr bgcolor="#CCCEEE">
<td nowrap><div align="center"><font color="#990000">相關描述:</font></div></td>
<td nowrap>
<%response.Write(records("miaoshu"))%>
</td>
</tr>
</table>
<div align="center"><br>
<a href="javascript:history.back(1)">【返回】</a><br>
由於採用了B/S模式,使得整個系統大在的減少了工作量。圖4.4顯示了B/S模式
圖5 B/S模式原理圖
的工作原理。在前端採用IE、Netscape等的瀏覽器將用戶提交的操作信息向Web伺服器發出HTTP請求,Web伺服器通過ASP和一些中間組件訪問後台資料庫,並將操作結果以HTML頁面的形式返回給前端瀏覽器。
4.5 利用ASP進行動態數據查詢
為了將從資料庫中獲得的數據顯示在客戶端瀏覽器中,需要在ASP文件中加入Table對象。Table對象可以用來顯示從Server端資料庫中通過sql查詢得到的記錄。使用Dreamweaver等可視化工具可以方便地對*.ASP文件進行用戶界面的設計。包括添加Table對象、動態GIF文件等。以下是本網頁中的一段查詢代碼:
<%
word=request(trim("Keyword"))
set records=server.CreateObject("ADODB.recordset")
if request("select2")="精確" then
if request("select1")="科" then
sql="select * from kebiao where keID ='"&word&"' or chinesename='"&word&"' or latinname='"&word&"'"
elseif request("select1")="屬" then
sql="select * from shubiao where shuID ='"&word&"' or chinesename='"&word&"' or latinname='"&word&"'"
elseif request("select1")="種" then
sql="select * from zhongbiao where zhongID ='"&word&"' or chinesename='"&word&"' or latinname='"&word&"'"
elseif request("select1")="標本" then
sql="select * from specimenbiao where biaoID ='"&word&"' or chinesename='"&word&"' or latinname='"&word&"'"
end if
if err.number <> 0 then
response.write "資料庫操作失敗:"&err.description
end if
elseif request("select2")="模糊" then
if request("select1")="科" then
sql="select * from kebiao where keID like '%"&word&"%' or chinesename like '%"&word&"%' or latinname like '%"&word&"%'"
elseif request("select1")="屬" then
sql="select * from shubiao where shuID like '%"&word&"%' or chinesename like '%"&word&"%' or latinname like '%"&word&"%'"
elseif request("select1")="種" then
sql="select * from zhongbiao where zhongID like '%"&word&"%' or chinesename like '%"&word&"%' or latinname like '%"&word&"%'"
elseif request("select1")="標本" then
sql="select * from specimenbiao where biaoID like '%"&word&"%' or chinesename like '%"&word&"%' or latinname like '%"&word&"%'"
end if
if err.number <> 0 then
response.write "資料庫操作失敗:"&err.description
end if
end if
records.open sql,connectstr,1,3
%>
當Web Server處理完用戶的HTTP請求後,將結果發送至瀏覽器上,用戶就可以看到結果。
4.6 ASP訪問資料庫
4.6.1 ASP內置對象和組件
ASP提供了功能強大的六個內置對象和五個內置組件
內置對象:
(1)Request(請求):從前端用戶取得信息
(2)Response(響應):將信息送給前端用戶
(3)Server(伺服器):提供Web伺服器工具
(4)Session(會話):儲存在一次會話內的用戶信息,僅被該用戶訪問
(5)Application(應用):管理所有的會話信息,供所有用戶共享
(6)ObjectContext(對象上下文):配合Transaction伺服器進行分布式事務處理
前三個很常用,Request和Response是用來實現web Server與瀏覽器交互。Request的一個重要方法是ForM(),其作用是提取瀏覽器的用戶輸入信息。如下面的語句可以取得用戶填在文本框裡面的內容:Request.Form(「nane」)顯然,這比CCI等方法所需要的復雜編程簡單多了。而輸出要用到Response的一個重要方法Write,如:「Response.write our message」該語句向瀏覽器輸出了一條消息。
內置組件:
(1)資料庫存取組件:ASP提供ADO來存取具有ODBC標準的資料庫
(2)廣告輪顯組件:用來維護、構建Internet廣告
(3)瀏覽器兼容組件:將瀏覽器的功能數據提供給伺服器,以便送出適合於各種瀏覽器的Web頁面
(4)文件存取組件:提供文件讀寫的工具
(5)文件超鏈接組件:提供對Web頁面的管理
4.6.2 ASP訪問資料庫工作原理
訪問Web資料庫的技術有以下幾種方式:公共網關介面CGI(Common Gateway Interface)、Internet Server 應用程序編程介面ISAPI(Internet Server Application Programming Interface)、Java、Plug-in(插件)和ASP技術。這些技術都是為了克服HTML靜態頁面發展起來的。
ASP是一個基於Web伺服器的腳本開發環境,在ASP平台上可開發和運行動態的、交互的、高性能的Web伺服器應用程序。
圖6 ASP訪問資料庫原理圖
圖4.5說明了ASP訪問資料庫工作原理。ASP程序在Web伺服器端工作,當前端用戶請求一個ASP主頁時,Web伺服器響應HTTP請求並調用ASP引擎執行該文件並解釋執行其中的腳本,若腳本中有訪問資料庫請求,立刻通過ODBC或ILE DB與相應的後台資料庫相連,同資料庫訪問組件ADO完成操作,最後,ASP根據訪問資料庫的結果生成HTML語言的主頁返回給前端用戶,用戶看到的只是HTML網頁,而看不到ASP程序代碼,增強了保密性。
4.6.3 ASP連接資料庫的方法
ASP提供兩種訪問資料庫的方法:在第一種方法中每次訪問資料庫都要與資料庫連接一次,一旦與資料庫建立連接語句就可以對數據進行操作;當對數據的操作完成,所有相關的對象都被關閉。
與資料庫相連的另一種方法是當用戶的任務完成後連接才被關閉,這是由Global.asp文件所控制。每個基於ASP的internet應用可以有一個存放在應用根目錄中的Global.asp文件,該文件有四個事件:Applicattion-start,Senssion-start, Applicattion-End和Session-end用戶與資料庫的連接是在Session-start事件中,用Session-end事件關閉連接[1]。
在本網頁中用如下代碼來實現ASP與資料庫的連接:
<%
dim connectstr
on error resume next
Set connectstr = Server.CreateObject("ADODB.Connection")
connectstr.Open "driver={SQL Server};server=localhost;uid=jsj2000;database=Biaobenku;pwd=jsj2000"
if err.number <> 0 then
response.write "資料庫操作失敗:"&err.description
response.end
end if
%>
5網頁的界面設計
由於越來越多的企業開始建立自己的網站,網站除了具有傳播信息的功能外,還往往代表企業的形象。網站建設商業化和廣告化的趨勢,對網頁設計的藝術性提出了更高的要求。雖然HTML語言提供了對常用Windows標准控制項的支持,但是,由於Windows標准控制項的形狀和顏色十分單一,網頁的視覺效果可能會很差。例如:列表框和下拉列表框只能呈現凹陷邊框,而且下拉列表的箭頭的顏色不能改變,滾動條只能出現在窗口的下邊和右邊,當網頁分成多個幀的時候,滾動條就不可避免的出現在網頁的中間,破壞網頁的整體性。若在網頁的設計中主動配合Windows標准控制項的形狀和顏色,網頁的創作空間就會受到限制。因此,有必要實現網頁中的自定義控制項,以滿足網頁設計藝術化的要求。
5.1網頁界面構成要素
與傳統媒體不同,網頁除了文字和圖像以外,還包含聲音、視頻和動畫等新興多媒體元素,更藉助由代碼語言編程所實現的各種互動式效果,增加了網頁界面的生動性和復雜性,也使得網頁設計者需要考慮更多頁面元素的排布、優化。一般來說,網頁的界面主
❷ 網頁設計論文怎麼寫
要領一:確定網站主題
做網站,首先必須要解決的就是網站內容問題,即確定網站的主題。美國《個人電腦》雜志(PC Magazine)評出了99年度排名前100位的全美知名網站的十類題材:第1類:網上求職;第2類:網上聊天/即時信息/ICQ;第3類:網上社區/討論/郵件列表;第4類:計算機技術;第5類:網頁/網站開發;第6類:娛樂網站;第7類:旅行;第8類:參考/資訊;第9類:家庭/教育;第10類:生活/時尚。我們可以參看上面的分類,繼續細分。如果自己在某些方面有興趣,或掌握的資料較多,也可以做一個自己感興趣的東西,一者,你可以有自己的見解,做出自己的特色;二者,在製作網站時不會覺得無聊或者力不從心。興趣是製作網站的動力,沒有創作熱情,很難設計製作出優秀的作品。
對於內容主題的選擇,要做到小而精,主題定位要小,內容要精。不要去試圖製作一個包羅萬象的站點,這往往會失去網站的特色,也會帶來高強度的勞動,給網站的及時更新帶來困難。記住:在互聯網上只有第一,沒有第二!
要領二:選擇好域名
域名是網站在互聯網上的名字。一個非產品推銷的純信息服務網站,其所有建設的價值,都凝結在其網站域名之上。失去這個域名,所有前期工作就將全部落空。
目前,做個人網站的很多都依賴免費個人空間,其域名也是依賴免費域名指向,如網易的虛擬域名服務,其實這對個人網站的推廣與發展很為不利,不光是它「適時」開啟的窗口妨礙了瀏覽者的視線和好感,讓人一看就知道是個人網站,而且也妨礙了網頁的傳輸速度。所以,就我個人觀點來說,首先花點錢去注冊一個域名,獨立的域名就是個人網站的第一筆財富,要把域名起得形象、簡單、易記。
要領三:掌握建網工具
網路技術的發展帶動了軟體業的發展,所以用於製作Web頁面的工具軟體也越來越豐富。從最基本的HTML編輯器到現在非常流行的Flash互動網頁製作工具,各種各樣的Web頁面製作工具,下面是幾款具有代表性的網頁製作器:
(1)HTML編輯器。雖然HTML代碼復雜,編輯和調試要花費大量的時間,但因HTML的穩定性、廣泛支持性及可創建復雜的頁面效果,仍受高級網頁製作人員的青睞。就目前來說,有眾多的編輯器供選擇,這些編輯器廣泛支持復雜頁面創建及高級HTML規范,使用較為普遍的有Hotdog等專業HTML編輯器。
(2)所見即所得的網頁編輯器。其中以Microsoft Frontpage為代表,它具有如Word一樣的操作界面,熟知Word功能的操作者,只要稍加培訓就能輕松編制網頁。而且,Frontpage還能解析網頁的HTML源代碼,並提供了預覽支持。但Frontpage的一些特殊顯示功能並不能在其它非IE瀏覽器下實現。所以Frontpage是一款非常適合初、中級網頁製作人員使用的工具軟體。
(3)現在非常流行的 Macromedia公司出品的Flash互動網頁製作工具。這是是一款功能非常強大的互動式矢量多媒體網頁製作工具。能夠輕松輸出各種各樣的動畫網頁,它不需要特別繁雜的操作,也比JAVA小巧精悍!但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等;並且由於Flash編制的網頁文件比普通網頁文件要小得多,所以大大加快了瀏覽速度。這是一款十分適合動態Web製作的工具。
另外,個人網站製作者還需了解W3C的HTML4.0規范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對於常用的一些腳本程序如ASP、CGI、PHP也要有適當了解,還要熟練使用圖形處理工具和動畫製作工具以及矢量繪圖工具,並能部分了解多種圖形圖像動畫工具的基本用法,熟練使用FTP工具以及擁有相應的軟硬體和網路知識也是必備的。
當然,互聯網還是一個免費的資料庫。編制網頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成,既浪費時間又浪費金錢,而且還需要強大的圖形、圖片製作技術。所以,為了省卻這些麻煩,網站製作者完全可以從網上下載各種精美實用的圖片、按鈕、背景等網頁素材。
要領四:確定網站界面
界面就是網站給瀏覽者的第一印象,往往決定著網站的可看性,在確定網站的界面時要注意以下三點:
①欄目與板塊編排
構建一個網站就好比寫一篇論文,首先要列出題綱,才能主題明確、層次清晰。網站建設初學者,最容易犯的錯誤就是:確定題材後立刻開始製作,沒有進行合理規劃。從而導致網站結構不清晰,目錄龐雜混亂,板塊編排混亂等。結果不但瀏覽者看得糊里糊塗,製作者自己在擴充和維護網站也相當困難。所以,我們在動手製作網頁前,一定要考慮好欄目和板塊的編排問題。
網站的題材確定後,就要將收集到的資料內容作一個合理的編排。比如,將一些最吸引人的內容放在最突出的位置或者在版面分布上占優勢地位。欄目的實質是一個網站的大綱索引,索引應該將網站的主體明確顯示出來。在制定欄目的時候,要仔細考慮,合理安排。在欄目編排時需要注意的是:
●盡可能刪除那些與主題無關的欄目;
●盡可能將網站內最有價值的內容列在欄目上;
●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內容,如站點簡介、版權信息、個人信息等大可不必放在主欄目里,以免沖淡主題。
另外,板塊的編排設置也要合理安排與劃分。板塊比欄目的概念要大一些,每個板塊都有自己的欄目。舉個例子:ENET矽谷動力(www.enet.com.cn)的站點分新聞、產品、游戲、學院等板塊,每個板塊下面又各有自己的主欄目。一般來說,個人站點內容較少,只要分個欄目也就夠了,不需要設置板塊。如果有必要設置板塊的,應該注意:
●各板塊要有相對獨立性;
●各板塊要有相互關聯;
●各板塊的內容要圍繞站點主題;
②目錄結構與鏈接結構
網站的目錄是指建立網站時創建的目錄。例如:在用Frontpage建立網站時都默認建立了根目錄和Images子目錄。目錄的結構是一個容易忽略的問題,大多數站長都是未經規劃,隨意創建子目錄。目錄結構的好壞,對瀏覽者來說並沒有什麼太大的感覺,但是對於站點本身的維護,以後內容的擴充和移植有著重要的影響。所以建立目錄結構時也要仔細安排,比如:
●不要將所有文件都存放在根目錄下。有網站製作者為了方便,將所有文件都放在根目錄下。這樣就很容易造成:文件管理混亂,搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關聯的文件,影響工作效率;上傳速度變慢,伺服器一般都會為根目錄建立一個文件索引,如果將所有文件都放在根目錄下,那麼即使只上傳更新一個文件,伺服器也需要將所有文件再檢索一遍,建立新的索引文件,很明顯,文件量越大,等待的時間也將越長。
●按欄目內容建立子目錄。子目錄的建立,首先按主欄目建立。友情連接內容較多,需要經常更新的可以建立獨立的子目錄。而一些相關性強,不需要經常更新的欄目,例如:網站簡介、站長情況等可以合並放在一個統一目錄下。所有程序一般都存放在特定目錄,例如:CGI程序放在cgi-bin目錄,所有提供下載的內容也最好放在一個目錄下,便於維護管理。
●在每個主目錄下都建立獨立的Images目錄。一般來說,一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便,比如在欄目刪除時,圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單,就是方便維護與管理。
其它需要注意的還有:目錄的層次不要太深,不要超過3層;不要使用中文目錄,使用中文目錄可能對網址的正確顯示造成困難;不要使用過長的目錄,太長的目錄名不便於記憶;盡量使用意義明確的目錄,以便於記憶和管理。
網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上,但可以跨越目錄。形象的說:每個頁面都是一個固定點,鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接,也可以和多個點連接。更重要的是,這些點並不是分布在一個平面上,而是存在於一個立體的空間中。一般的,建立網站的鏈接結構有兩種基本方式:
●樹狀鏈接結構(一對一),這類似DOS的目錄結構,首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時,一級級進入,一級級退出,條理比較清晰,訪問者明確知道自己在什麼位置,不會「不知身在何處」,但是瀏覽效率低,一個欄目下的子頁面到另一個欄目下的子頁面,必須回到首頁再進行。
●星狀鏈接結構(一對多),類似網路伺服器的鏈接,每個頁面相互之間都建立有鏈接。這樣瀏覽比較方便,隨時可以到達自己喜歡的頁面。但是由於鏈接太多,容易使瀏覽者迷路,搞不清自己在什麼位置,看了多少內容。
因此,在實際的網站設計中,總是將這兩種結構混合起來使用。網站希望瀏覽者既可以方便快速地達到自己需要的頁面,又可以清晰地知道自己的位置。所以,最好的辦法是:首頁和一級頁面之間用星狀鏈接結構,一級和二級頁面之間用樹狀鏈接結構。關於鏈接結構的設計,在實際的網頁製作中是非常重要一環,採用什麼樣的鏈接結構直接影響到版面的布局。
③進行形象設計
網站的設計可以從以下幾點出發:
●設計網站標志(LOGO)。LOGO是指網站的標志,標志可以是中文、英文字母,也可以是符號、圖案等。標志的設計創意應當來自網站的名稱和內容。比如:網站內有代表性的人物、動物、植物,可以用它們作為設計的藍本,加以卡通化或者藝術化;專業網站可以以本專業有代表的物品作為標志。最常用和最簡單的方式是用自己網站的英文名稱作標志,採用不同的字體、字母的變形、字母的組合可以很容易製作好自己的標志。
●設計網站色彩。網站給人的第一印象來自視覺沖擊,不同的色彩搭配產生不同的效果,並可能影響到訪問者的情緒。「標准色彩」是指能體現網站型象和延伸內涵的色彩,要用於網站的標志,標題,主菜單和主色塊。給人以整體統一的感覺。至於其它色彩也可以使用,但應當只是作為點綴和襯托,絕不能喧賓奪主。一般來說,一個網站的標准色彩不超過3種,太多則讓人眼花繚亂。適合於網頁標准色的顏色有:藍色,黃/橙色,黑/灰/白色三大系列色。
●設計網站字體。和標准色彩一樣,標准字體是指用於標志,標題,主菜單的特有字體。一般網頁默認的字體是宋體。為了體現站點的「與眾不同」和特有風格,可以根據需要選擇一些特別字體。製作者可以根據自己網站所表達的內涵,選擇更貼切的字體。需要說明的是:使用非默認字體只能用圖片的形式,因為很可能瀏覽者的計算機里沒有安裝特別字體,那麼辛苦設計製作便可能付之東流了。
●設計網站宣傳語。也可以說是網站的精神、主題與中心,或者是網站的目標,用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網站,進行對外宣傳,可以收到比較好的結果。
要領五:確定網站風格
「風格」是抽象的,是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI(標志,色彩,字體,標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值等等諸多因素,網站可以是平易近人的、生動活潑的也可以是專業嚴肅的。不管是色彩、技術、文字、布局,還是交互方式,只要你能由此讓瀏覽者明確分辨出這是你網站獨有的,這就形成了網站的「風格」。
風格是有人性的,通過網站的色彩、技術、文字、布局、交互方式可以概括出一個站點的個性:是粗獷豪放的,還是清新秀麗的;是溫文儒雅的,還是執著熱情的;是活潑易變的,還是墨守成規的。
總之,有風格的網站與普通網站的區別在於:在普通網站上你看到的只是堆砌在一起的信息,你只能用理性的感受來描述,比如信息量多少,瀏覽速度快慢等;在有風格的網站上你可以獲得除內容之外的更感性的認識,比如站點的品位,對瀏覽者的態度等。
在明確自己想給人以怎樣的印象後,要找出網站中最有特色的東西,就是最能體現網站風格的東西。並以它作為網站的特色加以重點強化、宣傳。總之,風格的形成不是一次定位的,你可以在實踐中不斷強化、調整、改進。
要領六:有創意的內容選擇
好的內容選擇需要有好的創意,作為網頁設計製作者,最苦惱的就是沒有好的內容創意。網路上的最多的創意即是來自於虛擬同現實的結合。創意的目的是為了更好的宣傳與推廣網站,如果創意很好,卻對網站發展毫無意義,那麼,網站設計製作者也應當放棄這個創意。另外,主頁內容是網站的根本之所在,如果內容空洞,即使頁面製作地再怎樣精美,仍然不會有多少用戶。從根本上說,網站內容仍然左右著網站流量,內容為王(Content Is King)依然是個人網站成功的關鍵。
要領七:推廣自己的網站
網站的營銷推廣在個人網站的運行中也占著重要的地位,在推廣個人網站之前,請確保已經做好了以下內容:網站信息內容豐富、准確、及時;網站技術具有一定專業水準,網站的交互性能良好。一般來說,網站的推廣有以下幾種方式:
(1)搜索引擎注冊與搜索目錄登錄技巧
注冊著名的搜索引擎站點是在技術上推廣網站的第一步。注冊搜索引擎有一定的技巧,像AltaVista、搜索客這樣的搜索引擎,它自動收錄提交的網址。另外,注意Meta的使用,不要提交分欄Frame頁面,大部分搜索引擎不識別Frame,所以一定要提交有內容的Main頁面。
而像Yahoo、搜狐等搜索目錄網站採用手工方式收錄網址,以保證收錄網站的質量,在分類查詢時獲得的信息相關性比搜索引擎站點(靠Spider自動搜索的)更強。由於搜索目錄網站收錄網站的人為因素相對較多,因此在提交網站時要注意遵守規則。如Yahoo要求注冊站點描述不超過25個單詞。在此要注意:將網址提交到最合適的目錄下面,要認真詳細的介紹網站,千萬不要有虛假、誇張的成分。
(2)廣告交換技巧
很多個人站點在相互廣告交換時都提出了幾個條件:第一,訪問量相當;第二,首頁交換。顯而易見,這種做法是為了充分利用廣告交換。以很多個人網站的經驗,當與一個個人站點交換鏈接時,對方把網站的LOGO放到了友情連接一頁,而不是首頁時,很少有訪客會來自那裡。通常在首頁,廣告交換才會有很好的效果。
(3)目標電子郵件推廣
使用電子郵件宣傳網址時,主要有如下技巧:可以使用免費郵件列表來進行,只要你申請了免費郵件列表服務,你就可以利用郵件列表來推廣你的網站;可以通過收集的特定郵件地址,來發送信息到特定的網路群體,在特定網路群體中推廣自己的網站;發送HTML格式的郵件,即使其內容與接收者關系不大,也不會被被當作垃圾信件馬上刪掉,人們至少會留意一下發送者的地址。不過,在進行郵件推廣的時候要注意網路道德。
要領八:支撐網站日常運行
當個人網站做到某一程度,就必須把賺錢提到議事日程上來,通常來說,個人網站獲取資金通常有以下兩個渠道:
(1)銷售網站的廣告位
要銷售網站的廣告位,一般來說,每日的流量少於1萬人次的網站在目前是不會吸引廣告主的。網站的專業性及商用性,以往的廣告經驗,技術以及設計要求等也會影響到廣告的銷售。
一般來說,WEB廣告的收費有三種方式:
①CPM (Cost Per Million/Thousand)
放一個廣告,它按每1,000人次來訪問站點收費。這方法對網站經營者最為合適,只要有人瀏覽該網頁,就得錢,不管訪問者對廣告有無反應——是否會看或點擊該廣告。
②點透(Click-through)
通過Banner廣告點到了廣告商的站點,這才算數,廣告商青睞這個,他只為對自己廣告感興趣的人「套錢「。網站經營者就不合適了,據一些調查資料表明,只有3%的訪問者會去「CLICK」廣告。
③提成 (Commission)
根據訪問者點擊位於你站點上廣告所帶來的銷售收入,從中跟做廣告的廠商分成,這種方法對於網站的經營者來說,比上面兩個都更加冒險。
通常的,個人網站的廣告收費方法往往是第一、第二種方法的結合,站點和廣告商都可少冒點險。
(2)與大型網站合作
另外,通過與大型網站合作,獲取經費,也可以維持個人網站的日常運行。不過,個人網站很容易會成為商業網站的附屬品。
有時間和充沛的體力,再加上對新技術和技巧的學習和應用,你就能為自己在網上建一個家了。
❸ 想寫一個關於網頁設計與應用的畢業論文怎麼寫
摘要
隨著互聯網的普及,上網成為了人們獲取信息的重要來源。網頁作為網站信息的載體,它的設計是否成功影響著整個網站的價值。布局和色彩作為網頁設計的兩個重要因素,對網頁的合理性和風格有很大的影響。
現有的網頁設計理論系統性不足,理論研究缺乏實踐依據,因此本文通過文獻研究法、信息內容分析法、實驗研究法、社會調查法、實踐研究法等多種研究方法,將眼動儀實驗和色彩因素提取實驗作為研究重點,用實驗驗證理論,並得出非精確性概念生成的依據,結合實際的網頁設計工作,綜合研究和探討網頁設計中關於布局和色彩的一些技術和方法,從而為網頁開發設計人員創作出精美、合理、獨具風格的網頁提供方法論上的支持。
關鍵詞:網頁設計,布局,色彩
回答來源於網頁設計論文
❹ 網頁畢業設計參考文獻
網頁畢業設計參考文獻
網頁設計是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。以下是我整理的網頁畢業設計參考文獻,希望能幫助到你論文的寫作。
網頁畢業設計參考文獻 篇1
[1]周曉露.梅山儺戲視覺圖譜整合設計[D].深圳大學,2017.
[2]劉佩智.「夢境」主題系列插畫在KENZO品牌設計中的運用[D].浙江理工大學,2017.
[3]趙咪妮.基於自我未來主義的VENTI珠寶廣告攝影設計[D].浙江理工大學,2017.
[4]鄒曉蕾.O2O模式下素剪美發品牌形象設計研究[D].浙江理工大學,2017.
[5]黃丹丹.《韌如鐵線花開如蓮》鐵線蓮手繪書設計和商業應用研究[D].浙江理工大學,2017.
[6]許超.基於中國傳統手工藝類新傳播設計研究[D].西南交通大學,2017.
[7]黃丹丹.動態插畫在青少年科普教育推廣中的應用研究[D].東華大學,2017.
[8]王瑩玥.德國高等工程教育認證制度研究[D].南京理工大學,2017.
[9]陳冉.基於B/S結構的無線控制系統在數控設備上的應用研究[D].深圳大學,2017.
[10]何妍慧.面向高校在線考試系統的設計與實現[D].江西財經大學,2016.
[11]孫明志.SCC50壓縮機數傳單元自動化測試方法與系統實現[D].大連海事大學,2017.
[12]汪琦.用於公共安全的視頻檢索研究[D].南京理工大學,2017.
[13]胡蓮.舊書分享APP設計研究[D].西南交通大學,2017.
[14]謝佳麗.服飾類奢侈品網路購買行為研究[D].浙江理工大學,2017.
[15]沈喜慶.基於NB/T47014標準的焊接專家系統設計[D].沈陽工業大學,2017.
[16]黃煒俊.產品設計工具的整合與創新[D].中央美術學院,2017.
[17]樊靜燕.網路漢語口語教學發展的現狀及對策[D].西安外國語大學,2017.
[18]姚穎.遼寧老字型大小品牌標志的動態化設計與推廣研究[D].沈陽航空航天大學,2017.
[19]曹鑫渝.基於「格律設計」理論的錫伯族圖紋再設計研究[D].沈陽航空航天大學,2017.
[20]張希儒.水墨符號在現代插畫中的應用研究[D].沈陽航空航天大學,2017.
[21]陳楠.互聯網時代地方水產品品牌形象的創新設計研究[D].安徽大學,2017.
[22]王瑩.傳統民藝的當代價值研究[D].安徽大學,2017.
[23]徐亞.社交網路中教育資源推薦的目標用戶挖掘研究[D].中央民族大學,2017.
[24]陳碧榮.中學文科教材全文檢索系統的設計與實現[D].中央民族大學,2017.
[25]連伯文.基於動態網頁技術的廣州市公安局門戶網站的設計與實現[D].吉林大學,2015.
[26]王秋香.農村(村級)重大事項流程化監管系統的設計與實現[D].重慶三峽學院,2017.
[27]張笑天.分布式爬蟲應用中布隆過濾器的研究[D].沈陽工業大學,2017.
[28]徐亞渤.基於深度學習的中文網路衍生實體的識別與分類[D].武漢大學,2017.
[29]岳銳.基於物聯網的居家環境監測系統設計[D].中北大學,2017.
[30]余瑕.人民日報總編室微信公眾號里約奧運專題策劃案[D].浙江大學,2017.
[31]王佳薇.網易新聞客戶端本地流量提升方案[D].浙江大學,2017.
[32]金雲帆.愛奇藝游戲直播產品營銷推廣策劃[D].浙江大學,2017.
[33]賈晨茜.基於用戶需求評價模型的汽車電商視覺創新方法研究[D].燕山大學,2016.
[34]徐海倫.滴滴快車品牌傳播與策略優化設計[D].浙江大學,2017.
[35]宋靜.基於LNMP框架的結構化數據抽取平台的設計與實現[D].北京交通大學,2016.
[36]朱華麗.集成網頁質量特徵的垃圾網頁檢測特徵模型及模型驗證[D].西南交通大學,2016.
[37]張寰.自媒體平台下服裝設計師品牌的推廣策略研究[D].武漢紡織大學,2016.
[38]鄧豪俁.百怡動態空氣消毒機品牌設計[D].昆明理工大學,2016.
[39]舒浩.雲南「掌上雲游」互動式原型產品設計[D].昆明理工大學,2016.
[40]白帆.滇賜有機工坊品牌設計[D].昆明理工大學,2016.
[41]孫樂.蒙古族視覺圖案元素在互動頁面中的研究及應用[D].昆明理工大學,2016.
[42]劉雙佳.花卉紋樣在護膚品包裝設計上的應用[D].昆明理工大學,2016.
[43]蒲星宇.中小學在線考試系統的研究與實現[D].華中師范大學,2016.
[44]房瑾堂.基於網路爬蟲的在線教育平台設計與實現[D].北京交通大學,2016.
[45]劉小雲.網路爬蟲技術在雲平台上的`研究與實現[D].電子科技大學,2016.
[46]賴文雅.基於WEB技術的高校畢業審核管理系統研究與實現[D].廣西大學,2016.
[47]周尚書.基於web的院級教務管理系統的研究與實現[D].華中師范大學,2016.
[48]劉利.手機通訊中Android應用許可權分析技術的研究與實現[D].東北石油大學,2016.
[49]黃文填.一個移動增強現實框架的改進[D].暨南大學,2016.
[50]項江.面向領域的DeepWeb查詢介面發現與元數據信息抽取研究[D].暨南大學,2016.
[51]張嬡.基於移動智能終端閱讀類App的視覺體驗設計研究[D].北京工業大學,2016.
[52]牟安.藏文web網路社區劃分研究與實現[D].西北民族大學,2016.
[53]杜芷筠.淺析當代服裝藝術造型的時尚表現形式[D].湖北美術學院,2016.
[54]顧津.行為記憶在智能化產品CMF設計中的應用研究[D].北京服裝學院,2017.
[55]張亞南.大數據下的色彩設計發展研究[D].北京服裝學院,2017.
[56]宋莉.字體動態化設計研究[D].北京服裝學院,2017.
[57]連曉萌.「跨界思維」在現代首飾中的應用研究[D].北京服裝學院,2017.
[58]張建德.山西省政法部門政務信息管理系統[D].大連理工大學,2015.
[59]安君.北京首都航空公司航班信息管理系統的設計與實現[D].大連理工大學,2015.
[60]鄭穎卓.高職院校實踐教學管理系統的設計與實現[D].天津大學,2015.
[61]梁可心.A公司遠程財務報賬系統[D].天津大學,2015.
[62]姚慧明.中專院校畢業設計管理系統設計與實現[D].大連理工大學,2016.
[63]張偉.太原工業學院計算機系畢業設計過程管理系統[D].大連理工大學,2016.
[64]房振偉.基於Web的在線考試系統的設計與實現[D].東南大學,2016.
[65]王琳.基於Android平台的影院票務系統的設計與實現[D].哈爾濱工業大學,2015.
[66]張春妍.彩虹期刊投稿管理平台的設計與實現[D].北京工業大學,2016.
[67]金泉.基於Web的畢業設計選題系統的設計與實現[D].山東大學,2016.
[68]府炳.基於微信平台的影像管理系統[D].吉林大學,2016.
[69]徐波.數字化校園建設中學生信息管理系統的設計與實現[D].湖北工業大學,2016.
[70]張聰聰.基於響應式Web設計中用戶界面的分析與探究[D].中南民族大學,2015.
[71]汪玉瓊.響應式網頁的界面設計研究[D].中南民族大學,2015.
[72]楊楠.基於電子出版物的兩極鏡頭語言應用研究[D].北京印刷學院,2017.
[73]趙靈芝.琺琅彩在現代飾品中的創新應用[D].昆明理工大學,2016.
[74]吳東普.鞍山市委辦公廳黨員管理系統設計與實現[D].大連理工大學,2015.
[75]胡鈺強.基於.NET框架的學生畢業設計管理系統的設計與實現[D].西南交通大學,2016.
[76]李寧.「友阿海外購」手機APP交互界面設計[D].昆明理工大學,2016.
[77]王凱.職業服設計的色彩識別性研究[D].東華大學,2017.
[78]劉媛媛.基於「暖」啟動理念的界面設計研究[D].湖北工業大學,2016.
[79]羅藝娜.基於PHP的校園電能監測平台研究與數據預測[D].東華大學,2017.
[80]王江遠.旅行社品牌跨媒體識別設計的研究[D].東華大學,2017.
[81]王願芳.銀行個人儲蓄管理系統的設計與實現[D].江西財經大學,2016.
[82]羅芳.多層架構的頂崗實習服務平台的設計與實現[D].浙江工業大學,2016.
[83]任鵬.多媒體網路教學系統及評教演算法研究[D].華東理工大學,2017.
[84]潘曉磊.基於Java智能卡的小區物業管理系統設計[D].哈爾濱理工大學,2017.
[85]王琛瑜.移動游戲界面視覺風格的研究與設計應用[D].東華大學,2017.
[86]馮春.供熱數據採集與監測系統的應用研究與分析[D].北京建築大學,2017.
[87]胡西.多維碼證卡綜合信息查詢驗證系統的設計與實現[D].華中科技大學,2015.
[88]張松.基於增長型個人數據平台的網路個體成長模型研究與實現[D].東北大學,2015.
[89]韓英慧.畢業論文管理系統的設計與實現[D].東北大學,2015.
[90]提建宇.基於北斗的物流監測儀的設計與實現[D].吉林大學,2017.
[91]王利蘋.校企合作下中職計算機應用專業課程體系的研究[D].河北師范大學,2017.
[92]葉蒙.基於線狀陣列的三維活動圖像顯示研究[D].南京大學,2017.
[93]吳幗幗.移動應用跨平台開發框架研究及在社保權益中的應用[D].山東大學,2017.
[94]史慧璇.手機銀行系統客戶端的設計與實現[D].山東大學,2017.
[95]馮陽.學分制下藝術設計教學模式研究[D].南京藝術學院,2016.
[96]劉花弟.新時期中國平面設計教育課程與教學發展研究[D].南京藝術學院,2016.
[97]鍾予.建築教育中的數學教育和教學[D].中央美術學院,2017.
[98]沈佳倫.論絲網印刷互聯網定製平台的扁平化設計[D].中國美術學院,2015.
[99]曹夢.淺談企業視覺形象識別系統的創新設計[D].河南大學,2015.
[100]俞新凱.某高校畢業設計與頂崗實習管理系統的設計與實現[D].中山大學,2015.
[101]景超.地震速報信息管理系統的設計與實現[D].電子科技大學,2015.
[102]梁碧勇.基於Web的畢業論文管理系統的設計與實現[D].電子科技大學,2015.
[103]張瑾.中小型企業生產管理系統一庫存管理子系統[D].電子科技大學,2015.
[104]劉靜.基於SSH架構的廣電發射傳輸中心信息管理系統設計與實現[D].電子科技大學,2015.
[105]李逸敏.基於現代信息社會的手繪插畫在包裝設計中的運用研究[D].合肥工業大學,2015.
網頁畢業設計參考文獻四:
[106]李磊.主體覺醒[D].中央美術學院,2016.
[107]王瑩.商業插畫特性及相關產業應用研究[D].青島科技大學,2016.
[108]田志鵬.基於CC3200的遠程監視系統設計[D].北方工業大學,2016.
[109]施人銅.基於jQuery的Web前端組件開發研究與應用[D].東南大學,2015.
[110]秦偉.畢業設計管理系統界面的宜人性設計研究[D].長春工業大學,2016.
[111]沈榮娟.基於Web的B/S模式多現場匯流排教學實驗平台設計與實現[D].東南大學,2015.
[112]廖晨.微博信息可信度的評判模型和可視化工具研究[D].清華大學,2015.
[113]羅啟強.基於PHP+MySQL的高校教務管理系統的設計與實現[D].吉林大學,2016.
[114]李青.營口市農業工程學校教學管理系統開發設計[D].吉林大學,2016.
[115]李定遠.就業信息系統的設計與實現[D].吉林大學,2016.
[116]錢瀚雄.基於B/S模式小區物業管理系統的設計與實現[D].吉林大學,2016.
[117]李亮.小區電費綜合管理系統的設計與實現[D].吉林大學,2016.
[118]薛可.基於ASP.NET技術的圖書館管理系統的設計與實現[D].吉林大學,2016.
[119]王祉默.基於iOS的兒童成長系統的設計與實現[D].北京林業大學,2016.
[120]石磊.垂直資訊網站設計-長三角房車網[D].南京大學,2016.
[121]余姬娜.微博新聞類型與用戶參與性調研報告[D].南京大學,2016.
[122]趙雪.工單管控系統設計與實現[D].遼寧科技大學,2016.
[123]羅丹.信息不對稱理論對弱勢品牌的價值傳達的啟示[D].南京理工大學,2015.
[124]高品潔.解析平面設計在電子商務平台中的用戶體驗及發展趨勢[D].南京師范大學,2015.
[125]王俊俊.中國門神木版年畫網站交互性設計研究[D].上海大學,2015.
[126]周莉莎.本科生畢業設計選題系統設計與實現[D].燕山大學,2015.
[127]江澤中.基於JSP技術的在線考試系統設計與實現[D].華中師范大學,2015.
[128]葉歡.求職類平台-海投網手機客戶端設計[D].浙江大學,2015.
[129]王永山.軟體學院綜合教務系統設計與實現[D].大連理工大學,2015.
[130]金鑫.網站監測管理系統設計與實現[D].大連理工大學,2015.
[131]梁漢臣.某高校學生畢業設計信息管理系統的設計與實現[D].電子科技大學,2015.
[132]金川涵.金華職業技術學院畢業環節信息管理系統的設計與實現[D].電子科技大學,2015.
[133]段匯斌.電力工程項目管理與績效考核系統的設計與實現[D].電子科技大學,2015.
[134]任婧.基於雲模式的論文抽檢與評優平台的研究與實現[D].河北工業大學,2015.
[135]張子豐.基於PHP的商務網站設計與實現[D].電子科技大學,2015.
[136]滕吉鵬.基於WEB的高校實習生協同管理平台的構建與實現[D].浙江工業大學,2015.
[137]朱俞霖.網路智能中心科研管理系統的設計與實現[D].山東大學,2015.
[138]吳立剛.基於B/S模式畢業設計管理系統的設計與實現[D].吉林大學,2015.
[139]尹紀慶.教務綜合信息管理系統的開發和應用[D].青島理工大學,2015.
[140]李曉霞.計算機軟體類專業學生畢業設計評價體系研究[D].沈陽工業大學,2015.
[141]沈曉陽.「視覺傳達設計專業」在現實中的應用探究[D].雲南藝術學院,2015.
[142]王爽.具有語義搜索推薦功能的互動式專業主頁系統設計與實現[D].北京郵電大學,2015.
[143]許昭霞.基於Web的信息發布與信息交流平台的設計與實現[D].吉林大學,2015.
[144]易揚揚.基於JQueryMobile的教師工作量管理系統的設計與實現[D].吉林大學,2015.
[145]李彬.專家門診預約系統的設計與實現[D].吉林大學,2015.
網頁畢業設計參考文獻 篇2
[1]孫凈宇,李澈等. 高校校園APP發展現狀初探[J]. 數字與出版,2014(06):84-85.
[2]李旭紅. 長江大學「掌上校園」APP系統研發與運營研究[J]. 科技創業月刊,2014(09):35-37.
[3]張言林,李博等. 基於數字化校園的手機APP客戶端設計初探----東北林業大學「移動校園」手機APP客戶端設計[J]. 設計,2014(02):81-82.
[4]張曉. 基於Android平台的校園信息系統APP的設計實現[J]. 計算機光碟軟體與應用,2013(24):253-256.
[5]劉紅英. 基於安卓的校園服務系統設計與實現[J]. 電腦知識與技術,2014(10):5673-5677.
[6]魯學亮,陳金燾等. 移動校園轉型實踐--基於Web App的移動應用客戶端設計與實現[J]. 中國教育信息化,2012(21):19-20.
[7]關海洋. Android無線智能點餐系統設計與實現[D]. 重慶:重慶大學,2013.
[8]王曉穎. 高校一卡通管理系統設計與實現[D]. 四川:成都, 電子科技大學,2013.
[9]董濤. 基於Android的移動校園客戶端設計與實現[D]. 陝西:西安, 西安電子科技大學, 2014.
網頁畢業設計參考文獻 篇3
[1]胡崧. HTML 從入門到精通[M].北京:中國青年出版社,2007.
[2]知新文化. HTML 完全手冊與速查辭典[M].北京:科學出版社,2007.
[3]楊選輝.網頁設計與製作教程[M].北京:清華大學出版社,2009.
[4]王誠君,劉振華,郭竑暉,高中山.Dreamweaver 8 網頁設計應用教程[M].北京:清華大學出版社,2007.
[5]李光明,曹蕾,余輝.中文Dreamweaver 8 網頁設計與實訓教程[M].北京:冶金工業出版社,2006.
[6]周德華,許銘霖.新編網頁設計教程[M].北京:冶金工業出版社,2006.
[7]趙銘建,趙慧,喬孟麗,康梅娟.網頁設計與製作[M].東營:中國石油大學出版社,2007.
[8]趙祖蔭,王雲翔,胡耀芳.網頁設計與製作教程[M].北京:清華大學出版社,2008.
[9]陳季. Flash 基礎與實例教程[M].北京:北京希望電子出版社,2005.
[10]丁海祥.計算機平面設計實訓[M]. 北京:高等教育出版社,2005.
[11]曹雁青,楊聰. Photoshop 經典作品賞析[M].北京:北京海洋智慧圖書有限公司,2002.
[12]張怒濤. Photoshop 平面設計圖像處理技法[M].北京:清華大學出版社,2003.
[13] 陳笑. Dreamweaver 8,Photoshop CS 2,Flash 8 網頁製作實用教程[M].北京:清華大學出版社,2006.
[14]孫強,李曉娜,黃艷.JavaScript 從入門到精通[M].北京:清華大學出版社,2008.
[15]劉智勇. JavaScript 開發技術大全[M].北京:清華大學出版社,2009.
[16]陳會安. JavaScript 基礎與實例教程[M].北京:中國電力出版社,2007.
[17]常永英. ASP.NET 程序設計教程(C#版)[M].北京:機械工業出版社,2009.
[18]肖金秀,馮沃輝,陳少涌. ASP.NET 程序設計教程[M].北京:冶金工業出版社,2003.
[19]金旭亮.ASP.NET 程序設計教程[M].北京:高等教育出版社,2009.
[20]劉培文,韓小祥. ASP.NET 程序設計教程[M].北京:中國人民大學出版社,2009.
網頁畢業設計參考文獻 篇4
[1]李志生,梅勝,等.以就業為導向的畢業設計創新能力培養實踐與探討[J].廣東工業大學學報(社會科學版),2006(增刊).
[2]孫政榮.大學生畢業設計與就業之間的矛盾分析[J].寧波大學學報(理工版),2005(4).
[3]姚裕群.大學生就業指導問題調查與研究[J].中國大學生就業,2005(7).
[4]晉燕「目標體驗自主探究」課堂教學模式的研究與實踐課題方案,《教育前沿與探索》2009.2
[5]馬連湘郭桂萍廣告學實踐教學環節與方案的設計,《吉林廣播電視大學學報》2009.1
[6]專業指在專業人才培養目標描述中,畢業生就業崗位涉及廣告行業的專業.
網頁畢業設計參考文獻 篇5
[1]張紅,易崇英.廣告學專業畢業設計(論文)質量評價體系的構建[J].新余高專學報,2009(10).
[2]陳月明.美國高校廣告教育[J].寧波大學學報(教育科學版),2006(2).
[3]楊先順.建構我國廣告創新型教育模式的思路[n當代傳播,2008(5).
[4]張信和,蘇毅超.廣告專業「業務專案組」型畢業設計的教學實踐與探討[J].成人教育,2004(12).
[5]陳培愛.中外廣告史[M]北京:中國物價出版社,2001.
;❺ html網頁設計畢業論文摘要怎麼寫
其實論文的摘要主要是寫的現在網頁技術的水平或者是網頁設計的應用范圍。比如說現在各行各業都已經開始應用到網站了,而這些網站的設計是離不開網頁設計的,這些就可以作為你的論文摘要。
❻ 有關網頁設計與製作畢業論文範文
為了增加網頁的吸引力和可理解性,以及互動性,網頁設計所起的作用十分重要。下面是我為大家整理的網頁設計 畢業 論文,供大家參考。
網頁設計畢業論文篇一:《Flash軟體畫在網頁設計中的應用》
網頁設計畢業論文摘要
摘要:Flash技術運用范圍非常廣泛,不論是網站、 廣告 、動畫、游戲,甚至程序設計與多媒體化展示方面都有一定程度的運用。本文首先對Flash動畫今後的發展趨勢進行分析並具體化敘述了Flash的實際定義與特點,並對Flash動畫當前在網頁設計中的應用方式進行分析,針對性闡述了Flash動畫在整站式網頁設計過程中互動式導航系統、Web圖像動畫展示以及滑鼠動畫的應用。在此針對性研究Flash動畫在網頁設計中的相關研究,望研究結果能夠對今後的學者一定幫助。
網頁設計畢業論文內容
關鍵詞:Flash動畫 網頁設計 應用研究
隨著社會邁入信息化時代,網路及計算機技術的發展及普及程度呈現出優質化的發展形勢,從而促進網頁動畫漸漸發展起來,此外網頁動畫設計在網頁設計中占據重要地位,促使人們在關注動畫整體發展趨勢的過程中將注意力放在網頁動畫方面。在構建及設計網頁時,運用Flash幫助網頁實現多媒體化的網頁成果展示,同時也漸漸成為網頁設計發展過程中不可或缺的重要部分。
1Flash的運用及特點
MacromediaFlash作為一種互動式編輯矢量圖及多媒體創作軟體,網際網路網頁設計矢量動畫文件格式時常得以較多的運用,此外,針對性分析Flash,可以了解到目前其主要具備以下六大特點:第一,將矢量圖形作為主要運行前提,致使其自身文件導出容量不大,在進行圖片縮放時對其自身的清晰度影響不大,在網路傳輸過程中存在一定的便捷性;第二,Flash具備非常優質化且強大的AS代碼,在設計動畫時運用Flash技術,促使動畫的交互性優良,便於讀者在閱讀過程的理解並實施相關互動;第三,針對實際運用過程分析,Flash動畫在運作時主要採用插件,若用戶想要實現視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現象發生。此外,由於Flash構建的動畫自身極小,所以其具備較快的調用速率;第四,在設計Flash過程中,可以根據需要適當增加頁面控制按鈕幫助頁面實現鏈接的跳動,還可以運用滑鼠實現頁面動畫中的運動及移動。第五,Flash可以實現動畫視聽效果內容的升華,譬如漸變聲、點陣圖等等,用戶在製作圖片的過程中可以直接構建全Flash製作站點;第六,Flash動畫屬於一種“准”流式文件內容,無需全部下載完成就可以實現動畫觀看。
2Flash動畫在網路設計中的應用
在網頁設計中,Flash動畫具備非常多關鍵性的作用,如流式播放動畫、FlashMV及短片動畫等,此外其所表現的形式中存在一定的交互性。但需要注意的是,在實施網頁設計時,避免繁瑣、復雜的動畫設計效果的存在,畢竟物極必反,只會降低網頁的品質;如圖1所示。2.1網頁動畫信息交互的實現為了進一步卻寶寶網頁動畫信息交互整體的流暢性,其中的一個重要關鍵就是Flash動畫導航的交互性設計。在對該部分內容進行設計時,往往會使用針對性的Flash動畫腳本——AxtionScript。實際設計過程中,通常由編程者的思想與Flash在事件中作用共同形成動力,並依據動畫中的相應內容實現AxtionScript的具體化定義。2.2網頁動畫相關要素的設計第一,互動式導航系統。在網頁設計中,導航欄對用戶主要起到一種引導性作用。所以在設計時需要將其設計為多個導航級別,並構建針對性的標識來將其區分,以色彩為例,可以採用較為鮮艷、清爽式的搭配。第二,Web圖像動畫形式展示。傳統網頁中,Web圖像主要呈現靜態,不過經由計算機技術的不斷發展,最近幾年在網頁設計中漸漸出現了一部分動態化的Web圖像。同時在其色彩方面的運用,主要採用RGB模板,並在網頁安全色方面運用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,滑鼠動畫。為了實現優質化Flash動畫效果,在製作動畫效果時要特別注意滑鼠在移動過程中其軌跡圖案及色彩搭配。首先,要確保滑鼠移動過程中的色彩與網頁設計色彩是不同的,有助於用戶一眼就可以將滑鼠找到。最後就是,滑鼠在色彩區別網頁之後還要注意其透明性,避免遮蔽信息的現象出現。
3結語
綜合全文內容,在網站設計過程中,Flash作為一個極具重要性的視覺性元素,其可以在幫助網站實現多媒體化效果展示的同時,還能夠結合數據通信這一 措施 全面性豐富網站自身具備的素材及資源,最終達到一種動態化的效果。截至今日,由於計算機技術發展速度不斷提升,結合Flash自身所具備的多種優質化特徵,筆者相信在今後人們的日常生活中,Flash動畫一定可以獲得更加廣泛的用途,更具普遍性,最終實現網頁設計的主體化運用趨勢。
網頁設計畢業論文文獻
[1]喬慧.Flash動畫在網頁製作中的應用及發展[J].內蒙古石油化工,2013(21):68.
[2]關曉軒.Flash動畫在網頁製作中的應用研究[J].北方文學(下旬),2012(11):91-93.
網頁設計畢業論文篇二:《響應式網頁設計原型研究》網頁設計畢業論文內容
當今,移動互聯網迅猛發展,各種智能設備層出不窮。傳統網頁設計採用“固定頁面及元素寬度,任何終端統一頁面效果”的策略,無疑將造成網頁在一些新興移動終端上顯示的文字極小、鏈接分布極密,用戶需要在屏幕上不停操作來自主尋求較好的體驗。面對這一弊端,網頁設計師聚焦於“響應式網頁設計”這一關鍵詞,試圖使用一套代碼為各類終端設備提供不同的設計和體驗。從先前“為固定設備設計網頁”跨越到“響應式網頁設計”是一個較難的過程。一些新手可能已經積攢了諸如媒體查詢、流式布局、彈性圖片等零散的設計開發技巧,掌握了HTML5和CSS3的使用 方法 ,但他們依然無法駕馭響應式網頁設計。造成這種情況的直接原因就在於缺乏一個能夠指導他們立即開展響應式網頁設計實踐的可操作流程,即原型。
1兩個關鍵概念:響應式網頁設計與原型
響應式網頁設計(RWD,Responsive網頁Design)是一種網頁前端開發技術,它可以描述為,“兼顧多種不同設備屏幕尺寸、解析度、系統平台和行為做出相應的調整和布局的顯示機制”。原型(Prototype),也叫“原樣”,是“模擬科學”中的一個術語。在心理科學中,由於很難對動作或心智活動認識清楚,所以一般沿用J•R•安德森的觀點,把原型(Prototype)視為關於范疇的最典型的樣例設想,即把“原型”視為外化的實踐模式,或“物質化”了的心智活動方式或操作活動程序。綜合上述,響應式網頁設計原型可描述為:符合“響應式網頁設計項目分析、各類終端具有適合自身用戶體驗的不同頁面效果、一套代碼完成所有不同終端的網頁製作、各類終端與主流瀏覽器良好兼容”等一系列規則的,外化的響應式網頁設計活動實踐模式。
2建構響應式網頁設計的原型
建構原型一般採用心理模擬法,它包含三個步驟:
(1)響應式網頁設計活動的功能分析;
(2)響應式網頁設計活動的結構分析;
(3)功能分析與結構分析的有機結合。其中,功能分析的重點是作用的對象,條件與結果;結構分析的重點在於組成要素及要素之間的關系。響應式網頁設計的目標是能夠高效的編寫一套代碼為各類終端設備提供良好的設計效果和使用體驗,這需要具備HTML5、CSS3、Javascript和jquery的基本技能。響應式網頁設計之父——伊桑.馬科特認為,響應式網頁設計應該首先針對小屏幕進行設計,然後逐步增強針對大屏幕設計。這種思路顛覆了傳統固定寬度的網頁設計方法,對於那些已經積攢了零散的響應式網頁設計開發技巧、HTML5及CSS3等技術,能夠較熟練的完成固定寬度桌面端網頁的新手而言,恐怕很難理解從小屏幕開始設計然後漸進增強的思路。考慮到新手已經習慣設計製作固定寬度的桌面版網頁,響應式網頁設計如果從固定寬度的大屏幕網頁製作開始,然後改造這套代碼將僅適用於桌面的網頁依次兼容平板端和手機端也是一個不錯的思路。響應式網頁設計活動包含了“項目分析”、“網頁平面設計”、“桌面版網頁製作”、“平面版的改造”、“手機版的改造”及“兼容問題的調試”這6個典型的子活動。這些典型要素的關系可以描述為,“要想高效的完成某響應式網頁設計項目,首先需要項目分析,其階段性結果是響應式網頁的總體方案,即在用戶群體需求分析及主題解讀的基礎上,進行色彩分析及定位,確定UI版面布局,分析設計網頁功能模塊,確定網頁風格等,最終形成包含“前言”、“需求分析”、“系統分析”、“風格設計”、“各類終端UI版面初步布局”、“色彩定位”、“網頁建設日程規劃”等部分的網頁總體方案文檔;然後,根據前期方案中“色彩”、“風格”及“各類終端UI版面布局”等的分析,依據頁面設計原則,利用photoshop繪制適用於各類終端顯示的平面效果圖;隨後,利用“HTML5+Css3”技術採用<div>+css布局完成固定寬度桌面版網頁的製作並生成網頁文件和樣式表文件;接著,在這套代碼的基礎上,利用媒體查詢技術、流式布局、彈性圖片技術,結合平板終端的頁面效果圖將代碼改造成兼容桌面及平板的網頁;之後,在上述修改的基礎上,繼續利用媒體查詢技術和彈性圖片技術,結合手機終端的頁面效果圖將代碼改造成兼容桌面、平板、手機的網頁;最後,利用火狐和IETester軟體查看初步完成的響應式網頁,解決跨瀏覽器的兼容問題,形成完整網站。該過程中任何環節如果出現不妥當都應該返回上個步驟進行重新修改。結合上述對網頁設計活動的功能與結構分析,不難發現,響應式Web設計活動原型中的6個典型子活動復雜程度不同。其中“桌面版網頁製作”、“平面版的改造”、“手機版的改造”及“兼容問題的調試”這4個典型子活動是比較復雜的,包含了很多熟手的關鍵技術,需要進一步闡述。
3熟手的關鍵技術
從上述適用於新手的響應式網頁設計活動基本原型發現,製作一個能夠兼容主流瀏覽器的固定寬度桌面版網頁是響應式網頁製作的開端。那麼,首先在“桌面版網頁製作”這個環節中提取一些熟手關鍵技術,作為給予新手的技巧提示。
3.1兼容主流瀏覽器的桌面版網頁製作技術
為了防止不同瀏覽器給予相同HTML5標簽的初始樣式存在差異,熟手利用HTML5+CSS3製作桌面版網頁製作時,一般會在樣式文件(擴展名.css)中給出如下初始化代碼:*{margin:0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:"宋體";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}這部分代碼塊可以實現頁面在IE內核和Firefox內核的所有版本瀏覽器中居中對齊,外層布局盒子與瀏覽器頭部無縫緊貼;<div>及css3完成固定寬度布局時,默認所有內部布局<div>向左浮動,溢出屬性為隱藏;所有構成頁面的HTML5元素的默認邊距和填充屬性為0px;HTML5的列表標簽默認項目符號為空,邊距和填充為0px。此外,確定頁面尺寸,目前大多數 顯示器 為1024像素*768像素,那麼以此為默認顯示器時,頁面的寬度尺寸一般設置為“1007像素”。初始化CSS代碼後,接下來就是利用<div>+CSS完成布局,這里提示新手:完成布局後,務必在IETESTER和Firefox中檢查網頁布局是否能夠兼容主流瀏覽器。然後,根據桌面版網頁平面設計效果圖完成頁面的製作。此外,熟手的 經驗 是製作過程中頻繁檢測桌面版網頁是否能夠完美兼容各種瀏覽器。
3.2利用流式布局、彈性圖片、媒體查詢技術修改桌面版網頁
(1)相對視口尺寸,將最外層的布局<div>(例如:#wrapper{width:1007px;...})的寬度設置為96%(這個值取決於當前頁面的視覺效果,也可以給其他數值);然後,將最外層的布局<div>內部的頁頭布局<div>、導航布局<div>、內容布局<div>、側邊欄布局<div>、頁腳布局<div>對應的CSS樣式中的width屬性值利用公式——目標元素寬度÷上下文元素寬度=百分比寬度把網頁的固定布局修改成百分比布局,也就是將固定像素寬度轉換成對應的百分比寬度。
(2)將頁面中所有HTML5標簽元素對應的CSS樣式表中的margin-right、margin-left、padding-right、padding-left的屬性值也用公式——目標元素寬度÷上下文元素寬度=百分比寬度來修改。
(3)將CSS樣式表中的font-size屬性值的單位用em來代替px。這里依然使用公式——目標元素寬度÷上下文元素寬度=百分比寬度。這里需要提示新手的是:在<body>標簽的初始化代碼中,如果有font-size:16px;語句,那麼在給其他元素的font-size屬性上修改值時,公式中的“上下文元素寬度”就等於16px,例如,#logo{font-size:48px;}現在要修改為#logo{font-size:3em;}。
(4)為了實現彈性圖片,讓圖片隨視口縮放,圖形圖像、動畫和視頻的彈性設置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中,max-width屬性是用於確保縮放時不會超出圖片最大尺寸。同時,熟手還會使用AdaptiveImages解決方案來實現自適應圖片。
(5)媒體查詢可以通過判斷不同設備終端,提供不同的樣式使其實現在不同終端都能獲得最佳的用戶體驗。例如,某個響應式頁面用電腦瀏覽頁面時,頁面信息會以平鋪的形式分布在頁面合適的位置;用手機瀏覽頁面時,導航按鈕會相繼隱藏起來,部分信息變成左右滑動的方式呈現,頁面會重新布局,圖片相應縮小。媒介查詢的語法格式是,例如:設定寬度不超過400像素的屏幕尺寸,代碼是:<linkhref="css/phone.css"rel="stylesheet"type="text/css"media="onlyscreenand(max-width:400px)">。雖然,HTML5+CSS3提供了良好的媒體查詢功能,但當前仍有一些瀏覽器不支持,你可能需要添加如下基本樣式:<!--[ifltIE9&!IEMobile]><linkhref="iestyles.css"rel="stylesheet"type="text/css"><![endif]-->3.3不同種類、不同版本瀏覽器的兼容問題解決跨越瀏覽器的問題一直是響應式網頁設計的難題。熟手面對這一問題時,一般採用“漸進增強與降級”、“利用javascript修復老版本IE”、“使用Modernizr輔助修正樣式,按需載入資源”、“給IE6,7,8追加媒體查詢功能”等方法。
4結束語
對響應式網頁設計而言,當前的設計理念和技術方法還不是終點,網站前端設計師需要繼續努力找出更好的解決方案。而對新手學習者而言,響應式網頁設計開發技能的形成不是一蹴而就的,還需要學習者在多個項目中,利用原型進行多次定向、操作及內化才能真正掌握。
網頁設計畢業論文篇三:《網頁設計中的版式設計》摘 要:版式設計可以說是界面設計的基礎部分,網頁界面中的版式設計只是其發展應用中的一個方向。如何設計完美有魅力的網頁界面,版式設計扮演十分重要的角色,優秀的版式設計可以給瀏覽者留下深刻的印象,提高頁面的訪問量。因此,本文將向諸位讀者介紹在CDIO工程 教育 模式下,網頁設計課程中採用項目為指導的教學實踐過程中注意的事項。
關鍵詞:網頁設計;版式設計 CDIO教育模式;項目教學
近年來隨著經濟的高速發展,科技的日新月異,教育領域同樣面臨革新。引進新的教育理念和教學模式成為教育工作者的關注重心,此時,歐美成熟的工程教育理念慢慢地進入我們的視野之中,CDIO的教學模式(Conceive構思、Design設計、Implement實施、Operate運行),符合工程人才的培養,提高學生的實踐能力、組織能力、創新能力。這一模式更適應當下的教育環境需求。
網頁設計這門課程屬於交叉學科範疇,兼顧藝術設計、計算機技術及交互設計等多門學科。另外,這門課程作為藝術與技術的結合體,要求學生具備較強實踐動手能力與綜合運用能力,因而在教學過程中我們依據CDIO的工程教育理念開展教學。
本文重點談到的是網頁設計中的版式設計過程,網頁中的版式設計起到信息統一、分割區域和交互導引的作用,是在有限的空間界面內將文字、圖形、背景色彩或圖案及交互功能集成在方圓之間,根據設計的形式法則,利用藝術美學與科學技術相結合的方式來實現效果展示。下面以教學過程中的“xx藝術系網站”項目為例,以網頁設計中的版式設計為內容,展示教學過程中的各個設計階段。
1 構思階段
(1)確立目標。
網頁設計不是盲目的行為,不是簡單使用軟體的行為,它是構思由確立到實現的過程,是一種展示到體會的過程。因此,在設計之初,教師需要引導學生了解當前的課題,明確網站要做什麼,網站的外觀布局是什麼樣子,網站需要營造何種氛圍。我們常見的網站根據用途分類為企業網站、電子商務網站、電子政務網站、文體娛樂網站、教育科學網站等,每種類型的網站都有自己需要傳播的信息,根據所需文字與圖片選擇適合的排版方式,進而營造恰當的氛圍。在“xx藝術系網站”項目中,學生會根據實際項目類型,理解項目設計目標為,該學院所屬系部信息服務類網站,界面版式方面要求簡潔大方,色彩明快,塑造清新、愉悅的氛圍,學生可以根據以上內容展開進一步的設計工作。
(2)信息整理。
項目開展前期根據對項目的簡單分析,要求學生對客戶或相關人士展開訪談,對行業同類網站的資訊開展收集與調研。這一階段學生會接觸網頁設計的需求方,在本項目中可以設定為系內行政人員、教師及系內學生,根據訪談或調研可以得到網站相關設計信息,如對整體風格的需求,導航的設計需求,網站類型為靜態網站或動態網站,根據需求結果,要求學生設計多樣的版式效果,以供客戶參考。
(3)交互設計。
我們將網頁中的交互分為視覺上的交互和行為功能上的交互設計。在這里我們更側重說明交互在視覺上的應用。網頁中我們常見的交互形態有按鈕、導航條、搜索欄和表單等。這些交互形態都會出現在版式的突出及顯著位置,這樣更引發人們的視覺關注中心,因而,在進行版式設計時,需要考慮這些交互元素的設置,友好的版式也是一種界面與人的情感交互。在我們的項目中學生應該考慮交互按鈕的外觀設計,排放位置等因素;導航條的設置應在醒目位置,清晰明確發揮導引作用;搜索欄幫助瀏覽者快捷搜索,放置在易發現的位置,搜索一般出現在網頁右上角;表單設計是學生所忽略的環節,因為可以使用插件添加,導致學生認為無須設計,在此建議信息表單設計時可考慮細節設計,提高友好度與舒適度等交互設計。
2 設計階段
版式設計是網頁設計中重要的設計引導規劃環節,在這個過程中學生可以根據自己的項目主題展開藝術美感的設計。一般進行頁面版式設計我們從以下幾個方面入手。
(1)版式結構設計。
網頁設計中的版式設計與傳統媒介中的版式設計略有不同,前提是他們都遵循版式設計五原則,[1]內容與形式,簡潔與簡約,設計與藝術,趣味與獨特,局部與整體。為了設計富有形式法則和藝術美感的網頁作品,版式設計方面通常會採用黃金比例和三分法排列原則。黃金比例法是初學者易於掌控的方法,將視窗可用區域分成兩個部分,也可以根據設計比例需求,將數字錄入到相關計算網站,得出合適的黃金比例分配方案。三分法構圖排版方式,是將排版界面分成三份,根據內容的不同,選擇不同的三分法排列位置。
網頁設計中由於要考慮顯示器視窗顯示水平不同,我們的總體版式設計會採用固定格式或非固定格式兩種形式。固定格式的版面是固定的界面版式,而非固定格式的版面設計是變化的,這種變化的版式很難把握的,變化的視窗將改變既定的字體形式和圖形排列位置,這個課題也是我們今後要深入探討的方向。
(2)字體、圖像、色彩設計。
版式設計是界面設計的骨架,字體設計是界面設計的血肉,富媒體技術的全面發展,網站這一綜合載體也得到了極大的發展,版式與字體的結合構成了網頁的不同風貌。在網頁中常見字體分為中英文兩類和圖形化的藝術字體,字型大小一般選用12pt。在中文網頁常常出現的字體為宋體或黑體,字型大小為12pt/14pt的文字展示,另外也會有些超大字體以圖像的形態出現,並通過視覺效果的調整,創建三維空間的視覺展示效果。圖形化的藝術字體,在諸多網站中得到應用。在設計中我們題材保有傳統的 文化 性,中國元素的運用,如書法、圖騰、建築等富有中國色彩的藝術形態都應得到我們的思考與關注,中西文化的比較與融合也是我們要探索的方向。圖形與色彩部分在排版中應適合主題,響應設計氛圍,為整體版式服務。
(3)視頻展示設計。
網頁界面排版中還需考慮一種新興的展示手段,視頻信息展示,頁面中利用大量的視頻信息排版,減少文字、圖片信息的輸入,信息傳達方式由靜態轉換為動態,提供有趣而新穎的排版展示方式。
3 技術實施
(1)界面版式視覺設計。
網頁設計中對靜態界面的布局,我們通常會使用Photoshop和Illustrator圖像處理軟體開展設計,首先我們會根據 思維導圖 繪制基礎模板,然後根據設計需求在模板中添加設計好的文字、圖形、視頻、聲音等設計元素。
(2)交互功能視覺設計。
在網頁設計中我們會考慮將靜態樣稿轉換為簡單的靜態網頁,這種轉換我們會使用Dreamweaver軟體進行操作,由於網頁展示設備的不同我們也會考慮採用一些相關的模型製作軟體來處理交互設計部分。
4 運行階段
將確定好的靜態草稿通過切圖生成為靜態網站,測試效果及功能,當運行時根據需要和視覺效果進行調整直到理想狀態。
5 小結
網頁設計課程將實際項目導入課堂,根據CDIO工程教育模式教學,打造有效、有趣、實用的教學方式,使學生在學習操作中鍛煉宏觀思考的能力,獲得團隊合作的能力,養成終身學習的能力。學生對設計流程的掌握就是對知識體系的掌握和運用,達到理論與實踐相結合,通過對版面的全面掌控,更好地為靜態網頁設計打下堅實的基礎。
參考文獻:
[1] 沈卓婭,王汀.字體與版式設計實訓[M].中國出版集團東方出版中心,2011:74.
猜你喜歡:1. 網站設計畢業論文範文
2. 網站類畢業設計論文
3. 淺談廣告設計畢業論文範文
4. 關於網路工程畢業論文範文
5. 關於計算機畢業論文範文大全
6. 計算機畢業論文範文大全
❼ 網站前端設計 畢業論文
你好,親,前端設計一般用到的都是網頁設計方面的技術,這個主要注重的是頁面設計,論文需要根據網站的設計來進行製作就可以
❽ 計算機網頁設計的畢業論文
網頁設計輔導系統 包括論文,設計,論文字數:10771,頁數:31 摘要 21世紀是一個信息化的時代。網路這一信息時代的產物,已經超出了技術產品本身的內涵,而向社會生活的各個領域擴展,並逐漸形成了具有鮮明時代特色的文化。學習作為延續人類已有物質文化成果、並在原有知識基礎上創造出前所未有的內容的活動,已從傳統的基於課堂的「老師教授——學生學習」的模式轉變為通過多種途徑來實現,網路教學是一個必然的發展趨勢。 與傳統教育相比,藉助互聯網實現的網路教學是一種全新的教育模式,它可以突破時間和空間的限制,幫助人們隨時隨地的學習,讓更多的學習者共享優秀的教育資源;網路教育具有開放性、交互性、協作性、自主性等特點,可以使更多的人尤其是無法到校園內學習的人們接受高等教育,它將成為終身教育的首選形式。 以信息技術為依託的現代網路教育對中國教育而言,既是挑戰,更是機遇。抓住這個機遇,就會創造出教育領域中的一片新天地。本文主要通過構建網上教學系統,推動我校的網路教育的發展。 關鍵字: 《網站開發技術》課件教學、教程、管理、ASP目 錄 第一章 前言 1 1.1背景 1 1.2 工作的目的、內容 1 第二章 需求分析 1 2.1課題發展進程及意義 1 2.2課題來源及分析 2 2.2.1課題來源 2 2.2.2網上課件教學2 2.3設計需求及網站目標 2 2.4 系統功能 3 第三章 目錄設計 3 第四章 系統資料庫的設計 4 4.1 Access2000簡介 4 4.2 資料庫需求分析 4 4.3 資料庫各表中欄位定義 5 第五章 系統設計及主要代碼 7 5.1開發環境及工具 7 5.1.1 ASP的簡介 7 5.1.2 ASP的功能 7 5.2系統總流程圖 7 5.3網站的設計風格 8 5.4 系統主要功能分析 9 5.4.1 主頁及系統流程圖 9 5.4.2系統主要功能、代碼 13 第六章 系統的使用與測試 20 6.1 網站使用說明 20 6.2實例測試 20 6.2.1 登陸系統 20 6.2.2 添加新聞 20 6.2.3 刪除新聞 20 6.2.4 修改用戶信息 20 6.3結論 21 6.4改進意見 21 致謝22 參考文獻 22 以上回答來自: http://www.lwtxw.com/html/86-3/3455.htm
❾ 網頁製作的畢業論文需要寫什麼內容,或者需要包括哪些東西,目錄什麼
網頁製作的話肯定離不開網頁製作的流程,欄目,風格還有內容的填充。
所以可以分為以下幾個類目:
一、網頁的基本介紹
二、網頁的構成
三、製作網頁的工具
四、網頁的製作流程
五、總結
可以以某個網頁為參考,結合你熟悉的知識點進行擴充哦。
❿ web前端畢業論文文獻綜述怎麼寫
一、什麼是文獻綜述
文獻綜述是研究者在其提前閱讀過某一主題的文獻後,經過理解、整理、融會貫通,綜合分析和評價而組成的一種不同於研究論文的文體。
二、文獻綜述的寫作要求
(一)、文獻綜述的格式
文獻綜述的格式與一般研究性論文的格式有所不同。這是因為研究性的論文注重研究的方法和結果,而文獻綜述介紹與主題有關的詳細資料、動態、進展、展望以及對以上方面的評述。因此文獻綜述的格式相對多樣,但總的來說,一般都包含以下四部分:即前言、主題、總結和參考文獻。撰寫文獻綜述時可按這四部分擬寫提綱,再根據提綱進行撰寫工作。
前言,要用簡明扼要的文字說明寫作的目的、必要性、有關概念的定義,綜述的范圍,闡述有關問題的現狀和動態,以及目前對主要問題爭論的焦點等。前言一般200-300字為宜,不宜超過500字。
正文,是綜述的重點,寫法上沒有固定的格式,只要能較好地表達綜合的內容,作者可創造性採用諸多形式。正文主要包括論據和論證兩個部分,通過提出問題、分析問題和解決問題,比較不同學者對同一問題的看法及其理論依據,進一步闡明問題的來龍去脈和作者自己的見解。當然,作者也可從問題發生的歷史背景、目前現狀、發展方向等提出文獻的不同觀點。正文部分可根據內容的多少可分為若干個小標題分別論述。
小結,是結綜述正文部分作扼要的總結,作者應對各種觀點進行綜合評價,提出自己的看法,指出存在的問題及今後發展的方向和展望。內容單純的綜述也可不寫小結。
參考文獻,是綜述的重要組成部分。一般參考文獻的多少可體現作者閱讀文獻的廣度和深度。對綜述類論文參考文獻的數量不同雜志有不同的要求,一般以30條以內為宜,以最近3-5年內的最新文獻為主。
(二)、文獻綜述規定
1. 為了使選題報告有較充分的依據,要求碩士研究生在論文開題之前作文獻綜述。
2. 在文獻綜述時,研究生應系統地查閱與自己的研究方向有關的國內外文獻。通常閱讀文獻不少於30篇,且文獻搜集要客觀全面
3. 在文獻綜述中,研究生應說明自己研究方向的發展歷史,前人的主要研究成果,存在的問題及發展趨勢等。
4. 文獻綜述要條理清晰,文字通順簡練。
5. 資料運用恰當、合理。文獻引用用方括弧[ ]括起來置於引用詞的右上角。
6. 文獻綜述中要有自己的觀點和見解。不能混淆作者與文獻的觀點。鼓勵研究生多發現問題、多提出問題、並指出分析、解決問題的可能途徑,針對性強。
7. 文獻綜述不少於3000字。
(三)、注意事項
⒈ 搜集文獻應盡量全。掌握全面、大量的文獻資料是寫好綜述的前提,否則,隨便搜集一點資料就動手撰寫是不可能寫出好的綜述。
⒉
注意引用文獻的代表性、可靠性和科學性。在搜集到的文獻中可能出現觀點雷同,有的文獻在可靠性及科學性方面存在著差異,因此在引用文獻時應注意選用代表性、可靠性和科學性較好的文獻。
⒊
引用文獻要忠實文獻內容。由於文獻綜述有作者自己的評論分析,因此在撰寫時應分清作者的觀點和文獻的內容,不能篡改文獻的內容。引用文獻不過多。文獻綜述的作者引用間接文獻的現象時有所見。如果綜述作者從他人引用的參考文獻轉引過來,這些文獻在他人引用時是否恰當,有無謬誤,綜述作者是不知道的,所以最好不要間接轉引文獻。
⒋
參考文獻不能省略。有的科研論文可以將參考文獻省略,但文獻綜述絕對不能省略,而且應是文中引用過的,能反映主題全貌的並且是作者直接閱讀過的文獻資料。
5.綜述篇幅不可太長。雜志編輯部對綜述的字數一般都有一定數量的約定。作者在初寫綜述時,往往不注意這點,造成虛話、空話較多,重點不突出。綜述一般不宜超過4000字。
綜述並不是簡單的文獻羅列,綜述一定有作者自己的綜合和歸納。有的綜述只是將文獻羅列,看上去像流水帳,沒有作者自己的綜合與分析,使人看後感到重復、費解,材料與評述協調。
三、學術論文參考文獻的著錄格式
1.專著: [序號]作者.書名[M].版本(第1版不著錄).出版地:出版者,出版年.起止頁碼.
2.期刊: [序號]作者.題名[J].刊名,年,卷(期):起止頁碼.
3.會議論文集(或匯編): [序號]作者.題名[A].編者.論文集名[C].出版地:出版者,出版年.起止頁碼.
4.學位論文: [序號]作者. 題名[D]. 學位授予地址:學位授予單位,年份.
5.專利: [序號]專利申請者. 專利題名[P].專利國別(或地區):專利號, 出版日期.
6.科技報告: [序號]著者. 報告題名[R].編號,出版地:出版者,出版年.起止頁碼.
7.標准: [序號] 標准編號,標准名稱[S].頒布日期.
8.報紙文章 : [序號] 作者. 題名[N]. 報紙名,年-月-日(版次).
9.電子文獻: [序號] 主要責任者.電子文獻題名[電子文獻及載體類型標識].電子文獻的出處或可獲得地址,發表或更新日期/引用日期(任選).
10.各種未定義類型的文獻: [序號]主要責任者.文獻題名[Z]. 出版地:出版者,出版年.