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

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

認識HTML語言

HTML基本概念

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

1-1HTML層級特色

HTML文件的基本結構

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

＜TITLE＞……＜/TITLE＞

＜TITLE＞文件題目＜TITLE＞

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

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

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

REL參數說明HTML文件及URL兩個文檔之間的關系，HREF說明目標文檔名

＜META＞……＜/META＞

＜METANAME＝”keywords”CONTENT＝”

yourkeyword”＞

＜METANAME＝”description”CONTENT＝”

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

瀏覽器將在60秒后，自動轉到new．htm文件。

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

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

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

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

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

文本體控制語言

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

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

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

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

文本標記<HTML><HEAD><TITLE>ABOUTP</TITLE></HEAD><BODY><P>Thisisparagraph<P>Soisthisok!</BODY></HTML>文本標記標題文字定義文件內的標題層次，以區分文章的章節段落。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>標題文字水平線的設定

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

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

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

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

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

＜A＞……＜/A＞

錨元素（Anchor）。用于創建鏈接

其基本格式為：<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＞置標經常使用的

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

<tr>-定義表行

<th>-定義表頭

<td>-定義表元(表格的具體數據)<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+瀏覽器對象模型結構+ScriptCSS是CascadingStyleSheet的縮寫。譯作「層疊樣式表單」

瀏覽器的對象模型

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

層疊樣式表CSSCSS的基本觀念，就是將網頁“內容”的設置與“樣式”的設置分開

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

建立樣式表

1、基本聲明

集中聲明

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

ASP簡介

ASP是一套微軟公司開發的服務器端腳本環境，

ASP內含于IIS3.0和4．0之中，通過ASP我們可以結合HTML（超文本文件）網頁、ASP指令和ActiveX元件建立動態、交互而且高效的Web服務器應用程序

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

Perlscript等簡單易懂的腳本語言，結合

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

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

（5）ASP能與任何

ActiveXscripting語言相容

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

（7）可使用服務器端的腳本來產生客戶端的腳本

ASP的運行環境

1、

MicrosoftInternetInformationServerversion3.0/4.0onWindowsNTServer2、

MicrosoftPeerWebServicesVersion3．0onWindowsNTWorkstation3、

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

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

文本

HTML標記

ASP腳本命令

加入Script命令

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

ASP使用定界符

<%和

%>括入腳本命令

<HTML>

<BODY>

Thispagewaslastrefreshedon<%=Now%>.

</BODY>

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

合成HTML和腳本命令

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

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

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

什么是JavaScript

安全性

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

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

基于對象和面向對象

Java是一種真正的面向對象的語言，即使是開發簡單的程序，必須設計對象。

JavaScript是種腳本語言，它可以用來制作與網絡無關的，與用戶交互作用的復雜軟件。它是一種基于對象（ObjectBased）和事件驅動（EventDriver）的編程語言。因而它本身提供了非常豐富的內部對象供設計人員使用。

JavaScript和Java的區別解釋和編譯

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

溫馨提示

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

評論

0/150

提交評論