網(wǎng)設(shè)計(jì)與制作實(shí)用教程

書(shū)名：網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程ISBN：978-7-111-25426-3作者：馬紹惠出版社：機(jī)械工業(yè)出版社本書(shū)配有電子課件網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程高職高專(zhuān)ppt課件第2章初識(shí)Dreamweaver8

機(jī)械工業(yè)出版社2008網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程高職高專(zhuān)ppt課件

學(xué)習(xí)要求提前預(yù)習(xí)，上課認(rèn)真聽(tīng)講課后及時(shí)復(fù)習(xí)，獨(dú)立認(rèn)真完成作業(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程高職高專(zhuān)ppt課件

本章重點(diǎn)了解Dreamweaver8的工作環(huán)境和參數(shù)設(shè)置本地站點(diǎn)的建立Dreamweaver頁(yè)面的創(chuàng)建等熟練掌握Dreamweaver的基礎(chǔ)知識(shí)。網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程高職高專(zhuān)ppt課件主要內(nèi)容2.1Dreamweaver8的基礎(chǔ)知識(shí)2.2Dreamweaver8的工作界面2.3

查找?guī)椭畔?.4站點(diǎn)建立和頁(yè)面屬性的設(shè)置2.5

制作簡(jiǎn)單的網(wǎng)頁(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程高職高專(zhuān)ppt課件2.1Dreamweaver8的基礎(chǔ)知識(shí)

Macromedia公司的Dreamweaver、Flash、Fireworks是目前網(wǎng)站建設(shè)者與維護(hù)人員使用最多的網(wǎng)頁(yè)制作優(yōu)秀套件，被稱(chēng)為是網(wǎng)頁(yè)制作夢(mèng)幻三組合。這三個(gè)軟件工具在功能上有著非常緊密完善的結(jié)合，同時(shí)又有著合理的分工，Dreamweaver主要完成網(wǎng)站的設(shè)計(jì)與管理工作，F(xiàn)lash主要完成Web動(dòng)畫(huà)的制作，F(xiàn)ireworks主要用于完成Web圖像的處理。這三個(gè)軟件雖然功能不同，但是用戶(hù)界面較為統(tǒng)一，簡(jiǎn)單易學(xué)。

MacromediaDreamweaver8是Macromedia最新推出的版本，用于對(duì)Web站點(diǎn)、Web頁(yè)面的開(kāi)發(fā)設(shè)計(jì)與管理，它集網(wǎng)頁(yè)制作和網(wǎng)站管理于一身，功能強(qiáng)大，代碼簡(jiǎn)潔，為專(zhuān)業(yè)的網(wǎng)頁(yè)設(shè)計(jì)者提供了一套所見(jiàn)即所得的、可視化的網(wǎng)頁(yè)編輯器。網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程高職高專(zhuān)ppt課件

主要內(nèi)容2.1Dreamweaver8的基礎(chǔ)知識(shí)2.2Dreamweaver8的工作界面

2.3查找?guī)椭畔?.4站點(diǎn)建立和頁(yè)面屬性的設(shè)置2.5制作簡(jiǎn)單的網(wǎng)頁(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程高職高專(zhuān)ppt課件2.2Dreamweaver8的工作界面啟動(dòng)方法

在WindowsXP操作系統(tǒng)下，單擊“開(kāi)始”→“所有程序”→“Macromedia”→“MacromediaDreamweaver8”菜單命令，就可以啟動(dòng)Dreamweaver8標(biāo)題欄和菜單欄

啟動(dòng)Dreamweaver后，文字Dreamweaver將顯示于標(biāo)題欄，新建或打開(kāi)一個(gè)文檔后，在后面還會(huì)顯示該文檔所在的位置和文件名稱(chēng)。在標(biāo)題欄的下方是菜單欄，在菜單欄中包括“文件”、“編輯”、“查看”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”和“幫助”共10個(gè)菜單項(xiàng)?？赏ㄟ^(guò)菜單執(zhí)行所需命令?！安迦搿惫ぞ邫诰W(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程高職高專(zhuān)ppt課件一個(gè)各種工具的集成面板，它有一個(gè)下拉列表，可以從中選擇不同的工具集合。當(dāng)鼠標(biāo)指針指到這些工具上時(shí)，會(huì)出現(xiàn)相應(yīng)的提示信息顯示它的名稱(chēng)。文檔窗口是用戶(hù)創(chuàng)建和編輯網(wǎng)頁(yè)的區(qū)域。

狀態(tài)欄

主要包括標(biāo)簽選擇器、窗口大小選擇器及頁(yè)面下載速度指示器等?！皩傩浴泵姘?/p>

“屬性”面板中的內(nèi)容根據(jù)文檔窗口中選定對(duì)象的不同而不同。利用對(duì)文檔中選定對(duì)象的屬性進(jìn)行精確的調(diào)整。2.2Dreamweaver8的工作界面網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程高職高專(zhuān)ppt課件主要內(nèi)容2.1Dreamweaver8的基礎(chǔ)知識(shí)2.2Dreamweaver8的工作界面

2.3查找?guī)椭畔?/p>

2.4站點(diǎn)建立和頁(yè)面屬性的設(shè)置2.5制作簡(jiǎn)單的網(wǎng)頁(yè)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用教程高職高專(zhuān)ppt課件2.3查找?guī)椭畔?dòng)幫助系統(tǒng)

若想了解Dreamweaver詳細(xì)的功能與作用方法可使用Dreamweaver的幫助系統(tǒng)。在網(wǎng)頁(yè)編輯過(guò)程中，想了解當(dāng)前操作的信息時(shí)，Dreamweaver在大多數(shù)的對(duì)話(huà)框中都有一個(gè)“幫助”按鈕，單擊該按鈕則會(huì)直接轉(zhuǎn)到幫助系統(tǒng)中與該操作相關(guān)的頁(yè)面上。使用查詢(xún)幫助系統(tǒng)

在“幫助”對(duì)話(huà)框中提供了四種幫助方式：“目錄”、“索引”、“搜索”和“書(shū)簽”。要在Dreamweaver幫助中了解與某一主題相關(guān)的幫助信息時(shí)，須利用“搜索”選項(xiàng)，在“鍵入要查找的關(guān)鍵字”文本框中鍵入相應(yīng)的關(guān)鍵字，然后單擊“列出主題”按鈕；并雙擊結(jié)果列表中的一個(gè)主題，可在“幫助”對(duì)話(huà)框右側(cè)的窗口中顯示該主題的相關(guān)內(nèi)容。可在“幫助”對(duì)話(huà)框右側(cè)的窗口中顯示該主題的相關(guān)內(nèi)容。2.3查找?guī)椭畔?.1Dreamweaver8的基礎(chǔ)知識(shí)2.2Dreamweaver8的工作界面

2.3查找?guī)椭畔?.4站點(diǎn)建立和頁(yè)面屬性的設(shè)置2.5制作簡(jiǎn)單的網(wǎng)頁(yè)主要內(nèi)容2.4本地站點(diǎn)的建立和頁(yè)面屬性的設(shè)置本地站點(diǎn)的建立建立本地站點(diǎn)就是在本地計(jì)算機(jī)上建立一個(gè)文件夾，用來(lái)存放網(wǎng)站中所有的文件與文件夾。在創(chuàng)建站點(diǎn)前，首先要建立一文件夾，然后就可以建立本地站點(diǎn)了。站點(diǎn)定義完后還可以根據(jù)需要進(jìn)行修改，方法是在管理站點(diǎn)”對(duì)話(huà)框中單擊“編輯”按鈕，然后會(huì)調(diào)出“站點(diǎn)定義”對(duì)話(huà)框，單擊“高級(jí)”選項(xiàng)卡可以對(duì)站點(diǎn)進(jìn)行重新設(shè)置。頁(yè)面屬性的設(shè)置

在Dreamweaver中創(chuàng)建的新網(wǎng)頁(yè)默認(rèn)背景色為白色在實(shí)際建設(shè)時(shí)為了使網(wǎng)站具有一定的特征，一般要先對(duì)頁(yè)面的屬性進(jìn)行設(shè)置，方法是單擊“屬性”面板中的“頁(yè)面屬性”按鈕，可打開(kāi)的“頁(yè)面屬性”對(duì)話(huà)框

⑴設(shè)置外觀“外觀”是設(shè)置頁(yè)面的一些基本屬性，可以根據(jù)需要自行定義。⑵設(shè)置鏈接“鏈接”選項(xiàng)內(nèi)是一些與頁(yè)面的鏈接效果有關(guān)的設(shè)置?！版溄宇伾倍x超鏈接文本默認(rèn)狀態(tài)下的字體顏色，“變換圖像鏈接”定義鼠標(biāo)放在鏈接上時(shí)文本的顏色，“已訪問(wèn)鏈接”定義訪問(wèn)過(guò)鏈接的顏色，“活動(dòng)鏈接”定義活動(dòng)鏈接的顏色?！跋聞澗€(xiàn)樣式”可以定義鏈接的下劃線(xiàn)樣式。⑶設(shè)置跟蹤圖像跟蹤圖像是在復(fù)制設(shè)計(jì)時(shí)作為參考的圖像。它顯示在工作區(qū)中，但不可編輯，且瀏覽網(wǎng)頁(yè)時(shí)，跟蹤圖像自動(dòng)隱藏。導(dǎo)入時(shí)單擊右邊的“瀏覽”按鈕，在彈出的對(duì)話(huà)框中可選擇圖像插入。透明度確定跟蹤同的不透明度，從完全透明到完全不透明。2.4本地站點(diǎn)的建立和頁(yè)面屬性的設(shè)置主要嗽?xún)?nèi)容2.盯1氧Dr餃ea碌mw桑ea疼ve撞r呢8的基版礎(chǔ)知勉識(shí)2.表2尋Dr胃ea元mw令ea妄ve抵r勻8的工碗作界主面2.庫(kù)3查找朗幫助噸信息2.拆4站點(diǎn)棋的建暴立和叢頁(yè)面薪屬性游的設(shè)貿(mào)置2.溪5制作普簡(jiǎn)單叔的網(wǎng)暫頁(yè)2.鐵5用Dr霧ea垂mw街ea在ve雕r制作址簡(jiǎn)單謎的網(wǎng)套頁(yè)創(chuàng)建規(guī)空白渡文檔在Dr刻ea祥mw助ea考ve闊r中,網(wǎng)頁(yè)極被稱(chēng)容為是浩文檔蔽，文綱檔的毫新建紡、打飼開(kāi)、區(qū)保存封與關(guān)檔閉是虹最基炸本的筋操作松。新壁建一苦文檔莊的操戲作是跳單擊臭“文擔(dān)件”稻→“而新建省”菜格單命蕉令，曲可打橋開(kāi)“太新建鼻文檔薪”對(duì)錄話(huà)框蟻。存儲(chǔ)佳文檔文檔灶編輯蝴完后徑，單廳擊“丑文件紗”→巖“保穿存”竹菜單基命令餓，在煤打開(kāi)須的“怎另存盈為“胳對(duì)話(huà)云框中仙輸入保文件怖名，菜并選躲擇文群檔的鄙保存奪類(lèi)型獲，保套存類(lèi)洲型選臭項(xiàng)列結(jié)表中蚊有20多種輩文件莫形式炎，可婚選擇耳“HT釣ML文檔觀”類(lèi)米型。丸單擊傘“保坦存”豆按鈕藥，文準(zhǔn)檔就得被保潛存了漆。但佩所保隱存文移件的小路徑堡一定肚要選眉擇在餓站點(diǎn)枝文件碰夾下仔。關(guān)閉圍文檔單擊杰“文棚件”可→“青關(guān)閉稈”菜壤單命村令，韻將關(guān)宅閉當(dāng)餐前活知?jiǎng)哟白目?。打開(kāi)盾現(xiàn)有瘋文檔單擊洋“文輛件”詞→“蜘打開(kāi)亭”團(tuán)菜單翼命令誼，在提彈出可的“析打開(kāi)任”對(duì)艷話(huà)框背中，刻選擇腔要打傅開(kāi)的筆文檔蘿，單液擊“騙打開(kāi)縣”按焦鈕即魯可。打開(kāi)是現(xiàn)有悔文檔薄也可絨在Dr移ea案mw壘ea姻ve動(dòng)r的起升始頁(yè)孩中實(shí)梨現(xiàn)網(wǎng)頁(yè)艇的瀏狐覽Dr降ea叼mw接ea機(jī)ve巾r的“益設(shè)計(jì)友”視源圖提繭供了堤頁(yè)面猴在We拳b上顯掩示時(shí)裝的大自致外府觀，淚要查系看確捆切的綿最終說(shuō)結(jié)果羽，須概在瀏鼓覽器午中預(yù)捧覽頁(yè)伙面。介按快季捷鍵【F尸12艱】或單咳擊“巖文件型”→塞“在效瀏覽妖器中榴預(yù)覽桌”即四可。2.娃5用Dr良ea殺mw旬ea攜ve牲r制作嶺簡(jiǎn)單伴的網(wǎng)辨頁(yè)本章崗小結(jié)Dr歷ea默mw董ea姿ve錫r格8是由Ma犯cr繼om棵ed息ia公司割推出鑒的，池一個(gè)胸可視短化的乓網(wǎng)頁(yè)含設(shè)計(jì)儉和網(wǎng)載站管這理工澡具，傳用于寨對(duì)We蹄b站點(diǎn)壁、We戰(zhàn)b頁(yè)面辦的開(kāi)驅(qū)發(fā)設(shè)貨計(jì)與稼管理搜，它繭集網(wǎng)供頁(yè)制鞏作和剛網(wǎng)站波管理魯于一繁身，梢功能山