電子商務(wù)與物流：Html and ASP_第1頁
電子商務(wù)與物流：Html and ASP_第2頁
電子商務(wù)與物流：Html and ASP_第3頁
電子商務(wù)與物流：Html and ASP_第4頁
電子商務(wù)與物流：Html and ASP_第5頁
已閱讀5頁，還剩57頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

認識HTML語言

HTML基本概念

什么是HTML文件HTML的全稱為HyperTextMarkupLanguage,即超文本標記語言表

1-1HTML層級特色

HTML文件的基本結(jié)構(gòu)

<HTML><HEAD><!這是HTML頭信息部分><TITLE>thisismyfirstHTMLpage><!這是HTML的標題部分></HEAD><!頭部分結(jié)束><BODY><!這是HTML的正文部分>HiHowareyou.這是我的第一個HTML程序</BODY><!正文部分結(jié)束></HTML><!程序結(jié)束>HTML實例<HEAD>……</HEAD>中的標記

＜TITLE＞……＜/TITLE＞

＜TITLE＞文件題目＜TITLE＞

標題欄空間有限，即標題應(yīng)少于80個字符在標題元素中不允許出現(xiàn)置標，所以以下代碼是無效的：<TITLE>I<B>LOVE</B>YOU</TITLE>＜LINK＞……＜/LINK＞

LINK標記用于顯示本文檔和其他文檔之間的連接關(guān)系。一個典型的應(yīng)用就是外部層疊樣式表的定位。格式如下：

＜LINKREL＝”stylesheet”HREF＝”style．css”＞

REL參數(shù)說明HTML文件及URL兩個文檔之間的關(guān)系，HREF說明目標文檔名

＜META＞……＜/META＞

＜METANAME＝”keywords”CONTENT＝”

yourkeyword”＞

＜METANAME＝”description”CONTENT＝”

yourhomepage’sdescriptionl”＞本頁的關(guān)鍵字和描述。在頁面里加上這些定義后，一些搜索引擎就能夠讓用戶根據(jù)這些關(guān)鍵字查找到你的主頁，了解你的主頁內(nèi)容。＜META＞……＜/META＞＜METAHTTP-EQUIV＝”refresh”CONTENT＝”60,URL＝”new.htm”＞

瀏覽器將在60秒后，自動轉(zhuǎn)到new．htm文件。

＜METAHTTP-EQUIV＝”content－type”CONTENT＝”text/html；charset＝”GB2312”＞

描述本頁使用的語言。瀏覽器根據(jù)此項，就可以選擇正確的語言編碼

＜META＞……＜/META＞<METAcontent=“freenews,bbs,asp,cgi,html,熱點新聞，娛樂,社會,體育新聞，免費資源，論壇，網(wǎng)頁制作，在線教程”name=description><METAcontent=free,news,bbs，asp,cgi,html,熱點新聞，娛樂,社會,體育,免費,論壇,網(wǎng)頁制作，在線教name=keywords>＜META＞……＜/META＞＜STYLE＞……＜/STYLE＞

使用STYLE元素的＜STYLE>和＜/STYLE＞置標可以在文檔中包含風(fēng)格頁

＜script＞……</script>script（腳本）的＜script＞和＜/script＞置標用于包含腳本（一系列腳本語言寫的命令）。

文本體控制語言

<BODY>……</BODY>文件體中描述的是瀏覽器中頁面顯示的內(nèi)容

<BODY>的屬性定義BACKGROUND、BGPROPERTIES、BGCOLOR、TEXT、LINK、VLINK和ALINK，用來設(shè)定背景圖象、背景顏色、前景文字顏色及超文本鏈接顏色

<bodytext="#000000"link="#000000"vlink="#FF0000"alink="#333333"bgcolor="#FFFFFF">文本體控制語言LINK：用來設(shè)定未閱讀過的超文本鏈接顏色，缺省值是藍色。VLINK：用來設(shè)定閱讀過的超文本鏈接顏色，缺省值是紫色。TEXT：用來設(shè)定文字顏色。ALINK：用來設(shè)定動作中的超文本鏈接顏色，缺省值是紫色。文本標記

<FONT＞……＜/FONT＞＜FONTsize＝#＞HTML有七種字號，l號最小，7號最大。缺省字號為3，＜FONTcolor＝#＞#可以是6位16進制數(shù)也可以是black、olive、red、blue、maroon、navy、white、green、purple、sliver、yellow等文本標記<P>……</P>P即Paragraph，段落元素的＜P＞置標標志一段的開始，一段結(jié)束可用＜/P＞但通常不需要結(jié)束置標。一般說來，＜P＞置標用來把文本分段

文本標記<HTML><HEAD><TITLE>ABOUTP</TITLE></HEAD><BODY><P>Thisisparagraph<P>Soisthisok!</BODY></HTML>文本標記標題文字定義文件內(nèi)的標題層次，以區(qū)分文章的章節(jié)段落。HTML共有六層標題文字，編號從1到6，＜HnALIGN＝”#”＞標題文字＜/Hn＞n＝l,2,3,4,5,6#代表：

left標題居左；

center標題居中；

right標題居右；標題文字<HTML><HEAD>標題文字實例</HEAD><BODY><H1>一級標題</H1><BR><H2>二級標題</H2><BR><H3>三級標題</H3><BR><H4>四級標題</H4><BR><H5>五級標題</H5><BR><H6>六級標題</H6><BR></BODY></HTML>標題文字水平線的設(shè)定

＜hr＞標識可以在網(wǎng)頁中生成一條橫線1．size屬性以像素值為單位，規(guī)定橫線的粗細，默認值為22．width屬性指定了橫線的長短默認width值的橫線長短為100％3、align屬性規(guī)定了水平線的對齊方式，默認為居中，這里設(shè)定水平線為左對齊（align=left）,水平線的設(shè)定<html><head><title>使用水平線</title></head><body><h1align=“l(fā)eft">水平線的設(shè)定</h1><hrsize="2"width="30%"align="left"><pre>

有時候，我們想在網(wǎng)頁中生成一條橫線，將不同的內(nèi)容信息分開，使文字看起來清晰、明確，這時可以使用＜hr＞標識來達到此目的。</pre></body></html>水平線的設(shè)定原樣顯示文字

在制作HTML文件時，經(jīng)常會遇到這樣的情況，一段文本已經(jīng)排好版了，希望把它原樣顯示在瀏覽器中，這時可以使用＜pre＞標識來實現(xiàn)。方法是把制作好的那段文本前后分別加上＜pre＞和＜／pre＞標識，原來的文本內(nèi)容和格式就會原封不動地保留并顯示出來

署名在瀏覽網(wǎng)頁時經(jīng)常能看到，在網(wǎng)頁的下部常有簽名或地址，說明這個網(wǎng)頁是由誰或由哪個公司編寫的，以及其他有關(guān)信息。假若希望得到更多的反饋信息，署名對制作者來說是很有用的。署名標識是＜address＞，在＜/address＞標識之間的文字顯示效果是斜體字。署名署名的HTML代碼如下：<html><head><title>使用水平線</title></head><body><h1>水平線的設(shè)定</h1><hr><pre>

有時候，我們想在網(wǎng)頁中生成一條橫線，將不同的內(nèi)容信息分開，使文字看起來清晰、明確，這時可以使用＜hr＞標識來達到此目的。</pre><hr><address>公共計算機教研室制作</address></body></html>署名特殊字符HTML文件鏈接統(tǒng)一資源定位器URL統(tǒng)一資源定位器（UniformResoureLocator）是文件名的擴展protocol：//machine．Name[:port]/directory/filenamemachine．name是存放該資源主機的IP地址directory和filename是該資源的路徑和文件名統(tǒng)一資源定位器也有絕對URL和相對URL之分

＜A＞……＜/A＞

錨元素（Anchor）。用于創(chuàng)建鏈接

其基本格式為：<ahref=”url”>字符串</a>

＜Ahref=”/anchor.html”＞clickme＜/a＞＜Ahref=”/anchor.html#anchor”＞clickmetoo</a＞＜A＞……＜/A＞<html><head><title>使用連接</title></head><body><h1>請點擊下面的連接:</h1>＜Ahref=”001.html”＞徐志摩＜/a＞＜Ahref=””＞百度＜/a＞</body></html>＜IMAGE＞

圖像元素。SRC和ALT是＜IMAGE＞置標經(jīng)常使用的

＜IMAGESRC＝”c:\mydocuments\wenhuajie.jpg”WIDTH＝”300”HEIGHT＝”200”ALT＝”DOYOUWANTTOHAVEALOOKATME？”＞HEIGHT和WIDTH屬性按像素值確定圖像的寬度和高度ALT用特定的文字代替圖象＜案例＞<Table>……</Table><table>...</table>-定義表格

<tr>-定義表行

<th>-定義表頭

<td>-定義表元(表格的具體數(shù)據(jù))<tableborder=5><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td></table>實例DHTML簡介（CSS）DTML與CSS的基本概念

DHTML=HTML+CSS+瀏覽器對象模型結(jié)構(gòu)+ScriptCSS是CascadingStyleSheet的縮寫。譯作「層疊樣式表單」

瀏覽器的對象模型

瀏覽器本身就是由許多的對象所組成的，這些對象有各自的性質(zhì)、方法和事件，因此網(wǎng)頁設(shè)計者可以通過Script程序，來控制或調(diào)用這些對象

層疊樣式表CSSCSS的基本觀念，就是將網(wǎng)頁“內(nèi)容”的設(shè)置與“樣式”的設(shè)置分開

CSS之所以稱為層疊樣式表，是因為要讓HTML文件同時應(yīng)用多個樣式表，進一步來說，就是將樣式進行分類（如：按顏色樣式、字體樣式、編排樣式），從而建立起各種“樣式表”，然后將這些樣式應(yīng)用給同一網(wǎng)頁

建立樣式表

1、基本聲明

集中聲明

在了解了聲明樣式的基本格式后，就可以使用集中聲明的方式，讓HTML標簽，一次擴展更多的屬性。集中聲明有兩種方式，一種是“在一個選擇器內(nèi)，聲明數(shù)個樣式性質(zhì)”；另一種是“數(shù)個選擇器集中在一個樣式中聲明”。下面分別介紹這兩種方式，以便了解和掌握集中聲明的方法。集中聲明集中聲明應(yīng)用樣式應(yīng)用樣式樣式表應(yīng)用實例動態(tài)網(wǎng)頁ASP簡介動態(tài)網(wǎng)頁ASP簡介與JavaScript基礎(chǔ)

ASP簡介

ASP是一套微軟公司開發(fā)的服務(wù)器端腳本環(huán)境，

ASP內(nèi)含于IIS3.0和4．0之中，通過ASP我們可以結(jié)合HTML（超文本文件）網(wǎng)頁、ASP指令和ActiveX元件建立動態(tài)、交互而且高效的Web服務(wù)器應(yīng)用程序

ASP特點（1）使用VBScript、Javascript或者

Perlscript等簡單易懂的腳本語言，結(jié)合

HTML代碼，即可快速地完成網(wǎng)站的應(yīng)用程序。（2）無需compile編譯，容易編寫，可在服務(wù)器端直接執(zhí)行。（3）使用普通的文本編輯器，如

Windows的記事本，即可進行編輯設(shè)計，當(dāng)然也可以使用Ultra_edit等比較專業(yè)的文本編輯器編輯文本。ASP特點（4）與瀏覽器無關(guān)

（5）ASP能與任何

ActiveXscripting語言相容

（6）因為只有腳本的結(jié)果返回到瀏覽器，所以服務(wù)器端腳本不易復(fù)制

（7）可使用服務(wù)器端的腳本來產(chǎn)生客戶端的腳本

ASP的運行環(huán)境

1、

MicrosoftInternetInformationServerversion3.0/4.0onWindowsNTServer2、

MicrosoftPeerWebServicesVersion3．0onWindowsNTWorkstation3、

MicrosoftPersonalWebserveronWindows95/98ASP腳本編程環(huán)境1．從以上兩例可看出，ASP文件的擴展名為.asp，一個ASP文件通常由ASP腳本命令和HTML標記、文本組成，ASP命令必須用“<%%>”括起來（關(guān)于<%@LANGUAGE=VBScript%>，先不急于搞清楚，以后再談）。2．初學(xué)者要看懂ASP程序，只要一分為二即可（切不可攪在一起，稀里糊涂）。注意除掉<%%>括起來的代碼后，就與你用過的.htm文件一樣，你一看就懂。而<%%>括起來的部分在服務(wù)器端運行后，得到的輸出結(jié)果就是你所熟悉的HTML代碼。如Response.Write"<HTML><BODY>"得到的就是<HTML><BODY>，而<%=Request.ServerVariables("Remote_Addr")%>的運行結(jié)果即為IP地址

創(chuàng)建ASP頁面ActiveServerPages（ASP）文件是以.asp為擴展名的文本文件，這個文本文件可以包括下列部分的任意組合：

文本

HTML標記

ASP腳本命令

加入Script命令

HTML使用定界符小于號（<）和大于號（>）括入HTML標簽。

ASP使用定界符

<%和

%>括入腳本命令

<HTML>

<BODY>

Thispagewaslastrefreshedon<%=Now%>.

</BODY>

</HTML>VBScript函數(shù)Now返回當(dāng)前的日期和時間。Web服務(wù)器處理該頁時，會使用當(dāng)前的日期和時間替換<%=Now%>并且將該頁返回到瀏覽器：Thispagewaslastrefreshedon8/1/972:20:00PM.

合成HTML和腳本命令

合成HTML和腳本命令合成HTML和腳本命令什么是JavaScript

JavaScript是一種基于對象(Object)和事件驅(qū)動(EventDriven)并具有安全性能的腳本語言

基本特點：是一種腳本編寫語言JavaScript是一種腳本語言，它采用小程序段的方式實現(xiàn)編程。像其它腳本語言一樣,JavaScript同樣已是一種解釋性語言,它提供了一個易的開發(fā)過程。

什么是JavaScript

安全性

JavaScript是一種安全性語言，它不允許訪問本地的硬盤，并不能將數(shù)據(jù)存入到服務(wù)器上，不允許對網(wǎng)絡(luò)文檔進行修改和刪除，只能通過瀏覽器實現(xiàn)信息瀏覽或動態(tài)交互。從而有效地防止數(shù)據(jù)的丟失。什么是JavaScript動態(tài)性的

JavaScript是動態(tài)的，它可以直接對用戶或客戶輸入做出響應(yīng)，無須經(jīng)過Web服務(wù)程序。它對用戶的反映響應(yīng)，是采用以事件驅(qū)動的方式進行的。所謂事件驅(qū)動，就是指在主頁(HomePage)中執(zhí)行了某種操作所產(chǎn)生的動作，就稱為“事件”(Event)。比如按下鼠標、移動窗口、選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后，可能會引起相應(yīng)的事件響應(yīng)。JavaScript和Java的區(qū)別。Java是SUN公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)計語言，特別適合于Internet應(yīng)用程序開發(fā)；而JavaScript是Netscape公司的產(chǎn)品

基于對象和面向?qū)ο?/p>

Java是一種真正的面向?qū)ο蟮恼Z言，即使是開發(fā)簡單的程序，必須設(shè)計對象。

JavaScript是種腳本語言，它可以用來制作與網(wǎng)絡(luò)無關(guān)的，與用戶交互作用的復(fù)雜軟件。它是一種基于對象（ObjectBased）和事件驅(qū)動（EventDriver）的編程語言。因而它本身提供了非常豐富的內(nèi)部對象供設(shè)計人員使用。

JavaScript和Java的區(qū)別解釋和編譯

兩種語言在其瀏覽器中所執(zhí)行的方式不一樣。Java的源代碼在傳遞到客戶端執(zhí)行之前，必須經(jīng)過編譯，因而客戶端上必須具有相應(yīng)平臺上的仿真器或解釋器，它可以通過編譯器或解釋器實現(xiàn)獨立于某個特定的平臺編

溫馨提示

  • 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)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論