第3章 初识Dreamweaver.ppt

《第3章 初识Dreamweaver.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章初识Dreamweaver3.1Dreamweaver8简介Dreamweaver是由Macromedia公司开发的一款所见即所得的设计软件FIREWORKS，并称为“网页三剑客”。3.2Dreamweaver8的工作界面Dreamweaver8软件有两种布局方式：设计器编码器。在首次启动Dreamweaver8时会出现一个“工作区设置”对话框。选择“窗口”

2、“工作区布局”

3、“设计器/编码器”可以在两者间切换。3.2Dreamweaver8的工作界面每次运行Dreamweaver8,首先打开起

4、始页,起始页将常用的任务都集中在一个页面中,包括“打开最近项目”、“创建新项目”、“从范例创建”等。隐藏“起始页”，可以选中“不再显示此对话框”复选框，再单击“确定”。再次显示起始页，选择“编辑”

5、“首选参数”命令，打开“首选参数”对话框，在“常规”类别中设置“文档选项”为“显示起始页”即可。3.2Dreamweaver8的工作界面Dreamweaver8标准工作界面大致分为以下几个区域：标题栏、菜单栏、“插入”工具栏、“文档”工具栏、“标准”工具栏、文档窗口、状态栏、属性面板、浮动面板组。3.2D

6、reamweaver8的工作界面1．标题栏显示软件版本信息和正在编辑文档的名字、路径等信息。2.菜单栏Dreamweaver菜单栏共有10个选项。3.“文档”工具栏“文档”工具栏包含各种按钮，标题文本框显示网页标题。提供三种视图方式按钮（“设计”视图、“拆分”视图、“代码”视图）、各种查看选项和一些常用操作（如在浏览器中预览）。3.2Dreamweaver8的工作界面4．“插入”工具栏“插入”工具栏集成了所有可以在网页中应用的对象。“插入”工具栏包括常用、布局、表单、文本、HTML、应用程序、Fla

7、sh元素、收藏夹等八个类别。5．“标准”工具栏“标准”工具栏包含来自“文件”和“编辑”菜单中的一般操作的按钮：“新建”、“打开”、“保存”、“保存全部”、“剪切”、“复制”、“粘贴”、“撤消”和“重做”。6．“文档”窗口“文档“窗口显示当前文档。可以选择下列任一视图：“设计”、“代码”、“拆分”。3.2Dreamweaver8的工作界面7．属性面板属性面板又称属性检查器，属性面板可以检查和编辑当前选定页面元素（如文本和插入的对象）的最常用属性。属性检查器中的内容根据选定的元素会有所不同。8．状态栏“

8、文档”窗口的底部的状态栏提供了与正在创建的文档有关的其他信息。单击标签以选择该标签及该层次结构中的全部内容。单击可以选择文档的整个正文。9．面板面板分别位于“文档”窗口的下方和右侧。位于“文档”窗口的下方的是属性面板，位于“文档”窗口右侧的是浮动面板组。3.3Dreamweaver8页面的总体设置3.3.1设置页面的相关信息网页的头部信息在浏览器中是不可见的，但是却携带着网页的重要信息，如关键字、描述文字等，还可以实现一些非常重要的功能，如自动刷新功能。（1）设置标题：网页标题可以是中文

9、、英文或符号，显示在浏览器的标题栏中。直接在设计窗口上方的标题栏内输入或更改，就可以完成网页标题的编辑。（2）设置文件头：“插入”工具栏

10、“HTML”项

11、“文件头”3.3Dreamweaver8页面的总体设置3.3.2设置页面属性单击“属性”面板中的“页面属性”按钮，或执行“修改”菜单的“页面属性”命令，打开的“页面属性”对话框。3.4网页实例制作3.4.1新建站点1、规划站点结构网站是多个网页的集合，其包括一个首页和若干个分页，这种集合不是简单的集合。为了达到最佳效果，在创建任何Web站点页面之前

12、，要对站点的结构进行设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以及各页是如何互相连接起来的。通过把文件分门别类的放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。3.4网页实例制作2、创建站点在Dreamweaver8中可以有效的建立并管理多个站点。创建站点可以有两种方法：利用向导完成利用高级设定来完成。（1）建立站点文件夹在搭建站点前，首先在电脑硬盘上建一个以英文或数字命名的空文件夹，称为网站的根文件夹。（2）建立站点3.4网页实例制作3.4.2网页制作（1）素材准

13、备准备好两幅图片bg.gif和gu35.jpg，分别用于页面背景和网页中的插图。（2）新建站点和网页①新建站点根文件夹，如E:mysite,再启动Dreamweaver，单击菜单“站点”

14、“新建站点”，创建一个站点。②单击“文件”

15、“新建”命令，新建一个空白的网页。（3）设置页面属性（4）插入网页元素（5）编辑网页元素（6）保存和预览网页注意：插入的图像并不是存储在网页文件里，网页文件中显示的图像来自站点中的图像文件，因此，图像在网页中如果要正常显示的话，该图像文件