計(jì)算機(jī)與信息技術(shù)基礎(chǔ)第九章_第1頁
計(jì)算機(jī)與信息技術(shù)基礎(chǔ)第九章_第2頁
計(jì)算機(jī)與信息技術(shù)基礎(chǔ)第九章_第3頁
計(jì)算機(jī)與信息技術(shù)基礎(chǔ)第九章_第4頁
計(jì)算機(jī)與信息技術(shù)基礎(chǔ)第九章_第5頁
已閱讀5頁，還剩40頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

網(wǎng)頁制作初步第九第九章網(wǎng)頁制作初步9.1HTML語言9.3Web技術(shù)9.2FrontPage2003Web網(wǎng)頁是一個(gè)文本文件，其中包含文本、圖形和超鏈接等元素。制作網(wǎng)頁的基本技術(shù)標(biāo)準(zhǔn)是超文本標(biāo)記語言（HTML，HyperTextMarkupLanguage）。HTML是根據(jù)國際標(biāo)準(zhǔn)化組織（ISO）的廣義置標(biāo)語言SGML（StandardGeneralizedMarkupLanguage）標(biāo)準(zhǔn)定義的，它規(guī)定了文檔的邏輯組織格式，包含了文本、圖像、動(dòng)畫、表單和鏈接等多種形式。9.1HTML語言HTML（HyperTextMarkupLanguage超文本標(biāo)記語言）是標(biāo)準(zhǔn)文檔格式化系統(tǒng)，使用HTML控制信息的文本文件被稱為HTML文件，也稱Web文件。使用普通的文本編輯器就可以創(chuàng)建Web文件。方法是：在文本編輯器中，輸入一段文本，再給文本加上HTML標(biāo)記，然后以擴(kuò)展名htm或html存盤。⒈創(chuàng)建簡單Web頁HTML文件由控制部分和正文部分組成。HTML的控制標(biāo)記對大小寫不敏感，同時(shí)控制標(biāo)記用“<>”進(jìn)行區(qū)分。⑴<HTML>和</HTML>標(biāo)記，把全部源代碼“括起來”，就像括號一樣。⑵<HEAD>和</HEAD>標(biāo)記，把全部控制部分括起來。⑶<TITLE>和</TITLE>標(biāo)記，把頁面標(biāo)題括起來。⑷<BODY>和</BODY>標(biāo)記，把全部正文部分括起來。HTML標(biāo)記一般配對使用，只有少數(shù)標(biāo)記單獨(dú)使用。例如：

⑴<P>表示一個(gè)自然段落的結(jié)束，一般加在兩個(gè)自然段落之間，此時(shí)</P>被省略。⑵<BR>表示轉(zhuǎn)行（斷行），不表示自然段落的結(jié)束。與<P>標(biāo)記相比，<BR>標(biāo)記因?yàn)楫a(chǎn)生的行間距較小，被廣泛使用。⑶<HR>表示畫水平線。演示例9.1超級鏈接是指多個(gè)Web頁面通過關(guān)鍵字或圖像連結(jié)起來，通過關(guān)鍵字或圖的單擊操作，可以自動(dòng)切換內(nèi)容的技術(shù)。帶有“鏈接”的文本文件叫做超文本。鏈接所使用的關(guān)鍵字一般為藍(lán)色下劃線的文字標(biāo)志，通過<AHREF=….>和</A>標(biāo)記實(shí)現(xiàn)。⒉超級鏈接⑴本地鏈接。本地鏈接與網(wǎng)絡(luò)無關(guān)，通過鏈接把本地的HTML文件鏈接起來構(gòu)成信息整體。例如：包含<ahref="h1.htm">單擊此處</A>⑵異地鏈接。通過Internet的統(tǒng)一資源定位器（URL），鏈接遠(yuǎn)程其它計(jì)算機(jī)上的HTML文件。例如：<AHREF="http://">新疆大學(xué)主頁</A>。演示例文字控制

有關(guān)控制文字的HTML標(biāo)記是：<FONT>…</FONT>常見的屬性參數(shù)如下：SIZE=“...”規(guī)定字體的大小尺寸。COLOR=“...”規(guī)定文字的顏色。FACE="..."規(guī)定字體演示例9.3在HTML標(biāo)記中，下列標(biāo)記也能進(jìn)行字體顯示效果的控制：<SMALL>……</SMALL>規(guī)定小字體顯示<BIG>……</BIG>規(guī)定大字體顯示<B>……</B>規(guī)定黑體字顯示<Center>…….</Center>規(guī)定文字居中對齊顯示9.1.2圖像和動(dòng)畫

插入圖形或動(dòng)畫的標(biāo)記是：<IMGSRC="文件名">有以下屬性：SRC="..."圖象（動(dòng)畫）文件的URL地址文件名。ALT="..."在圖像未完全收到時(shí)，圖像位置顯示的文字信息。ALIGN=“...”確定圖像的對齊方式。演示例整體控制頁面的整體控制屬性在<BODY>標(biāo)記中，常用的以下屬性：BACKGROUND=“...”構(gòu)成背景的圖片文件名。BGCOLOR=“...”背景顏色。TEXT="..."默認(rèn)文本顏色。LINK="..."未被訪問的文字鏈接源的顏色。ALINK="..."被激活的文字鏈接源的顏色。VLINK="..."訪問過的文字鏈接源的顏色。BORDER=”…”圖像邊界的寬度，單位是像素點(diǎn)。演示例表格標(biāo)記表格的標(biāo)記是<TABLE>...</TABLE>屬性語法如下：⑴邊線控制：BORDER=“...”⑵寬度控制：WIDTH="..."表格的行標(biāo)記是<TR>...</TR>屬性語法如下：ALIGH=“...”行中單元水平對齊方式VALIGN="..."表行中垂直對齊方式表格的列標(biāo)記是<TD>...</TD>屬性語法如下：ALIGN="..."單元內(nèi)容水平對齊方式VALIGN="..."單元內(nèi)容垂直對齊方式ROWSPAN="..."該單元跨過的行數(shù)；COLSPAN="..."該單元跨過的列數(shù)。演示例其它控制標(biāo)記HTML標(biāo)記非常多，而且數(shù)量和規(guī)則一直還處于不斷發(fā)展變化的過程中，隨著可視化網(wǎng)頁自動(dòng)制作工具的迅速普及，不常用的標(biāo)記已經(jīng)沒有必須記憶的必要。用戶只要知道最常用的一些標(biāo)記，就可以學(xué)習(xí)XML、ASP和JavaScript等更強(qiáng)勁的信息控制技術(shù)。表單包含的控制標(biāo)記是：<INPUT>。<INPUT>標(biāo)記具有豐富的屬性參數(shù)，語法如下：TYPE=”…”表示控制部件的類型，NAME=”…”表示該控制部件的名稱。SIZE=”…”表示該控制部件的大小。Value=”…”表示該控制部件所具有的值。⑴幀標(biāo)記<FRAMESET>⑵表單標(biāo)記<FORM>…</FORM>小結(jié)：HTML概念認(rèn)識WEB頁HTML標(biāo)記簡介9.2FrontPage2003

FrontPage2003是Microsoft公司推出的Office2003系列辦公套裝軟件之一，使用方便，充分體現(xiàn)了“所見即所得”制作效果，操作簡單和交互能力強(qiáng)的特點(diǎn)吸引了廣大的計(jì)算機(jī)愛好者。⒈用戶界面

菜單欄視圖欄狀態(tài)欄標(biāo)題欄工具欄工作區(qū)FrontPage2003提供了6種視圖方式1.網(wǎng)頁視圖 4.導(dǎo)航視圖2.文件夾視圖 5.超鏈接視圖3.報(bào)表視圖 6.任務(wù)視圖網(wǎng)頁視圖上，有3種頁面模式⑴普通標(biāo)簽 ⑵HTML標(biāo)簽 ⑶預(yù)覽標(biāo)簽⒉文字符號處理

在FrontPage2003窗口的“普通”標(biāo)簽頁面中，對文字信息輸入和編輯的處理方法；常用工具和格式工具的外形也基本上與Word相似。在網(wǎng)頁中需要重點(diǎn)突出的內(nèi)容（大小標(biāo)題等）應(yīng)采用比較突出的顏色，而正文則最好采用統(tǒng)一的顏色。一般具有4種段落的對齊方式：左對齊、居中對齊、右對齊和兩端對齊。演示例超鏈接在FrontPage2003中，將鏈接被定義為兩部分組成：超鏈接主體和超鏈接目標(biāo)地址。超鏈接主體是指引導(dǎo)超鏈接的部分（包含文本和圖像）。當(dāng)鼠標(biāo)指針移動(dòng)到超鏈接的主體上時(shí)，鼠標(biāo)指針將會(huì)變成一個(gè)手的形狀。超鏈接目標(biāo)地址是指鼠標(biāo)單擊后，將要顯示內(nèi)容，即切換對象。演示例9.9書簽用來標(biāo)記網(wǎng)頁中的信息位置，因而建立頁內(nèi)超鏈接。當(dāng)一個(gè)頁面文件很大或者要定位光標(biāo)位置時(shí)，書簽超鏈發(fā)揮積極的作用。創(chuàng)建書簽超鏈接時(shí)，首先必須定義書簽，然后再把超鏈接指向書簽。演示例圖像控制

FrontPage2003對Web中插入圖像的技術(shù)，提供了比較完整的技術(shù)支持。FrontPage2003充分體現(xiàn)了圖文混排工具的優(yōu)越性，極大地加快網(wǎng)頁制作的效率和提高網(wǎng)頁制作的質(zhì)量。演示例表格處理

在Web中，表格可以有效的組織、規(guī)劃和布局頁面。但是，表格標(biāo)記是屬于比較復(fù)雜的標(biāo)記，手工編寫容易出錯(cuò)。演示例9.16演示例動(dòng)態(tài)元素

在網(wǎng)上瀏覽網(wǎng)頁時(shí)，經(jīng)?？梢钥吹接行┰卦谶\(yùn)動(dòng)，為了能夠容易制作網(wǎng)頁的動(dòng)態(tài)效果，F(xiàn)rontPage2000提供了多種動(dòng)態(tài)效果制作技術(shù)，并把這些動(dòng)態(tài)元素作為組件集中在一起，通過“插入”菜單中“組件”選項(xiàng)（或工具欄中的組件按鈕）可以插入動(dòng)態(tài)元素。⒈橫幅廣告FrontPage2003中，可以制作幾幅圖片一幅幅地按照一定的切換效果不斷播放，還可以控制每一幅圖片顯示的時(shí)間。演示例9.17⒉懸停按鈕

懸停按鈕是一個(gè)動(dòng)感按鈕，如果把鼠標(biāo)移到該按鈕上，就會(huì)它會(huì)改變顏色和亮度，如果單擊該按鈕時(shí)，就會(huì)鏈接到另一個(gè)頁面。缺省情況下，懸停按鈕是一個(gè)彩色方框的文字按鈕。演示例9.18⒊字幕可以滾動(dòng)的文字一般稱為字幕。在很多網(wǎng)頁中都可以看到滾動(dòng)字幕，特別醒目，經(jīng)常用來發(fā)布一些站點(diǎn)的通知或提示信息等。滾動(dòng)字幕在網(wǎng)頁中的效果是：包含一些文字或小圖片的一個(gè)方框沿著一個(gè)方向滾動(dòng)或來回滾動(dòng)。演示例9.19⒋站點(diǎn)計(jì)數(shù)器

站點(diǎn)計(jì)數(shù)器的主要功能是顯示被訪問的次數(shù)。瀏覽者訪問網(wǎng)頁時(shí)，站點(diǎn)計(jì)數(shù)器中的數(shù)字就會(huì)增加，就可以實(shí)現(xiàn)訪問統(tǒng)計(jì)的目的。只有將包含計(jì)數(shù)器的網(wǎng)頁從Web服務(wù)器進(jìn)行發(fā)布后，站點(diǎn)計(jì)數(shù)器才能正常工作。演示例9.20⒌DHTML

DHTML是表示動(dòng)態(tài)元素的HTML技術(shù)。使用DHTML技術(shù)可以把所選定的網(wǎng)頁元素設(shè)置為動(dòng)態(tài)效果。演示例9.21⒍過渡效果

網(wǎng)頁過渡效果是指當(dāng)瀏覽者進(jìn)入或離開網(wǎng)頁時(shí)所產(chǎn)生的效果。9.2.5框架技術(shù)

框架技術(shù)是HTML語言提供的另一種進(jìn)行頁面布局的技術(shù)，用戶可以將頁面分成若干個(gè)子窗格，總體上有一個(gè)總控HTML文件將各個(gè)窗格聯(lián)系起來，同時(shí)每個(gè)窗格里單獨(dú)放置一個(gè)HTML文件。小結(jié)：認(rèn)識FrontPage2003界面用FrontPage2003建立WEB頁超鏈接功能圖像控制功能表格處理功能使用動(dòng)態(tài)元素使用框架9.3Web技術(shù)Web的面貌已經(jīng)發(fā)生了非常重要的變化，以訪問DBMS和在線商務(wù)活動(dòng)等功能為代表的動(dòng)態(tài)Web應(yīng)用程序成為計(jì)算機(jī)發(fā)展的熱門技術(shù)之一。動(dòng)態(tài)Web技術(shù)也是基于客戶機(jī)/服務(wù)器結(jié)構(gòu)的，在總體上可分為客戶端擴(kuò)展技術(shù)和服務(wù)器端擴(kuò)展技術(shù)兩大類，以客戶機(jī)/服務(wù)器應(yīng)用模式為基礎(chǔ)在客戶端擴(kuò)展的技術(shù)主要是JavaScript、VBScript、Perl、Applets、ActiveX、XML、CSS和Flash等。服務(wù)器端擴(kuò)展的技術(shù)主要是CGI、ISAPI、NSAPI、SSI、ASP、PHP、JSP和Net等?？蛻舳藬U(kuò)展技術(shù)是指瀏覽器中集成或增加的支持?jǐn)?shù)據(jù)變動(dòng)的新技術(shù)，提高了Web頁面的實(shí)用化程度?？蛻舳藬U(kuò)展技術(shù)可以驗(yàn)證交互數(shù)據(jù)的合法性，進(jìn)行數(shù)據(jù)計(jì)算、分類和統(tǒng)計(jì)等功能，甚至可以在Web頁面內(nèi)制作游戲程序。⒈客戶端擴(kuò)展技術(shù)

演示示例為了讓W(xué)eb“動(dòng)”起來，HTML本身的標(biāo)記規(guī)則也在進(jìn)一步擴(kuò)展和改進(jìn)，CSS（疊層式表單語言）以精良的界面裝飾技術(shù)占據(jù)了不可替代的技術(shù)角色，它支持三維立體的超文本組織方式，允許設(shè)計(jì)者自己定義Web頁面的樣式，具有更好的易用性和擴(kuò)展性。XML（擴(kuò)展式標(biāo)記語言）是HTML語言的改良版，支持用戶自定義的控制標(biāo)記，可以有效地降低閱讀的復(fù)雜性。⒉標(biāo)記擴(kuò)展⒊服務(wù)器端擴(kuò)展技術(shù)瀏覽器擴(kuò)展技術(shù)和服務(wù)器擴(kuò)展技術(shù)總是聯(lián)合使用,動(dòng)態(tài)Web技術(shù)的發(fā)展主流是服務(wù)器擴(kuò)展技術(shù)。動(dòng)態(tài)Web頁面最好是服務(wù)器和瀏覽器共同協(xié)作，才能達(dá)到較好的網(wǎng)絡(luò)應(yīng)用效果。CGI（CommonGatewayInterface，通用公共網(wǎng)關(guān)接口）是最先發(fā)展起來的動(dòng)態(tài)Web技術(shù)、是一種接口規(guī)范，定義了交互操作中雙方必須遵守的規(guī)則集。⒋ASP（ActiveXServerPages）

ASP是微軟公司面向大眾化的動(dòng)態(tài)Web技術(shù)方案，建立了一整套動(dòng)態(tài)Web服務(wù)器環(huán)境，可使ASP指令標(biāo)記與ActiveX控件程序結(jié)合使用，建立高效的動(dòng)態(tài)Web應(yīng)用程序。ASP指令標(biāo)記（腳本）使用特殊符號（<%%>）加以標(biāo)注，例如：<%=Now（）%>。含有ASP腳本的Web頁面以asp為后綴名，全部ASP腳本都在Web服務(wù)器端執(zhí)行，Web服務(wù)器僅將執(zhí)行的結(jié)果發(fā)送到瀏覽器端。⒌PHP（HypertextPreprocessor）PHP也是一種服務(wù)器端嵌入式腳本標(biāo)記語言，其工作原理與AS

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論