第1章(1)web設(shè)計(jì)基礎(chǔ)_第1頁(yè)
第1章(1)web設(shè)計(jì)基礎(chǔ)_第2頁(yè)
第1章(1)web設(shè)計(jì)基礎(chǔ)_第3頁(yè)
第1章(1)web設(shè)計(jì)基礎(chǔ)_第4頁(yè)
第1章(1)web設(shè)計(jì)基礎(chǔ)_第5頁(yè)
已閱讀5頁(yè),還剩118頁(yè)未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

1、第1章 Web設(shè)計(jì)(shj)基礎(chǔ)4學(xué)時(shí)(xush)共一百二十三頁(yè)教學(xué)要求1、了解Internet應(yīng)用有關(guān)的名詞術(shù)語(yǔ)2、了解網(wǎng)頁(yè)及網(wǎng)站基本概念及網(wǎng)頁(yè)的基本要素3、能熟練(shlin)使用HTML語(yǔ)言編寫簡(jiǎn)單網(wǎng)頁(yè)4、了解常用網(wǎng)頁(yè)制作工具4、掌握解Dreamweaver操作方法5、掌握Dreamweaver 8站點(diǎn)的管理共一百二十三頁(yè)第1章 Web設(shè)計(jì)(shj)基礎(chǔ)1.1 網(wǎng)頁(yè)與網(wǎng)站(wn zhn)概述1.2 Web結(jié)構(gòu)1.3 HTML1.4 Dreamweaver 8概述1.5 網(wǎng)頁(yè)基本操作 共一百二十三頁(yè)1.1 網(wǎng)頁(yè)與網(wǎng)站(wn zhn)概述一、什么是WWWWWW是World Wide Web的

2、英文縮寫,翻譯成中文的意思:“全球網(wǎng)絡(luò)信息查詢系統(tǒng)”,或直譯成“萬(wàn)維網(wǎng)”,或“全球網(wǎng)”,它是一種以網(wǎng)頁(yè)(webpage)為基本單位構(gòu)筑的網(wǎng)狀結(jié)構(gòu)。其目的是為了把遍布在Internet上數(shù)以萬(wàn)計(jì)的網(wǎng)頁(yè)鏈接(lin ji)起來(lái),形成一個(gè)龐大的資源信息網(wǎng)。共一百二十三頁(yè)1.1 網(wǎng)頁(yè)(wn y)與網(wǎng)站概述 WWW將Internet上的所有資源(包括文字、圖片、聲音、視頻等)采用統(tǒng)一資源定位方式連接起來(lái),而在客戶端,訪問(wèn)者只需用瀏覽器,輸入網(wǎng)頁(yè)的URL,便可輕松地訪問(wèn)Internet上的所有資源。 構(gòu)成(guchng)WWW的基本元素是網(wǎng)頁(yè)(webpage)。共一百二十三頁(yè)1.1 網(wǎng)頁(yè)與網(wǎng)站(wn zh

3、n)概述二、什么是網(wǎng)頁(yè)不同的角度定義:1、從網(wǎng)頁(yè)組成(z chn)的角度來(lái)說(shuō),網(wǎng)頁(yè)是由文字、圖片、動(dòng)畫、聲音、超級(jí)鏈接等組成(z chn)的用瀏覽器顯示的頁(yè)面。2、從語(yǔ)言的角度定義網(wǎng)頁(yè),網(wǎng)頁(yè)是指一個(gè)用HTML語(yǔ)言編寫的文件。它通常以HTM或HTML作為文件的擴(kuò)展名。 綜合:網(wǎng)頁(yè)是WWW上的基本文檔,它是用HTML(超文本標(biāo)記語(yǔ)言)描述的文檔,它包括文本、圖像、表格等內(nèi)容(這些稱為網(wǎng)頁(yè)的元素)。這些內(nèi)容必需用瀏覽器來(lái)顯示。共一百二十三頁(yè)二、什么(shn me)是網(wǎng)頁(yè)網(wǎng)頁(yè)文檔的說(shuō)明:1、網(wǎng)頁(yè)是含有HTML 標(biāo)記的基本文檔。2、該網(wǎng)頁(yè)文檔的格式是“.htm”或“.html”。3、網(wǎng)頁(yè)文檔是文本文檔,

4、可以用任何可以對(duì)文本進(jìn)行(jnxng)編輯的軟件進(jìn)行(jnxng)編輯。共一百二十三頁(yè)二、什么(shn me)是網(wǎng)頁(yè)網(wǎng)頁(yè)的分類(fn li)1、按所處位置分類 按網(wǎng)頁(yè)在網(wǎng)站中所處的位置可將網(wǎng)頁(yè)分為主頁(yè)和子頁(yè)兩類。共一百二十三頁(yè)二、什么(shn me)是網(wǎng)頁(yè)2、按表現(xiàn)形式分類 按網(wǎng)頁(yè)(wn y)的表現(xiàn)形式可將網(wǎng)頁(yè)(wn y)分為靜態(tài)網(wǎng)頁(yè)(wn y)和動(dòng)態(tài)網(wǎng)頁(yè)(wn y)。共一百二十三頁(yè)靜態(tài)(jngti)網(wǎng)頁(yè)共一百二十三頁(yè)動(dòng)態(tài)(dngti)網(wǎng)頁(yè)共一百二十三頁(yè)1.1 網(wǎng)頁(yè)(wn y)與網(wǎng)站概述三、超級(jí)文本(Hyper Text) 超級(jí)文本是一種帶有HTML標(biāo)記的文本。(實(shí)際上指的就是網(wǎng)頁(yè))。 WWW

5、是基于超級(jí)文本的信息查詢工具。提示:超級(jí)文本是一種更復(fù)雜、更高級(jí)的文本顯示方式,通過(guò)對(duì)有關(guān)詞匯進(jìn)行索引鏈接,使得這些帶鏈接的詞匯指向(zh xin)文本中其它的有關(guān)段落、或其它文本。這是超級(jí)文本的重要特性鏈接。共一百二十三頁(yè)1.1 網(wǎng)頁(yè)(wn y)與網(wǎng)站概述四、超級(jí)鏈接 超級(jí)鏈接是網(wǎng)頁(yè)中最常用的元素之一,網(wǎng)頁(yè)就是通過(guò)無(wú)數(shù)的超級(jí)鏈接才能組成一個(gè)網(wǎng)站。 超級(jí)鏈接可以鏈接到網(wǎng)站內(nèi)部頁(yè)面、對(duì)象(duxing),也可以鏈接到其他網(wǎng)站,大大方便了用戶在各個(gè)頁(yè)面對(duì)象(duxing)之間實(shí)現(xiàn)跳轉(zhuǎn)。共一百二十三頁(yè)1.1 網(wǎng)頁(yè)(wn y)與網(wǎng)站概述五、IP地址 IP地址用來(lái)標(biāo)識(shí)連接(linji)到Internet

6、上的計(jì)算機(jī),每一個(gè)IP地址對(duì)應(yīng)一臺(tái)計(jì)算機(jī),這與用電話號(hào)碼標(biāo)識(shí)電話網(wǎng)絡(luò)中的電話類似。 計(jì)算機(jī)識(shí)別的IP地址由32位二進(jìn)制數(shù)值組成,電計(jì)算機(jī)上以十進(jìn)制數(shù)值來(lái)顯示,一組數(shù)值分為4部分,每一部分均不能大于255,中間用“.”分隔,如:9 。共一百二十三頁(yè)1.1 網(wǎng)頁(yè)(wn y)與網(wǎng)站概述六、域名 域名就是常說(shuō)的網(wǎng)址,如百度的網(wǎng)址、網(wǎng)易的網(wǎng)址等就是一個(gè)域名,域名由漢語(yǔ)拼音或英文字符(z f)加上數(shù)字表示,在訪問(wèn)網(wǎng)絡(luò)時(shí),域名將通過(guò)域名服務(wù)器轉(zhuǎn)換成IP地址,這種轉(zhuǎn)換是在后臺(tái)完成的。共一百二十三頁(yè)1.1 網(wǎng)頁(yè)(wn y)與網(wǎng)站概述七、瀏覽器 瀏覽器是指安裝在客戶端,用來(lái)查看WWW中的超級(jí)文本的一種工具。說(shuō)明:

7、每一個(gè)WWW的用戶都要在自己(zj)的計(jì)算機(jī)上安裝瀏覽器,才能“閱讀”網(wǎng)頁(yè)中的信息,這也是使用WWW的最基本的條件。瀏覽器的種類:1、Internet Explorer(IE) 2、Netscape Navigator(NE) 共一百二十三頁(yè)1.1 網(wǎng)頁(yè)與網(wǎng)站(wn zhn)概述八、統(tǒng)一資源定位器(URL) URL(Uniform Resource Locator)主要是用來(lái)指定協(xié)議(如HTTP或FTP)以及對(duì)象(duxing)、文檔、萬(wàn)維網(wǎng)網(wǎng)頁(yè)或其他目標(biāo)在Internet的位置和存取方式。URL由以下四部分組成: 1、通信協(xié)議 2、主機(jī)名3、網(wǎng)頁(yè)路徑4、網(wǎng)頁(yè)名稱 如:4/xsc/notes/

8、note.htm共一百二十三頁(yè)1.1 網(wǎng)頁(yè)與網(wǎng)站(wn zhn)概述九、網(wǎng)站(站點(diǎn))定義:簡(jiǎn)單地說(shuō)就是一些鏈接在一起的網(wǎng)頁(yè)的集合稱之為網(wǎng)站。說(shuō)明:網(wǎng)站是WWW(萬(wàn)維網(wǎng))中最基本的組成部分,也就是說(shuō)在萬(wàn)維網(wǎng)中有許許多多的網(wǎng)站組成,這些網(wǎng)站可能是政府的、可能是企業(yè)的、也可能是個(gè)人的,而牽涉的面也是非常廣泛,只要是需要(xyo),各行各業(yè)都可以建立自己的網(wǎng)站,這項(xiàng)工作已經(jīng)成為了社會(huì)的需要(xyo)。共一百二十三頁(yè)1.2 Web結(jié)構(gòu)(jigu)Web結(jié)構(gòu)也稱為瀏覽器/服務(wù)器(B/S)結(jié)構(gòu),使用超文本傳輸協(xié)議(Hypertext Transport Procotocol,HTTP)傳輸數(shù)據(jù),相比較(bj

9、io)客戶端/服務(wù)器(C/S)結(jié)構(gòu)有很多不同。本章將詳細(xì)剖析一下Web應(yīng)用程序的內(nèi)部結(jié)構(gòu)。共一百二十三頁(yè) 1.2.1 HTTP簡(jiǎn)介在我們?cè)L問(wèn)(fngwn)網(wǎng)站的時(shí)候,通常都會(huì)在瀏覽器的地址欄里輸入網(wǎng)站地址,這個(gè)地址就是URL(Uniform Resource Locator,統(tǒng)一資源定位符)。共一百二十三頁(yè) 當(dāng)確定要訪問(wèn)這個(gè)網(wǎng)址的時(shí)候,瀏覽器就會(huì)通過(guò)HTTP從Web服務(wù)器上獲取提取的網(wǎng)頁(yè)代碼,最終(zu zhn)翻譯成用戶易讀的頁(yè)面文字、圖片和多媒體等信息。共一百二十三頁(yè) 例如,Microsoft官方的網(wǎng)址http:/www.M/,其各個(gè)組成部分的含義如下所示:http:/:代表超文本傳輸協(xié)議

10、,通知M服務(wù)器顯示W(wǎng)eb頁(yè),通常不用(byng)輸入。www:代表一個(gè)Web(萬(wàn)維網(wǎng))服務(wù)器。M:這是裝有網(wǎng)頁(yè)的服務(wù)器的域名或站點(diǎn)服務(wù)器的名稱。Internet的基本協(xié)議是TCP/IP, HTTP是用于從WWW服務(wù)器傳輸超文本到本地瀏覽器的傳輸協(xié)議。 共一百二十三頁(yè) 1.2.2 B/S結(jié)構(gòu)簡(jiǎn)介B/S結(jié)構(gòu)(Browser/Server結(jié)構(gòu))即瀏覽器/服務(wù)器結(jié)構(gòu)。在這種結(jié)構(gòu)下,用戶工作界面通過(guò)WWW瀏覽器來(lái)實(shí)現(xiàn)(shxin),極少部分事務(wù)邏輯在前端(Browser)實(shí)現(xiàn),但是主要事務(wù)邏輯在服務(wù)器端(Server)實(shí)現(xiàn),形成所謂三層結(jié)構(gòu)。B/S結(jié)構(gòu)最大的優(yōu)點(diǎn)就是可以在任何地方進(jìn)行操作而不用安裝任何專

11、門的軟件。 共一百二十三頁(yè) 1.2.3 C/S結(jié)構(gòu)簡(jiǎn)介C/S結(jié)構(gòu)(Client/Server結(jié)構(gòu)即客戶(k h)/服務(wù)器)結(jié)構(gòu)。其中,服務(wù)器通常采用高性能的PC、工作站或小型機(jī),并采用大型數(shù)據(jù)庫(kù)系統(tǒng)(如Oracle、Sybase、Informix或SQL Server),客戶端需要安裝專用的客戶端軟件。共一百二十三頁(yè) C/S結(jié)構(gòu)的優(yōu)點(diǎn)是能充分發(fā)揮客戶端PC的處理能力,很多工作可以在客戶端處理后再提交給服務(wù)器。對(duì)應(yīng)的優(yōu)點(diǎn)就是客戶端響應(yīng)速度快。缺點(diǎn)主要有以下(yxi)幾個(gè)。(1)只適用于局域網(wǎng)。 (2)客戶端需要安裝專用的客戶端軟件。 (3)對(duì)客戶端的操作系統(tǒng)一般也會(huì)有限制。 共一百二十三頁(yè) 1.

12、2.4 B/S結(jié)構(gòu)與C/S結(jié)構(gòu)比較1數(shù)據(jù)安全性2數(shù)據(jù)一致性3數(shù)據(jù)實(shí)時(shí)性4數(shù)據(jù)溯源(syun)性5服務(wù)響應(yīng)及時(shí)性6網(wǎng)絡(luò)應(yīng)用限制共一百二十三頁(yè) 1.2.5 Web系統(tǒng)的三層結(jié)構(gòu)(1)數(shù)據(jù)訪問(wèn)層:實(shí)現(xiàn)對(duì)數(shù)據(jù)的訪問(wèn)功能,如增加、刪除、修改(xigi)、查詢數(shù)據(jù)。(2)業(yè)務(wù)邏輯層:實(shí)現(xiàn)業(yè)務(wù)的具體邏輯功能,如學(xué)生入學(xué)、退學(xué)、成績(jī)管理等。(3)頁(yè)面顯示層:將業(yè)務(wù)功能在瀏覽器上顯示出來(lái),如分頁(yè)顯示學(xué)生信息等。共一百二十三頁(yè) 圖1-1 Web系統(tǒng)(xtng)的三層結(jié)構(gòu)圖共一百二十三頁(yè)1.3 HTML一、什么是HTML HTML是Hyper Text Markup Language的英文縮寫,翻譯為“超文本標(biāo)記語(yǔ)

13、言”。它是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言,是WWW上描述網(wǎng)頁(yè)內(nèi)容和外觀的標(biāo)準(zhǔn)。 HTML是一種標(biāo)記語(yǔ)言,由一些標(biāo)記、屬性及屬性值組成,對(duì)網(wǎng)頁(yè)的行為作出說(shuō)明,允許Web瀏覽器解釋它們(t men),以便于理解。共一百二十三頁(yè)一、什么(shn me)是HTML HTML使用標(biāo)記來(lái)標(biāo)識(shí),每個(gè)標(biāo)記一般包含了一對(duì)開(kāi)始和結(jié)束標(biāo)記,在標(biāo)記中有屬性和值。標(biāo)記描述了網(wǎng)頁(yè)上的元素,例如文本段落(dunlu)、表格、圖像等。標(biāo)記的格式:內(nèi)容標(biāo)記內(nèi)的內(nèi)容稱為元素,元素代表了標(biāo)記的意義。共一百二十三頁(yè)一、什么(shn me)是HTML關(guān)于編寫HTML文檔的說(shuō)明:1、HTML標(biāo)記包含在中,以區(qū)別于在頁(yè)面上顯示的文本

14、。2、大多數(shù)HTML標(biāo)記都成對(duì)出現(xiàn),只有極少數(shù)單獨(dú)出現(xiàn),例如,、等標(biāo)記。3、HTML標(biāo)記不區(qū)分大小寫。4、HTML文檔的擴(kuò)展名為htm,也可以為html。5、HTML文檔是一個(gè)純文本的文檔,可以使用任何文本編輯器來(lái)編輯它,例如記事本。6、因?yàn)闉g覽器的差異,一些擴(kuò)充的HTML標(biāo)記在不同(b tn)的瀏覽器上可能顯示的結(jié)果并不相同。共一百二十三頁(yè)HTML基礎(chǔ)(jch) 一、 HTML的概念1.什么是HTML ?超文本標(biāo)記語(yǔ)言(HTMLHyperText Markup Language)是用于設(shè)計(jì)網(wǎng)頁(yè)源文件(網(wǎng)頁(yè)文檔)的語(yǔ)言。每一個(gè)頁(yè)面的代碼保存為一個(gè)網(wǎng)頁(yè)源文件(.htm文件) 。八十年代初,HTM

15、L由萬(wàn)維網(wǎng)聯(lián)盟(W3C:World Wide Web Consortium)制訂。 HTML包括一些定義頁(yè)面內(nèi)容和格式的符號(hào),稱為(chn wi)標(biāo)記。它能夠?qū)⑽谋?、圖像、聲音和動(dòng)畫結(jié)合在一個(gè)網(wǎng)頁(yè)文檔中。這些文檔可以通過(guò)Web瀏覽器顯示,還可以通過(guò)超鏈接以訪問(wèn)其它的信息資源。后來(lái),進(jìn)一步推出了XML(擴(kuò)展標(biāo)記語(yǔ)言),該語(yǔ)言可以由程序員自己定義標(biāo)記。 。 共一百二十三頁(yè)HTML基礎(chǔ)(jch) 一、 HTML的概念 XHTML是eXtensible HyperText Markup Language的英文縮寫,即可擴(kuò)展的超文本標(biāo)記語(yǔ)言,它不需要編譯,可以直接由瀏覽器執(zhí)行(屬于瀏覽器解釋型語(yǔ)言)。X

16、HTML是用來(lái)代替HTML的,是2000年W3C(萬(wàn)維網(wǎng)聯(lián)盟)公布發(fā)行的。XHTML是一種增強(qiáng)了的HTML,它的可擴(kuò)展性和靈活性將適應(yīng)未來(lái)(wili)網(wǎng)絡(luò)應(yīng)用更多的需求。XHTML是基于XML的應(yīng)用。XHTML更簡(jiǎn)潔更嚴(yán)緊。XHTML也可以說(shuō)就是HTML4.0的一個(gè)升級(jí)版本(W3C描述它為HTML 4.01)。除此之外XHTML和HTML基本相同。共一百二十三頁(yè)2. HTML與XHTML的區(qū)別兩者的區(qū)別主要體現(xiàn)在以下幾個(gè)方面。1)大小寫HTML不區(qū)分大小寫,HTML元素和屬性名稱可以是大寫、小寫或大小寫混合。但是XHTML中大小是敏感的。例如,XHTML中,和是兩個(gè)完全不同的標(biāo)記(bioj)。

17、因此XHTML文檔要求所有元素和屬性名稱必須小寫,而屬性值則大小寫均可。2)標(biāo)記嵌套在HTML中,即使使用了不正確的嵌套,一樣可以在很多瀏覽器中使用;而XHTML則要求嵌套必須完全正確。例如,姓名不能寫成姓名。HTML基礎(chǔ)(jch)共一百二十三頁(yè)3)有否結(jié)束標(biāo)記(bioj)在HTML中,有些標(biāo)記是可以沒(méi)有結(jié)束標(biāo)記的,而XHTML要求所有標(biāo)記都必須有結(jié)束標(biāo)記。例如,HTML中的在XHTML中必須寫成或者簡(jiǎn)單地寫成。注意:中的斜杠前有一個(gè)空格。4)引號(hào)HTML中的屬性值可以用引號(hào)引起來(lái),也可以不使用引號(hào),但XHTML中要求所有屬性值都必須加引號(hào),即使是數(shù)字也需要加引號(hào)。例如:除此之外,XHTML還

18、要求屬性值不能省略。5)id和nameHTML中每個(gè)元素都可以定義name屬性,也引入了id屬性,這兩個(gè)屬性都可以標(biāo)識(shí)某一個(gè)元素。而在XHTML中,每個(gè)元素只有一個(gè)的標(biāo)識(shí)屬性id。HTML基礎(chǔ)(jch)共一百二十三頁(yè)6)樣式的使用在不使用樣式表的情況(qngkung)下,HTML中每一個(gè)樣式都可以直接使用“屬性名=屬性值”的方法設(shè)置樣式。例如:其中,type屬性設(shè)置了無(wú)序列表(li bio)中的項(xiàng)目符號(hào)的樣式為小方塊。但在XHTML中,如果不使用樣式表,只能通過(guò)style屬性來(lái)設(shè)置樣式。在XHTML中將上述代碼需修改為: 共一百二十三頁(yè)HTML基礎(chǔ)(jch)3.什么是標(biāo)記?標(biāo)記是網(wǎng)頁(yè)文檔中的一

19、些有特定意義的符號(hào)。這些符號(hào)指明如何顯示文檔中的內(nèi)容。標(biāo)記總是放在三角括號(hào)中,大多數(shù)標(biāo)記都成對(duì)出現(xiàn)(有開(kāi)始(kish)標(biāo)記和結(jié)束標(biāo)記)。結(jié)束標(biāo)記和開(kāi)始(kish)標(biāo)記所用的字符相同,只是前面加一個(gè)斜杠。例如: 用于標(biāo)記一個(gè)自然段。 標(biāo)記可以具有相應(yīng)屬性即各種參數(shù),如size、color、 text、 width和noshade等 。 例如: 共一百二十三頁(yè)HTML基礎(chǔ)(jch)4.什么是超文本、超媒體和超鏈接?超文本是網(wǎng)頁(yè)上具有鏈接功能的文字。 例如,娛樂(lè) 新聞 電影 。超媒體是網(wǎng)頁(yè)上具有鏈接功能的多媒體。超鏈接是網(wǎng)頁(yè)上連接其它(qt)網(wǎng)頁(yè)或網(wǎng)頁(yè)上指定位置的超文本和超媒體。超鏈接分為文字和圖像

20、(包括動(dòng)畫)兩種,網(wǎng)頁(yè)中的一段文字、一副圖像或圖像的某一個(gè)部分等都可以定義為超鏈接。 共一百二十三頁(yè)HTML基礎(chǔ)(jch) 二、如何編寫和瀏覽HTML網(wǎng)頁(yè)文檔啟動(dòng)IE,然后使用“查看”菜單中的“源文件”菜單項(xiàng),進(jìn)入(jnr)記事本,就可以輸入網(wǎng)頁(yè)源文件了。在輸入完之后,另存為.htm文件。或者直接進(jìn)入記事本,輸入網(wǎng)頁(yè)源文件。在輸入完之后,另存為.htm文件(選擇保存類型為“所有文件”)。在瀏覽器中輸入該文件名,就能瀏覽HTML源文件的網(wǎng)頁(yè)效果。 共一百二十三頁(yè)HTML基礎(chǔ)(jch)例如: 學(xué)生選課系統(tǒng) 網(wǎng)頁(yè)(wn y)制作練習(xí) 共一百二十三頁(yè)HTML基礎(chǔ)(jch) 三、HTML的常用標(biāo)記 1.

21、 HTML文檔的結(jié)構(gòu)標(biāo)記 用來(lái)指明一個(gè)HTML文檔的基本結(jié)構(gòu)。 (1)文件標(biāo)記: 整個(gè)(zhngg)HTML文檔內(nèi)容均在標(biāo)記之中。 (2)頭部標(biāo)記: 整個(gè)HTML文檔分頭部和主體部分。頭部使用標(biāo)記標(biāo)識(shí),凡是在此標(biāo)記之內(nèi)的內(nèi)容,例如標(biāo)題等,均屬于頭部信息。頭部信息不顯示在Web頁(yè)中。 共一百二十三頁(yè)HTML基礎(chǔ)(jch) (3)頭部標(biāo)題標(biāo)記: 在此標(biāo)記之間的內(nèi)容(nirng)將作為標(biāo)題顯示在瀏覽器的標(biāo)題欄。注意: 標(biāo)記只能放在標(biāo)記之間。 (4)主體標(biāo)記: 主體是Web頁(yè)的主要部分,用標(biāo)記定義的信息將顯示在Web頁(yè)中。共一百二十三頁(yè)HTML基礎(chǔ)(jch)(5) 聲明不是 HTML 標(biāo)簽,用來(lái)聲明網(wǎng)

22、頁(yè)使用 HTML 或XHTML編寫的指令。 可使用DW的默認(rèn)值。(6) HTML的xmlns 屬性在 XHTML 中是必需的,但在 HTML 中不是。不過(guò),即使 XHTML 文檔中 沒(méi)有(mi yu)使用此屬性,W3C 的驗(yàn)證器也不會(huì)報(bào)錯(cuò)。這是因?yàn)?xmlns=/1999/xhtml 是一個(gè)固定值,即使您沒(méi)有(mi yu)包含它,此值也會(huì)被添加到 標(biāo)簽中。用來(lái)聲明網(wǎng)頁(yè)中的可供選擇的命名空間。共一百二十三頁(yè)HTML基礎(chǔ)(jch) 聲明網(wǎng)頁(yè)使用(shyng)的編碼和語(yǔ)言等網(wǎng)頁(yè)標(biāo)題網(wǎng)頁(yè)內(nèi)容共一百二十三頁(yè)HTML基礎(chǔ)(jch) 2.格式標(biāo)記 (1)(段落標(biāo)記) 標(biāo)記用來(lái)創(chuàng)建一個(gè)段落,在此標(biāo)記之間的文本

23、將按照段落的格式顯示。常用屬性:align=center/left/right文字對(duì)齊方式 style=color:#FF0000; font-size:16px; text-align:center; 段落樣式(和CSS一致(yzh))title=說(shuō)明文字 鼠標(biāo)停留時(shí)顯示文字 下面一一介紹在 標(biāo)記之間常用的各種標(biāo)記。共一百二十三頁(yè)HTML基礎(chǔ)(jch) 2.格式(g shi)標(biāo)記 (2)(換行標(biāo)記) 是一個(gè)很簡(jiǎn)單的標(biāo)記,它沒(méi)有結(jié)束標(biāo)記,用來(lái)創(chuàng)建一個(gè)換行。 共一百二十三頁(yè)HTML基礎(chǔ)(jch) (4)列表標(biāo)記 用來(lái)創(chuàng)建一個(gè)列表; 用來(lái)創(chuàng)建列表中的上層項(xiàng)目(xingm); 用來(lái)創(chuàng)建列表中最下層項(xiàng)

24、目; 和都必須放在標(biāo)記之間。 共一百二十三頁(yè)HTML基礎(chǔ)(jch) 一個(gè)(y )普通列表 中國(guó)城市 北京 上海 廣州 美國(guó)城市 華盛頓 芝加哥 紐約 共一百二十三頁(yè)HTML基礎(chǔ)(jch) (5)項(xiàng)目或數(shù)字列表標(biāo)記(bioj) 標(biāo)記用來(lái)創(chuàng)建一個(gè)標(biāo)有數(shù)字的列表; 標(biāo)記用來(lái)創(chuàng)建一個(gè)標(biāo)有圓點(diǎn)的列表; 標(biāo)記只能在或標(biāo)記之間使用,此標(biāo)記對(duì)用來(lái)創(chuàng)建一個(gè)列表項(xiàng)。 若放在之間,則每個(gè)列表項(xiàng)加上一個(gè)數(shù)字,若在之間,則每個(gè)列表項(xiàng)加上一個(gè)圓點(diǎn)。 共一百二十三頁(yè)HTML基礎(chǔ)(jch)標(biāo)有數(shù)字與圓點(diǎn)的列表(li bio)中國(guó)城市 北京 上海 廣州 美國(guó)城市 華盛頓 芝加哥 紐約 共一百二十三頁(yè)HTML基礎(chǔ)(jch) (6

25、)(塊標(biāo)記) 標(biāo)記對(duì)用來(lái)排版大塊HTML段落,也用于格式化表,此標(biāo)記的用法與標(biāo)記非常相似,同樣有align對(duì)齊方式屬性 。 align屬性,它用來(lái)說(shuō)明對(duì)齊方式,語(yǔ)法是:。 align可以是Left(左對(duì)齊)、Center(居中)和Right(右對(duì)齊)三個(gè)值中的任何一個(gè)。常用屬性: id=div1 標(biāo)識(shí)不同的divalign=center/left/right文字對(duì)齊方式 style=color:#FF0000; font-size:16px; text-align:center;段落樣式(yngsh)(和CSS一致)title=說(shuō)明文字 鼠標(biāo)停留時(shí)顯示文字 共一百二十三頁(yè)HTML基礎(chǔ)(jch)

26、3. 文本標(biāo)記 (六級(jí)標(biāo)題標(biāo)記) 是最大的標(biāo)題,則是最小的標(biāo)題。如果要在HTML文檔中輸出(shch)標(biāo)題,那麼可以使用六對(duì)標(biāo)題標(biāo)記的任何一對(duì)。常用屬性:align=center/left/right文字對(duì)齊方式 style=color:#FF0000; font-size:16px; text-align:center;段落樣式(和CSS一致)title=說(shuō)明文字 鼠標(biāo)停留時(shí)顯示文字 共一百二十三頁(yè)HTML基礎(chǔ)(jch) (3)(字體標(biāo)記) 之間的文本以加粗的形式輸出(shch); 之間的文本以斜體字的形式輸出; 之間的文本以下劃線的形式輸出。 (4)(強(qiáng)調(diào)加重標(biāo)記) 用來(lái)輸出需要強(qiáng)調(diào)的文本

27、(通常是斜體加黑體); 則用來(lái)輸出加重文本(通常也是斜體加黑體)。 共一百二十三頁(yè)HTML基礎(chǔ)(jch) (5) (字體的大小顏色標(biāo)記) 可以指定輸出文本的字體大小、顏色,它主要兩個(gè)屬性size和color。 size屬性用來(lái)指定字體的大小,可以取值: -1、1和+1; color屬性用來(lái)指定文本的顏色,顏色的取值是十六進(jìn)制RGB顏色碼或HTML語(yǔ)言給定的顏色名稱。例如(lr),#ff0000,引號(hào)內(nèi)的rrggbb是用六位十六進(jìn)制數(shù)字表示的RGB(即紅、綠、藍(lán)三色的組合)顏色,#ff0000對(duì)應(yīng)的是紅色。共一百二十三頁(yè)HTML基礎(chǔ)(jch) Html語(yǔ)言所給定的顏色名稱有: Black、Whi

28、te、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal。或用#六位十六進(jìn)制表示 例如: size取值“+1”、color取值“red”時(shí)的文本 表示標(biāo)記之間的文本按大小為+1,顏色為紅色(hngs)顯示。共一百二十三頁(yè)HTML基礎(chǔ)(jch)文本標(biāo)記的綜合示例最大的標(biāo)題使用h3的標(biāo)題最大的標(biāo)題黑體字文本 斜體字文本 下加一劃線文本 強(qiáng)調(diào)(qing dio)的文本加重的文本size取值“+1”、color取值“red”時(shí)的文本共一百二十三頁(yè)HTML基礎(chǔ)(jch)例 文本標(biāo)記(bioj)

29、的綜合示例共一百二十三頁(yè)HTML基礎(chǔ)(jch)4. 鏈接標(biāo)記 (1)(超鏈接標(biāo)記) 在標(biāo)記對(duì)之間可指定作為超鏈接的文本或圖像,使用標(biāo)記指定圖像。 例如,指定超鏈接及其文本“大理學(xué)院網(wǎng)站(wn zhn)” :大理學(xué)院 或者,指定超鏈接及其圖像“d:pic1.gif”: 在上例中,href的值是大理學(xué)院的網(wǎng)址。(href縮寫:http reference含義為http引用。)共一百二十三頁(yè)HTML基礎(chǔ)(jch) href的值也可以是mailto:形式,即發(fā)送E-Mail形式。語(yǔ)法為: 這就創(chuàng)建了一個(gè)自動(dòng)發(fā)送電子郵件的鏈接,mailto:后邊緊跟想要(xin yo)自動(dòng)發(fā)送的電子郵件的地址(即E-M

30、ail地址)。 例如,鏈接到我的電子信箱: 這是我的電子信箱(E-Mail信箱)共一百二十三頁(yè)HTML基礎(chǔ)(jch) 還具有target屬性,此屬性用來(lái)(yn li)指明顯示的目標(biāo)窗口。 如果不使用target屬性,當(dāng)瀏覽者點(diǎn)擊了鏈接之后將在原來(lái)的瀏覽器窗口中顯示HTML文檔,若target的值等于“_blank”,點(diǎn)擊鏈接后將會(huì)打開(kāi)一個(gè)新的瀏覽器窗口顯示HTML文檔。 例如,進(jìn)入,并且在新窗口中顯示網(wǎng)頁(yè): 在新窗口中顯示 共一百二十三頁(yè)HTML基礎(chǔ)(jch)(2)(標(biāo)簽標(biāo)記) 標(biāo)簽標(biāo)記需要結(jié)合(jih)標(biāo)記使用。name屬性不可缺少。 標(biāo)記用來(lái)在同一網(wǎng)頁(yè)中創(chuàng)建一個(gè)標(biāo)簽(即做一個(gè)記號(hào)), 即在

31、同一網(wǎng)頁(yè)中創(chuàng)建鏈接,以便轉(zhuǎn)到同一網(wǎng)頁(yè)中有標(biāo)簽的地方并顯示。例如,在頁(yè)頂創(chuàng)建一個(gè)標(biāo)簽 此處創(chuàng)建了一個(gè)標(biāo)簽 要找到標(biāo)簽所在地,就必須使用標(biāo)記。例如: 點(diǎn)擊此處將轉(zhuǎn)到標(biāo)簽“Top”的地方顯示 共一百二十三頁(yè)HTML基礎(chǔ)(jch)例 鏈接標(biāo)記的綜合(zngh)示例鏈接標(biāo)記的綜合示例創(chuàng)建標(biāo)簽處歡迎想要學(xué)習(xí)網(wǎng)頁(yè)制作的同學(xué)訪問(wèn)網(wǎng)站武漢大學(xué)網(wǎng)站共一百二十三頁(yè)HTML基礎(chǔ)(jch) 本網(wǎng)站的主要(zhyo)內(nèi)容在新窗口中顯示歡迎給我來(lái)信,我的E-Mail是: 點(diǎn)擊此處回到標(biāo)簽處 共一百二十三頁(yè) 5.圖像標(biāo)記和多媒體標(biāo)記 (1)圖像標(biāo)記 : 將圖形文件嵌入到網(wǎng)頁(yè)文檔中的當(dāng)前位置。 例如(lr),網(wǎng)頁(yè)文檔與圖形文件

32、logo.gif在同一個(gè)目錄下,則可以將代碼寫成。 假如圖形文件放在網(wǎng)頁(yè)文檔所在目錄的一個(gè)子目錄(images)下,則代碼應(yīng)為: 。 此外,標(biāo)記還有alt(文字代替)、align(對(duì)齊)、border(邊框)、width(寬度)和height(高度)屬性。 HTML基礎(chǔ)(jch)共一百二十三頁(yè) 假如圖形文件放在網(wǎng)頁(yè)文檔所在目錄的上層(shngcng)目錄(如home)下,則相對(duì)路徑就必須是準(zhǔn)網(wǎng)址,即用“./”表示網(wǎng)站,后邊緊跟文件在網(wǎng)站中的路徑。 例如,home是網(wǎng)站下的一個(gè)目錄,則代碼應(yīng)為: 。 例如, home是網(wǎng)站下的目錄king下邊的一個(gè)子目錄,則代碼應(yīng)為: 。 HTML基礎(chǔ)(jch)

33、共一百二十三頁(yè) 例 圖像標(biāo)記舉例圖像標(biāo)記示例 HTML基礎(chǔ)(jch)若事先在網(wǎng)站根目錄中存放一幅圖像logo468_60.gif ,則可以在網(wǎng)頁(yè)中顯示它。alt=網(wǎng)頁(yè)制作屬性表示在網(wǎng)頁(yè)中可以用文字網(wǎng)頁(yè)制作代替該圖像先行顯示出來(lái)。共一百二十三頁(yè)5.圖像標(biāo)記和多媒體標(biāo)記 (2)多媒體標(biāo)記 :. 相關(guān)屬性 : HEIGHT 高度/WIDTH 寬度 ( 可設(shè)百分比% )SRC 設(shè)定媒體對(duì)象的位置LOOP 循環(huán) , 音樂(lè)(ynyu)播放次數(shù)AUTOSTART 自動(dòng)播放 如 : 設(shè)置背景音樂(lè) ,相關(guān)屬性 : LOOP 循環(huán) , 背景音樂(lè)播放次數(shù)SRC 設(shè)定媒體對(duì)象的位置 如 : HTML基礎(chǔ)(jch)共一

34、百二十三頁(yè)6. 表格標(biāo)記 (用于制作表格或網(wǎng)頁(yè)結(jié)構(gòu)) (1)(創(chuàng)建一個(gè)表格) (2)和(創(chuàng)建表格中的每一行和每一格) (3)(創(chuàng)建表格頭) 。屬性:HEIGHT 高度/WIDTH 寬度 ( 可設(shè)百分比% ) style=text-align:center;段落樣式(yngsh)(CSS一致) title=說(shuō)明文字 鼠標(biāo)停留時(shí)顯示文字 bgcolor=red 背景顏色 border=2px 邊框 HTML基礎(chǔ)(jch)cellpadding設(shè)置格子邊框與其內(nèi)容之間的大?。籧olspan設(shè)置一個(gè)格子跨占的列數(shù);rowspan設(shè)置一個(gè)格子跨占的行數(shù)。 共一百二十三頁(yè) 例 用HTML創(chuàng)建下列(xili

35、)表格。 HTML基礎(chǔ)(jch)共一百二十三頁(yè) 表格標(biāo)記(bioj)示例意大利英格蘭西班牙HTML基礎(chǔ)(jch)共一百二十三頁(yè)AC米蘭佛羅倫薩(f lu ln s)曼聯(lián)紐卡斯?fàn)柊腿_那皇家社會(huì)HTML基礎(chǔ)(jch)共一百二十三頁(yè)尤文圖斯桑普多利亞利物浦阿申納皇家(hungji)馬德里HTML基礎(chǔ)(jch)共一百二十三頁(yè)拉齊奧國(guó)際米蘭切爾西米德?tīng)査贡ゑR德里競(jìng)技(jngj)HTML基礎(chǔ)(jch)共一百二十三頁(yè) (4)水平線標(biāo)記 標(biāo)記是在HTML文檔中加入一條水平線,它可以直接使用,具有size、color、width和noshade屬性。size是設(shè)置(shzh)水平線的厚度,而width是設(shè)定水

36、平線的寬度,默認(rèn)單位是像素。noshade屬性用來(lái)加入一條沒(méi)有陰影的水平線。 例如: 。 HTML基礎(chǔ)(jch)共一百二十三頁(yè)HTML基礎(chǔ)(jch)滾動(dòng)的文本標(biāo)簽一般格式: 文本 例如: 啦啦啦,一圈一圈繞著走! 共一百二十三頁(yè)1.4 Dreamweaver 8概述(i sh)網(wǎng)頁(yè)制作的常用工具網(wǎng)頁(yè)設(shè)計(jì)軟件 1、FrontPage2、Dreamweaver Dreamweaver是目前使用(shyng)最多的網(wǎng)頁(yè)設(shè)計(jì)軟件。圖像處理軟件1、Fireworks2、Photoshop。動(dòng)畫制作軟件: Flash共一百二十三頁(yè) 2005年8月, 美國(guó) Macromedia公司推出了Dreamweave

37、r 8 Dreamweaver是目前主流的網(wǎng)頁(yè)設(shè)計(jì)工具,不僅具有強(qiáng)大的 頁(yè)面設(shè)計(jì)功能,而且具有完善(wnshn)的站點(diǎn)管理能力,使用Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)將是一個(gè)便捷、高效的工作流程 Dreamweaver 8結(jié)合了Dreamweaver 的可視化排版功能,融合了Dreamweaver UltraDev的動(dòng)態(tài)數(shù)據(jù)庫(kù)頁(yè)面開(kāi)發(fā)功能和HomeSite的強(qiáng)大的代碼編輯支持 1.4 Dreamweaver 8概述(i sh) 共一百二十三頁(yè) 縮放工具和輔助線 利用XML數(shù)據(jù)進(jìn)行可視化創(chuàng)作 新的“CSS樣式”面板 CSS布局的可視化 代碼(di m)折疊 編碼工具欄 后臺(tái)文件傳輸 “插入Flash

38、視頻”命令 一、Dreamweaver 8的新功能(gngnng) 共一百二十三頁(yè)二、Dreamweaver 8的編輯(binj)環(huán)境編輯視窗 功能(gngnng)菜單文檔工具欄 屬性設(shè)置 插入面板 輔助工具 共一百二十三頁(yè)編輯(binj)視窗 面板(min bn)控制單擊右鍵 面版名稱修改共一百二十三頁(yè)功能(gngnng)菜單 按鍵(n jin)組合功能菜單共一百二十三頁(yè)文檔工具欄 1. 文檔工具欄 顯示(xinsh)代碼視圖顯示(xinsh)代碼視圖和設(shè)計(jì)視圖顯示設(shè)計(jì)視圖服務(wù)器調(diào)試 文檔標(biāo)題沒(méi)有游覽器/檢查錯(cuò)誤 驗(yàn)證標(biāo)記文件管理在瀏覽器中預(yù)覽/調(diào)試刷新設(shè)計(jì)視圖視圖選項(xiàng)可視化助理共一百二十三

39、頁(yè)屬性(shxng)設(shè)置 2. 屬性(shxng)設(shè)置 文本屬性面板 圖像屬性面板 表格屬性面板 布局結(jié)構(gòu)視圖 選擇命令“查看”“表格模式”“布局模式”,切換到布局結(jié)構(gòu)視圖 共一百二十三頁(yè)屬性(shxng)設(shè)置表單屬性(shxng)面板 層屬性面板 框架屬性面板 Flash影片屬性面板 共一百二十三頁(yè)插入(ch r)面板 插入(ch r)面板單擊所要插入元素類型的圖標(biāo)即可插入 共一百二十三頁(yè)1.5 網(wǎng)頁(yè)(wn y)基本操作一、新建、打開(kāi)(d ki)和保存網(wǎng)頁(yè)方法一: 啟動(dòng)了Dreamweaver,單擊“文件”菜單中的“新建”命令,打開(kāi)一個(gè)新頁(yè)面,在該頁(yè)面中也可以進(jìn)行網(wǎng)頁(yè)的設(shè)計(jì)編輯。 網(wǎng)頁(yè)設(shè)計(jì)編

40、輯完畢后,保存網(wǎng)頁(yè)文件:保存的位置在站點(diǎn)目錄下。共一百二十三頁(yè)1.5 網(wǎng)頁(yè)(wn y)的基本操作新建網(wǎng)頁(yè)(wn y)共一百二十三頁(yè)1.5 網(wǎng)頁(yè)(wn y)的基本操作保存(bocn)網(wǎng)頁(yè)共一百二十三頁(yè)1.4 網(wǎng)頁(yè)(wn y)的基本操作方法二:使用“文件”面板建立網(wǎng)頁(yè)文件。在“文件”面板中雙擊網(wǎng)頁(yè)文件,打開(kāi)網(wǎng)頁(yè)文件,進(jìn)入(jnr)編輯網(wǎng)頁(yè)文件窗口。共一百二十三頁(yè)1.4 網(wǎng)頁(yè)(wn y)的基本操作二、設(shè)置頁(yè)面屬性 編輯網(wǎng)頁(yè)之前,還需要對(duì)頁(yè)面進(jìn)行(jnxng)一些簡(jiǎn)單的屬性設(shè)置以方便以后的工作。 頁(yè)面的屬性包括頁(yè)面的標(biāo)題、背景圖像、背景顏色等。操作方法:?jiǎn)螕簟靶薷摹辈藛沃械摹绊?yè)面設(shè)置”命令,打開(kāi)“頁(yè)面

41、設(shè)置”的對(duì)話框進(jìn)行設(shè)置。共一百二十三頁(yè)1.4 網(wǎng)頁(yè)(wn y)的基本操作共一百二十三頁(yè)1.6 DreamWeaver站點(diǎn)管理(gunl) 在使用Dreamwear制作網(wǎng)頁(yè)之前,必須首先創(chuàng)建網(wǎng)站或打開(kāi)網(wǎng)站,此時(shí)Dreamwear會(huì)自動(dòng)將所有網(wǎng)站資源(HTML文檔、圖片、動(dòng)畫、聲音、程序等)都保存到網(wǎng)站文件夾中,從而(cng r)保證網(wǎng)站發(fā)布后網(wǎng)頁(yè)上的所有元素可以正常瀏覽。 共一百二十三頁(yè)站點(diǎn)相關(guān)(xinggun)概念1、本地計(jì)算機(jī):你正在使用的一臺(tái)計(jì)算機(jī),同時(shí)也是用來(lái)存放(cnfng)上傳到服務(wù)器之前所有的網(wǎng)頁(yè)及站點(diǎn)的內(nèi)容,則這臺(tái)計(jì)算機(jī)稱為本地計(jì)算機(jī)。2、本地站點(diǎn):指的是本地計(jì)算機(jī)創(chuàng)建的站點(diǎn)。實(shí)

42、質(zhì)上它是指網(wǎng)站中所有的網(wǎng)頁(yè)文件在本地計(jì)算機(jī)的存放位置。共一百二十三頁(yè)站點(diǎn)相關(guān)(xinggun)概念3、遠(yuǎn)程計(jì)算機(jī): 除了(ch le)本地計(jì)算機(jī)外,還應(yīng)該有一臺(tái)計(jì)算機(jī)來(lái)發(fā)布主頁(yè),供Internet用戶瀏覽,這臺(tái)計(jì)算機(jī)就叫做遠(yuǎn)程計(jì)算機(jī)。 實(shí)際上就是Internet服務(wù)器。4、遠(yuǎn)程站點(diǎn):在本地站點(diǎn)設(shè)計(jì)完畢后,可以利用各種FTP程序?qū)⒈镜卣军c(diǎn)上傳到Internet服務(wù)器上,形成遠(yuǎn)程站點(diǎn)。共一百二十三頁(yè)一、規(guī)劃(guhu)網(wǎng)站在建立網(wǎng)站與制作網(wǎng)頁(yè)之前首先要規(guī)劃站點(diǎn): 1、 規(guī)劃站點(diǎn)結(jié)構(gòu):合理的站點(diǎn)結(jié)構(gòu)可以加快對(duì)站點(diǎn)的設(shè)計(jì),提高(t go)工作效率。 用文件夾保存文檔:首先建一個(gè)根文件夾,然后在其中建若

43、干子文件夾,分類存放網(wǎng)站全部文檔。 使用合理的文件名:文件夾名稱與文件名稱,用容易理解網(wǎng)頁(yè)內(nèi)容的英文名(或拼音),最好不要使用大寫或中文。合理分配文檔資源:不同的對(duì)象放在不同的文件夾中。不要將與網(wǎng)頁(yè)制作無(wú)關(guān)的文件放置在該文件夾中。共一百二十三頁(yè)一、規(guī)劃(guhu)網(wǎng)站2、規(guī)劃站點(diǎn)導(dǎo)航機(jī)制:提供清晰易懂的瀏覽方法,采用統(tǒng)一的網(wǎng)頁(yè)組織形式,引導(dǎo)用戶輕松訪問(wèn)網(wǎng)站。 建立返回主頁(yè)鏈接:在每個(gè)頁(yè)面上設(shè)置,避免迷失方向。 顯示網(wǎng)站專題目錄:每一頁(yè)面都應(yīng)提供網(wǎng)站簡(jiǎn)明目錄結(jié)構(gòu),引導(dǎo)用戶快速(kui s)進(jìn)入。 顯示當(dāng)前位置:在顯著位置上標(biāo)出當(dāng)前頁(yè)在網(wǎng)站中的位置。 搜索索引反饋:數(shù)據(jù)網(wǎng)站應(yīng)設(shè)搜索功能。 反饋:設(shè)

44、置管理員email信箱、意見(jiàn)反饋表單等功能。共一百二十三頁(yè)導(dǎo)航(dohng)機(jī)制共一百二十三頁(yè)一、規(guī)劃(guhu)網(wǎng)站3、構(gòu)建整體的站點(diǎn)風(fēng)格:網(wǎng)站中網(wǎng)頁(yè)風(fēng)格應(yīng)該統(tǒng)一,使網(wǎng)站特點(diǎn)鮮明,突出主題。 風(fēng)格統(tǒng)一:在多個(gè)網(wǎng)頁(yè)上重復(fù)出現(xiàn)(chxin)標(biāo)識(shí)網(wǎng)站特征的某些對(duì)象。 使用模板和庫(kù):快速批量創(chuàng)建相同風(fēng)格的網(wǎng)頁(yè)。共一百二十三頁(yè)1.6 DreamWeaver站點(diǎn)管理(gunl)二、創(chuàng)建本地站點(diǎn)1、首先必須先在本地計(jì)算機(jī)的磁盤上建立(jinl)一個(gè)文件夾。(作為本地站點(diǎn)的根文件夾)提示:為了方便以后管理站點(diǎn)上的文件,可先在本地文件夾中創(chuàng)建幾個(gè)目錄:如images、files、others等,分別存放網(wǎng)頁(yè)設(shè)

45、計(jì)中用到的資源及網(wǎng)頁(yè)文件。 共一百二十三頁(yè)二、創(chuàng)建(chungjin)本地站點(diǎn)2、建立本地站點(diǎn),使用(shyng)主菜單中的“站點(diǎn)管理站點(diǎn)”命令。共一百二十三頁(yè)“站點(diǎn)/管理(gunl)站點(diǎn)”命令。共一百二十三頁(yè)共一百二十三頁(yè)給站點(diǎn)命名(mng mng) 共一百二十三頁(yè)詢問(wèn)是否要使用(shyng)服務(wù)器技術(shù),選擇“否”選項(xiàng)(表示目前該站點(diǎn)是一個(gè)靜態(tài)站點(diǎn),沒(méi)有動(dòng)態(tài)頁(yè)即不使用(shyng)Web應(yīng)用程序:如ASP、JSP等)共一百二十三頁(yè)指定本地機(jī)磁盤上的一個(gè)文件夾儲(chǔ)存站點(diǎn)文件(包括網(wǎng)頁(yè)文件及設(shè)計(jì)(shj)網(wǎng)頁(yè)用到的其它資源)共一百二十三頁(yè)在彈出的對(duì)話框中設(shè)置如何(rh)連接到遠(yuǎn)程服務(wù)器,單擊下拉菜單,選擇“無(wú)”。共一百二十三頁(yè)共一百二十三頁(yè)二、創(chuàng)建(chungjin)本地站點(diǎn)3、編輯(binj)修改站點(diǎn)共一百二十三頁(yè)選擇(xunz)“高級(jí)”選項(xiàng)卡,在“分類”區(qū)域中選擇(xunz)“本地信息”。共一百

溫馨提示

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

評(píng)論

0/150

提交評(píng)論