14.高效的代碼編寫_第1頁
14.高效的代碼編寫_第2頁
14.高效的代碼編寫_第3頁
14.高效的代碼編寫_第4頁
14.高效的代碼編寫_第5頁
已閱讀5頁，還剩29頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

高效的代碼編寫ADOBEDREAMWEAVERCS6高效的代碼編寫14.1代碼編寫基礎(chǔ)14.2定義文件頭元素14.3查看代碼14.4編寫代碼14.5自定義編碼環(huán)境14.1代碼編寫基礎(chǔ)14.1.1什么是HTMLHTML是互聯(lián)網(wǎng)的核心技術(shù)，它的全稱是“超文本標(biāo)記語言”。HTML是一種文本格式。14.1.2什么是XHTMLXHTML基于HTML，被稱為可擴(kuò)展的HTML，擁有比HTML更嚴(yán)謹(jǐn)?shù)恼Z法，結(jié)合了部分XML的強(qiáng)大功能及HTML的簡單特性。要設(shè)置新建的文檔類型（DTD）可以執(zhí)行“編輯→首選參數(shù)”命令，在彈出對(duì)話框的“分類”列表框中選擇“新建文檔”選項(xiàng)，在右側(cè)的默認(rèn)文檔類型（DTD）中，選擇默認(rèn)使用的類型。14.1.3支持的語言種類ColdFusion標(biāo)記語言（CFML）ASP和ASP.NET（VisualBasic）ASP.NET（C#）JSP（JavaServerPages）PHP（PHP:HypertextPreprocessor）CSS（CascadingStyleSheets）JavaScript14.2定義文件頭元素文件頭元素是指頁面的<head></head>部分，整個(gè)頁面的概括類信息都會(huì)放置在文件頭部分。14.2.1查看和建立文件頭元素執(zhí)行“查看→文件頭內(nèi)容”命令，或按組合鍵“Ctrl+Shift+H”調(diào)出頭元素工具欄點(diǎn)擊相應(yīng)圖標(biāo)，通過屬性面板編輯相關(guān)信息。META關(guān)鍵字（Keywords）說明（Description）刷新（Refresh）基礎(chǔ)（Base）鏈接（Link）<title>我的網(wǎng)頁標(biāo)題</title>14.2.2設(shè)置頁面的meta屬性META所支持的屬性包括如下幾種。name=""：指定特性名稱。content=""：指定特性的值。http-equiv=""：HTTP服務(wù)器通過該屬性收集HTTP響應(yīng)頭標(biāo)，以幫助精確地顯示網(wǎng)頁內(nèi)容。scheme=""：用來命名一個(gè)解釋特性值的方案。lang=""：指定語言信息。dir=""：指定文本方向。14.2.3設(shè)置網(wǎng)頁關(guān)鍵字執(zhí)行“插入→HTML→文件頭標(biāo)簽→關(guān)鍵字”命令，打開“關(guān)鍵字”對(duì)話框14.2.4設(shè)置網(wǎng)頁說明執(zhí)行“插入→HTML→文件頭標(biāo)簽→說明”命令，打開“說明”對(duì)話框14.2.5設(shè)置網(wǎng)頁刷新執(zhí)行“插入→HTML→文件頭標(biāo)簽→刷新”命令打開“刷新”對(duì)話框14.2.6設(shè)置網(wǎng)頁基礎(chǔ)URL執(zhí)行“插入→HTML→文件頭標(biāo)簽→基礎(chǔ)”命令，打開“基礎(chǔ)”對(duì)話框14.2.7設(shè)置網(wǎng)頁鏈接屬性鏈接屬性用來設(shè)置當(dāng)前頁面與另一頁面或者文件之間的對(duì)應(yīng)關(guān)系。鏈接屬性常用于兩個(gè)方面，一個(gè)是對(duì)當(dāng)前頁面添加外部的CSS樣式表，另一個(gè)是用來創(chuàng)建“收藏夾圖標(biāo)”。執(zhí)行“插入→HTML→文件頭標(biāo)簽→鏈接”命令，打開“鏈接”對(duì)話框14.2.8設(shè)置meta搜索機(jī)器人搜索引擎除了“被動(dòng)”增加各種網(wǎng)站信息外，還“主動(dòng)”放出robot/spider（搜索機(jī)器人）來搜索登錄網(wǎng)站，meta元素的一些特性就用來引導(dǎo)這些robot/spider登錄網(wǎng)頁及其分支。執(zhí)行“插入->HTML->文件頭標(biāo)簽->Meta”命令，打開“META”對(duì)話框<metaname="robots"content="index,follow"/>noindex：不允許robot/spider收錄。nofollow：不允許robot/spider沿著該網(wǎng)頁上的鏈接繼續(xù)抓取下面的子分支。all：和"index,follow"作用相同。none：和"noindex,nofollow"作用相同。14.2.9設(shè)置meta禁用訪問者緩存meta還有一項(xiàng)比較重要的設(shè)置，就是禁用訪問者的緩存。訪問某個(gè)頁面時(shí)會(huì)將該網(wǎng)頁存在緩存中，下次訪問時(shí)就可從緩存中讀取，以提高瀏覽速度。但有時(shí)為了特殊的需要，我們必須禁用訪問者的緩存。<metahttp-equiv="Pragma"content="no-cache"/>14.3查看代碼Dreamweaver提供了多種查看網(wǎng)頁源代碼的方法，包括直接在文檔窗口查看，以拆分視圖查看或以代碼檢查器的獨(dú)立窗口查看等。14.3查看代碼14.3.1代碼、拆分與實(shí)時(shí)代碼視圖在菜單欄中執(zhí)行“查看→代碼”命令，進(jìn)入代碼視圖，也可以單擊工具欄中的“顯示代碼視圖”按鈕，進(jìn)入代碼視圖14.3.2相關(guān)文件“相關(guān)文件”功能可以讓我們?cè)谥魑臋n標(biāo)題下的“相關(guān)文件”工具欄中看到與主文檔相關(guān)的所有文件的名稱，這使我們能夠更方便地查看文檔中運(yùn)用到的樣式。相關(guān)文件14.3.3代碼檢查器菜單欄中執(zhí)行“窗口→代碼檢查器”命令或按下“F10”鍵即可進(jìn)入。14.4編寫代碼14.4.1代碼提示與自動(dòng)完成當(dāng)輸入一個(gè)標(biāo)簽（一部分或首字母）時(shí)，代碼環(huán)境當(dāng)前光標(biāo)的位置會(huì)出現(xiàn)一個(gè)列表框，其中包括標(biāo)簽、標(biāo)簽屬性甚至某個(gè)屬性的值。14.4.2顯示代碼瀏覽器顯示與頁面上選定內(nèi)容相關(guān)的代碼源列表框。14.4.2顯示代碼瀏覽器我們可以通過三種方法來打開代碼導(dǎo)航器：在頁面設(shè)計(jì)視圖下，按住Alt鍵并單擊（Windows）頁面上的任何區(qū)域

（Macintosh：Command+Option）。放置鼠標(biāo)在頁面上的任意區(qū)域2秒鐘，單擊指示器可打開代碼導(dǎo)航器圖標(biāo)。在文檔頁面區(qū)域單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“代碼瀏覽器”命令打開代碼導(dǎo)航器。14.4.3折疊代碼選擇一段代碼后，該段代碼的左側(cè)會(huì)出現(xiàn)垂直的連線式手柄，單擊該“－”狀態(tài)手柄收縮代碼段。手柄變?yōu)椤埃睜顟B(tài)，也就是折疊后的狀態(tài)。14.4.4選擇代碼選擇代碼用來選中需要的代碼或區(qū)分不同的代碼群，有利于更高效地編輯代碼。14.4.5插入HTML注釋不同的腳本語言，所使用的注釋形式不太相同。應(yīng)用HTML注釋：<!--在所選HTML代碼兩側(cè)添加的注釋-->。應(yīng)用/**/注釋：/*在所選CSS或JavaScript代碼兩側(cè)添加的多行風(fēng)格的注釋*/。應(yīng)用//注釋：//在所選CSS或JavaScript代碼行首添加的單行風(fēng)格的注釋。應(yīng)用’注釋：’在VisualBasic行首插入的單行風(fēng)格的注釋。14.4.6插入代碼片段Dreamweaver提供的代碼片段面板其實(shí)就是一個(gè)大型的代碼庫，里面收集了很多常用的代碼段，以方便用戶在使用的時(shí)候直接拖入頁面。在菜單欄中執(zhí)行“窗口→代碼片段”命令，或按下“Shift+F9”組合鍵。14.4.7使用標(biāo)簽檢查器執(zhí)行“窗口→標(biāo)簽檢查器”命令或按下“F9”鍵即可調(diào)出“標(biāo)簽檢查器”面板。14.4.8快速標(biāo)簽編輯器快速標(biāo)簽編輯器允許用戶在設(shè)計(jì)窗口插入、編輯和環(huán)繞代碼。按下“Ctrl+T”組合鍵進(jìn)入或在屬性檢查器的右上角單擊“快速標(biāo)簽編輯器”按鈕或在菜單中執(zhí)行“修改→快速標(biāo)簽編輯器”命令。14.4.9使用標(biāo)簽選擇器標(biāo)簽選擇器同樣可以避免用戶記憶和書寫大量代碼，它將常用語言的標(biāo)簽全部收集起來供用戶調(diào)用，不用鍵盤就能完成眾多代碼的輸入。在“常用”選項(xiàng)卡中單擊最后一個(gè)按鈕“標(biāo)簽選擇器”，或在代碼視圖中單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“插入標(biāo)簽”命令，進(jìn)入該選擇器的界面。14.5自定義編碼環(huán)境14.5.1設(shè)置代碼格式通過“首選參數(shù)”對(duì)話框來指定代碼的格式，例如縮進(jìn)、行長度和屬性大小寫等。執(zhí)行“編輯→首選參數(shù)”命令，在彈出對(duì)話框左側(cè)的“分類”列表框中選擇“代碼格式”選項(xiàng)。14.5.2設(shè)置代碼顏色和提示執(zhí)行“編輯->首選參數(shù)”命令。在彈出對(duì)話框左側(cè)的“分類”列表框中選擇“代碼顏色”選項(xiàng)。選擇需要更改的文檔類型。并

溫馨提示

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