第1講Dreamweaver 8基礎(chǔ)知識(shí)_第1頁
第1講Dreamweaver 8基礎(chǔ)知識(shí)_第2頁
第1講Dreamweaver 8基礎(chǔ)知識(shí)_第3頁
第1講Dreamweaver 8基礎(chǔ)知識(shí)_第4頁
第1講Dreamweaver 8基礎(chǔ)知識(shí)_第5頁
已閱讀5頁，還剩15頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

Dreamweaver8

中文版網(wǎng)頁制作基礎(chǔ)主講人

第一講網(wǎng)頁基礎(chǔ)知識(shí)1、網(wǎng)頁的幾個(gè)基本概念。2、HTML基礎(chǔ)知識(shí)3、了解Dreamweaver8.

1、網(wǎng)頁的基本概念1．什么是Internet2．什么是WWW3．什么是瀏覽器4．什么Http？5．什么URL？6.什么是IP、域名？7.靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁8.什么是網(wǎng)站、網(wǎng)頁、首頁1.1.什么是InternetInternet簡單地說就是國際互聯(lián)網(wǎng)，它是一個(gè)由各種不同類型和規(guī)模的獨(dú)立運(yùn)行和管理的計(jì)算機(jī)網(wǎng)絡(luò)組成的全球范圍的計(jì)算機(jī)網(wǎng)絡(luò)，這些網(wǎng)絡(luò)通過普通電話線、高速率專用線路、衛(wèi)星、微波和光纜等通訊線路連接起來的。它為人們提供了巨大的并且還在不斷增長的信息資源和服務(wù)工具寶庫，用戶可以利用Internet提供的各種工具去獲取Internet提供的巨大信息資源任何一個(gè)地方的任意一個(gè)Internet用戶都可以從Internet中獲得任何方面的信息

1.2．什么是WWWWWW是WorldWideWeb（環(huán)球信息網(wǎng)）的縮寫，也可以簡稱為Web，中文名字為“萬維網(wǎng)”。WWW是Internet的多媒體信息查詢工具，是Internet上近年才發(fā)展起來的服務(wù)，也是發(fā)展最快和目前用的最廣泛的服務(wù)。通過萬維網(wǎng)，人們只要通過使用簡單的方法，就可以很迅速方便地取得豐富的信息資料。由于用戶在通過Web瀏覽器訪問信息資源的過程中，無需再關(guān)心一些技術(shù)性的細(xì)節(jié)，而且界面非常友好，因而Web在Internet上一推出就受到了熱烈的歡迎，走紅全球，并迅速得到了爆炸性的發(fā)展1.3．什么是瀏覽器什么是瀏覽器呢？瀏覽器(Browser)實(shí)際上是一個(gè)軟件程序，用于與WWW建立連接，并與之進(jìn)行通信。它可以在WWW系統(tǒng)中根據(jù)鏈接確定信息資源的位置，并將用戶感興趣的信息資源取回來，對(duì)HTML文件進(jìn)行解釋，然后將文字圖像或者將多媒體信息還原出來。目前WWW環(huán)境中使用最多的瀏覽器主要有兩個(gè)，一個(gè)是Netscape公司的Navigator，另一個(gè)是美國Microsoft公司的InternetExplorer，如下圖。1.4．什么是http

HTTP，即超文本傳輸協(xié)議，是HyperTextTransferProtocol的縮寫。瀏覽網(wǎng)頁時(shí)在瀏覽器地址欄中輸入的URL前面都是以"http://"開始的。HTTP定義了信息如何被格式化、如何被傳輸，以及在各種命令下服務(wù)器和瀏覽器所采取的響應(yīng)1.5．什么是URL

URL是UniformResourceLocator的縮寫，即統(tǒng)一資源定位器，也就是我們通常所說的網(wǎng)址，用于指明資料在互聯(lián)網(wǎng)上的取得方式與位置。URL好比Internet的門牌號(hào)碼，它可以幫助用戶在Internet的信息海洋中定位到所需要的資料。其格式為：通訊協(xié)議：//服務(wù)器地址：通訊端口/路徑/文件名例如：http:///fubao_product/list.htm意思是采用http協(xié)議從名為的服務(wù)器上的目錄fubao_product中獲得文件list.htm

1.6．什么是IP、域名IP地址是Internet上主機(jī)地址的數(shù)字形式，能唯一確定Internet上每臺(tái)計(jì)算機(jī)的位置。由32位的二進(jìn)制數(shù)組成，將32位數(shù)中每8位為一組，用十進(jìn)制形式表示，利用句號(hào)分割各部分。例如12和192．168.0.1等。為了解決用戶記憶IP地址的困難，因特網(wǎng)提供了一種域名系統(tǒng)DNS(DomainNameSystem)，為主機(jī)分配一個(gè)由多個(gè)部分組成的域名。域名和IP地址是一一對(duì)應(yīng)的，域名易于記憶，用的更普遍。當(dāng)用戶要和Internet上每臺(tái)計(jì)算機(jī)交換信息時(shí)，只需使用域名，網(wǎng)絡(luò)會(huì)自動(dòng)轉(zhuǎn)成IP地址，找到該臺(tái)計(jì)算機(jī)。

1.7．靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁根據(jù)網(wǎng)頁是否含有程序代碼，可以將網(wǎng)頁簡單地劃分為靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁，前者使用的是靜態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)，也就是說，網(wǎng)頁主要使用HTML（HypertextMarkupLanguage，超文本標(biāo)記語言）來完成；而后者使用了包括ASP、JSP或PHP在內(nèi)的動(dòng)態(tài)網(wǎng)頁開發(fā)技術(shù)。1.8．什么是網(wǎng)站、網(wǎng)頁、首頁網(wǎng)站：通常把一系列邏輯上可以視為一個(gè)整體的網(wǎng)頁集合叫做網(wǎng)站。對(duì)于小型網(wǎng)站，是指帶有一定主題的多個(gè)網(wǎng)頁集合；對(duì)于大型網(wǎng)站還包含數(shù)據(jù)庫和服務(wù)器端應(yīng)用程序等。網(wǎng)頁：網(wǎng)頁的學(xué)名稱作HTML文件，是一種可以在互聯(lián)網(wǎng)上傳輸，并被瀏覽器認(rèn)識(shí)和翻譯成頁面顯示出來的文件。HTML的意思是“HypertextMarkupLanguage”，中文翻譯為“超文本標(biāo)記語言”?！俺谋尽本褪侵疙撁鎯?nèi)可以包含圖片、鏈接甚至音樂、程序等非文字的元素。主頁：一個(gè)網(wǎng)站，首先進(jìn)入的是主頁。網(wǎng)站的主頁就是我們通常所說的首頁。它既是一個(gè)單獨(dú)的網(wǎng)頁，像一般網(wǎng)頁一樣，可以存放各種信息，又是一個(gè)特殊的網(wǎng)頁，它是整個(gè)網(wǎng)站文件的起始點(diǎn)和匯總點(diǎn)，是訪問者瀏覽網(wǎng)站開始的地方。在主頁中，應(yīng)該給出這一網(wǎng)站的概述，網(wǎng)站所包含的主要內(nèi)容、各種信息的向?qū)АＴL問者在看到主頁后，便對(duì)這個(gè)網(wǎng)站有一個(gè)大致的了解，以確定要哪方面的內(nèi)容，知道如何去查找。2、HTML基礎(chǔ)知識(shí)2.1HTML概念2.2語法結(jié)構(gòu)2.3格式修飾標(biāo)記2.4創(chuàng)建HTML文件2.1．HTML概念HTML是“HypertextMarkedLanguage”的縮寫，即超文本標(biāo)記語言，是一種用來制作超文本文檔的簡單標(biāo)記語言。用HTML編寫的超文本文檔稱為HTML文檔，它能獨(dú)立于各種操作系統(tǒng)平臺(tái)，需要通過WEB瀏覽器顯示出效果。所謂超文本，是因?yàn)樗梢约尤雸D片、聲音、動(dòng)畫、影視等內(nèi)容，HTML并不是一種程序語言，它只是一種排版網(wǎng)頁中資料顯示的結(jié)構(gòu)語言，易學(xué)易懂，非常簡單。

2.2．HTML語法結(jié)構(gòu)<html>…</html>：這是聲明HTML文件的語法格式。每一個(gè)HTML文件都必須以此標(biāo)記來聲明。<head>…</head>：聲明文件頭的語法格式。在該標(biāo)記內(nèi)的所有內(nèi)容都屬于網(wǎng)頁文件的文件頭，不會(huì)出現(xiàn)在網(wǎng)頁內(nèi)。<title>…</title>：聲明文件標(biāo)題。在該標(biāo)記內(nèi)的內(nèi)容，都將出現(xiàn)在網(wǎng)頁最上面的標(biāo)題欄中。<body>…</body>：聲明文件主體。該標(biāo)記中的內(nèi)容是網(wǎng)頁文件的主體，會(huì)被顯示在瀏覽器的窗口中。幾乎每一種HTML語言的語法都是以<>開頭，以</>結(jié)束。在編輯HTML語言的過程中，也可以使用注釋，其語法格式為：<!-文件注釋>，中間的內(nèi)容只是解釋說明，而不會(huì)被瀏覽器編譯和顯示。2.3．格式修飾標(biāo)記HTML中有許多格式標(biāo)記，常用的有居中、換行、色彩、大小、字體、鏈接等，利用它們可以有效地控制內(nèi)容的顯示。由于格式標(biāo)記多而復(fù)雜，一般很難完全記憶。Dreamweaver等開發(fā)工具能夠自動(dòng)添加格式標(biāo)記，所以一般只需要了解這些格式標(biāo)記都是什么含義就可以了。HTML的標(biāo)簽分單標(biāo)簽和成對(duì)標(biāo)簽兩種。成對(duì)標(biāo)簽是由首標(biāo)簽<標(biāo)簽名>和尾標(biāo)簽</標(biāo)簽名>組成的，成對(duì)標(biāo)簽的作用域只作用于這對(duì)標(biāo)簽中的文檔。單獨(dú)標(biāo)簽的格式<標(biāo)簽名>，單獨(dú)標(biāo)簽在相應(yīng)的位置插入元素就可以了。大多數(shù)標(biāo)簽都有自己的一些屬性,屬性要寫在始標(biāo)簽內(nèi)，屬性用于進(jìn)一步改變顯示的效果,各屬性之間無先后次序，屬性是可選的，屬性也可以省略而采用默認(rèn)值，其格式如下：<標(biāo)簽名字屬性1屬性2屬性3…>要設(shè)置的內(nèi)容</標(biāo)簽名字>作為一般的原則，大多數(shù)屬性值不用加雙引號(hào)。但是如果包含空格、％號(hào)，＃號(hào)等特殊字符的屬性值必須加入雙引號(hào)。為了養(yǎng)成良好的習(xí)慣，提倡全部對(duì)屬性值加雙引號(hào)。如：<fontcolor="#FFFFFF"face="宋體"size="20">要設(shè)置字體的文本內(nèi)容</font>2.4．創(chuàng)建HTML文件創(chuàng)建HTML文件十分簡單，在普通的Windows記事本（如圖一）、寫字板中都可以進(jìn)行編輯。目前，有許多圖形化的網(wǎng)頁開發(fā)工具，如Dreamweaver（如圖二）、FrontPage等。這些開發(fā)工具能夠采用“所見即所得”的方法，直接處理網(wǎng)頁，而不需要編寫繁瑣的標(biāo)記，這使得用戶在沒有HTML語言基礎(chǔ)的情況下，照樣可以編寫網(wǎng)頁。但這些工具在自動(dòng)生成網(wǎng)頁時(shí)，往往會(huì)產(chǎn)生一些垃圾代碼，從而降低了網(wǎng)頁的效率。3、

了解Dreamweaver83.1Dreamweaver8的功能3.2Dreamweaver8的新增功能3.1．Dreamweaver8的功能MacromediaDreamweaver8是一款專業(yè)的HTML編輯器，用于對(duì)Web站點(diǎn)、Web頁和Web應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開發(fā)。無論用戶愿意享受手工編寫HTML代碼時(shí)的駕馭感還是偏愛在可視化編輯環(huán)境中工作，Dreamweaver

都會(huì)為用戶提供有用的工具，使用戶擁有更加完美的Web創(chuàng)作體驗(yàn)。利用Dreamweaver8中的可視化編輯功能，用戶可以快速地創(chuàng)建頁面而無需編寫任何代碼。用戶可以查看所有站點(diǎn)元素或資源并將它們從易于使用的面板直接拖到文檔中。用戶可以在MacromediaFireworks或其他圖形應(yīng)用程序中創(chuàng)建和編輯圖像，然后將它們直接導(dǎo)入Dreamweaver，或者添加MacromediaFlash對(duì)象，從而優(yōu)化用戶的開發(fā)工作流程。3.2．Dreamweaver8的新增功能

Dreamweaver8包含了許多新增的功能，這些新增功能改善了軟件的易用性，并使您無論處于設(shè)計(jì)環(huán)境還是編碼環(huán)境都可以方便地制作頁面。Dreamweaver

使復(fù)雜的技術(shù)變得簡單而方便，以幫助您達(dá)到事半功倍的效果。縮放：使用縮放可以更好地控制設(shè)計(jì)。放大并檢查圖像，或使用復(fù)雜的嵌套表格布局。縮小可預(yù)覽頁面的顯示方式。輔助線：使用輔助線來測(cè)量頁面布局，將頁面布局和頁面模型加以比較，精度可達(dá)至像素級(jí)別?？梢暬答佊兄跍?zhǔn)確地測(cè)量距離，并且支持智能靠齊。新的標(biāo)準(zhǔn)CSS面板：可以通過新的標(biāo)準(zhǔn)CSS面板集中學(xué)習(xí)、了解和使用以可視化方式應(yīng)用于頁面的CSS樣式。全部CSS功能已合并到一個(gè)面板集合中，并已得到增強(qiáng)，可以更加輕松、更有效率地使用CSS樣式。使用新的界面可以更方便地看到應(yīng)用于具體元素的樣式層疊，從而能夠輕松地確定在何處定義了屬性。屬性網(wǎng)格允許進(jìn)行快速編輯。CSS布局可視化：在設(shè)計(jì)時(shí)應(yīng)用可視化助理來描畫CSS布局邊框或?yàn)镃SS布局加上顏色。

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(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)論