第一篇：網(wǎng)頁(yè)制作HTML總結(jié)

美誠(chéng)國(guó)際教育宿州二中網(wǎng)頁(yè)制作課程小結(jié) 田老師

第一講 HTML的基本結(jié)構(gòu)

-------根控制標(biāo)記

-------頭控制標(biāo)記

-------標(biāo)題標(biāo)記 -------頭控制標(biāo)記（尾）

-------網(wǎng)頁(yè)顯示區(qū)域

第二篇：html網(wǎng)頁(yè)畢業(yè)論文

畢業(yè)論文

網(wǎng)站設(shè)計(jì)與制作

所 屬 系：計(jì)算機(jī)

專業(yè)：應(yīng)用技術(shù)

學(xué)生姓名：***

學(xué)號(hào)：************

指導(dǎo)老師：****

二〇一一年五月

第1章網(wǎng)站總體分析及概要設(shè)計(jì)

1.1 模塊功能分析

1.1.1 引導(dǎo)首頁(yè)模塊

引導(dǎo)首頁(yè)使用整體顏色背景，配合圖片或Flash構(gòu)成，頂部為導(dǎo)航首頁(yè)鏈接。

1.1.2 班級(jí)形象模塊

該模塊功能主要是展示班級(jí)的形象，同時(shí)作為網(wǎng)站的導(dǎo)航首頁(yè)，在用戶登錄后就可以看到班級(jí)的整體形象，班級(jí)的展示及班級(jí)動(dòng)態(tài)，用戶還可以通過頂部和左側(cè)的導(dǎo)航欄進(jìn)入網(wǎng)站，更深入的了解該班級(jí)。

1.1.3 用戶模塊

用戶注冊(cè)與登錄：網(wǎng)絡(luò)上的用戶通過填寫ID、密碼等信息可以注冊(cè)成為會(huì)員，并獲得相應(yīng)的用戶權(quán)限。系統(tǒng)自動(dòng)把用戶的注冊(cè)信息存儲(chǔ)到服務(wù)器端的數(shù)據(jù)庫(kù)中。如果用戶ID重復(fù)或者填寫錯(cuò)誤，系統(tǒng)會(huì)給出提示信息，而通過用戶注冊(cè)與登錄、可以自由發(fā)布與查看各種信息。

用戶信息維護(hù)：系統(tǒng)的注冊(cè)用戶可以隨時(shí)修改自己的注冊(cè)信息，這些修改后的信息將自動(dòng)更新到服務(wù)器端的數(shù)據(jù)庫(kù)中。

用戶登錄/退出：系統(tǒng)的注冊(cè)用戶可以登錄系統(tǒng)并且獲得相應(yīng)的權(quán)限，登錄了的用戶也可以選擇退出登錄。

1.1.4 留言板模塊

該模塊功能主要是提供用戶與網(wǎng)站主之間的交流平臺(tái)及站長(zhǎng)收集用戶反饋信息以改善站點(diǎn)。

1.2 網(wǎng)站導(dǎo)航功能結(jié)構(gòu)

網(wǎng)站主要實(shí)現(xiàn)的功能有：網(wǎng)站首頁(yè)導(dǎo)航，各頁(yè)面導(dǎo)航以及其他模塊。

1.3 論文可行性分析

1.3.1 社會(huì)可行性分析

可行性分析主要分析現(xiàn)有技術(shù)條件能否順利完成開發(fā)工作，軟硬件配置能否滿足開發(fā)者的需要等。隨著計(jì)算機(jī)硬件和軟件技術(shù)的飛速發(fā)展，為網(wǎng)站的建設(shè)提供了有利的技術(shù)條件，由此看來技術(shù)基礎(chǔ)也已非常成熟，因而技術(shù)上是可行的。

1.3.2 軟件可行性分析

1.3.2.1 ASP技術(shù)介紹

ASP（Active Server pages）即“動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)”，ASP之所以能受到大家的重視與使用的原因，只要在于腳本在服務(wù)器上而不是在客戶端運(yùn)行，傳送到瀏覽器上的Web頁(yè)是在Web服務(wù)器上生成的。所以不必?fù)?dān)心瀏覽器能否處理腳本，Web服務(wù)器已經(jīng)完成了所有腳本的處理，并肩標(biāo)準(zhǔn)的HTML傳輸?shù)綖g覽器。由于只有腳本的結(jié)果返回到瀏覽器，所有服務(wù)器端腳本不易復(fù)制。用戶看不到創(chuàng)建

他們正在瀏覽的頁(yè)的腳本命令。所以在客戶端看到的只能是經(jīng)過解析之后的數(shù)據(jù)，而無(wú)法獲得源代碼，故編寫者不用擔(dān)心自己的代碼會(huì)被別人剽竊。

ASP的主要特點(diǎn)：容易產(chǎn)生，無(wú)需Compile變異或Link鏈接即可執(zhí)行，集成于HTML中，使用常規(guī)文本編輯器，如Windows的記書本，即可設(shè)計(jì)，用戶端只要使用常規(guī)的可執(zhí)行HTML碼的瀏覽器，即可瀏覽ASP所設(shè)計(jì)的主頁(yè)內(nèi)容，Script語(yǔ)言（Vbscript，Jscript）是在站點(diǎn)服務(wù)器執(zhí)行，用戶不需要執(zhí)行這些語(yǔ)言，可通過ActiveX服務(wù)器組件來擴(kuò)充功能。ActiveX Server component，可使用visual Basic，Java，Visual C++，COBOL等語(yǔ)言來實(shí)現(xiàn)，任何AcTiveX scripting語(yǔ)言兼容。可使用Vbscript或Jscript等語(yǔ)言來設(shè)計(jì)，一個(gè)應(yīng)用程序，可以在多個(gè)主頁(yè)之間保留和使用一些共同的信息，也就是說一個(gè)用戶，可以在多個(gè)主頁(yè)之間保留和使用一些共同的信息，在多個(gè)主頁(yè)之間共享信息。

1.3.2.2 DREAMWEAVER

Dreamweaver、FLASH以及在DREAMWEAVER之后推出的針對(duì)專業(yè)網(wǎng)頁(yè)圖像設(shè)計(jì)的FIREWORKS，三者被MACROMEDIA公司稱為DREAMTEAM(夢(mèng)之隊(duì))，足見市場(chǎng)的反響和MACROMEDIA公司對(duì)它們的自信。說到

DREAMWEAVER我們應(yīng)該了解一下網(wǎng)頁(yè)編輯器的發(fā)展過程，隨著互聯(lián)網(wǎng)

(Internet)的家喻戶曉，HTML技術(shù)的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁(yè)編輯器，從網(wǎng)頁(yè)編輯器基本性質(zhì)可以分為所見即所得網(wǎng)頁(yè)編輯器和非所見即所得網(wǎng)頁(yè)編輯器（則原始代碼編輯器），兩者各有千秋。所見則所得網(wǎng)頁(yè)編輯器的優(yōu)點(diǎn)就是直觀性，使用方便，容易上手，您在所見即所得網(wǎng)頁(yè)編輯器進(jìn)行網(wǎng)頁(yè)制作和在WORD中進(jìn)行文本編輯不會(huì)感到有什么區(qū)別。

Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dremweaver能與您喜愛的設(shè)計(jì)工具，如Playback Flash，Shockwave和外掛模組等搭配，不需離開Dreamweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開啟Firework或Photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化。

使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱，Dreamweaver 會(huì)自動(dòng)更新所有連結(jié)。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語(yǔ)法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無(wú)法想像。進(jìn)階表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。所見即所得 Dreamweaver成功整合動(dòng)態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，包含ASP，Apache，BroadVision，Cold Fusion，iCAT，Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁(yè)。夢(mèng)幻樣版和XML Dreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。建立網(wǎng)頁(yè)外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML內(nèi)容。

Dreamweaver還集成了程序開發(fā)語(yǔ)言，對(duì)ASP、.NET、PHP、JS的基本語(yǔ)言和連接操作數(shù)據(jù)庫(kù)，都是完全支持的。

1.3.2.3 SQL 2000

SQL Server 2000是為迅速提供可伸縮性電子商務(wù)、企業(yè)及數(shù)據(jù)倉(cāng)庫(kù)解決方案而開發(fā)的完整數(shù)據(jù)庫(kù)與分析軟件產(chǎn)品。SQL SERVER 2000定位于Internet背景下的數(shù)據(jù)庫(kù)應(yīng)用，它為用戶的Web應(yīng)用提供了一款完善的數(shù)據(jù)管理和數(shù)據(jù)分析解決方案。同時(shí)SQL SERVER 2000還是Windows DNA（Distributed Internet Architecture）架構(gòu)的一個(gè)核心組件。它極大地縮短了用戶開發(fā)電子商務(wù)、數(shù)據(jù)倉(cāng)庫(kù)應(yīng)用的時(shí)間。SQL SERVER 2000還提供對(duì)XML(Extensible Markup Language擴(kuò)展標(biāo)示語(yǔ)言支持)和HTTP的全方位支持。

在高性能和企業(yè)級(jí)可伸縮性領(lǐng)域，SQL Server 2000 設(shè)計(jì)成利用 Windows 2000 對(duì)更多處理器、更大的系統(tǒng)內(nèi)存的支持，最終達(dá)到支持 64 位硬件平臺(tái)。在不斷提升可用性的努力過程中，SQL Server 2000 采用 Windows 2000 四路群集，提供了大大改進(jìn)的群集支持。SQL Server 7.0 已經(jīng)在可管理性和易用性方面在行業(yè)內(nèi)領(lǐng)先，SQL Server 2000 通過與 Windows 2000 活動(dòng)目錄緊密結(jié)合進(jìn)一步改進(jìn)了這些功能。而且，SQL Server 2000 還包含對(duì)現(xiàn)有管理工具和實(shí)用程序的重大改進(jìn)，并引入更具自我調(diào)節(jié)和自我管理的引擎功能。

SQL Server 2000 按照設(shè)計(jì)可以為部署和維護(hù)強(qiáng)大的、易于管理、支持商務(wù)活動(dòng)的 Web 站點(diǎn)提供最好的性能，這些站點(diǎn)可以從事商家和商家之間或商家與客戶之間的交易。在尋求一個(gè)支持您的電子商務(wù)解決方案的數(shù)據(jù)庫(kù)時(shí)，需要考慮的項(xiàng)目包括：可用性、性能、可管理性和價(jià)格。

1.3.2.4 PHOTOSHOP

Photoshop是Adobe公司推出的一款功能十分強(qiáng)大、使用范圍廣泛的平面圖像處理軟件。擁有多種選擇工具，極大地方便了用戶的不同需求。而且多種選擇工具還可以結(jié)合起來選擇較為復(fù)雜的圖像。它不僅擁有多種內(nèi)置濾鏡可供用戶選擇使用，而且還支持第三方的濾鏡。目前Photoshop是眾多平面設(shè)計(jì)師進(jìn)行平面設(shè)計(jì)，圖形，圖像處理的首選軟件。

1.3.2.5 FLASH

Flash被大量應(yīng)用于互聯(lián)網(wǎng)網(wǎng)頁(yè)的矢量動(dòng)畫設(shè)計(jì)。因?yàn)槭褂孟蛄窟\(yùn)算﹙Vector Graphics﹚的方式，產(chǎn)生出來的影片占用存儲(chǔ)空間較小。使用Flash創(chuàng)作出的影片有自己的特殊檔案格式﹙SWF﹚，該公司聲稱全世界97%的網(wǎng)絡(luò)瀏覽器都內(nèi)建Flash播放器﹙Flash Player﹚。Flash是Macromedia提出的“富因特網(wǎng)應(yīng)用”（RIA）概念的實(shí)現(xiàn)平臺(tái)。

1.4 開發(fā)環(huán)境介紹

操作系統(tǒng)：Windows XP professional；

開發(fā)的軟件環(huán)境：IIS 5.1，Dreamweaver CS4，SQL server 2000，Photoshop CS5，F(xiàn)lash 8

開發(fā)的硬件環(huán)境：Pebtium（R）Dual-Core CPU T4200 @ 2.00GHZ 內(nèi)存：2 GB

參考文獻(xiàn)及引用內(nèi)容

網(wǎng)站建設(shè)教程（金旭亮、吳彬），高等教育出版社；

ASP動(dòng)態(tài)網(wǎng)頁(yè)編程/工作過程導(dǎo)向新理念從事（叢林編委會(huì)），清華大學(xué)出版社； Flash ActionScript 3 殿堂之路（孫穎）電子工業(yè)出版社；

站長(zhǎng)之家 :；

站長(zhǎng)網(wǎng) : ；

結(jié)束語(yǔ)

在該網(wǎng)站制作的過程中利用了各種軟件或程序設(shè)計(jì)語(yǔ)言完成網(wǎng)站的設(shè)計(jì)，完成前臺(tái)基本操作與后臺(tái)的數(shù)據(jù)處理，瀏覽器向WEB服務(wù)器代理提出訪問請(qǐng)求，可以通過瀏覽器直接看到網(wǎng)站內(nèi)容，同時(shí)給班級(jí)在網(wǎng)絡(luò)上帶來了一個(gè)很好的宣傳窗口。本網(wǎng)站也方便了班級(jí)同學(xué)間的聯(lián)系及交流。上述就是我制作該網(wǎng)站所想要視線的目標(biāo)。相信通過一個(gè)多月的畢業(yè)論文對(duì)該網(wǎng)站的制作完善，能使我對(duì)網(wǎng)站制作有了一個(gè)比較清楚的認(rèn)識(shí)，也加深了對(duì)數(shù)據(jù)庫(kù)原理、程序設(shè)計(jì)的學(xué)習(xí)，能提高資深的程序設(shè)計(jì)能力，到那時(shí)我得到的將是終生的財(cái)富，必將給我今后的學(xué)習(xí)和工作帶來更多的收益。

致謝

大學(xué)生活進(jìn)入尾期，即將離開美麗的校園，心中難免有著種種不舍，這里的三年生活，存在了我太多美好的回憶。

在這里，首先要感謝銀濤老師在我完成該畢業(yè)論文過程中給予的悉心指導(dǎo)。同時(shí)通過互聯(lián)網(wǎng)在網(wǎng)上收集大量的資料并且及時(shí)向指導(dǎo)老師、同學(xué)請(qǐng)教。在他們的幫助下，我順利的完成了此次畢業(yè)論文的任務(wù)。通過此次設(shè)計(jì)，使我學(xué)到了很多有使用價(jià)值的只是，開闊了知識(shí)面，積累了對(duì)網(wǎng)站制作的經(jīng)驗(yàn)，在遇到困難時(shí)，去尋求解決的方法，去克服它，并學(xué)會(huì)自己找資料進(jìn)行參考，直到問題最終得到解決。在制作學(xué)習(xí)中，我領(lǐng)悟到了很多道理——學(xué)習(xí)在于不斷探索、思考、質(zhì)疑，在舉一反三中創(chuàng)新。更重要的是要有持之以恒的毅力。

在為期1個(gè)多月的畢業(yè)設(shè)計(jì)過程中使自己真正的學(xué)習(xí)到很多的東西，無(wú)論是自己的動(dòng)手能力是是心智的開發(fā)都是一個(gè)很大的提高。更重要的是學(xué)到了一種嚴(yán)謹(jǐn)?shù)膶W(xué)習(xí)態(tài)度。在整個(gè)畢業(yè)設(shè)計(jì)中三年的大學(xué)學(xué)習(xí)老師所教授的知識(shí)無(wú)疑是最大的幫助，指導(dǎo)老師細(xì)心的指導(dǎo)更加速了本人的提高。在此，我衷心的感謝及祝福老師們。

第三篇：html網(wǎng)頁(yè)設(shè)計(jì)總結(jié)

第一章......................................................................................................................................3 1.1 第一節(jié)...........................................................................................................................3

1.1.1 第一課 認(rèn)識(shí)HTML.........................................................................................3 1.1.2 第二課 段落及超鏈接.....................................................................................4 1.1.3 第三課 設(shè)置背景圖及圖片.............................................................................6 1.1.4 第四課 表格.....................................................................................................6 1.1.5 第五課 hr屬性、滾動(dòng)字符、列表.................................................................8 1.2 第二節(jié).........................................................................................................................10 1.2.1 第一課 表單...................................................................................................10 1.2.2 第二課按鈕及下拉框.....................................................................................11 1.2.3 第三課 框架，標(biāo)簽iframe...........................................................................13 1.2.4 第四課背景音樂，多媒體.............................................................................14 1.3 第三節(jié)css...................................................................................................................15 1.3.1 第一課 了解css.............................................................................................15 1.3.2 第二課 屬性...................................................................................................15 1.3.3 第三課 樣式表的三類應(yīng)用方式...................................................................17

第一章

1.1 第一節(jié) 1.1.1 第一課 認(rèn)識(shí)HTML 1.html：超文本標(biāo)記語(yǔ)言

網(wǎng)頁(yè)又稱WEB頁(yè)面

2.html：包括文字，表格，圖片，聲音，視頻.以及各種功能按鈕 3.首頁(yè)：進(jìn)入一個(gè)網(wǎng)站第一個(gè)顯示的頁(yè)面

4.網(wǎng)頁(yè)的格式是國(guó)際標(biāo)準(zhǔn)組織定義的叫做W3C.具體標(biāo)準(zhǔn)是HTML，標(biāo)記語(yǔ)言格式

5.標(biāo)記的基本語(yǔ)法：<標(biāo)記名稱> 6.新建一個(gè)網(wǎng)頁(yè)：先新建文本文檔，然后把后綴名改成“***.html”即可

7.html文件的后綴名：***.html或***.htm 用html語(yǔ)言編寫的文檔就是html文檔，也常被稱為“靜態(tài)網(wǎng)頁(yè)”文件

8.html標(biāo)記語(yǔ)言規(guī)定：（1）html標(biāo)簽必須是成對(duì)出現(xiàn)

（2）html標(biāo)簽不區(qū)分大小寫 9.常用標(biāo)簽

加粗 斜體下劃線
換行 ^{下標(biāo)_{上標(biāo)}}