网站设计和建设

网站设计和建设使用网页工具制作静态网页

(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样式表文件的方法有两种。