第一篇：網頁制作HTML總結

美誠國際教育宿州二中網頁制作課程小結 田老師

第一講 HTML的基本結構

-------根控制標記

-------頭控制標記

-------標題標記 -------頭控制標記（尾）

-------網頁顯示區域

第二篇：html網頁畢業論文

畢業論文

網站設計與制作

所 屬 系：計算機

專業：應用技術

學生姓名：***

學號：************

指導老師：****

二〇一一年五月

第1章網站總體分析及概要設計

1.1 模塊功能分析

1.1.1 引導首頁模塊

引導首頁使用整體顏色背景，配合圖片或Flash構成，頂部為導航首頁鏈接。

1.1.2 班級形象模塊

該模塊功能主要是展示班級的形象，同時作為網站的導航首頁，在用戶登錄后就可以看到班級的整體形象，班級的展示及班級動態，用戶還可以通過頂部和左側的導航欄進入網站，更深入的了解該班級。

1.1.3 用戶模塊

用戶注冊與登錄：網絡上的用戶通過填寫ID、密碼等信息可以注冊成為會員，并獲得相應的用戶權限。系統自動把用戶的注冊信息存儲到服務器端的數據庫中。如果用戶ID重復或者填寫錯誤，系統會給出提示信息，而通過用戶注冊與登錄、可以自由發布與查看各種信息。

用戶信息維護：系統的注冊用戶可以隨時修改自己的注冊信息，這些修改后的信息將自動更新到服務器端的數據庫中。

用戶登錄/退出：系統的注冊用戶可以登錄系統并且獲得相應的權限，登錄了的用戶也可以選擇退出登錄。

1.1.4 留言板模塊

該模塊功能主要是提供用戶與網站主之間的交流平臺及站長收集用戶反饋信息以改善站點。

1.2 網站導航功能結構

網站主要實現的功能有：網站首頁導航，各頁面導航以及其他模塊。

1.3 論文可行性分析

1.3.1 社會可行性分析

可行性分析主要分析現有技術條件能否順利完成開發工作，軟硬件配置能否滿足開發者的需要等。隨著計算機硬件和軟件技術的飛速發展，為網站的建設提供了有利的技術條件，由此看來技術基礎也已非常成熟，因而技術上是可行的。

1.3.2 軟件可行性分析

1.3.2.1 ASP技術介紹

ASP（Active Server pages）即“動態服務器網頁”，ASP之所以能受到大家的重視與使用的原因，只要在于腳本在服務器上而不是在客戶端運行，傳送到瀏覽器上的Web頁是在Web服務器上生成的。所以不必擔心瀏覽器能否處理腳本，Web服務器已經完成了所有腳本的處理，并肩標準的HTML傳輸到瀏覽器。由于只有腳本的結果返回到瀏覽器，所有服務器端腳本不易復制。用戶看不到創建

他們正在瀏覽的頁的腳本命令。所以在客戶端看到的只能是經過解析之后的數據，而無法獲得源代碼，故編寫者不用擔心自己的代碼會被別人剽竊。

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

1.3.2.2 DREAMWEAVER

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

DREAMWEAVER我們應該了解一下網頁編輯器的發展過程，隨著互聯網

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

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

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

Dreamweaver還集成了程序開發語言，對ASP、.NET、PHP、JS的基本語言和連接操作數據庫，都是完全支持的。

1.3.2.3 SQL 2000

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

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

SQL Server 2000 按照設計可以為部署和維護強大的、易于管理、支持商務活動的 Web 站點提供最好的性能，這些站點可以從事商家和商家之間或商家與客戶之間的交易。在尋求一個支持您的電子商務解決方案的數據庫時，需要考慮的項目包括：可用性、性能、可管理性和價格。

1.3.2.4 PHOTOSHOP

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

1.3.2.5 FLASH

Flash被大量應用于互聯網網頁的矢量動畫設計。因為使用向量運算﹙Vector Graphics﹚的方式，產生出來的影片占用存儲空間較小。使用Flash創作出的影片有自己的特殊檔案格式﹙SWF﹚，該公司聲稱全世界97%的網絡瀏覽器都內建Flash播放器﹙Flash Player﹚。Flash是Macromedia提出的“富因特網應用”（RIA）概念的實現平臺。

1.4 開發環境介紹

操作系統：Windows XP professional；

開發的軟件環境：IIS 5.1，Dreamweaver CS4，SQL server 2000，Photoshop CS5，Flash 8

開發的硬件環境：Pebtium（R）Dual-Core CPU T4200 @ 2.00GHZ 內存：2 GB

參考文獻及引用內容

網站建設教程（金旭亮、吳彬），高等教育出版社；

ASP動態網頁編程/工作過程導向新理念從事（叢林編委會），清華大學出版社； Flash ActionScript 3 殿堂之路（孫穎）電子工業出版社；

站長之家 :；

站長網 : ；

結束語

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

致謝

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

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

在為期1個多月的畢業設計過程中使自己真正的學習到很多的東西，無論是自己的動手能力是是心智的開發都是一個很大的提高。更重要的是學到了一種嚴謹的學習態度。在整個畢業設計中三年的大學學習老師所教授的知識無疑是最大的幫助，指導老師細心的指導更加速了本人的提高。在此，我衷心的感謝及祝福老師們。

第三篇：html網頁設計總結

第一章......................................................................................................................................3 1.1 第一節...........................................................................................................................3

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

第一章

1.1 第一節 1.1.1 第一課 認識HTML 1.html：超文本標記語言

網頁又稱WEB頁面

2.html：包括文字，表格，圖片，聲音，視頻.以及各種功能按鈕 3.首頁：進入一個網站第一個顯示的頁面

4.網頁的格式是國際標準組織定義的叫做W3C.具體標準是HTML，標記語言格式

5.標記的基本語法：<標記名稱> 6.新建一個網頁：先新建文本文檔，然后把后綴名改成“***.html”即可

7.html文件的后綴名：***.html或***.htm 用html語言編寫的文檔就是html文檔，也常被稱為“靜態網頁”文件

8.html標記語言規定：（1）html標簽必須是成對出現

（2）html標簽不區分大小寫 9.常用標簽

加粗 斜體下劃線
換行 ^{下標_上標}