網頁制作論文范文10篇

現在流行的網頁制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有AdobePagemill3.0--制作多框架，表單和Imagemap圖像的網頁工具、Netscape等等。其中Frontpage更以其功能強大、容易上手、界面親切而著稱論文。它采用所見即所得的方式編輯網頁，利用它可以輕松的組織、編輯網頁并將其到指定的站點上，而且在之后還能對更新情況進行監控以更新站點的內容。

工具準備好了，可根據你的個人喜好來選擇一些素材，如圖片、喜歡的文章等?，F在就讓我們從第一步的建立站點來踏上建造網上家園之旅。

用FRONTPAGE創建站點是很容易的。首先，我們來看一下創建一個只包含一個網頁的站點。選擇“文件”菜單的“新建”選項，單擊“站點”命令，這時新建站點對話框就彈出來了，在“指定新站點位置”文本框中輸入新站點的位置，單擊“只有一個網頁的站點”圖標，單擊“確定”按鈕。這就建立好站點了，我們現在來看一下新的站點里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個網頁文件，名字叫做“index.htm”。我們知道，每一個站點都要有一個主頁，這個主頁也是一個網頁文件。瀏覽者訪問站點時首先進入的就是站點的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個網頁的站點時，FRONTPAGE就自動為我們創建了站點的主頁了。這個新建的站點主頁時空的，我們可以向里面添加內容。

在文件列表里除了主頁之外，還有文件夾。新建站點時，FRONTPAGE都會在站點所在位置下新建兩個文件夾，一個是“images”另一個是“_private”。我們在編輯站點時可以在“image”文件夾里放置站點用到的圖片。“private”文件夾比較特殊，其中的文件對瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網頁文件放在這個文件夾里，比如：我們可以在這個文件夾里存放注冊用戶的個人信息。

盡管每一個站點都要有一個主頁，不過創建站點時我們仍然可以從一個空站點開始：選擇“文件”菜單的“新建”命令，單擊“站點”選項，在“新建站點”對話框里，我們可以選擇“空站點”圖標來創建一個空站點?！靶陆ㄕ军c”對話框中還有許多其他圖標，這是FRONTPAGE提供的用來創建站點模板或向導。我們創建只有一個網頁的站點或者創建空站點，都是從頭開始來創建一個站點，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結構和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節省了許多工作。

同樣的，盡管站點的風格千差萬別但是有許多站點的功能和結構都是一樣的，如果我們從頭開始建立站點的話，就要做許多重復勞動，這時，我們就可以使用模板或向導來建立站點。模板和向導的作用就好像蓋房子的圖紙一樣，我們不必每次建立站點時都從頭開始。我們單擊“個人站點”圖標，用它可以迅速創建一個個人站點，輸入站點所在的位置，單擊“確定”按鈕，這樣我們剛就創建了個人站點。個人站點模板已經為我們規劃好了站點的目錄和建立了相關的頁面?，F在我們點擊一下“文件夾”按鈕，雙擊index.htm圖標，

【摘要】Frontpage更以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網頁，利用它可以輕松的組織、編輯網頁并將其到指定的站點上，而且在之后還能對更新情況進行監控以更新站點的內容。

【關鍵字】Frontpage創建站點、新建頁面、文字、超鏈接

現在流行的網頁制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有AdobePagemill3.0--制作多框架，表單和Imagemap圖像的網頁工具、Netscape等等。其中Frontpage更以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網頁，利用它可以輕松的組織、編輯網頁并將其到指定的站點上，而且在之后還能對更新情況進行監控以更新站點的內容。

工具準備好了，可根據你的個人喜好來選擇一些素材，如圖片、喜歡的文章等?，F在就讓我們從第一步的建立站點來踏上建造網上家園之旅。

用FRONTPAGE創建站點是很容易的。首先，我們來看一下創建一個只包含一個網頁的站點。選擇“文件”菜單的“新建”選項，單擊“站點”命令，這時新建站點對話框就彈出來了，在“指定新站點位置”文本框中輸入新站點的位置，單擊“只有一個網頁的站點”圖標，單擊“確定”按鈕。這就建立好站點了，我們現在來看一下新的站點里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個網頁文件，名字叫做“index.htm”。我們知道，每一個站點都要有一個主頁，這個主頁也是一個網頁文件。瀏覽者訪問站點時首先進入的就是站點的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個網頁的站點時，FRONTPAGE就自動為我們創建了站點的主頁了。這個新建的站點主頁時空的，我們可以向里面添加內容。

在文件列表里除了主頁之外，還有文件夾。新建站點時，FRONTPAGE都會在站點所在位置下新建兩個文件夾，一個是“images”另一個是“_private”。我們在編輯站點時可以在“image”文件夾里放置站點用到的圖片?！皃rivate”文件夾比較特殊，其中的文件對瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網頁文件放在這個文件夾里，比如：我們可以在這個文件夾里存放注冊用戶的個人信息。

摘要：本文從網絡的發展以及現在網頁制作規范對網頁設計師的要求，根據網頁的特點出發，通過dreamweaver8.0從table與div兩種布局制作網頁框架的方法以及瀏覽效果方面分析比較了網頁制作中這兩種方法布局網頁的優點與缺點，并且總結了他們各自應用的范圍。

關鍵詞：網頁制作表格divdreamweaver8.0網頁框架利與弊

引言

隨著信息時代的發展，web技術的一天天成熟，如何制作出一個符合規范，美觀又瀏覽速度快的網頁已經越來越成為一個網頁設計師所要考慮的重點了。過去的網頁設計師只需考慮網頁前臺美工處理，然后切片形成網頁即可，而自從CSS層疊式樣式表誕生后，網頁排版成為了一個新的網頁技術研究的領域。在制作網頁中，我們布局網頁的方法一般有兩種，第一種是使用table（表格）來布局網頁，另一種是使用div容器來布局網頁。下面我們就一個實例來講解這兩種方法來布局網頁的操作步驟，以及比較兩種方法的優點和不足之處。

一、網頁布局的兩種方法

方法一：使用table表格制作網頁框架。具體操作步驟如下：

[摘要]網頁制作是目前比較流行的一種行業，它已經滲透到社會的各個角落，而電子商務網站中網頁制作技術應用的最多，本文主要從電子商務網站的安全隱患、網站安全現狀、網站安全的措施與解決方案、電子商務發展等方面進行探討，尤其對于網站安全的考慮，在編寫網頁代碼時，應注意的一些防范方法的介紹，以促進人們對網頁制作中的安全防范技術的了解。

[關鍵詞]網站安全腳本數據庫交互

一、引言

Internet已滲透到了社會的各個領域，不僅影響著我們的學習和工作，在Internet的發展中，WWW的發明和迅速推廣應用是一個重要的里程碑。網頁設計作為一門新興的技術，是介于平面設計、編程技術兩者之間的一門學科，它還涉及到美學心理、平面構成、色彩搭配等平面設計方面的知識。只有綜合運用多種知識，才能設計出視聽特效、動靜結合、人機交互的WEB頁面。

電子商務網站是一個非常豐富和方便的系統，很多是過去無法想像的，隨著今天的社會的發展以及科學技術的發展，現在都可以想像得到。由此可以想像到未來的網頁設計，那時候網頁設計的要求是什么呢？怎樣才能適應電子商務的發展呢？我有以下幾點想法:網頁能具有人性化;網頁要具有相當的美感;網頁更加強調交互性。

二、電子商務網站的安全現狀

[摘要]Flash動畫已經成為越來越多的人們所關注的一種動畫發展的趨勢?？梢哉f,通過Flash進行網頁設計并建設網站,開創了多媒體效果的網頁或整個多媒體網站的新潮流,本文對Flash動畫在網頁制作中的應用及發展做了探討。

[關鍵詞]Flash動畫網頁制作

近十幾年來,Internet以前所未有之勢使應用程序開發領域發生了根深蒂固的變化,許多組織越來越依賴于由Internet及相關技術提供的數字資源和通訊信道。現在,在設計和開發應用程序時,幾乎所有人都會考慮如何最有效地結合與利用Internet技術以便充分利用連接計算所帶來的好處。

Flash特別適用于創建通過Internet提供的內容,因為它的文件非常小。Flash是通過廣泛使用矢量圖形做到這一點的。與位圖圖形相比,矢量圖形需要的內存和存儲空間小很多,因為它們是以數學公式而不是大型數據集來表示的。位圖圖形之所以更大,是因為圖像中的每個像素都需要一組單獨的數據來表示。

要在Flash中構建應用程序,可以使用Flash繪圖工具創建圖形,并將其它媒體元素導入Flash文檔。在Flash中創作內容時,需要在Flash文檔文件中工作。Flash文檔的文件擴展名為fla(FLA)。在各領域方面,Flash將在網絡動畫設計及網頁組織上顯示出巨大的生命力。它的應用前景令人鼓舞。

一、Flash動畫在網頁設計中的應用

學術期刊投稿網站網頁標記語言正確性之探當前，我國大多數的學術期刊都建立了論文投稿網站系統以方便作者投稿和專家審稿，期刊的編輯也可以應用網站系統對投稿作者的文章進行管理和審核，因此論文投稿網站系統的設計與維護非常重要。據NetMarketShare的數據，截止2015年7月，占據全球瀏覽器排行榜首位的仍然是IE瀏覽器，總市場份額為53.47%，Chrome瀏覽器位居第二位，最新市場份額27.66%，Firefox火狐瀏覽器以12%的市場份額位居第三位。由于各個網頁瀏覽器對網頁標記語言的解釋與執行有一些差異，加上網頁設計語言的多樣化，可能會造成論文投稿作者使用的瀏覽器打不開網站的情況，即會出現網頁設計語言與瀏覽器相互不兼容的情況出現。設計的網頁如果能遵守規范，就能確保網頁架構與語法的正確性，也可以滿足用戶廣泛瀏覽的需求。對論文投稿作者而言，遵守規范的網頁能夠減少投稿的困難度，讓網頁適用于更多的載體（移動端屏幕、電腦瀏覽器等），并減少錯誤信息的傳遞；對論文投稿網站的管理者而言，符合規范的網頁較容易維護，因編輯團隊可能隨著時間的推移不斷替換，對于新進人員而言容易了解及修改。另外，符合規范的網頁也能夠增進網頁在網絡上的可見度，提高搜尋引擎排名[2]，使論文投稿作者更容易在網絡上搜索到該投稿網站。查閱中國知網、萬方數據庫等國內文獻檢索系統，發現目前國內并未有學者進行過相關的研究，查閱WebofScience、EBSCO等外文文獻系統，發現國外學者對網頁標記語言正確性檢測方面的研究也較少，主要的研究有Chen等人[3]（2005）利用網頁檢測工具了解網絡上網頁正確性的比例，并期望找出最常出現的錯誤類型。Chen等人的研究結果顯示，有高達95%的網頁不符合網頁標準，并且不論使用何種網頁樣本搜集方式，前十大錯誤種類幾乎完全一致。Breeding[4]（2006）使用W3C的MarkupValidationService檢測美國研究圖書館協會的123個會員圖書館首頁，進行網頁正確性調查。研究結論顯示，除了21所圖書館完全符合W3C的規范，其余均出現了錯誤，甚至有7所圖書館錯誤數達100個以上，錯誤率高達82%。網頁設計語言作為一種在網絡上被廣泛接受的計算機語言，是由國際萬維網聯盟（WorldWideWebConsortium）所制定并規范化。關于網頁設計語言方面的研究，目前眾多學者進行了多角度的研究探討[5-11]。網頁設計語言不是一般的程序設計語言，而是一種網頁標記語言（MarkupLanguage），最為經典的網頁標記語言HTML被稱為超文本標記語言（HyperTextMarkupLanguage），其主要使用標記標簽（markuptag）來描述網頁。論文投稿網站的管理者可通過不同的檢測工具（validator或checker）檢測網頁是否符合規范，如網頁架構與語法的正確性可通過W3C（WorldWideWebConsortium）的網頁標記語言檢測器（markupvalidator）進行相關檢測。論文投稿網站網頁架構與語法正確性與否會直接影響論文投稿服務的可訪問性與正確性。因此，本研究期望通過W3C網頁標記語言檢測工具的應用，檢測我國論文投稿網站網頁標記語言正確性（webmarkuplanguagevalidation）程度及問題，并試圖提出解決方法，以供論文投稿網站經營管理或建設發展作為參考。

1網頁標記語言正確性檢測

1.1研究工具。目前，網頁檢測工具較多，提供的檢測功能也有所不同，能夠進行各種瀏覽器的兼容性測試、負載測試，以及網頁標記語言檢測等。比較知名的網頁檢測工具有Googlewebpagetester、BrowserShots、IETester、Feedvalidator等。網頁正確性檢測是W3CWebQualityTools中的功能，主要包括：（1）標記檢測（MarkUpValidator），可用于檢測網頁上的各種常用的標記語言的規范性和正確性，如HTML、CSS、XHTML、XML、WML等；（2）Web內容的數據交換規范（FeedValidator），用于檢測Atom或RSSfeed語法的規范性和正確性；（3）層疊樣式表檢測（CSSValidator），用于檢測內嵌在HTML、XHTML中的CSS樣式的規范性和正確性；（4）超鏈接檢測（LinkChecker），用于檢測網頁中超鏈接（Link）和錨點（anchor）的規范性和正確性。本研究主要使用W3C提供的網頁標記語言檢測工具（MarkUpValidator），檢測論文投稿網站上網頁的各種常用的標記語言的規范性和正確性。通過該工具可以檢測出受測網頁的錯誤數（W3C網頁標記規范性）、服務器種類、網頁大小、網頁格式、網頁編碼（GB-2312或其他）、文件類型等，并會列出錯誤之處及建議改進的方式。檢測的方式除了可以直接輸入網址外，也可以上傳該網頁的源代碼進行檢測。圖1為網頁標記語言檢測的主界面，本研究主要采用輸入統一資源定位符（URL）的方式進行網頁檢測。檢測結果分成兩部分；一部分是結果摘要，敘述錯誤數、警告數、編碼（Encoding）及網頁格式（Doctype）是什么版本等，如圖2所示。另一部分則為檢測出的錯誤或警告詳細結果，并列出改正建議如圖3所示。1.2研究樣本。由于我國學術期刊的投稿網站較多，難以對所有的論文投稿網站的所有網頁標記語言的正確性進行檢測，因此本研究需要選擇一定數量的樣本進行檢測工作。參考北京大學圖書館公布的2014版《中文核心期刊要目總覽》，本研究選擇其中列出的出版事業類12種期刊，以及圖書館事業、信息事業類的18種期刊進行研究（總計30種期刊），選擇這些期刊作為研究樣本的原因一方面是這些期刊均屬于中文核心期刊，在網絡上得到的關注度比普通的期刊高[12]，一方面是出版類、圖書情報類的期刊屬于專門研究期刊編輯出版等問題的專業期刊，研究這些學術期刊建立的論文投稿網站網頁標記語言的正確性和規范性具有一定的示范作用。由于選取的30種期刊中有部分期刊沒有建立論文投稿網站系統，部分僅有Email投稿方式，因此在研究中需要將這些期刊忽略，最終所選取的期刊如表1所示，有效樣本為21個，取樣日期為2016年4月5日。由于考慮首頁為論文投稿作者首先打開的界面，其網頁標記語法的正確性將首先影響到用戶的操作，因此本研究將檢測目標鎖定在論文投稿系統網站的首頁（MainPage），在網頁標記語言檢測的主界面中輸入首頁的統一資源定位符（URL）進行檢測，并記錄其檢測結果。

2檢測結果的統計分析

本研究主要基于W3C的網頁標記語言檢測工具，從網頁格式定義種類（Doctype）、網頁錯誤數及網頁錯誤類型進行分析，從中了解學術期刊論文投稿網站在網頁標記語言上的問題，以及提出建設參考意見。在對有效選取的21個期刊論文投稿網站首頁進行檢測的過程中，19個期刊的論文投稿網站能夠正常進行檢測，但有兩個期刊論文投稿網站（大學圖書館學報、現代情報）的首頁無法檢測，其中大學圖書館學報的網站對檢測進行了禁止設置（Forbidden），現代情報網站在檢測中無法找到（NotFound）。2.1網頁格式定義種類及網頁錯誤數。網頁格式如果沒有定義，除了在內容呈現上可能出現錯誤，在數據交換及傳輸時可能也會出現問題，除了會造成數據的流失，有時還會導致錯誤信息的傳遞。對于論文投稿網站的網頁格式定義類型，除了兩個無法檢測的期刊網站之外，其余19個期刊的論文投稿網站均對網頁的格式進行了定義，包括兩種W3C定義標準，HTML4.01Transitional和XHTML1.0Transitional，具體的定義類型可見表2。由表2可以看出，有6個學術期刊的論文投稿網站采用的是XHTML1.0Transitional的格式。相對于HTML4.01Transitional而言，XHTML標記語言，通過結合XML和HTML的功能，使得網頁內容更容易被手持移動設備以及電視媒體等訪問。對于網頁錯誤數，被檢測的19個期刊論文投稿網站首頁的網頁標記語言都出現了錯誤，出現錯誤數最少的是中國科技期刊研究和中國圖書館學報，部分期刊的網頁標記語言錯誤數較多，如出版科學、情報科學、圖書館理論與實踐。2.2網頁錯誤類型。國際萬維網聯盟網頁標記檢測服務（W3CMarkupValidationService）給出定義的錯誤類型總共有447種（詳見validator.w3.org/docs/errors.html#noverbose），本研究檢測的19個期刊論文投稿網站的網頁錯誤類型經過統計有121種錯誤類型，主要的錯誤原因在于標記屬性使用錯誤或者未加定義。期刊論文投稿網站首頁的前幾項錯誤項目分別是Thereisnoattribute“……”（136次）、Documenttypedoesnotallowelement“……”here（104次）、Requiredattribute“……”notspecified（91次）及Element“……”undefined（85次）。屬性定義有誤在信息的顯示上可能不會出現問題，網頁內容能夠正常呈現，但對于數據的交換及傳遞會有一定程度地影響。在統計的121種錯誤類型中，屬于標簽（Html-Tag）的錯誤數最多，說明期刊論文投稿網站的網頁大多數為Html標簽的定義或使用錯誤，因此在撰寫Html語法時應注意標簽的使用正確性。另外，由于網頁制作軟件的可視化和方便性，使得網頁設計人員更容易的設計制作動態化的腳本語言，導致腳本（Script/Script-Tag）出錯的數量也偏高。由于19個期刊論文投稿網站網頁的錯誤類型和數量較多，無法用表格的形式一一列出，圖4為中國圖書館學報的檢測結果，可以看出中國圖書館學報的論文投稿網站的網頁沒有出現標記使用屬性方面的錯誤，僅有兩條格式定義類型的錯誤。

3研究結論及建議

論文關鍵詞：Dreamweaver、Adobephotoshop、FlashMX

論文摘要：網頁的內容通常是由圖片和文字組成。由文字構成網頁的主體，而圖片則能夠美化和增色你的網頁。那些包含了設計精美圖片的網站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網頁能吸引人的一個有力保證。

一、介紹

超鏈接是網頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應用。

框架網頁是一種特殊的HTML網頁，使用框架網頁可以同時瀏覽幾個不同的Web頁面，使用Web頁面顯示一致的用戶界面和靈活的頁面內容。

網頁制作的高級技術包括：在網頁中插入FLASH動畫利用Java或者javascript制作網頁的動態效果。網頁中使用插件，視頻等Web組件以及創建、和管理站點等技術。

論文關鍵詞：Dreamweaver、Adobephotoshop、FlashMX

論文摘要：網頁的內容通常是由圖片和文字組成。由文字構成網頁的主體，而圖片則能夠美化和增色你的網頁。那些包含了設計精美圖片的網站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網頁能吸引人的一個有力保證。

一、介紹

超鏈接是網頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應用。

框架網頁是一種特殊的HTML網頁，使用框架網頁可以同時瀏覽幾個不同的Web頁面，使用Web頁面顯示一致的用戶界面和靈活的頁面內容。

網頁制作的高級技術包括：在網頁中插入FLASH動畫利用Java或者javascript制作網頁的動態效果。網頁中使用插件，視頻等Web組件以及創建、和管理站點等技術。

論文關鍵詞：Dreamweaver、Adobephotoshop、FlashMX

論文摘要：網頁的內容通常是由圖片和文字組成。由文字構成網頁的主體，而圖片則能夠美化和增色你的網頁。那些包含了設計精美圖片的網站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網頁能吸引人的一個有力保證。

一、介紹

超鏈接是網頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應用。

框架網頁是一種特殊的HTML網頁，使用框架網頁可以同時瀏覽幾個不同的Web頁面，使用Web頁面顯示一致的用戶界面和靈活的頁面內容。

網頁制作的高級技術包括：在網頁中插入FLASH動畫利用Java或者javascript制作網頁的動態效果。網頁中使用插件，視頻等Web組件以及創建、和管理站點等技術。

隨著計算機網絡技術的飛速發展，圖書館建立網站也成為圖書館界的一個熱門話題。目前，很多公共圖書館、大學圖書館已建成或正在建立自己的網站，以便適應社會發展需要，在未來信息網絡社會中占有一席之地。因此中學圖書館也應緊跟時代步伐，建立自己的網站，從而更有效地發揮圖書館教書育人的功能，為營造書香校園作貢獻。

1網站建設的必要性

隨著教育現代化的基本實現，中小學圖書館規模、設備、設施發生了根本性變化，正由原來的傳統圖書館向數字化、網絡化發展。圖書館網站將成為連接圖書館與讀者的橋梁與紐帶，一方面讀者可以不受時間、地點的限制直接通過圖書館網站了解圖書館，共享圖書館資源，享受圖書館提供的閱覽、咨詢、檢索等服務；另一方面圖書館可以通過自己的站點了解不同讀者的需求，從而更好地引導讀者開發利用豐富的網上資源，進一步提高服務質量、擴展服務深度和廣度。因此，圖書館網站的建設對于圖書館具有舉足輕重的作用。

2網站建設的條件

網站建設是一項復雜的系統工程，需要人力、物力等多方面的配合，圖書館網站建設也不例外。首先需要學校領導的大力支持，提供計算機、服務器、網絡等硬件設施，網頁制作需要的各種軟件，以及一定的資金；其次需要一批精通網頁設計的專業人員，并且具備一種團隊協作、勇于創新的精神。另外，圖書館網站的制作人員需要具備一定的圖書館專業知識。

3網站的建設