《創(chuàng)建站點(diǎn)和組織站點(diǎn)結(jié)構(gòu)》由會(huì)員分享，可在線閱讀，更多相關(guān)《創(chuàng)建站點(diǎn)和組織站點(diǎn)結(jié)構(gòu)（21頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),*,第,2,章,DW,基礎(chǔ)知識(shí),熟悉,Dreamweaver 8,工作界面,網(wǎng)站創(chuàng)建與管理,網(wǎng)頁(yè)文檔的基本操作,基本頁(yè)面屬性設(shè)置,2.1,熟悉,Dreamweaver 8,工作界面,2.1.1,“,插入,”,欄,“,插入”欄又叫插入對(duì)象面板；包含各種類型的對(duì)象按鈕（如圖像、表格和層等），通過(guò)單擊這些按鈕，可將相應(yīng)的對(duì)象插入到文檔中。,2.1.2,文檔標(biāo)簽與,“,文檔,”,工具欄,文檔標(biāo)簽顯示了網(wǎng)頁(yè)文檔名稱；“文檔”工具欄用于切換網(wǎng)頁(yè)視圖，設(shè)置網(wǎng)頁(yè)標(biāo)題，檢查瀏覽器支持等。,2.1.3,狀態(tài)欄,狀態(tài)欄位于文檔編輯
2、窗口底部，提供了標(biāo)簽選擇器（也叫做標(biāo)記符選擇器）、窗口尺寸、文件大小等網(wǎng)頁(yè)信息。,2.1.4,屬性面板與面板組,在,DW,中，大多數(shù)操作都是通過(guò)面板實(shí)現(xiàn)的。,“屬性”面板位于文檔窗口的下方，主要用于查看或編輯所選對(duì)象的屬性。,除“屬性”面板外，,DW,還提供了眾多面板，如“文件”面板、“歷史記錄”面板等。,如要打開(kāi)或關(guān)閉某個(gè)面板，可單擊“窗口”菜單下的相應(yīng)選項(xiàng)。,標(biāo)記選擇符（更正教材,P20,頁(yè)錯(cuò)誤）,標(biāo)簽檢查器對(duì)應(yīng)的屬性面板,2.1.5,幾個(gè)易混名詞的區(qū)分：,標(biāo)簽選擇器,標(biāo)簽選擇器,課堂練習(xí),1,面板基本操作,在了解了面板的種類和作用后，本節(jié)來(lái)看看如何打開(kāi)新的面板、隱藏面板，以及完全關(guān)閉面板
3、等。,2.2,網(wǎng)站創(chuàng)建與管理,2.2.1,站點(diǎn)的定義、組成和結(jié)構(gòu),1.,站點(diǎn)的定義：,是一組具有相關(guān)主題和類似設(shè)計(jì)的鏈接文檔和資源。該術(shù)語(yǔ)可指網(wǎng)站，也可以指屬于網(wǎng)站的文檔的本地存儲(chǔ)位置。站點(diǎn)上傳到服務(wù)器上供瀏覽者點(diǎn)擊查看，一般稱之為網(wǎng)站。,Dw,站點(diǎn)是一種組織所有與網(wǎng)站關(guān)聯(lián)的文檔的方法，也可將它看作一個(gè)項(xiàng)目；需要為所開(kāi)發(fā)的每個(gè)網(wǎng)站設(shè)置一個(gè)站點(diǎn)。,2.,站點(diǎn)的組成,站點(diǎn)由以下個(gè)部分組成：,本地文件夾，,即本地站點(diǎn)，它是工作目錄，是站點(diǎn)文件的存儲(chǔ)位置。要先建立本地文件夾才可以定義,dw,站點(diǎn)。,遠(yuǎn)端文件夾，即遠(yuǎn)端站點(diǎn)，,是用戶存儲(chǔ)用于進(jìn)行測(cè)試、協(xié)作、生產(chǎn)和部署等的文件的位置，一般位于運(yùn)行,web,
4、服務(wù)器的計(jì)算機(jī)上。本地文件夾和遠(yuǎn)端文件夾使用戶能夠在本地磁盤和,web,服務(wù)器之間傳輸文件。,測(cè)試服務(wù)器文件夾，,是,dw,處理動(dòng)態(tài)網(wǎng)頁(yè)的文件夾。,3.,確定站點(diǎn)的目錄結(jié)構(gòu)：,主要是在本地磁盤上創(chuàng)建用來(lái)保存網(wǎng)站內(nèi)容的文件夾和子文件夾，以存放不同類型的文件。,站點(diǎn)的層次結(jié)構(gòu),：,層次結(jié)構(gòu)反映了站點(diǎn)的一個(gè)鏈接關(guān)系，即網(wǎng)頁(yè)之間的鏈接關(guān)系。,4.,本地和遠(yuǎn)端文件夾的結(jié)構(gòu),設(shè)置站點(diǎn)遠(yuǎn)端文件夾的訪問(wèn)權(quán)限時(shí)，必須確定遠(yuǎn)端文件夾的主機(jī)目錄，指定的主機(jī)目錄應(yīng)該對(duì)應(yīng)于（或者匹配）本地文件夾的根文件夾,。,2.2.2,網(wǎng)頁(yè)文檔與文件夾命名規(guī)則,為便于維護(hù)和管理，網(wǎng)站中文件和文件夾的命名要遵循以下規(guī)則：,Dw,中文件
5、和文件夾的命名規(guī)則：,用英文或數(shù)字命名，但不能數(shù)字或運(yùn)算符開(kāi)頭；,若懂英文，建議采用漢語(yǔ)拼音命；但不能使用中文命名；,不能使用空格、標(biāo)點(diǎn)符號(hào)或特殊字符；,盡量全命名使用小寫；因?yàn)?internet,服務(wù)器采用,Unix,操作系統(tǒng)時(shí),區(qū)分大小寫。,在大型網(wǎng)站中，分支頁(yè)面的文件應(yīng)放在單獨(dú)的文件夾中，每個(gè)分支中涉及到的文件也應(yīng)放在單獨(dú)的文件夾中。,靜態(tài)的首頁(yè)文件一般命名為,“,index.html,”,或,“,index.htm,”,。動(dòng)態(tài)的首頁(yè)則命名為,“,index.asp,”,。,2.2.3,創(chuàng)建本地站點(diǎn)的步驟,定義站點(diǎn)可以將本地磁盤中的站點(diǎn)通,DW,建立關(guān)聯(lián)，可以使用,DW,上傳或下載站點(diǎn)內(nèi)
6、容。,執(zhí)行“站點(diǎn),/,管理站點(diǎn)”命令。,設(shè)置站點(diǎn)名稱（可以任意?。?。,選擇使用服務(wù)器技術(shù),。,選擇站點(diǎn)在本地計(jì)算機(jī)上的保存位置，,這是很關(guān)鍵的一步，盡量選擇,英文,命名的文件夾。,選擇服務(wù)器連接方式。,系統(tǒng)總結(jié)出所有選項(xiàng)：,完成,FTP,設(shè)置后，還會(huì)詢問(wèn)是否允許多人同時(shí)編輯同一文件。設(shè)置好后，系統(tǒng)總結(jié)出所有選項(xiàng)復(fù)查。復(fù)查無(wú)誤后站點(diǎn)建設(shè)完成。,2.2.4,組織站點(diǎn)結(jié)構(gòu),站點(diǎn)創(chuàng)建成功后接下來(lái)要組織站點(diǎn)的結(jié)構(gòu)，即創(chuàng)建一個(gè)按字母順序、包含站點(diǎn)所有文件的分類文件夾，不要用中文。,不使用中文的原因：,因?yàn)楹芏?internet,服務(wù)器使用的是英文操作系統(tǒng),不能對(duì)中文文件名提供很好的支持,.,瀏覽網(wǎng)站的用
7、戶也可能使用英文操作系統(tǒng),中文的文件名稱同樣可能導(dǎo)致瀏覽器錯(cuò)誤或訪問(wèn)失敗,建議使用,applet,、,html,、,common,、,images,、,javascript,、,library,、,media,、,software,、,sound,、,templates,定義文件夾,applet:,存放,java,小程序,html,：存放,html,文檔頁(yè)面,common,：存放,css,樣式表文件,images,：存放網(wǎng)站的圖像文件,javascript,：存放,java,腳本,library,：存放庫(kù)項(xiàng)目,media,：存放多媒體文件,software,：存放可下載的軟件,sound,：存
8、放聲音文件,templates,：存放模板文件,2.3,網(wǎng)頁(yè)文檔基本操作,1,新建文檔。,2,保存文檔。需要保存到站點(diǎn)的,html,文件夾中。,3,預(yù)覽文檔,。,在瀏覽器中預(yù)覽其效果。,4,打開(kāi)和關(guān)閉文檔。,2.4,基本頁(yè)面屬性設(shè)置,2.4.1,指定網(wǎng)頁(yè)文檔標(biāo)題和邊距,2.4.2,指定網(wǎng)頁(yè)背景顏色和背景圖像。,最好不要將圖像設(shè)置為網(wǎng)頁(yè)背景，因?yàn)楸尘皥D片會(huì)影響網(wǎng)頁(yè)的下載速度。但不能設(shè)置網(wǎng)頁(yè)背景圖像的透明度。,2.4.3,為網(wǎng)頁(yè)設(shè)置文本和鏈接屬性,2.4.4,跟蹤圖像,跟蹤圖像是放在“文檔”窗口背景中的,JPEG,、,GIF,或,PNG,圖像，可以隱藏圖像、設(shè)置跟蹤圖像的不透明度。,2.4.5,頁(yè)面的使用的技巧：,在文檔窗口中選擇元素：?jiǎn)螕艋蛲蟿?dòng)元素,顯示和隱藏不可見(jiàn)元素：查看,可視化助理,不可見(jiàn)元素,可更改不可見(jiàn)元素的首選參數(shù)：編輯,首選參數(shù),放大（選擇縮放圖標(biāo)單擊或者,ctrl+,加號(hào)），只在設(shè)計(jì)視圖中可用,縮小（選擇縮放圖標(biāo)按,alt,鍵單擊,ctrl+,減號(hào)）文檔，只在設(shè)計(jì)視圖中可用。,借助標(biāo)尺設(shè)置頁(yè)面的寬和高,不出現(xiàn)水平滾動(dòng)條為宜，建議寬度設(shè)在,850-950,像素之間，高度任意。,課堂練習(xí),5,編寫,HTML,代碼：,在,Dreamweaver,中利用標(biāo)簽選擇器創(chuàng)建,HTML,文檔，網(wǎng)頁(yè)效果如下圖所示。,
創(chuàng)建站點(diǎn)和組織站點(diǎn)結(jié)構(gòu)
