【正文】 P之間不論有多少行，不論每一行有多長或者多短，也不論其間有多少個(gè)空格，瀏覽器都把它作為一個(gè)段落來處理。 UL … /UL 表示標(biāo)簽之間的列表項(xiàng)目是無編號(hào)列表（ Unnumbered List）。 LI表示標(biāo)簽后面的內(nèi)容是具體的列表項(xiàng)目（ List Item）。 DL表示定義列表（ Definition Lists） DT表示后面的項(xiàng)是定義術(shù)語（ Definition Term） DD表示后面的項(xiàng)是定義釋義（ Definition Definition） 網(wǎng)站設(shè)計(jì)基本知識(shí) HTML語言 3．基本標(biāo)簽的使用 （ 9）預(yù)格式文本（ Preformatted Text）標(biāo)簽 PRE 用于產(chǎn)生固定寬度的字符。 （ 10）擴(kuò)展引用（ Extended Quotations）標(biāo)簽 BLOCKQUOTE BLOCKQUOTE … /BLOCKQUOTE 用來包含一個(gè)比較長的引用語。 網(wǎng)站設(shè)計(jì)基本知識(shí) HTML語言 3．基本標(biāo)簽的使用 （ 12）表單標(biāo)簽 FORM 用來收集用戶的信息，它可以包含讓用戶輸入文本和選擇項(xiàng)目的接口構(gòu)件，例如文本域、按鈕、復(fù)選框（ checkboxe），單選按鈕（ radio button）和選擇列表。 網(wǎng)站設(shè)計(jì)基本知識(shí) HTML語言 3．基本標(biāo)簽的使用 （ 13）橫線（ Horizontal Rule）標(biāo)簽 HR 生成一條用于分割文檔的水平線，其長度與瀏覽器窗口等寬，粗細(xì)和長短都可設(shè)置。目前，大部分瀏覽器支持 .GIF 和 .JPEG文件。 網(wǎng)站設(shè)計(jì)基本知識(shí) HTML語言 3．基本標(biāo)簽的使用 （ 15）表格標(biāo)簽 TABLE 表格的基本形式：一個(gè)表由 TABLE開始， /TABLE結(jié)束，表的內(nèi)容由 TR,TH和 TD定義。是否用表格線分開為部分內(nèi)容用 border屬性說明。它與同為 Macromedia公司出品的 Fireworks和 Flash一道，被譽(yù)為網(wǎng)頁制作三劍客。無論愿意享受手工編寫 HTML代碼時(shí)的駕馭感還是偏愛在可視化編輯環(huán)境中工作， Dreamweaver 都會(huì)提供有用的工具。 可以查看所有站點(diǎn)元素或資源并將它們從易于使用的面板直接拖到文檔中 。 網(wǎng)站設(shè)計(jì)基本知識(shí) Dreamweaver介紹 2． Dreamweaver MX操作界面 插入面板 文檔 工具箱 網(wǎng)頁 設(shè)計(jì)區(qū) 屬性區(qū) 面板組 網(wǎng)站設(shè)計(jì)基本知識(shí) Dreamweaver介紹 2． Dreamweaver MX操作界面 Dreamweaver MX操作界面主要的構(gòu)成元素： 菜單區(qū) 和其他的軟件一樣，該軟件所有的操作命令都可以從這一個(gè)區(qū)內(nèi)找到，例如，選中菜單“編輯”中的“首選參數(shù)”， 或按快捷鍵CTRL+U，可以把自己的 Dreamweaver MX設(shè)置為“設(shè)計(jì)者”或“代碼編寫者” 工作區(qū)布局風(fēng)格。點(diǎn)擊向下按鈕在下拉菜單中可選擇各類項(xiàng)目圖標(biāo)，若選擇“顯示為制表符”，本面板顯示為另一種形式。工具欄中還包含一些與查看文檔、在本地和遠(yuǎn)程站點(diǎn)間傳輸文檔有關(guān)的常用命令和選項(xiàng)。 屬性區(qū) 屬性區(qū)也成為屬性面板，在該區(qū)可以對(duì)選中的對(duì)象進(jìn)行一些設(shè)置，選擇不同的網(wǎng)頁元素，屬性面板所顯示的內(nèi)容也有所不同。 首先，在硬盤上建立一個(gè)文件夾，再在其中建立一個(gè)命名為 images的子文件夾，另準(zhǔn)備兩幅要置入網(wǎng)頁中的圖像文件，復(fù)制到 images子文件夾。 用 Dreamweaver MX 2023設(shè)計(jì)站點(diǎn)網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 （ 1）啟動(dòng) Dreamweaver MX 2023，選擇“文件” → “新建”命令，新建一個(gè)文檔。 選擇基本頁的 HTML并單擊“創(chuàng)建”按鈕，創(chuàng)建一個(gè)默認(rèn)的空白頁。 在進(jìn)行具體制作之前，我們點(diǎn)擊文檔工具欄的代碼按鈕或拆分按鈕，可以看到Dreamweaver為這個(gè)空文件生成的 HTML代碼。 在頁面屬性對(duì)話框中將背景顏色設(shè)置為 f9b779，頁面字體保持默認(rèn)字體，大小設(shè)為 12像素，左邊距、右邊距、上邊距和下邊距均設(shè)為 0。插入圖像后鼠標(biāo)點(diǎn)擊圖像右側(cè)使光標(biāo)移到圖像右邊，多次按回車將光標(biāo)定位在合適位置，用同樣方法將圖像 。 用 Dreamweaver MX 2023設(shè)計(jì)站點(diǎn)網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 用 Dreamweaver MX 2023設(shè)計(jì)站點(diǎn)網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 （ 8）回到 Dreamweave，點(diǎn)擊選中下面一幅圖像 ，在下面的“屬性面板”中可以調(diào)整其在 HTML文檔中的屬性。 （ 10）在設(shè)計(jì)窗口點(diǎn)擊圖像右邊區(qū)域并按回車使光標(biāo)移到圖像下方，輸入文字“歡迎！點(diǎn)擊進(jìn)入 ...”。 （ 11）為建立鏈接，新建一個(gè) HTML文檔取名為 ，保存并關(guān)閉該文檔。 用 Dreamweaver MX 2023設(shè)計(jì)站點(diǎn)網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 （ 13）拖動(dòng)鼠標(biāo)選擇文字“歡迎！點(diǎn)擊進(jìn)入 ...”，以同樣方法建立鏈接到 。 用 Dreamweaver MX 2023設(shè)計(jì)站點(diǎn)網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 （ 14）回到 Dreamweave，保存剛才設(shè)計(jì)的網(wǎng)頁。 用 Dreamweaver MX 2023設(shè)計(jì)站點(diǎn)網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 為了不影響網(wǎng)頁的下載速度，圖像要用得少而精，使用圖像處理軟件在不失真的情況下盡量壓縮。 目前網(wǎng)上用的最多的是 jpg和 gif，因?yàn)檫@兩種格式文件體積較小。 在 Dreamweaver中選中網(wǎng)頁中的圖像后，可使用“屬性面板”調(diào)整其在網(wǎng)頁中的屬性。其實(shí)，使用網(wǎng)頁編輯器比起直接手寫代碼最大的優(yōu)勢(shì)就在于站點(diǎn)管理。使用Dreamweaver的模版和庫，可讓站點(diǎn)內(nèi)的部分頁面共用相同的部分，還可方便的統(tǒng)一更新。 用 Dreamweaver MX 2023設(shè)計(jì)站點(diǎn)網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 2．站點(diǎn)管理 （ 1）要新建一個(gè)本地站點(diǎn)，需點(diǎn)擊 Dreamweaver菜單欄的“站點(diǎn)” → “管理站點(diǎn)”命令，彈出“管理站點(diǎn)”對(duì)話框。在對(duì)話框“高級(jí)”頁“本地根文件夾”設(shè)置這個(gè)站點(diǎn)在本地所在的文件夾，用以模擬本地站點(diǎn)的根目錄。 （ 4）在 HTTP地址后可以填入這個(gè)站點(diǎn)的網(wǎng)址。 （ 6）設(shè)置完畢后，點(diǎn)擊“確定”按鈕，完成本地站點(diǎn)設(shè)置。 圖像大小為 760 80像素； 760 20像素 用 Dreamweaver MX 2023設(shè)計(jì)站點(diǎn)網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 2．站點(diǎn)管理 152 363 像素 用 Dreamweaver MX 2023設(shè)計(jì)站點(diǎn)網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 2．站點(diǎn)管理 在“文件面板”文件列表上的上一節(jié)建立的空文件，選“打開”，打開，也可在文件列表雙擊打開該文件，“文件面板”文件列表上展開 images文件夾，拖動(dòng)圖像，把光標(biāo)移到圖像右側(cè)再按鍵盤上“ Shift” +“回車”鍵，把 ，再把光標(biāo)移到右側(cè)按鍵盤上“ Shift” +“回車”鍵，用同樣方法拖入圖像 ，設(shè)置文檔的標(biāo)題為“風(fēng)箏網(wǎng)站”，保存該網(wǎng)頁?？梢圆迦胛谋尽⒃O(shè)置字體類型、大小、顏色和對(duì)齊屬性，以及使用層疊樣式表（ CSS） 樣式創(chuàng)建和應(yīng)用自己的自定義樣式。 Web 專業(yè)人員接受的、包含能夠合并到 Web 頁的文本內(nèi)容的常見文檔類型有 ASCII 文本文件、 RTF 文件和 MS Office 文檔。 用 Dreamweaver MX 2023設(shè)計(jì)站點(diǎn)網(wǎng)頁 文本編輯 （ 1）打開前面建好的網(wǎng)頁 。 （ 2）使用“屬性面板”或“文本”菜單中的選項(xiàng)可以設(shè)置或更改所選文本的字體特性。 （ 3）選中要編輯的文字，利用“屬性面版”進(jìn)行文本屬性編輯。 用 Dreamweaver MX 2023設(shè)計(jì)站點(diǎn)網(wǎng)頁 頁面布局 1．使用表格控制頁面布局 頁面元素的布局和定位并不能隨心所欲排版，借助表格，可實(shí)現(xiàn)所設(shè)想的任何排版效果。 表格是用于在 HTML 頁上顯示表格式數(shù)據(jù)以及對(duì)文本和圖形進(jìn)行布局的強(qiáng)有力的工具。雖然 HTML 代碼中通常不明確指定列，但 Dreamweaver 允許操作列、行和單元格。在“頁面屬性”中設(shè)置頁面背景色為 7799ca，頁面字體大小為 12像素。在“插入面版”的“通用”組中點(diǎn)擊表格圖標(biāo)，彈出“表格”對(duì)話框 。 （ 3）點(diǎn)擊表格第一行單元格定位光標(biāo)，插入圖像。 （ 5）點(diǎn)擊表格內(nèi)上方區(qū)域，在工作區(qū)下方選擇要選定的內(nèi)容，點(diǎn)擊 table選定整個(gè)表格，在“屬性面板”中調(diào)整表格屬性。 （ 2）點(diǎn)擊表格第一行標(biāo)單元格定位光標(biāo)，選擇“編輯” → “復(fù)制”命令。 （ 3）點(diǎn)擊外層表格中下方的單元格，再插入一個(gè)表格，參數(shù)設(shè)置為“行數(shù)”： 1，“列數(shù)”： 2，“表格寬度”：760像素，“邊框?qū)挾取保?0像素，“單元格邊距”： 0，“單元格間距”： 0。在“屬性面板”的設(shè)為白色或直接輸入 FFFFFF。設(shè)置第二個(gè)單元格的對(duì)齊方式為“頂端”。 用 Dreamweaver MX 2023設(shè)計(jì)站點(diǎn)網(wǎng)頁 頁面布局 2．表格的嵌套 （ 4）點(diǎn)擊 table，選中最外層表格。