网页制作案例教程 沈大林 第2章

《网页制作案例教程 沈大林 第2章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章DreamweaverMX2004基础本章要点2.1DreamweaverMX2004工作区简介2.2网页文档的基本操作2.3在网页中插入文本和编辑文本2.4在网页中插入图像和编辑图像习题22.1.1选择DreamweaverMX2004工作区第一次运行DreamweaverMX2004时，会调出“工作区设置”对话框，如图2-1-1所示。2.1DreamweaverMX2004工作区简介图2-1-1DreamweaverMX2004的“工作区设置”对话框采用“设计者”风格的DreamweaverMX2004的工作区如图2-1-2所示。2.1Dreamwe

2、averMX2004工作区简介图2-1-2采用“设计者”风格的DreamweaverMX2004工作区2.1.2文档窗口和状态栏1．文档窗口文档窗口用来显示和编辑当前的文档页面。文档窗口的底部有状态栏，可以提供多种信息。在文档窗口最大化时，其标签顶部显示文档的名称。文档工具栏和标准工具栏在文档窗口内。如果文档窗口处于还原状态，则文档工具栏和标准工具栏在文档窗口外，其标题栏内显示网页的标题和网页文档所在的文件夹名称和网页文档的名称。文档窗口有三种视图，单击文档工具栏中的按钮，可进行视图的切换。也可以单击“查看”→“代码”（或“设计”、“代码和设计”）命令或按Ct

3、rl＋-键。2．状态栏DreamweaverMX2004中文档窗口的状态栏位于文档窗口的底部，如图2-1-3所示。2.1DreamweaverMX2004工作区简介图2-1-3DreamweaverMX2004的状态栏2.1.3标尺和网格1．标尺（1）显示标尺：单击选中“查看”→“标尺”→“显示”命令，可显示标尺。单击选中“查看”→“标尺”命令中的“像素”、“英寸”或“厘米”命令，可以更改标尺的单位。（2）改变原点位置：用鼠标拖曳标尺左上角处的小正方形，此时鼠标指针呈十字线状。拖曳鼠标到文档窗口内合适的位置后松开鼠标左键，即可将原点位置改变。如果要将标尺的原点

4、位置还原，可单击“查看”→“标尺”→“重设原点”命令。2．网格（1）显示与不显示网格线：单击“查看”→“网格”→“显示网格”命令，可以在显示网格（选中，其命令左边有对勾）和不显示网格（没选中，其左边没有对勾）之间切换。（2）靠齐功能：如果没选中“查看”→“网格”→“靠齐到网格”命令，移动层或改变层的大小时，最小的单位是一个像素，在移动层时不容易与网格对齐。如果选中“查看”→“网格”→“靠齐到网格”命令，则移动层或改变层的大小时，最小的单位是5个像素，在移动层时可以自动与网格对齐。（3）网格的参数设置：单击“查看”→“网格”→“网格设置”命令，可以调出“网格设置

5、”对话框，如图2-1-5所示。利用该对话框，可对网格和靠齐等参数进行设置。2.1DreamweaverMX2004工作区简介（3）网格的参数设置：单击“查看”→“网格”→“网格设置”命令，可以调出“网格设置”对话框，如图2-1-5所示。利用该对话框，可对网格和靠齐等参数进行设置。2.1DreamweaverMX2004工作区简介图2-1-4标尺和网格图2-1-5“设置网格”对话框2.1.4“属性”栏和“插入”栏1．“属性”栏“属性”栏也叫属性检查器或“属性”面板。利用“属性”栏可以显示并精确调整网页中选定对象的属性。“属性”栏具有智能化的特点，选中网页中的不同

6、对象，其“属性”栏的内容会随之发生变化。单击“属性”栏右下角的按钮，可以展开“属性”栏；单击“属性”栏右下角的按钮，可收缩“属性”栏。没有选中任何对象时单击“属性”栏右边的按钮，可在光标当前位置添加HTML代码；选中一个对象时单击按钮，可以编辑相应标签的HTML代码。2．“插入”栏在DreamweaverMX2004中，“插入”栏可以显示为制表符和菜单两种外观效果，制表符状态如图2-1-2所示。如果要将“插入”栏切换到菜单状态，可单击“插入”栏右边的按钮，弹出它的快捷菜单，再单击该菜单中的“显示为菜单”命令。如果要将“插入”栏切换到制表符状态，可单击“插入”栏

7、左边的黑色箭头，弹出它的快捷菜单，再单击该菜单中的“显示为制表符”命令。“插入”栏包括了“常用”、“布局”等8个标签项或8个与标签名称相同的命令。当“插入”栏为制表符状态时，可以使用鼠标拖曳“插入”栏左边的图标，可以将“插入”栏变为浮动面板。一般用户习惯使用制表符状态的“插入”栏。2.1DreamweaverMX2004工作区简介2.1.5面板的基本操作1．面板的拆分与组合（1）面板的拆分：将鼠标指针移到面板左上角图标处，当鼠标指针变为十字锚状时，将面板拖曳离开原来的位置，即可使面板成为一个可以用鼠标拖曳的浮动面板，如图2-1-6所示。如果要将面板组中的面板（

8、如“文件”面板）拆分，可单击面板中的标