07數(shù)字媒體的Web集成與應(yīng)用_第1頁
07數(shù)字媒體的Web集成與應(yīng)用_第2頁
07數(shù)字媒體的Web集成與應(yīng)用_第3頁
07數(shù)字媒體的Web集成與應(yīng)用_第4頁
07數(shù)字媒體的Web集成與應(yīng)用_第5頁
已閱讀5頁，還剩28頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

第七章數(shù)字媒體的Web集成與應(yīng)用目錄7.1HTML基礎(chǔ)7.2JavaScript基礎(chǔ)7.3Web的工作原理7.4網(wǎng)站的設(shè)計與規(guī)劃7.5網(wǎng)站的創(chuàng)作7.6網(wǎng)站的測試與發(fā)布27.1HTML基礎(chǔ)7.1HTML基礎(chǔ)7.1.1HTML概述7.1.2HTML文檔的結(jié)構(gòu)7.1.3HTML中的標(biāo)簽7.1.4層疊樣式表37.1.1HTML概述HTML是英文HypertextMarkupLanguage的縮寫，中文的意思是超文本標(biāo)記語言。47.1.2HTML文檔的結(jié)構(gòu)一個HTML文檔的一般結(jié)構(gòu)形式如下：5<html><head><title>我的第一個網(wǎng)頁</title></head><body>

這是html文檔的主體部分，也就是網(wǎng)頁的內(nèi)容。

</body></html>7.1.3HTML中的標(biāo)簽文字基本標(biāo)簽頁面布局標(biāo)簽插入圖像標(biāo)簽插入超鏈接表格61、文字基本標(biāo)簽（1）標(biāo)題文字標(biāo)簽<hn>7<html><head><title>標(biāo)題示例</title></head><body>

<h1>最大的標(biāo)題</h1><h3>使用h3的標(biāo)題</h3><h6>最小的標(biāo)題</h6></body></html>1、文字基本標(biāo)簽（2）文字的字體、大小和顏色標(biāo)簽<font>8<html><head>…</head><body>

<fontcolor="#FF0000"size="2"><b>粗體文字示例</b></font>

<br><i>斜體文字示例</i><br><u>下劃線文字示例</u></body></html>2、頁面布局標(biāo)簽（1）換行標(biāo)簽<br>換行標(biāo)簽是個單標(biāo)簽，也叫空標(biāo)簽，不包含任何內(nèi)容，在HTML文件中的任何位置只要使用了<br>標(biāo)簽，當(dāng)文件顯示在瀏覽器時，該標(biāo)簽之后的內(nèi)容將從下一行顯示。例如在圖7-4所示的效果中就使用了<br>標(biāo)簽。92、頁面布局標(biāo)簽（2）分段標(biāo)簽<p>由<p>和</p>標(biāo)簽所標(biāo)識的文字，代表同一個段落的文字。分段標(biāo)簽<p>的一般格式為： <palign="屬性值">段落內(nèi)容</p>其中，align是<p>標(biāo)簽的屬性，屬性值可以是left、center和right之一，它們分別用來設(shè)置段落文字的左對齊、居中對齊和右對齊。103、插入圖像標(biāo)簽HTML支持的圖像文件格式有g(shù)if、jpeg等。在HTML文檔中插入圖像文件要使用<img>標(biāo)簽，其具體使用格式為： <imgsrc="圖像文件名">其中src是source的英文縮寫，“圖像文件名”是圖像文件的URL地址；。113、插入圖像標(biāo)簽如下的HTML文檔在瀏覽器中顯示的效果如圖所示。12<html><head><title>插入圖像文件示例</title></head><body><imgsrc="face1.gif"><imgsrc="face1.gif"width="80"height="80"></body></html>4、插入超鏈接在HTML中，簡單的鏈接標(biāo)簽是<a>。它的基本語法是： <ahref="文件名">...</a>

或<ahref="URL">...</a>其中href是英文hypertextreference的寫。例如，利用記事本輸入下面的HTML文檔。134、插入超鏈接如下的HTML文檔在瀏覽器中顯示的效果如圖所示。14<html><head><title>HTML超鏈接</title></head><body><h2>HTML超鏈接示例</h2><ahref="first.html">我的第一個網(wǎng)頁</a>|<ahref="">網(wǎng)易</a>|</body></html>5、表格一張表格有許多表元素組成，如表的標(biāo)題、表行、表列標(biāo)題等。HTML為表格規(guī)定了表元素標(biāo)簽和屬性。一般的HTML文檔表格結(jié)構(gòu)如下所示：<table><tr><td>第一行第一個單元格</td><td>第一行第二個單元格</td></tr></table>155、表格167.2JavaScript基礎(chǔ)7.2JavaScript基礎(chǔ)7.2.1JavaScript簡介7.2.2JavaScript語言7.2.3JavaScript在網(wǎng)頁中的用法7.2.4JavaScript在網(wǎng)頁中的應(yīng)用示例177.2.1JavaScript簡介JavaScript是由Netscape公司開發(fā)的一種腳本語言，它是適應(yīng)動態(tài)網(wǎng)頁制作的需要而誕生的一種廣泛地使用于Internet網(wǎng)頁制作上編程語言。在HTML基礎(chǔ)上，使用JavaScript可以開發(fā)交互式Web網(wǎng)頁。JavaScript的出現(xiàn)使得網(wǎng)頁和用戶之間實現(xiàn)了一種實時的、動態(tài)的、交互性的關(guān)系，使網(wǎng)頁包含更多活躍的元素和更加精彩的內(nèi)容。187.2.2JavaScript語言變量運(yùn)算符表達(dá)式語句函數(shù)對象事件197.2.3JavaScript在網(wǎng)頁中的用法在HTML中嵌入JavaScript引用方式201、在HTML中嵌入JavaScript如下的HTML文檔在瀏覽器中顯示的效果如圖所示。21<html><head><title>JavaScript示例</title><scriptlanguage="JavaScript"><!--document.write("這是JavaScript！采用直接插入的方法！");//JavaScript結(jié)束

--></script></head></html>2、引用方式如果已經(jīng)存在一個JavaScript源文件（以js為擴(kuò)展名），則可以采用如下引用的方式。其基本格式為：

<scriptlanguage="JavaScript"src＝url></script>如下的HTML文檔引用了script.js文件。22<html><head><title>鏈接JavaScripte代碼</title><scriptlanguage="JavaScript"src＝"script.js"></script></head></html>7.3Web的工作原理7.3Web的工作原理7.3.1Web服務(wù)器7.3.2客戶端程序7.3.3HTTP協(xié)議237.3Web的工作原理Web全稱WorldWideWeb，簡稱WWW，稱為萬維網(wǎng)或全球信息網(wǎng)。Web是目前Internet上最為流行、最受歡迎的一種信息檢索和瀏覽服務(wù)。Web的工作原理是基于客戶/服務(wù)器計算模型，由Web瀏覽器（客戶機(jī)）和Web服務(wù)器構(gòu)成，兩者之間采用超文本傳輸協(xié)議（HTTP）進(jìn)行通信。Web工作原理如右圖所示。247.3.1Web服務(wù)器WorldWideWeb上的所有內(nèi)容都存儲在世界上某處的Web服務(wù)器上，Web服務(wù)器是運(yùn)行在計算機(jī)上的一種軟件，常見的Web服務(wù)器有Apache和IIS（InternetInformationService）。它可以管理各種Web文件，并為提出HTTP請求的瀏覽器提供HTTP響應(yīng)?？蛻魴C(jī)給Web服務(wù)器發(fā)送頁面請求，Web服務(wù)器根據(jù)請求，把相應(yīng)的頁面發(fā)回客戶機(jī)，由瀏覽器負(fù)責(zé)顯示，客戶瀏覽。257.3.2客戶端程序客戶端程序是運(yùn)行在客戶計算機(jī)上的一個軟件，最常用的是瀏覽器（如InternetExplorer），它是一種專用程序，允許用戶輸入URL(UniformResourceLocator，統(tǒng)一資源定位)地址。它負(fù)責(zé)向服務(wù)器發(fā)送請求，并顯示服務(wù)器返回的Web頁。267.3.3HTTP協(xié)議HTTP協(xié)議即超文本傳輸協(xié)議(HypertextTransferProtocol)，是在Internet中進(jìn)行信息傳送的協(xié)議。HTTP協(xié)議是基于請求/響應(yīng)模式的。瀏覽器默認(rèn)的就是使用HTTP協(xié)議，當(dāng)在瀏覽器的地址欄中輸入一個URL或者是單擊一個超鏈接時，瀏覽器就會通過HTTP協(xié)議，把Web服務(wù)器上的網(wǎng)頁代碼下載下來，并顯示成相應(yīng)的網(wǎng)頁。277.4網(wǎng)站的設(shè)計與規(guī)劃7.4.1網(wǎng)站設(shè)計理念7.4.2網(wǎng)站設(shè)計的定位7.4.3網(wǎng)頁制作的規(guī)劃7.4.4網(wǎng)頁設(shè)計的布局理念網(wǎng)頁布局大致可分為"國"字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型等。287.5網(wǎng)站的創(chuàng)作7.5.1網(wǎng)站創(chuàng)作的準(zhǔn)備階段7.5.2網(wǎng)站創(chuàng)作過程站點(diǎn)的建立頁面內(nèi)容的制作297.6網(wǎng)站的測試與發(fā)布7.6.1網(wǎng)站測試在將站點(diǎn)上傳到服務(wù)器并可供瀏覽之前，我們首先要在本地對其進(jìn)行測試。這一過程應(yīng)該確保頁面在目標(biāo)瀏覽器中如預(yù)期的那樣顯示和工作，而且沒有斷開的鏈接307.6網(wǎng)站的測試與發(fā)布7.6.2網(wǎng)站發(fā)布經(jīng)過詳細(xì)的檢測，并完成最后的站點(diǎn)編輯工作后就可以發(fā)布站點(diǎn)了。發(fā)布站點(diǎn)之前，首先需要申請站點(diǎn)的域名和租用服務(wù)器空間，然后通過FT

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(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)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論