網(wǎng)站設(shè)計和建設(shè)

網(wǎng)站設(shè)計和建設(shè)使用網(wǎng)頁工具制作靜態(tài)網(wǎng)頁

(I) Dreamweaver入門
(2>文本與CSS樣式
(3>插入圖像、動畫與其他媒體元素
(4>使用超鏈接•表單
⑶表格和表格的嵌套

使用層和植架
第1幸學(xué)習(xí)丫 HTML語吉和CSS,知道使W文本編輯器<如記亊本笄)編射N貞代碼(如HTML和CSS丨制作W奴的方法《但炬對HTML和CSS的初學(xué)種來說，©編勻出理想效果的網(wǎng)與，還打一定難度。所見即所得的M貞編輯軟件為M奴設(shè)計蕎帶來極大的方便，在不太熱悉代碼的怙況下，使用介適的閹貞編射軟件也能宂成普通Mlti的制作*即使是糖通M貞代碼的&庁使W這苧閹貞編樹軟件，也可以成W地提制作的效率：

常見的M貞編輯軟件奵Frontpage、Word、Dreamweaver笄，它們提供了可視化的菜單和I:具按鈕操作，用戶只®使用萊單或1：艿按鈕，填寫對話椒，軟件就會生成相成的貞代碼；

Frontpage是Microsoft Office系列軟件的繭®組成部分，它的使W與Word軟件編W文檔十分相似*如果對WortHH常熟悉，那么使W Frontpage制作M貞定公比較艦I與Jt他的網(wǎng)貞軟件相比，F(xiàn)rontpage的強(qiáng)大之處足站點(diǎn)管埋，它能逋過Internet直接對遠(yuǎn)程垠務(wù)器卜.的站點(diǎn)迸行苷埋》Word也足Microsoft Office的組成部分，以強(qiáng)大的文字處理功能而著稱，而JtM貞編輯功能常常被叫戶忽略；*Worti2003中文版屮，便W菜羊“文件"-> “新注”命令，在“新炷v對話桐屮選擇貞”選項，就可以創(chuàng)疰ft使;H菜單

“視閣” -> “HTML源文件"命令，調(diào)用MicrosoftDevetopmemEnviromnent編射代碼和管理文檔：由丁•大部分個人計薄機(jī)部安裝丫 Word, W此在找小到K他叫昶軟件時使Word也是不錯的選擇*但足，用Frontpage或Word編輯出來的閥貞，冗余代碼會比較多f不簡

Dreamweaver換足Macromedia公nj開發(fā)的丨叫坂編輯軟件，后來被Adobe公ttJ收昀，升級后改名為Adobe Dreamweaver CS、Dreamweaver的強(qiáng)大功能、界rtf犮好，并具打強(qiáng)大的代碼編罵能力，Q經(jīng)遠(yuǎn)遠(yuǎn)起越fit他網(wǎng)貞制作軟件。用Dreamweaver開發(fā)出來的貞與所Yf的瀏覽器都兼容•從綜介性能來苷，Dreamweaver是曰前敢優(yōu)秀的個網(wǎng)頁編軟件，是M貞辦員的宵選軟件。Adobe Dreamweaver CS*編輯靜態(tài)網(wǎng)貞，采W XHTML1.0標(biāo)準(zhǔn)。

建立本地站點(diǎn)
網(wǎng)站(也稱為站點(diǎn))由判貞和相關(guān)文件組成，網(wǎng)站圖片等媒體元素，而毎個閣片、動lffli等媒體都是站點(diǎn)迅的•個文件，網(wǎng)貞離+開網(wǎng)站，離+開站點(diǎn)里的相關(guān)文件*所以，制作M貞之前，S3先建立•個本地站點(diǎn)*本地站點(diǎn)對成丁本地計算機(jī)硬盤里的個文件夾，所心的閥貞、閣片、盧咅笄文件都存放在這個文件夾下，當(dāng)Mib：、閣片笄文件比較多時，通常在這個文件夾下向還駁述一苧+文件夾，將+M類別的文件分別存放在不M的子文件夾下，以方便苷埋a網(wǎng)站M用來存放圖橡的子文件夾，通常命名為pic、pictures或images。在M站開發(fā)過&中，站點(diǎn)•般部先哲存丁開發(fā)人員的本地計算機(jī)h,待制作宂成J5,爯把整個站點(diǎn)的文件和+文件夾fvit到遠(yuǎn)程Web服務(wù)器上。

CSS樣式表文件
建設(shè)網(wǎng)站時，通常耍把一個CSS樣式應(yīng)用到整個站點(diǎn)的所有網(wǎng)頁中太，這以通過CSS樣式表文件來劣現(xiàn)，CSS #式表文件是將多個CSS樣式定義集中保存在一起的一個文件，文件擴(kuò)展名為.css。當(dāng)其他網(wǎng)H耍使ffl此樣式表文件中的柞式時，只耍把此樣式表文件鏈接到這些網(wǎng)頁就吋以了。創(chuàng)建CSS樣式表文件的方法有兩種。