媒介技術(shù)二網(wǎng)絡(luò)傳媒_第1頁
媒介技術(shù)二網(wǎng)絡(luò)傳媒_第2頁
媒介技術(shù)二網(wǎng)絡(luò)傳媒_第3頁
媒介技術(shù)二網(wǎng)絡(luò)傳媒_第4頁
媒介技術(shù)二網(wǎng)絡(luò)傳媒_第5頁
已閱讀5頁,還剩33頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

目錄 目錄 添加文 添加圖 使用Dreamweaver設(shè)計(jì)文件教 設(shè)置Dreamweaver站 6.1使用JavaScript行 62Dreamweaver第一章基礎(chǔ)流程MacromediaDreamweaverMX第一章基礎(chǔ)流程MacromediaDreamweaverMX中使用可視化創(chuàng)作工具創(chuàng)建簡(jiǎn)單的靜態(tài)Web站點(diǎn)的過程。Web使用Dreamweaver創(chuàng)建Web站點(diǎn)最常見的方法就是在本地磁盤上創(chuàng)建并編輯頁,然后將這些頁的拷貝上傳到一個(gè)遠(yuǎn)程Web服務(wù)器使公眾可以訪問它們??梢酝ㄟ^其他方法(例如在本地計(jì)算機(jī)上運(yùn)行Web服務(wù)器,或?qū)⑽募蟼鞯侥M調(diào)試服務(wù)器,或像使用本地磁盤一樣使用安裝的磁盤)Dreamweaver,但本指南中的課程假設(shè)在本地磁盤上進(jìn)行操作,然后上傳到遠(yuǎn)程服務(wù)器。DreamweaverWebWebWeb站點(diǎn)是從對(duì)其進(jìn)行規(guī)劃開始的:決定要?jiǎng)?chuàng)建多少頁、每頁上顯示什么內(nèi)容以Web頁,其間具有鏈接。因此,對(duì)于此站點(diǎn),可以跳過規(guī)劃,進(jìn)入創(chuàng)建站點(diǎn)DreamweaverDreamweaver中標(biāo)識(shí)該站點(diǎn)。該名稱可以是任何所需的名稱。例如,可以將站點(diǎn)命名為“GlobalCarRental”。如果要設(shè)置站點(diǎn)來創(chuàng)建Web應(yīng)用程序,則需要選擇動(dòng)態(tài)文檔類型,例如MacromediaColdFusion、MicrosoftActiveServerPage(ASP)、MicrosoftASP.NET、SunJavaServerPage(JSP)或PHPHypertextPreprocessor(PHP),然后提供有關(guān)應(yīng)用程序服務(wù)器的信息。文本框允許在本地磁盤上指定一個(gè)文件夾,Dreamweaver將在其中存儲(chǔ)站點(diǎn)文件的本地版WindowsC驅(qū)動(dòng)器根目錄創(chuàng)建一個(gè)文件夾并將其命名為“Sites”。即該文件夾的路徑是C:\Sites。MacOSX(/Users/your_user_name)包含一個(gè)名為“Documents”的文件夾。還是在“選擇站點(diǎn)的本地根文件夾”對(duì)話框中,在Sites文件夾中創(chuàng)建一個(gè)新文件夾。將DreamweaverDreamweaver存儲(chǔ)有關(guān)Dreamweaver所有本地磁盤。該圖標(biāo)標(biāo)為“桌面”(Windows)或“計(jì)算機(jī)”(Macintosh)所有本地磁盤。該圖標(biāo)標(biāo)為“桌面”(Windows)或“計(jì)算機(jī)”(Macintosh)WebHTML文件,則可以使用“站點(diǎn)”面板中的Dreamweaver在創(chuàng)建了本地站點(diǎn)之后,如果已為該站點(diǎn)創(chuàng)建了資源(圖像或其他內(nèi)容片斷,則將這些資源放置在本地站點(diǎn)根文件夾內(nèi)的一個(gè)文件夾中。那么當(dāng)要向頁中添加內(nèi)容時(shí),這些資源將隨時(shí)可用。保持一致,請(qǐng)將整個(gè)Design文件夾拷貝到站點(diǎn)中,然后在該文件夾中進(jìn)行操作。在“站點(diǎn)”面板中,展開“桌面”(Windows)或“計(jì)算機(jī)”(Macintosh)圖標(biāo)以查看可用的DreamweaverSamplesSamplesGettingStarted選擇GettingStarted文件夾中的Design文件夾,然后按Ctrl+C組合鍵(Windows)Command+C(Macintosh)Design文件夾包含一個(gè)名為“AssetsAssets文件夾又包含與站點(diǎn)相關(guān)的多個(gè)資源(其中包括一個(gè)images子文件夾)。擇該文件夾。然后按Ctrl+V組合鍵(Windows)或Command+V組合鍵(Macintosh)將DesignWebDreamweaverHTML文檔。在繼續(xù)之前,請(qǐng)關(guān)閉該文檔。創(chuàng)建沒有預(yù)設(shè)格式的頁。本課的其余部分假設(shè)正在使用“文本:文章D(具有導(dǎo)航條)”頁面設(shè)新文檔窗口中將出現(xiàn)一個(gè)新頁,該頁使用選擇的布局。該頁填有占位符“Loremipsum”Design文件夾。如果文檔工具欄不可見,則選擇“查看”>“工具欄”>“文檔”。即會(huì)出現(xiàn)在“標(biāo)題”文本框中(其中顯示“無標(biāo)題文檔”),鍵入該頁的標(biāo)題,例如“GlobalCarRentalEnter(Windows)Return(Macintosh)查看文檔窗口標(biāo)題條中頁面1.5當(dāng)在設(shè)計(jì)視圖中輸入文本并對(duì)其進(jìn)行格式設(shè)置時(shí),DreamweaverHTML代碼。若要Dreamweaver附帶的預(yù)先設(shè)計(jì)的頁包含占位符“Loremipsum”文本,如果頁基于預(yù)先設(shè)計(jì)的鍵入“SafetyTips”(或者,如果愿意,可以鍵入自己的標(biāo)題文本)ThesafetyofThesafetyofourloyalcustomersisimportanttous.Readthesesafetytipstoensurethatyournexttripgoesoffwithoutahitch!在右邊的列中,單擊三下單詞“News”并鍵入“Globe-TrotterPromotions”將其替換。7Assetspromotions.txt文件。雙擊該文件的圖標(biāo)將其GlobalCarRentalsMicrosoftWord生成的HTML文檔;可以導(dǎo)入該HTML并使用Dreamweaver的“導(dǎo)入Word中,因?yàn)樵撐募皇荋TML文件,所以不能切換到設(shè)計(jì)視圖。1.promotions.txtControl+A(Windows)Command+A選擇所有文本,然后選擇“編輯”>“拷貝”來拷貝該文本promotions.txt文件。選擇“文件”>是第一次嘗試添加圖像時(shí),我們建議使用Dreamweaver的示例站點(diǎn)提供的圖像。是到該圖像的完整本地路徑。如果采取此方法,DreamweaverURL,但是在頁的左上角插入公司徽標(biāo),請(qǐng)雙擊標(biāo)有“image(100x50)”的小占位符。URLURLAssets文件夾中的某個(gè)圖像(logo.jpg)單擊“確定”或“選擇”(Windows)或者“打開”或“選擇”(Macintosh) 開始拖動(dòng)的。) 開始拖動(dòng)的。)Assets文件夾時(shí)繼續(xù)按住鼠標(biāo)按鈕(如果該文件夾關(guān)閉);該文件夾將打images文件夾時(shí)仍繼續(xù)按住鼠標(biāo)按鈕;該文件夾也將打開。繼續(xù)按住鼠標(biāo)按鈕,直到鼠標(biāo)指針在vintage.jpg文件上為止。松開鼠標(biāo)按鈕以選擇vintage.jpg。Dreamweaver提供Dreamweaver附帶的預(yù)先設(shè)計(jì)的頁中,表格單元格的背景顏色大多設(shè)置為灰色;對(duì)于大多Ctrl(Windows)Command(Macintosh)單擊某個(gè)單元格以選擇該單元格。例如,在“GlobalCarRental”示例頁中,現(xiàn)在有一個(gè)表格單元格包含汽車租賃公司的徽標(biāo)圖像;按住Ctrl鍵或Command鍵單擊這個(gè)包含徽標(biāo)圖像的單元格。Global徽標(biāo)圖像的背景使表格單元格的背景顏色與圖像的背景顏改所有導(dǎo)航條表格單元格和第二列文本中標(biāo)題單元格(該單元格現(xiàn)在包含文本“Globe-TrotterPromotions”)的背景顏色,使它們都與Global徽標(biāo)的背景顏色一致。若要?jiǎng)?chuàng)建從客戶服務(wù)頁到index.htm的鏈接,請(qǐng)執(zhí)行以下操作:若要?jiǎng)?chuàng)建從客戶服務(wù)頁到index.htm的鏈接,請(qǐng)執(zhí)行以下操作:“HomePage”并將其選中。index.htm的瀏覽器間顯示時(shí)外觀盡可能相似的HTML,但有時(shí)差異是無法避免的。(這正是為什么Dreamweaver不直接顯示預(yù)覽的原因;Dreamweaver不可能模仿所有不同瀏覽器的全部不同的行index.htm不是當(dāng)前文檔,則切換到該文檔。(如果它未打開,則將其打開。F12Dreamweaver應(yīng)該自動(dòng)檢測(cè)到主瀏覽器并使用它來進(jìn)行預(yù)覽。如果不顯示預(yù)覽,或者Dreamweaver(如果需要)并選擇“文件”>“在瀏覽HTMLWeb頁中的文本或其他任何內(nèi)容插入到一個(gè)“容器”(如層或表格)中,否則它將從一個(gè)邊緣流向另一個(gè)邊緣。HTML表格是一種出色的用WebHTMLWeb頁中的文本或其他任何內(nèi)容插入到一個(gè)“容器”(如層或表格)中,否則它將從一個(gè)邊緣流向另一個(gè)邊緣。HTML表格是一種出色的用Web頁布局的解決方案,因?yàn)樗鼈円子谛薷亩遗c大多數(shù)瀏覽器兼容??梢允褂帽砀駚斫M織表格數(shù)據(jù)的布局或設(shè)置可視化元素(如Flash按鈕、圖像或文本段落)的顯示。Dreamweaver有兩種視圖-“標(biāo)準(zhǔn)”視圖和“布局”視圖,可以在這些視圖中設(shè)計(jì)表格。本W(wǎng)indowsXPMacintoshOSXSites DreamweaverTutorials3.將Tutorial文件夾復(fù)制到Sites文件夾中。DreamweaverTutorialsDreamweaver設(shè)計(jì)視圖。若要在“標(biāo)準(zhǔn)”視圖中創(chuàng)建表格,可以使用可以使用表格單元格(在表格中每一行與列的交叉處所創(chuàng)建的框)Web頁中文本和圖Dreamweaver中,選擇“文件”>“新建”。在“行數(shù)”文本框中,鍵入2。在“列數(shù)”文本框中,鍵入2。600像素將創(chuàng)建一個(gè)固定寬度的表格。稍后,我們將在本教程中更詳細(xì)地討論DreamweaverCtrl+S(Windows)Command+S(Macintosh)。2在屬性檢查器中單擊“合并”按鈕以合并單元格2<table>輸入一個(gè)網(wǎng)頁安全色名稱,如goldenrod。F12鍵(Windows)或者選擇“文件”>“在瀏覽器中預(yù)覽”,然后選擇一種75%的寬度,則不管瀏覽器窗口有多大,表格都會(huì)伸展以填充75%的水平間距。這在某些情況75%的寬度,則不管瀏覽器窗口有多大,表格都會(huì)伸展以填充75%的水平間距。這在某些情況Dreamweaver中,選擇“文件”>“HTML”創(chuàng)建一個(gè)新的HTML文檔。在“行數(shù)”文本框中,鍵入2。3112311F12鍵(Windows)或者選擇“文件”>“在瀏覽器中預(yù)覽”,然后選擇一種在MacromediaDreamweaverMX中處理圖像非常容易??梢允褂酶鞣NDreamweaver可視工圖像和文本以及如何設(shè)置圖像周圍的邊距。還將學(xué)習(xí)如何使用單個(gè)圖像鏈接到多個(gè)Web在MacromediaDreamweaverMX中處理圖像非常容易??梢允褂酶鞣NDreamweaver可視工圖像和文本以及如何設(shè)置圖像周圍的邊距。還將學(xué)習(xí)如何使用單個(gè)圖像鏈接到多個(gè)Web頁。本教程專為第一次使用Dreamweaver的用戶設(shè)計(jì)。它介紹了Dreamweaver中的一些基本功GettingStarted示例文件的新文件夾(如果尚未創(chuàng)WindowsMacintoshOSXSitesDreamweaverTutorials\Macromedia|DreamweaverMX\Samples\GettingStarted\TutorialSitesDreamweaverTutorialsDreamweaverDreamweaver中,選HTML流中,并且可以單獨(dú)顯示為一個(gè)段落或者顯之間的關(guān)系。在Dreamweaver中,“對(duì)齊”彈出菜單使可以選擇圖像與文本對(duì)齊的方式。InternetExplorer和NetscapeNavigator中有效的對(duì)齊選項(xiàng)。定位到Tutorials/Completed并打開名為imageAlign_comp.htm的文件。F12鍵(Windows)或選擇“文件”>“在瀏覽器中預(yù)覽”并選擇一個(gè)要在其F12鍵(Windows)或選擇“文件”>“在瀏覽器中預(yù)覽”并選擇一個(gè)要在其選擇“文件”>TutorialsimageAlign.htm文件。該文文本環(huán)繞的情況下添加邊距,請(qǐng)使用分段符Control+Enter(Windows)或Command+Returnimage_align.htm文檔中,單擊頁面中的第二個(gè)圖像(在包含文本“Spacing”的表格單1030EnterReturn 擊的區(qū)域)URL或文件。也可以設(shè)置鏈接文檔的打開擊的區(qū)域)URL或文件。也可以設(shè)置鏈接文檔的打開后定位到Tutorials/Completed并打開名為imagemap_comp.htm的文件。F12鍵(Windows)或選擇“文件”>“在瀏覽器中預(yù)覽”,然后選擇要在其單擊“NorthAmerica”。一 Dreamweaver中選擇“文件”> LocationsNorthAmericalocation3.htm的文件并在單擊EuropeF12鍵(Windows)或選擇“文件”>“在瀏覽器中預(yù)覽”,然后選擇一個(gè)要DreamweaverMacromediaDreamweaverMX-(CSS)WebDreamweaverMacromediaDreamweaverMX-(CSS)Web)WindowsXPMacintoshOSXSitesDreamweaverTutorials3.將Tutorial文件夾復(fù)制到Sites文件夾中。4.在Dreamweaver中,將復(fù)制的Tutorials文件夾定義為本地站點(diǎn)。如果不知道如何在DreamweaverDreamweaverWeb站點(diǎn)中提供的說明進(jìn)Dreamweaver隨附的現(xiàn)有代碼片斷,也可以輕松地創(chuàng)建自己首先,將使用在站點(diǎn)中將文檔保存為Dreamweaver隨附了各種可供選擇的代碼片斷。這些代碼片斷位于“代碼”面板中。當(dāng)完成Dreamweaver隨附了各種可供選擇的代碼片斷。這些代碼片斷位于“代碼”面板中。當(dāng)完成按鈕查看其內(nèi)容。Tab(+)BasicTab以選中它。EnterReturn按鈕,然后單擊“單像素寬的邊框”文件夾前面的加號(hào)(+)按鈕查看該文件夾中的代碼片斷。EnterReturn#9966FF#9999FF5#9999FF5步,將同一種顏色應(yīng)用于包含文本“Dolor”和“AmitF12鍵(Windows)或選擇“文件”>“在瀏覽器中預(yù)覽”,然后選擇要在其Tab文件夾以選擇將保存<table>標(biāo)簽。(Windows)Control(Macintosh)所選表格,然后選擇“創(chuàng)建新代碼片(+)按鈕。這里我們將代碼片斷示例命名為purplenavigation。TabWeb站點(diǎn)是一組具有共享屬性(如相關(guān)主題、類似的設(shè)計(jì)或共同目的)MacromediaDreamweaverMX是一個(gè)站點(diǎn)創(chuàng)建和管理工具,因此使用它不僅可以創(chuàng)建單獨(dú)的Web站點(diǎn)是一組具有共享屬性(如相關(guān)主題、類似的設(shè)計(jì)或共同目的)MacromediaDreamweaverMX是一個(gè)站點(diǎn)創(chuàng)建和管理工具,因此使用它不僅可以創(chuàng)建單獨(dú)的WebWeb站點(diǎn)頁面之前,應(yīng)對(duì)備注:如果等不及,要立刻開始創(chuàng)建文檔,可以嘗試一些Dreamweaver文檔創(chuàng)建工具并創(chuàng)Web站點(diǎn)的第一步是規(guī)劃。下一步是設(shè)置站點(diǎn)的基本結(jié)構(gòu)。當(dāng)開始開發(fā)站點(diǎn)內(nèi)容時(shí),請(qǐng)考慮基于一個(gè)Dreamweaver模板建立站點(diǎn)。WebDreamweaver編輯該站點(diǎn)。Dreamweaver站點(diǎn)DreamweaverWebWeb站點(diǎn)的文檔的本W(wǎng)eb站點(diǎn)時(shí)應(yīng)該采取的第一步。向自己或客戶提出有關(guān)站點(diǎn)的問題。Web站點(diǎn)來實(shí)現(xiàn)什么目標(biāo)?寫下目標(biāo),以便在設(shè)計(jì)過程中時(shí)刻提醒自己。目標(biāo)使可以集中注意力,針對(duì)特定的需要來設(shè)計(jì)和規(guī)劃Web站點(diǎn)。WebWeb站點(diǎn)應(yīng)該具有截然不同的外觀和導(dǎo)Web站點(diǎn)實(shí)現(xiàn)的目標(biāo)之后,需要確定希望誰訪問站點(diǎn)。這看起來可能是一個(gè)愚Web站點(diǎn)。但是,創(chuàng)建世界上每個(gè)人都能使用Web站點(diǎn)是很困難的。人們使用不同的瀏覽器,以不同的速度連接,并且可能有也可能沒有媒Web站點(diǎn)吸引或者希望吸引誰。認(rèn)為他們將使用何種計(jì)算機(jī)?哪種平臺(tái)可能占主導(dǎo)地位(Macintosh、Windows、Linux等)?平均連接速度是多少(33.6Kbps調(diào)制解調(diào)器還是DSL)?他們將使用何種瀏覽器和何種顯示器尺寸?要?jiǎng)?chuàng)建的是每個(gè)人都使用同樣的操作系統(tǒng)選擇了用戶并確定他們將使用何種計(jì)算機(jī)、連接速度和瀏覽器后,就可以確定設(shè)計(jì)目標(biāo)了。例如,假設(shè)目標(biāo)用戶主要由使用7英寸顯示器的ns用戶組成,這些用戶使用MicrosoftInternetExplorer3.0800x600WindowsInternetExplorerMacintoshNetscapeNavigator的查看者可能較少,但仍然應(yīng)該確保站點(diǎn)在這些計(jì)算機(jī)上能夠工作,雖NetscapeNavigator的查看者可能較少,但仍然應(yīng)該確保站點(diǎn)在這些計(jì)算機(jī)上能夠工作,雖Web瀏覽器。在已知的其他設(shè)計(jì)限制下,盡可能目前使用的Web瀏覽器有二十多種,大多數(shù)已發(fā)行了多個(gè)版本。即使只針對(duì)使用NetscapeNavigator和MicrosoftInternetExplorer的大多數(shù)Web用戶,但應(yīng)明確并不是每個(gè)人都在使用這WebNetscapeNavigator2.0或是AOL向其客戶提供的瀏覽器以及Lynx一類的純文本瀏覽器來訪問它。果是創(chuàng)建在CD-ROM中分發(fā)的HTML內(nèi)容,同時(shí)在該CD上分發(fā)某種瀏覽器,則可以假定所Web站點(diǎn),最好使站點(diǎn)可以在盡可能多的瀏覽器中并非所有的瀏覽器都可以運(yùn)行JavaScript。不使用特殊字符的純文本頁面或許能夠在任何瀏覽器中Web服務(wù)器上。這種方法要比在實(shí)時(shí)公共Web站點(diǎn)上創(chuàng)建和編輯文件好,因?yàn)樗试S在公開各Dreamweaver設(shè)置了本地站點(diǎn)后,就可以更輕松地執(zhí)行管理站點(diǎn)文件、跟蹤鏈接、更新等可以全部放在一個(gè)文件夾中,而在線目錄頁可以放在另一個(gè)文件夾中。必要時(shí)可以使用子文件夾。這種組織類型使站點(diǎn)更容易維護(hù)和導(dǎo)航。確定將圖像和聲音文件等項(xiàng)目放在何處例如,將所有圖像放在一個(gè)位置很方便,這樣,當(dāng)要將圖像插入頁面時(shí),就知道在何處可以找到它。設(shè)計(jì)人員有時(shí)把將在站點(diǎn)上使用的所有非HTML項(xiàng)目放在一個(gè)名為Assets的文件夾中。該文件夾中可能包含其他文件夾óó如Images本地和遠(yuǎn)程站點(diǎn)使用同樣的結(jié)構(gòu)本地站點(diǎn)和遠(yuǎn)程Web站點(diǎn)應(yīng)該具有完全相同的結(jié)構(gòu)。如果使用Dreamweaver本地和遠(yuǎn)程站點(diǎn)使用同樣的結(jié)構(gòu)本地站點(diǎn)和遠(yuǎn)程Web站點(diǎn)應(yīng)該具有完全相同的結(jié)構(gòu)。如果使用Dreamweaver創(chuàng)建本地站點(diǎn),然后將全部?jī)?nèi)容上傳到遠(yuǎn)程站點(diǎn),則Dreamweaver確保在遠(yuǎn)Dreamweaver開始工作之前規(guī)劃了設(shè)計(jì)和布局,在以后的設(shè)計(jì)中就可以節(jié)省法,就是使用諸如MacromediaFreeHand或Fireworks等軟件創(chuàng)建站點(diǎn)的合成圖。重要的是要有(Flash、Shockwave等)這樣的項(xiàng)目。在開始開發(fā)站點(diǎn)前,請(qǐng)確保收集了所有這些項(xiàng)目并做好了用鼠標(biāo)經(jīng)過圖像技術(shù),那么其中還包括需要的任何圖像。然后組織資源,以便可以在使用Dreamweaver創(chuàng)建站點(diǎn)時(shí)方便地訪問它們。Dreamweaver使可以更容易地通過使用模板和庫,在各種文檔中重用頁面布局和頁面元素。5.2DreamweaverDreamweaverWeb站點(diǎn)關(guān)聯(lián)的文檔的方法。可以將它看作一個(gè)項(xiàng)目。需要為所開發(fā)的每個(gè)Web站點(diǎn)設(shè)置一個(gè)站點(diǎn)。通過在站點(diǎn)中組織文件,可以與FTP一起利用DreamweaverWeb服務(wù)器、自動(dòng)跟蹤和維護(hù)鏈接、管理文件以及共享文件。除非定義站點(diǎn),否則不能充分利用Dreamweaver的功能。DreamweaverWeb站點(diǎn)類型:本地文件夾是工作目錄。Dreamweaver將該文件夾稱為“本地站點(diǎn)”。遠(yuǎn)程文件夾是存儲(chǔ)文件的位置,這些文件用于測(cè)試、生產(chǎn)、協(xié)作等,具體取決于環(huán)境。DreamweaverDreamweaver開始使用Dreamweaver前必須至少設(shè)置一個(gè)本地文件夾。有兩種設(shè)置DreamweaverDreamweaverDreamweaverDreamweaver站點(diǎn)。“站點(diǎn)定義向?qū)А睅ьI(lǐng)逐步完成站點(diǎn)設(shè)置過程。建議不熟悉Dreamweaver的用戶使用該方法。Dreamweaver處理動(dòng)態(tài)頁的文件夾的地方。DreamweaverDreamweaver站點(diǎn)的工作目錄。此文件夾可以位于本地計(jì)算機(jī)上,也可以位于網(wǎng)絡(luò)服務(wù)器上。它是為Dreamweaver站點(diǎn)存儲(chǔ)“過程”文件的位置。Dreamweaver站點(diǎn)??赡苓€要添加遠(yuǎn)程文件夾和測(cè)試文件夾,但開始使用Dreamweaver進(jìn)行開發(fā)前至少需要設(shè)置一個(gè)本地文件夾。DreamweaverDreamweaverDreamweaverWebDreamweaver站點(diǎn)中的文WebDreamweaver站點(diǎn)中的文置。一般說來,遠(yuǎn)程文件夾位于運(yùn)行Web服務(wù)器的計(jì)算機(jī)上。Web服務(wù)器的系統(tǒng)上為站點(diǎn)文Dreamweaver站點(diǎn)中的文件。如果是2Dreamweaver站點(diǎn)。Dreamweaver3.Dreamweaver顯示“站點(diǎn)定義向?qū)А?,?qǐng)單擊“高級(jí)”按鈕。SSHDreamweaverFTPFTP訪問遠(yuǎn)程文件夾,必須確定遠(yuǎn)程文件夾的主機(jī)目錄。指定的主機(jī)目錄應(yīng)該如果文件夾站點(diǎn)的結(jié)構(gòu)與本地文件夾的結(jié)構(gòu)不匹配,Dreamweaver會(huì)將文件上傳到錯(cuò)誤的位遠(yuǎn)程根目錄必須存在,Dreamweaver才能連接到它。如果遠(yuǎn)程文件夾沒有根目錄,請(qǐng)創(chuàng)建一該文本框保留為空白。在有些服務(wù)器上,根目錄就是首次使用FTP連接到的目錄。若要確定這一www或登錄名這樣的名稱,它可能就是應(yīng)該在“主機(jī)目錄”文本框中使用的目錄。FTPDreamweaverFTP實(shí)現(xiàn),必須連接到遠(yuǎn)程系統(tǒng)的根文件夾。(在許多應(yīng)用程序中,可以能妨礙Dreamweaver創(chuàng)建站點(diǎn)地圖。Macintosh(UNIX)(Windows)public_html子目錄實(shí)際上可能是到服務(wù)器另一部分的鏈接。在大多細(xì)信息,請(qǐng)查看FTP記錄。FTPFTP記錄”(Macintosh)許多Web頁只包含文本和圖像,沒有任何交互式元素。在Dreamweaver許多Web頁只包含文本和圖像,沒有任何交互式元素。在Dreamweaver中使用JavaScript6.1JavaScriptDreamweaver行為將JavaScript代碼放置在文檔中以允許訪問者與Web頁進(jìn)行交互,從而JavaScriptonMouseOver事件;然后瀏覽器查看是否存在當(dāng)為該鏈接生成該事件時(shí)瀏覽器應(yīng)該調(diào)用的JavaScript代碼(這些代碼是在被查看的頁中指定的)。為不同的頁元素定義不同的事件;例如,在大多數(shù)瀏覽器中,onMouseOver和onClick是與鏈接關(guān)聯(lián)的事件,而onLoad是與圖像和文檔的body部分關(guān)聯(lián)的事件。動(dòng)作是由預(yù)先編寫的JavaScript代碼組成的,這些代碼執(zhí)行特定的任務(wù),例如打開瀏覽器窗口、顯示或隱藏層、播放聲音或停止Shockwave影片。隨MacromediaDreamweaverMX提供的動(dòng)作是由Dreamweaver工程師精心編寫的,以提供最大的跨瀏覽器兼容性。聯(lián)的動(dòng)作(JavaScript代碼)。(可以用來觸發(fā)給定動(dòng)作的事件隨瀏覽器的不同而有所不同。)例onMouseOver事件觸發(fā),那么只要某人在DreamweaverMX提供大約二十多個(gè)行為動(dòng)作;可以在MacromediaExchangeWeb站點(diǎn)以及JavaScript,可以編寫自己的行為動(dòng)作。有關(guān)編寫行為動(dòng)作的更多信息,請(qǐng)參見《擴(kuò)展Dreamweaver》。動(dòng)作(+)是一個(gè)彈出式菜單,其中包含可以附加到當(dāng)前所選元素的多個(gè)動(dòng)作。當(dāng)從此列表中(-)的順序執(zhí)行的??梢詾樘囟ǖ氖录膭?dòng)作的順序-例如,可以更改“的順序執(zhí)行的。可以為特定的事件更改動(dòng)作的順序-例如,可以更改“onLoad事件的多個(gè)動(dòng)作的onLoad動(dòng)作在行為列表中都靠在一起。對(duì)于不能在列表中上下移動(dòng)的動(dòng)作將個(gè)空鏈接,并將行為附加到該鏈接而不是元素本身。在HTML代碼中,空鏈接被指定為a所有請(qǐng)求瀏覽器中都可用的事件。例如,如果選擇“3.0或更新的瀏覽器”,那么可以選擇的事件僅限于那些在所有NetscapeNavigator和MicrosoftInternetExplorer3.0版和更高版本的瀏覽器中每個(gè)瀏覽器都提供一組事件,這些事件可以與“行為”面板的動(dòng)作(+)彈出式菜單中列出的Web頁的訪問者與頁進(jìn)行交互時(shí)(例如,單擊某個(gè)圖像),瀏覽器生成事件;這些事件可用于調(diào)用引起動(dòng)作發(fā)生的JavaScript函數(shù)。(沒有用戶交互也可以生成事件,例如設(shè)置頁每10秒鐘自動(dòng)重新載入。)Dreamweaver提供許多可以使用這些事件觸發(fā)的常用動(dòng)作。Dreamweaver/Configuration/Behaviors/Events文件夾的某個(gè)文件中搜索該事件??梢詫⑿袨楦郊拥秸麄€(gè)文檔(body標(biāo)簽),還可以附加到鏈接、圖像、表單元素或HTML元素中的任何一種。選擇的目標(biāo)瀏覽器確定給定的元素支持哪些事件。例如,對(duì)于每個(gè)元素,InternetExplorer4.0比Navigator4.0或任何3.0版的瀏覽器具有更多的事件。<body>(+)則“控制Shockwave或Flash”動(dòng)作將灰顯。如果所選的對(duì)象無可用事件,則所有動(dòng)作都灰顯。Dreamweaver40如果要將行為附加到某個(gè)圖像,則一些事件(例如onMouseOver)顯示在括號(hào)中。這些事件僅用于鏈接。當(dāng)選擇其中之一時(shí),Dreamweaver在圖像周圍使用a標(biāo)簽來定義一個(gè)空鏈接。在屬正鏈接,可以更改鏈接值,但是如果刪除了JavaScript鏈接卻未用另一個(gè)鏈接來代替它,則將刪不能將行為附加到純文本。諸如p和span等標(biāo)簽不能在瀏覽器中生成事件,因此無法從這備注:如果愿意,可以在“鏈接”域中改用數(shù)字符號(hào)(#)。使用數(shù)字符號(hào)的問題在于當(dāng)訪問者單擊該鏈接時(shí),某些瀏覽器可能跳到頁的頂部。單擊JavaScript空鏈接不會(huì)在頁上產(chǎn)生任何效果,因此JavaScript方法通常更可取。ahref標(biāo)簽中,插入以下屬性:style="text-decoration:none;color:black"CSS樣式。應(yīng)用于單個(gè)鏈接的內(nèi)聯(lián)樣式覆蓋應(yīng)用于該鏈接的其他CSS樣式,但不對(duì)該鏈接外的部分產(chǎn)生任何影響。若要更改頁上各處或整個(gè)站點(diǎn)中鏈接文本的外觀,請(qǐng)使用CSS樣式為鏈接創(chuàng)建一個(gè)新的樣式。。置在時(shí)間軸中。例如,可以在時(shí)間軸的第15幀開始播放聲音。Dreamweaver號(hào)(-)顯示在時(shí)間軸幀的“行為”通道中。號(hào)(-)顯示在時(shí)間軸幀的“行為”通道中。Enter鍵(Windows)或Return(Macintosh);然后更改對(duì)話框中的參數(shù)并單擊“確定”若要?jiǎng)h除某個(gè)行為,請(qǐng)將其選中然后單擊減號(hào)(-)按鈕或按Delete鍵。如果頁包含用Dreamweaver1或Dreamweaver2創(chuàng)建的行為,則當(dāng)在當(dāng)前版本的的一個(gè)行為進(jìn)行更新時(shí),此頁中所有其他地方出現(xiàn)的該行為都將進(jìn)行更新。在Dreamweaver3中創(chuàng)建的行為無需修改就可以用在Dreamweaver4中。6.2DreamweaverDreamweaver自帶的行為動(dòng)作是為在NetscapeNavigator4.0和更高版本以及InternetExplorer4.0NetscapeNavigator版本3.0和更高版本。(Navigator3.0中不起作用。)InternetExplorer3.0Dreamweaver動(dòng)作是經(jīng)過精心編寫的,以便在盡可能多的瀏覽器中發(fā)揮作用。如果從Dreamweaver動(dòng)作中手工刪除代碼,或用自己的代碼將其替換,則可能會(huì)失去跨瀏覽器兼容性。盡管Dreamweaver動(dòng)作經(jīng)過了精心的編寫以提供最大的跨瀏覽器兼容性,但某些動(dòng)作仍不能經(jīng)常關(guān)閉瀏覽器中的JavaScript功能。為了獲得最佳的跨平臺(tái)效果,可提供一個(gè)包括在無腳本標(biāo)簽中的替換界面,以使沒有JavaScript的訪問者仍然能夠使用站點(diǎn)。調(diào)用“調(diào)用或JavaScript代碼行。(可以自己編寫JavaScript或使用Web上多個(gè)免費(fèi)的JavaScript庫中提(+)JavaScript準(zhǔn)確鍵入要執(zhí)行的(+)JavaScript準(zhǔn)確鍵入要執(zhí)行的碼封裝在一個(gè)函數(shù)中,則只需鍵入該函數(shù)的名稱(例如hogback())。的屬性是由瀏覽器決定的;在InternetExplorer4.0中可以通過此行為更改的屬性比IE3.0或Navigator3.0或4.0多得多。例如,可以動(dòng)態(tài)設(shè)置層的背景顏色。HTMLJavaScript(+)按鈕并從“動(dòng)作”彈出式菜單中選擇“更改屬性”。JavaScript名稱(JavaScript屬ShockwaveMacromediaFlashShockwaveFlashFlash選擇“窗口”>“屬性”并在上面最左邊的域(ShockwaveFlash圖標(biāo)旁邊)中輸入ShockwaveFlash”動(dòng)作對(duì)影片進(jìn)行控制,必須對(duì)該影片進(jìn)行命名。ShockwaveFlash(+)ShockwaveFlash Dreamweaver自動(dòng)列出當(dāng)前文檔中所有ShockwaveDreamweaver自動(dòng)列出當(dāng)前文檔中所有Shockwave和Flash影片的名稱。(具體來說,Dreamweaver列出文件名以.dcr、.dir、.swf或.spl結(jié)尾的影片,這些文件擴(kuò)展名在object或embed標(biāo)簽中。)雖然也可以使用onMouseOver事件將它附加到填滿整個(gè)層的鏈接上(例如圖像周圍的鏈接)。<body>body(+)如果“拖動(dòng)層”不可用,則可能是因?yàn)檫x擇了層。因?yàn)閷釉趦蓚€(gè)4.0版本的瀏覽器中都不接-body標(biāo)簽或鏈接(a標(biāo)簽)-或者在“顯示事件”彈出式菜單中將目標(biāo)瀏覽器更改為IE4.0。果只允許水平移動(dòng),則在“左”和“右”域中輸入正值,在“上”和“下”域中輸入0。在“調(diào)用JavaScript”域中輸入JavaScript代碼或函數(shù)名稱(monitorLayer())以在拖動(dòng)13.在第二個(gè)“調(diào)用JavaScript”域中輸入JavaScript代碼或函數(shù)名稱(evaluateLayerPos())以在放下層時(shí)執(zhí)行該代碼或函數(shù)。如果只有在層到達(dá)拖放目標(biāo)時(shí)才執(zhí)行該出式菜單中更改目標(biāo)瀏覽器。請(qǐng)記住3.0版的瀏覽器不支持層。轉(zhuǎn)到“轉(zhuǎn)到URL”動(dòng)作在當(dāng)前窗口或指定的框架中打開一個(gè)新頁。此動(dòng)作對(duì)通過一次單擊更

溫馨提示

  • 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)論