旅游電子商務(wù)教程(第二版)課件:旅游網(wǎng)站技術(shù)_第1頁
旅游電子商務(wù)教程(第二版)課件:旅游網(wǎng)站技術(shù)_第2頁
旅游電子商務(wù)教程(第二版)課件:旅游網(wǎng)站技術(shù)_第3頁
旅游電子商務(wù)教程(第二版)課件:旅游網(wǎng)站技術(shù)_第4頁
旅游電子商務(wù)教程(第二版)課件:旅游網(wǎng)站技術(shù)_第5頁
已閱讀5頁,還剩14頁未讀, 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

1《旅游電子商務(wù)教程》

2學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶課程目標(biāo)了解旅游電子商務(wù)的網(wǎng)站設(shè)計的相關(guān)概念與技術(shù)熟悉網(wǎng)頁制作過程,了解網(wǎng)頁常用的設(shè)計元素及設(shè)計軟件實踐目標(biāo)學(xué)會旅游電子商務(wù)的網(wǎng)站基本技能建立旅游電子商務(wù)網(wǎng)站的一定技術(shù)基礎(chǔ)

3任務(wù)導(dǎo)入通過前一章節(jié)的內(nèi)容的學(xué)習(xí),我們了解到互聯(lián)網(wǎng)及數(shù)據(jù)庫的一些基本知識。但是對于如何在浩渺如煙的互聯(lián)網(wǎng)中去設(shè)計一個獨特的專業(yè)型旅游電子商務(wù)網(wǎng)站并不了解。而網(wǎng)站技術(shù)是實現(xiàn)旅游電子商務(wù)必不可少的環(huán)節(jié)。學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

4任務(wù)分析旅游電子商務(wù)網(wǎng)站涉及到的技術(shù)也很多,在上一章中,我們對計算機(jī)網(wǎng)絡(luò)和數(shù)據(jù)庫有了一定的了解,有了這個基礎(chǔ),我們可以去探索旅游電子商務(wù)的網(wǎng)站技術(shù)。旅游電子商務(wù)網(wǎng)站技術(shù)涉及到較多的概念和軟件,本章里,我們先從網(wǎng)頁基本概念入手,逐步深入地探索旅游電子商務(wù)的網(wǎng)站技術(shù)這個精彩的世界。學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

5任務(wù)實施首先,我們先從網(wǎng)頁的基本概念入手,逐步深入地探索旅游電子商務(wù)網(wǎng)站設(shè)計技術(shù)。學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

6第一步:網(wǎng)頁的基本概念1、超文本標(biāo)記語言HTML是HyperTextMark-upLanguage的首字母縮寫,中文意思是“超文本標(biāo)記語言”,用它編寫的文件的擴(kuò)展名是.html或.htm,是可供瀏覽器解釋瀏覽的文件格式。我們可以使用記事本、寫字板或FrontPage、Dreamweaver等編輯工具來編寫HTML文件。HTML是一種專門用于WWW的編程語言,用于描述超文本各個部分的構(gòu)造,告訴瀏覽器如何顯示文本,怎樣生成文檔鏈接等信息。學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

7HTML語言使用標(biāo)簽對的方法編寫文件,既簡單又方便,它通常使用<標(biāo)簽名></標(biāo)簽名>來表示標(biāo)簽的開始和結(jié)束(例如<html></html>標(biāo)簽對),下面我們了解一下HTML的基本標(biāo)簽。(1)HTML標(biāo)簽<html>標(biāo)簽用于HTML文檔的最前邊,用來標(biāo)識HTML文檔的開始。而</html>標(biāo)簽是放在HTML文檔的最后邊,用來標(biāo)識HTML文檔的結(jié)束,兩個標(biāo)簽必須成對使用。學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

8(2)“文件頭”標(biāo)簽<head>和</head>構(gòu)成HTML文檔的開頭部分,在此標(biāo)簽對之間可以使用<title></title>、<script></script>等標(biāo)簽對,這些標(biāo)簽對都是描述HTML文檔相關(guān)信息的標(biāo)簽對,<head>和</head>標(biāo)簽對之間的內(nèi)容是不會在瀏覽器窗口內(nèi)顯示出來的,兩個標(biāo)簽對必須成對使用。學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

9(3)“文本體”標(biāo)簽<body></body>是文檔的主體部分,在此標(biāo)簽對之間可包含<p></p>、<h1><h1>、<br></br>等眾多的標(biāo)簽,所定義的文本、圖像等內(nèi)容會在瀏覽器窗口中顯示出來,標(biāo)簽必須成對使用。學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

10(4)“文件標(biāo)題”標(biāo)簽在瀏覽器窗口中,最上邊顯示的文本信息一般是網(wǎng)頁的“標(biāo)題”,只要在網(wǎng)頁的HTML代碼中的<title>和</title>標(biāo)簽對之間加入要顯示的文本,就可以設(shè)置網(wǎng)頁的標(biāo)題了。學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

11(5)“換行”標(biāo)簽上面所講的都是雙標(biāo)簽,即只能成對地使用,另外某些標(biāo)簽稱為“單標(biāo)簽”,因為它只需單獨使用就能完整地表達(dá)意思,最常用的單標(biāo)簽是<BR>,它表示換行。學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

12(6)“段落”標(biāo)簽為了排列的整齊、清晰,文字段落之間,常用<P></P>來做標(biāo)簽。文件段落的開始由<P>來標(biāo)記,段落的結(jié)束由</P>來標(biāo)記,</P>是可以省略的,因為下一個<P>的開始就意味著上一個<P>的結(jié)束。<P>標(biāo)簽還有一個屬性為ALIGN,它用來指明字符顯示時的對齊方式,一般值有CENTER、LEFT、RIGHT三種。學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

13(7)“水平線段”標(biāo)簽<HR>標(biāo)簽可以在屏幕上顯示一條水平線,用以分割頁面中的不同部分。該標(biāo)簽有四個屬性,分別為:SIZE、WIDTH、ALIGN以及NOSHADE屬性。學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

142、網(wǎng)頁及其主要類型網(wǎng)頁(WebPage):是通過WWW發(fā)布的包含有文本、圖片、聲音和動畫等多媒體信息的頁面,它是網(wǎng)站最基本的組成單位。眾多的網(wǎng)頁有機(jī)地集合在一起就組成了網(wǎng)站。一個網(wǎng)頁實際上就是一個普通的文本文件。在IE瀏覽器中打開一個網(wǎng)頁時,單擊“查看”菜單下的“源文件”命令,就會打開一個記事本窗口,顯示該網(wǎng)頁源文件內(nèi)容。學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

153、網(wǎng)頁及網(wǎng)頁中的元素在因特網(wǎng)上瀏覽時,我們直觀看到的每一個頁面就是網(wǎng)頁,很多網(wǎng)頁組成一個網(wǎng)站。一個網(wǎng)站的第一個網(wǎng)頁稱為主頁(HomePage)。主頁是所有網(wǎng)頁的索引頁,通過單擊主頁上的超鏈接,可以打開其他的網(wǎng)頁。正是由于主頁在網(wǎng)站中的特殊作用,人們也常常用主頁指代所有的網(wǎng)頁,將個人網(wǎng)站稱為“個人主頁”,將建立個人網(wǎng)站、制作專題網(wǎng)站稱為“網(wǎng)頁制作”。網(wǎng)頁中的基本元素包括,文字、圖片、音頻、動畫、視頻。這個意義上說,網(wǎng)頁是一種可以在WWW上傳輸,并被瀏覽器識別、翻譯并能顯示的特殊文件。學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

16網(wǎng)站標(biāo)志和名稱站點的Banner動畫網(wǎng)頁搜索項,可以在站點中搜索指定的內(nèi)容和信息網(wǎng)頁可以通過無線表格來定位和安排內(nèi)容網(wǎng)站的導(dǎo)航欄,使瀏覽者可以迅速訪問站點中的主要頁面網(wǎng)頁中的圖像和動畫,通常是超級鏈接網(wǎng)頁中的視頻信息網(wǎng)站地址欄

圖4-1網(wǎng)頁元素概覽學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

17第二步:常用網(wǎng)頁設(shè)計軟件從最簡單記事本、EditPlus等純文本編寫工具,到FrontPage、Dreamweaver等所見即所得的工具都可以作為網(wǎng)頁制作編輯工具。眾多的網(wǎng)頁制作軟件各有特色。表4-1列出了一些常用網(wǎng)頁編輯、動畫制作軟件。學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

18表4-1常用網(wǎng)頁編輯、動畫制作軟件序號用途軟件名稱1編輯網(wǎng)頁NoteBook、EditPlus、FrontPage、Dreamweaver2圖像編輯制作PhotoShop、ACDSee、CorelDraw3上載網(wǎng)頁LeapFTP、CuteFTP4音樂編輯錄制軟件AudioEditor、GoldWave、WaveCN、CoolEditPro、ARWizard5Flash編輯軟件Flash、FlashMX6GIF動畫制作UleadGIFAnimator、GIFMovieGear7三維字體制作COOL3D、3DSMAX8音樂播放軟件RealPlayer、Winamp、豪杰音頻解霸9屏幕抓圖軟件HySnapDX、SuperScreenCapturePro10變臉軟件Morpher、FaceWarp學(xué)習(xí)網(wǎng)站技術(shù)探尋電商門戶

19網(wǎng)頁三劍客的概念網(wǎng)頁三劍客,顧名思義,是一套強大的網(wǎng)頁編輯工具,最初是由Macromedia公司開發(fā)出來的。由Dreamweaver、Fireworks、Flash三個軟件組成。之所以稱之為三劍客,很大一部分是因為這三種

溫馨提示

  • 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

提交評論