《網(wǎng)頁設(shè)計與制作》第1章網(wǎng)頁制作基礎(chǔ)_第1頁
《網(wǎng)頁設(shè)計與制作》第1章網(wǎng)頁制作基礎(chǔ)_第2頁
《網(wǎng)頁設(shè)計與制作》第1章網(wǎng)頁制作基礎(chǔ)_第3頁
《網(wǎng)頁設(shè)計與制作》第1章網(wǎng)頁制作基礎(chǔ)_第4頁
《網(wǎng)頁設(shè)計與制作》第1章網(wǎng)頁制作基礎(chǔ)_第5頁
已閱讀5頁，還剩32頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

網(wǎng)頁設(shè)計與制作彐lHj第1章網(wǎng)負(fù)制作基礎(chǔ)第1章I三I網(wǎng)頁制作基礎(chǔ)>Web和瀏覽器>Web?Web的特點和結(jié)構(gòu)■Web最大的特點是使用了超文本（Hypertext）■WWW采用C/S（客戶機(jī)/服務(wù)器）工作模式■在瀏覽器和服務(wù)器之間應(yīng)用HTTP（HyperTextTransferProtocol,超文本傳輸協(xié)議）2。1?9作為網(wǎng)絡(luò)應(yīng)用層通信協(xié)議>URL?Internet上所有的資源都有一個唯一的URL地址，一般將URL地址稱為網(wǎng)址。URL的完整格式如下:協(xié)議://主機(jī)名（或IP地址）:端口號/路徑名/文件名2012-9-93【例】幾個URL的例子.(1)http://www.microsoft.com,用http協(xié)議和&省端口號(80)訪問微軟公司服秦器www.microsoft.com。這里沒有指定路徑和文件名,所以訪問的結(jié)果是把一個缺省主頁送給瀏覽器。>(2)ftp://ftp.pku.edu.cn/pub/ms-windows/winvn926.zip,用FTP協(xié)議訪問北京大學(xué)FTP服務(wù)器上路徑名為pub/ms-windows、文件名為winvn926.zip的文件。2012-9-94(3)http://gnacademy.org:8001///uu-gna/index,html,從運(yùn)行在端口號8001的gnacademy.org服務(wù)器上訪問index,html主頁。(4)http://www.w3.org/Addressing/URL/5-BNF.htmltthttpaddress,訪問www.w3.org服務(wù)器上Addressing/URL目錄下的5-BNF.html網(wǎng)頁文件中錨點標(biāo)識為httpaddress的地方。2012-9-95＞辦覓器?概述?分類?InternetExplorer■NetscapeNavigator-Mosaic等專業(yè)瀏覽器以及一些以上述瀏覽器為內(nèi)核的專用瀏覽器。其中使用最廣泛的是Microsoft出品的InternetExplorer6.0（簡稱IE6）。2012-9-9WE6的界面標(biāo)題欄菜單欄*ohue??/?|免艙明企■IKii

XIOE越物典運(yùn)Eno^h短值惠值校友It播鱟離城寬鱗73^?BBS鷹機(jī)置價分類A達(dá)整擧賊HtT30析闐《胃財輕IT汽基房產(chǎn)明奪眚今女人生活棟攥_TO映爾ISW餃醺讀書囊4房產(chǎn)?otf?i,句格碑出n母罌解戲邐相訪a文化助a饞士@霤巧地址欄f百效05年干,鼸錢快名校f在補(bǔ)景T瀏覽窗口諾基變O家君愛2?C西門子Gt駐AT珊賽考研格歸求職》歡松下?飛利摘e埋托羅I士尼?動??彩昭,務(wù)價?歡爭【數(shù)蠲?效??不見不數(shù)?北京酃長電達(dá)當(dāng),實中央邛導(dǎo)反有盡有.?-；

'?-Ii-.*i21'-rWM.J.狀態(tài)欄<?iohucca/c?U^hp^CQ^htMKka-bjTlSfrtItilwoe*>ww.參tMB,Cfi24小醐'9一3上pis詩ijj?分I5工H1鈐霣:再生芯愛死ffwas^sftiA宏頁一y董上你?ght攉售:人事蓽遷酈轉(zhuǎn)＜璣關(guān)懣規(guī)呼?麻加竅承g(shù)不助&拽性片技￥?:ElMMEJfc猶既述MJ5?重莰_ytg爆作12人充MbMA_)金廉,在枳研豆＞?|外蛟貨運(yùn)種?季^?8t中￡利晰生釋q餐g1stgy＜rB?tttfe也二外字直辭申EjQfflf1000M01英鱈匯聚坑州車方?催仙手機(jī)敦^|SUHVc??POTUMDUKi~VtcroioftIntamatIHP!E32005出GBg_n^雪90T好項決均外g貨大字&英助*加拿大技木移民析萬霣SI2g?f拿&大現(xiàn)士OS5￡U友擎解闐中心j■^圖授儇目寫ftg爾手機(jī)卡通鬌壞回￡K?格?u月共附辰神2:::心更番+腳性格w顬*?,:盡廳fi承H^H曲讓仔建7的使用?瀏覽網(wǎng)頁■“停止”按鈕■前進(jìn)和后退■刷新頁面■改變文字大小■選擇編碼■全屏幕顯示■查看源文件2012-9-9GC1A4<0?,n命打開多個窗口用菜單欄上的“文件”—“新建“窗口”,會打開一個新的瀏覽器窗口。國釋?:」?堪利折70喊P?為戈吊番龍供?一般情況下,打開四、五個窗口可以充分利用系統(tǒng)資源,0<Gc?系找_作系找r?rlr*rllCGI*5F而且通過調(diào)整窗口的大小和位置還可以同時瀏覽。~L=*ZFt■!_■：后邐A'遭QBI\DOntJCUJ）、二］夕Ml163.COMASP基礎(chǔ)教程d'-5|費(fèi)Jhtt>i<1mcob/_2j

轉(zhuǎn)ftl2l2012-9-99百至頁、臨時文件和歷史記錄瀏覽器在打開時自動調(diào)入的網(wǎng)頁稱為“主頁”,主頁可以通過“工具”->“Internet選項”打開Internet選項對話框,在“常規(guī)”選項卡的“主頁”欄設(shè)置.2012-9-910?收藏夾的使用使用菜單“收藏”->“添加到收藏夾”打開添加到收藏夾對話框。12012-9-911■使用菜單“收藏”“整理收藏夾”打開收藏夾整理對話框,進(jìn)行收藏夾中網(wǎng)頁的移動、刪除、改名及創(chuàng)建新文件夾等操作。2012-9-912々關(guān)閉圖片顯示在網(wǎng)絡(luò)速度較慢時,不觀看網(wǎng)頁中的圖片和其它多媒體內(nèi)容可以得到更快的下載速度。通過“工具”—?"Internet選項”打開Internet選項對話框,在“高級”選項卡中可以對瀏覽器的工作方式進(jìn)行設(shè)置2012-9-913々關(guān)閉自動完成功會含通過工具—Internet選項,打開Internet選項對話框,在“內(nèi)容”選項卡的“個人信息”部分單擊“自動完成”按鈕打開自動完成設(shè)置對話框。目動以it鵠入的條自中列出坷辦符的項.磯自動芫成歷史記錄___________濱秘表靡o■自城成設(shè)量P姑）鈹?:選項-自動完成功越用于「*?!>*糊P??（DE?表隹的用戶名和芭碼?】廠?示我傑存密?（8）耕|s±內(nèi)謇|翻|舫|破|分ffi系祝町幫助您S制在?十S機(jī)上看鋤Uter?.t內(nèi)容.2012-9-914)＞搜索引擎的使用1、使用瀏覽器的“搜索”2.使用專門的搜索引擎按鈕（Google）（擺渡）（雅虎）（搜狐）2012-9-915＞認(rèn)識網(wǎng)站?1.門戶網(wǎng)站?2.個人網(wǎng)站?3.專業(yè)網(wǎng)站?4.職能網(wǎng)站2012-9-9161.門戶網(wǎng)站這類網(wǎng)站是一種綜合性網(wǎng)站,涉及領(lǐng)域)非常廣泛,包含文學(xué)、音樂、影視、體育、新聞和娛樂等方方面面的內(nèi)容,具有論壇、搜索和短信等功能?，F(xiàn)在國內(nèi)較著名的門戶網(wǎng)站有搜狐()、網(wǎng)易()等。2012-9-9172.個人網(wǎng)站?:?個人網(wǎng)站具有較強(qiáng)個性化,是以個人名義開發(fā)創(chuàng)建的網(wǎng)站,其內(nèi)容、樣式、風(fēng)格等都是非常有個性的。2012-9-9183■專業(yè)網(wǎng)站?:?這類網(wǎng)站具有很強(qiáng)的專業(yè)性,通常只涉I及某一個領(lǐng)域,內(nèi)容專業(yè)。如榕樹下網(wǎng)站()即是一個專!業(yè)文學(xué)網(wǎng)站。I2012-9-9194.職能網(wǎng)站?:?職能網(wǎng)站具有專門的功能,如政府職能|網(wǎng)站等。目前逐漸興起的電子商務(wù)網(wǎng)站也屬于這類網(wǎng)站,較有名的電子商務(wù)網(wǎng)站有阿里巴巴()、卓越網(wǎng)()和當(dāng)當(dāng)網(wǎng)上書店()等。2012-9-920＞認(rèn)識網(wǎng)頁2012-9-9圖片.秘繩鏈接導(dǎo)航r.CJIFi為帥文7表中今21"陶頁中的元素1.文字2.圖像3■表單4.Flash動畫5.表格6.超級鏈接7.視頻、音頻8.POP窗口9.標(biāo)題欄和狀態(tài)欄文字221.2網(wǎng)頁制作的相關(guān)知識>HTML語言概述是一種超文本標(biāo)記語言,作為一種網(wǎng)頁編輯語言,易學(xué)易懂。2012-9-9237、HTML網(wǎng)頁HTML網(wǎng)頁通常是由三部分內(nèi)容組成的:版本信息、網(wǎng)頁標(biāo)題(HEAD)和文檔主體(BODY)o下面就是網(wǎng)頁結(jié)構(gòu)的總體輕架:<!HTML網(wǎng)頁版本信息說明><HTML><HEAD><!標(biāo)題標(biāo)記、屬性及其內(nèi)容></HEAD><BODY><!主體標(biāo)記、屬性及其內(nèi)容>2012-9-9</BODY>24</HTML>/(1)版本信息版本信息位于HTML網(wǎng)頁文件的第一行(2)HTML文件標(biāo)記大部分網(wǎng)頁文件都是以＜HTML＞標(biāo)記開始的,在文件的結(jié)尾處又以＜/HTML＞結(jié)束(3)頭部信§、HEADl^記之間是HTML文檔的頭部,用來標(biāo)明當(dāng)前文檔的有關(guān)信息在HEAD標(biāo)記之間,使用頻率最高的標(biāo)記就是TITLE,它用于定義顯示在瀏覽器標(biāo)題欄的文檔標(biāo)題。2012-9-925【例】給網(wǎng)頁設(shè)置“勵志學(xué)社”的文檔標(biāo)題，可在頭部輸入以下代碼:<丁111^>勵志學(xué)社</TITLE>2012-9-926(4)主體標(biāo)記網(wǎng)頁的主體是對作用的范圍“<BODY>..</BODY>”標(biāo)記<BODY>標(biāo)記用于定義HTML文檔主體的開始,它能夠設(shè)置網(wǎng)頁的背景圖像、背景顏色、鏈接顏色和網(wǎng)頁邊距等屬性，其基本用法如下所示:<BODYBackground=MURLHBgclolr=Color|Bgpropeties=FixedLeftmargin=nLink=ColorAlink=ColorText=ColorTopmargin=n!Vlink=Color>(Bgcolor為背景顏色。關(guān)于顏色的值后面會詳細(xì)介紹。Text為不包含超級鏈接的文字顏色。Link為超級鏈接文字的顏色。|Alink為正被點擊的超級鏈接文字的顏色。2012-9-927Vlink為已經(jīng)點擊過的超級鏈接文字的顏色。Background設(shè)置,如果設(shè)置了背景圖片,圖片會覆蓋已經(jīng)設(shè)置的顏色。Leftmargin>Topmargin用于設(shè)置網(wǎng)頁的左邊距和上邊框,它們是以像素為單位【例1】將網(wǎng)頁的上邊距和左邊距分別設(shè)置為40和30個像素的寬度,使用黑色文本、白色背景,未訪問的鏈接源采用藍(lán)色,已訪問的鏈接源標(biāo)記為暗紅色。<BODYBackground="moom.gif”Bgcolor="White”Bgproperties=FixedLeftmargin=30Link=”Bhie”Text=”Black”Topmargin=40Vlink="Maroon”>2012-9-9282.XML語言XML(extensibleMarkupLanguage)被稱作是下一代的網(wǎng)頁標(biāo)記語言,也是米用各種標(biāo)記來形成網(wǎng)頁的源代碼。XML中包括可擴(kuò)展格式語言XSL(ExtensibleStyleLanguage)和可擴(kuò)展鏈接語言XLL(ExtensibleLinkingLanguage)。2012-9-929.22靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁指基本上全部使用HTML語言制作的網(wǎng)頁,頁面的內(nèi)容是固定不變的。動態(tài)網(wǎng)頁（DynamicHTML,DHTML）利用JavaScript,CSS（層疊樣式表）及其它類似的語言如VBScript等與HTML進(jìn)行有機(jī)的結(jié)合來使靜態(tài)的HTML網(wǎng)頁變成動態(tài)。2012-9-930卞一1.23M\!eb服務(wù)器端程序?qū)I(yè)的網(wǎng)站都是建立在使用數(shù)據(jù)庫的基礎(chǔ)上的,要將這些數(shù)據(jù)庫變成可以通過瀏覽器顯示和操作的Web頁面,就需要編寫服務(wù)器端的程序。用戶向服務(wù)器傳送提交的表單（個人信息、選擇結(jié)果等）需要在服務(wù)器端進(jìn)行記錄、篩選等處理。大量的數(shù)據(jù)庫查詢、修改處理也需要服務(wù)器端程序的支持。目前常用的服務(wù)器端編程技術(shù)主要有CGI、ASP、PHP、JSP等,不同的技術(shù)2°12'9'9需要不同的系統(tǒng)環(huán)境支持。1.3網(wǎng)頁制作的基本方法>制作網(wǎng)頁的基本步驟>1、確定網(wǎng)頁的內(nèi)容>2、設(shè)計網(wǎng)頁的組織結(jié)構(gòu)>3、資料的收集與整理>4、選擇網(wǎng)頁的設(shè)計方法常用的網(wǎng)頁制作工具有Frontpage、Dreamweaver等。服務(wù)器端的ASP程序可以使用VisualInterdev>UltraDEV等編輯。2012-9-932＞開始網(wǎng)頁制作?構(gòu)建頁面框架?創(chuàng)建導(dǎo)航條?:?填充內(nèi)容?:?創(chuàng)建返回主頁連接2012-9-933＞網(wǎng)頁制作的原則?站點要有創(chuàng)意?整體規(guī)劃?動畫不能過多?:?導(dǎo)航要明朗?:?制作通用網(wǎng)頁?主題鮮明?:?優(yōu)化圖象2012-9-9:*定時更新34>制作網(wǎng)頁時要注意的問題>1、網(wǎng)頁的標(biāo)題要簡潔，明確。>2、在文本中要使用水平線，以分割不同部分。

溫馨提示

  • 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

提交評論