資源描述:
《網(wǎng)頁(yè)制作基礎(chǔ)費(fèi)下載》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、網(wǎng)頁(yè)制作基礎(chǔ)ri錄一、網(wǎng)頁(yè)制作基礎(chǔ)11.網(wǎng)站與網(wǎng)頁(yè)12.什么是靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)13.網(wǎng)站制作過(guò)程中把握的兒點(diǎn)21.提升網(wǎng)頁(yè)設(shè)計(jì)效果的方法和訣竅3二、Dreamweaver應(yīng)用41.建站與編輯網(wǎng)頁(yè)52.CSS樣式53.表格與布局64.文本修飾與超鏈接75.圖像設(shè)置96.使用媒體97.表單應(yīng)用10&行為應(yīng)用109.模板與庫(kù)的應(yīng)用11一.網(wǎng)頁(yè)制作基礎(chǔ)1.網(wǎng)站與網(wǎng)頁(yè)?網(wǎng)站的概念?WWW是由遍布世界各地的Web服務(wù)器組成,那么,這些Web服務(wù)器又是如何構(gòu)成一個(gè)龐人的信息網(wǎng)絡(luò)呢?答案就是網(wǎng)頁(yè)。由于網(wǎng)頁(yè)屮包含所謂的“超鏈按',這些超鏈
2、接可以將一個(gè)網(wǎng)頁(yè)鏈接到其他網(wǎng)頁(yè),從而構(gòu)成了萬(wàn)維網(wǎng)的縱橫交織結(jié)構(gòu)。?通過(guò)超鏈接連接起來(lái)的一系列邏輯上可以視為一個(gè)整體的頁(yè)面,則叫做網(wǎng)站2.什么是靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)靜態(tài)網(wǎng)頁(yè),動(dòng)態(tài)網(wǎng)頁(yè)主要根據(jù)網(wǎng)頁(yè)制作的語(yǔ)言來(lái)區(qū)分:靜態(tài)網(wǎng)頁(yè)使用語(yǔ)言:HTML(超文本標(biāo)記語(yǔ)言)動(dòng)態(tài)網(wǎng)頁(yè)使用語(yǔ)言:HTML+ASP或HTML+PHP或HTML+JSP等。靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)的區(qū)別程序是否在服務(wù)器端運(yùn)行,是重要標(biāo)忐。在服務(wù)器端運(yùn)行的程序、網(wǎng)頁(yè)、組件,屬于動(dòng)態(tài)網(wǎng)頁(yè),它們會(huì)隨不同客戶、不同時(shí)間,返回不同的網(wǎng)頁(yè),例如ASP、PHP、JSP、ASP.net、CGI等。
3、運(yùn)行于客戶端的程序、網(wǎng)頁(yè)、插件、組件,屬于靜態(tài)網(wǎng)頁(yè),例如html頁(yè)、Flash.JavaScript>VBScript等等,它們是永遠(yuǎn)不變的。靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)備有特點(diǎn),網(wǎng)站采用動(dòng)態(tài)網(wǎng)頁(yè)還是靜態(tài)網(wǎng)頁(yè)主要取決于網(wǎng)站的功能需求和網(wǎng)站內(nèi)容的多少,如果網(wǎng)站功能比較簡(jiǎn)單,內(nèi)容更新量不是很大,采丿IJ純靜態(tài)網(wǎng)頁(yè)的方式會(huì)更簡(jiǎn)單,反Z—般要采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)來(lái)實(shí)現(xiàn)。靜態(tài)網(wǎng)頁(yè)是網(wǎng)站建設(shè)的基礎(chǔ),靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)Z間也并不才盾,為了網(wǎng)站適應(yīng)搜索引擎檢索的需要,即使采用動(dòng)態(tài)網(wǎng)站技術(shù),也可以將網(wǎng)頁(yè)內(nèi)容轉(zhuǎn)化為靜態(tài)網(wǎng)頁(yè)發(fā)布。動(dòng)態(tài)網(wǎng)站也可以采用靜動(dòng)結(jié)合的
4、原則,適合采用動(dòng)態(tài)網(wǎng)頁(yè)的地方用動(dòng)態(tài)網(wǎng)頁(yè),如果必要使用靜態(tài)網(wǎng)頁(yè),則可以考慮用靜態(tài)網(wǎng)頁(yè)的方法來(lái)實(shí)現(xiàn),在同一個(gè)網(wǎng)站上,動(dòng)態(tài)網(wǎng)頁(yè)內(nèi)容和靜態(tài)網(wǎng)頁(yè)內(nèi)容同時(shí)存在也是很常見(jiàn)的事情。我們將動(dòng)態(tài)網(wǎng)頁(yè)的一般特點(diǎn)簡(jiǎn)要?dú)w納如下:(1)動(dòng)態(tài)網(wǎng)頁(yè)以數(shù)據(jù)庫(kù)技術(shù)為基礎(chǔ),可以人人降低網(wǎng)站維護(hù)的工作量;(2)采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的網(wǎng)站可以實(shí)現(xiàn)更多的功能,如用戶注冊(cè)、用戶登錄、在線調(diào)查、用戶管理、訂單管理等等;(3)動(dòng)態(tài)網(wǎng)頁(yè)實(shí)際上并不是獨(dú)立存在于服務(wù)器上的網(wǎng)頁(yè)文件,只有當(dāng)用戶請(qǐng)求時(shí)服務(wù)器才返回一個(gè)完整的網(wǎng)頁(yè);(4)動(dòng)態(tài)網(wǎng)頁(yè)中的“?”對(duì)搜索引擎檢索存在一定的問(wèn)題,搜索
5、引擎一般不可能從一個(gè)網(wǎng)站的數(shù)據(jù)庫(kù)中訪問(wèn)全部網(wǎng)頁(yè),或者出于技術(shù)方面的考慮,搜索蜘蛛不去抓取網(wǎng)址中“?”后面的內(nèi)容,因此采用動(dòng)態(tài)網(wǎng)頁(yè)的網(wǎng)站在進(jìn)行捜索引擎推廣時(shí)需要做一怎的技術(shù)處理才能適應(yīng)搜索引擎的要求什么是靜態(tài)網(wǎng)頁(yè)?靜態(tài)網(wǎng)頁(yè)有哪些特點(diǎn)?在網(wǎng)站設(shè)計(jì)中,純粹HTML格式的網(wǎng)頁(yè)通常被稱(chēng)為“靜態(tài)網(wǎng)頁(yè)”,早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁(yè)制作的。靜態(tài)網(wǎng)頁(yè)的網(wǎng)址形式通常為:也就是以.htm>.htmL.shtmk.xml等為后后綴的。在HTML格式的網(wǎng)頁(yè)上,也可以出現(xiàn)各種動(dòng)態(tài)的效果,如GIF格式的動(dòng)畫(huà)、FLASH.滾動(dòng)字母等,這些“動(dòng)態(tài)效果”只
6、是視覺(jué)上的,與下面將要介紹的動(dòng)態(tài)網(wǎng)頁(yè)是不同的概念。我們將靜態(tài)網(wǎng)頁(yè)的特點(diǎn)簡(jiǎn)要?dú)w納如下:(1)靜態(tài)網(wǎng)頁(yè)每個(gè)網(wǎng)頁(yè)都有一個(gè)固定的URL,且網(wǎng)頁(yè)URL以.htm>.htmk.shtml等常見(jiàn)形式為后綴,而不含有“?J(2)網(wǎng)頁(yè)內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上,無(wú)論是否有用戶訪問(wèn),每個(gè)靜態(tài)網(wǎng)頁(yè)的內(nèi)容都是保存在網(wǎng)站服務(wù)器上的,也就是說(shuō),靜態(tài)網(wǎng)頁(yè)是實(shí)實(shí)在在保存在服務(wù)器上的文件,每個(gè)網(wǎng)頁(yè)都是一個(gè)獨(dú)立的文件;(3)靜態(tài)網(wǎng)頁(yè)的內(nèi)容相對(duì)穩(wěn)定,因此容易被捜索引擎檢索;(4)靜態(tài)網(wǎng)頁(yè)沒(méi)有數(shù)據(jù)庫(kù)的支持,在網(wǎng)站制作和維護(hù)方面工作量較大,因此當(dāng)網(wǎng)站信息量很大時(shí)完
7、全依靠靜態(tài)網(wǎng)頁(yè)制作方式比較閑難;(5)靜態(tài)網(wǎng)頁(yè)的交互性交叉,在功能方而有鮫大的限制第一看后綴名,第二看是否能與服務(wù)器發(fā)生交互行為靜態(tài)網(wǎng)頁(yè)是相對(duì)于動(dòng)態(tài)網(wǎng)頁(yè)而言,是指沒(méi)冇后臺(tái)數(shù)據(jù)庫(kù)、不含程序和不口J交互的網(wǎng)頁(yè)。你編的是什么它顯示的就是什么、不會(huì)有任何改變。靜態(tài)網(wǎng)頁(yè)相對(duì)更新起來(lái)比較麻煩,適川于一般更新較少的展示型網(wǎng)站。1.網(wǎng)站制作過(guò)程中把握的幾點(diǎn)1)重點(diǎn)信息放在突出醒目的位置,整個(gè)網(wǎng)站空間排序適當(dāng)一個(gè)網(wǎng)站很重要的就是標(biāo)題,標(biāo)題就像路牌一樣,人家在你的網(wǎng)站上逛來(lái)逛去,全靠它指路了。標(biāo)題要意義清晰、描述性強(qiáng),把最吸引人的地方放在突出
8、顯眼的位直,然后再慢慢展開(kāi)。2)、網(wǎng)頁(yè)應(yīng)該易懂,控制每個(gè)模塊的信息量。網(wǎng)頁(yè)要易讀就意味著,你必須花點(diǎn)心思來(lái)規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺(jué)效果,別用花里胡哨的色彩組合,比人看起你的網(wǎng)頁(yè)來(lái)很費(fèi)勁。一般來(lái)說(shuō),淺色背景下的深色文字為佳。這個(gè)原則也意味著,你最好別把文字的規(guī)格設(shè)