《網(wǎng)頁設(shè)計與制作》第一章：網(wǎng)頁制作基礎(chǔ)波波制作.ppt

《《網(wǎng)頁設(shè)計與制作》第一章：網(wǎng)頁制作基礎(chǔ)波波制作.ppt》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、2021/7/291網(wǎng)頁中的元素1.文字2.圖像3.表單4.Flash動畫5.表格6.超級鏈接7.視頻、音頻8.POP窗口9.標(biāo)題欄和狀態(tài)欄文字2021/7/2921.2網(wǎng)頁制作的相關(guān)知識HTML語言概述是一種超文本標(biāo)記語言，作為一種網(wǎng)頁編輯語言，易學(xué)易懂。2021/7/2931、HTML網(wǎng)頁HTML網(wǎng)頁通常是由三部分內(nèi)容組成的：版本信息、網(wǎng)頁標(biāo)題（HEAD）和文檔主體（BODY）。下面就是網(wǎng)頁結(jié)構(gòu)的總體框架：

2、、屬性及其內(nèi)容>2021/7/294（1）版本信息版本信息位于HTML網(wǎng)頁文件的第一行（2）HTML文件標(biāo)記大部分網(wǎng)頁文件都是以標(biāo)記開始的，在文件的結(jié)尾處又以結(jié)束（3）頭部信息HEAD標(biāo)記之間是HTML文檔的頭部，用來標(biāo)明當(dāng)前文檔的有關(guān)信息在HEAD標(biāo)記之間，使用頻率最高的標(biāo)記就是TITLE，它用于定義顯示在瀏覽器標(biāo)題欄的文檔標(biāo)題。2021/7/295【例】給網(wǎng)頁設(shè)置“勵志學(xué)社”的文檔標(biāo)題，可在頭部輸入以下代碼：2021/7/296（4）

3、主體標(biāo)記網(wǎng)頁的主體是“……”標(biāo)記對作用的范圍標(biāo)記用于定義HTML文檔主體的開始，它能夠設(shè)置網(wǎng)頁的背景圖像、背景顏色、鏈接顏色和網(wǎng)頁邊距等屬性，其基本用法如下所示：Bgcolor為背景顏色。關(guān)于顏色的值后面會詳細(xì)介紹。Text為不包含超級鏈接的文字顏色。Link為

4、超級鏈接文字的顏色。Alink為正被點擊的超級鏈接文字的顏色。2021/7/297Leftmargin、Topmargin用于設(shè)置網(wǎng)頁的左邊距和上邊框，它們是以像素為單位【例1】將網(wǎng)頁的上邊距和左邊距分別設(shè)置為40和30個像素的寬度，使用黑色文本、白色背景，未訪問的鏈接源采用藍色，已訪問的鏈接源標(biāo)記為暗紅色。

5、="Maroon">Vlink為已經(jīng)點擊過的超級鏈接文字的顏色。Background設(shè)置，如果設(shè)置了背景圖片，圖片會覆蓋已經(jīng)設(shè)置的顏色。2021/7/2982、XML語言XML（eXtensibleMarkupLanguage）被稱作是下一代的網(wǎng)頁標(biāo)記語言，也是采用各種標(biāo)記來形成網(wǎng)頁的源代碼。XML中包括可擴展格式語言XSL(ExtensibleStyleLanguage)和可擴展鏈接語言XLL(ExtensibleLinkingLanguage)。2021/7/2991.22靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁指基本上全部使用HTML語

6、言制作的網(wǎng)頁，頁面的內(nèi)容是固定不變的。動態(tài)網(wǎng)頁（DynamicHTML，DHTML）利用JavaScript，CSS(層疊樣式表)及其它類似的語言如VBScript等與HTML進行有機的結(jié)合來使靜態(tài)的HTML網(wǎng)頁變成動態(tài)。2021/7/29101.23Web服務(wù)器端程序?qū)I(yè)的網(wǎng)站都是建立在使用數(shù)據(jù)庫的基礎(chǔ)上的，要將這些數(shù)據(jù)庫變成可以通過瀏覽器顯示和操作的Web頁面，就需要編寫服務(wù)器端的程序。用戶向服務(wù)器傳送提交的表單（個人信息、選擇結(jié)果等）需要在服務(wù)器端進行記錄、篩選等處理。大量的數(shù)據(jù)庫查詢、修改處理也需要服務(wù)器端程序的支持。目

7、前常用的服務(wù)器端編程技術(shù)主要有CGI、ASP、PHP、JSP等，不同的技術(shù)需要不同的系統(tǒng)環(huán)境支持。2021/7/29111.3網(wǎng)頁制作的基本方法制作網(wǎng)頁的基本步驟1、確定網(wǎng)頁的內(nèi)容2、設(shè)計網(wǎng)頁的組織結(jié)構(gòu)3、資料的收集與整理4、選擇網(wǎng)頁的設(shè)計方法常用的網(wǎng)頁制作工具有Frontpage、Dreamweaver等。服務(wù)器端的ASP程序可以使用VisualInterdev、UltraDEV等編輯。2021/7/2912開始網(wǎng)頁制作構(gòu)建頁面框架創(chuàng)建導(dǎo)航條填充內(nèi)容創(chuàng)建返回主頁連接2021/7/2913網(wǎng)頁制作的原則站點要有創(chuàng)意整體規(guī)劃動畫不

8、能過多導(dǎo)航要明朗制作通用網(wǎng)頁主題鮮明優(yōu)化圖象定時更新2021/7/2914制作網(wǎng)頁時要注意的問題1、網(wǎng)頁的標(biāo)題要簡潔，明確。2、在文本中要使用水平線，以分割不同部分。3、對重點段落要強調(diào)顯示。4、網(wǎng)頁中插入的圖片要盡量的小。5、圖形要附加文字說明，以便關(guān)閉圖像時