Dreamweaver4幻灯片.ppt

第4章 建立基本的网页 4.1 一个新网页 【例4.1】用Dreamweaver建立一个基本的网页 启动Dreamweaver，创建一个新文档（可以执行File|New命令），单击工具栏设计视图（Show Design View）按钮 ，切换到设计视图文档模式，在文档窗口中输入下列文字：金缕衣 劝君莫惜金缕衣 劝君惜取少年时 花开堪折直须折 莫待无花空折枝每输入一行按一次回车键，这就是一个网页了。 然后执行File|Preview in Browser|iexplore命令或直接按F12键，可以在浏览器中预览这个网页的效果（见图4.1（a）），也可以执行File|Save命令将其保存为文件。比如路径和文件名为d:\\examples\\examples4-01.htm，则在浏览器的地址栏中直接输入D:\\examples\\example4-01.htm，也可浏览页面效果(见图4.1（b）)。 图4.1一个新网页这是一个最朴素的网页，没有任何修饰，但却有网页文件的基本结构。切换到代码视图或代码和设计视图，查看一下这个网页的HTML源文件（见图4.2），Dreamweaver自动为网页添加了相应的标记。可见，在用Dreamweaver进行网页设计时，可以把精力集中在页面的内容和版面设计上，而不必为各种HTML标记的用法费心。 图4.2 4.1.1设置页面标题 标题是一