網站設計和建設

網站設計和建設使用網頁工具制作靜態網頁

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

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

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

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

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

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

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

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