dreamweaver入门2

《dreamweaver入门2》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、教你Dreamweaver中框架的使用技巧在Dreamweaver中应用框架是非常容易的事情，下面我们就来看看具体的应用。　　增加新框架　　　　要给框架页面增加新框架，就是像拆分表格的单元格一样，把一个框架分为两个框架。其操作如下：　　（1）按住Ctrl键，将鼠标放在框架边框上，当鼠标变为上下箭头时，可把边框拖到一个新位置，当松开鼠标按钮时，一个新的空白内容的框架就形成了。　　（2）也可以通过命令来操作：首先单击要拆分的框架内部，选“框架”菜单中的“拆分框架”命令，在弹出的“拆分框架”对话框中单击“拆分成列

2、”或“拆分成行”单选按钮，单击“确定”按钮即可。　　　　删除框架　　　　若框架页面看起来太乱，可删除某些框架。要删除一个框架，可先单击该框架选择它，再选择“框架”菜单中的“删除框架”命令即可。　　　　改变框架属性　　　　在设置好框架的整体布局后，我们还可以对每一框架的具体属性进行设置，操作如下：　　（1）单击需设置属性的框架，选择“框架”菜单中的“框架属性”，则弹出“框架属性”对活框。　　（2）在对话框的“名称”文本框中可输入框架名，这样便于识别不同的框架；在“选项”区域中，若选中“在例览器中可以调大小”复

3、选框，则客户在浏览站点时，可重新定义框架尺寸，通过在“显示滚动条”下拉列表框中选择不同的描述项，可设置让滚动条是否出现。　　（3）在“框架大小”区域中，可设置框架大小，可以定义一个绝对像素值或相对于浏览器窗口的百分比，若要用浏览器来设置相对于该页面中框架的尺寸，可选“相对”；在“边距”区域中，可设置内容页面与框架边框分隔的像素数值。　　（4）要改变开始页面，可以在“初始网页”文本框中输入一个新的页面名字或URL。　　（5）单击“框架网页”按钮，则弹出“网页属性”对话框。　　（6）在该对话框的“框架”选项卡中

4、，在“框架间距”文本框中，可输入以像素为单位的边框宽度；若要使框架边框消失，则不要选中“显示边框”复选框。　　（7）单击“确定”按钮，关闭“网页属性”对话框，再单击“确定”按钮，关闭“框架属件”对话框，完成框架属性设置。Dreamweaver进阶:标签选择器的妙用Dreamweaver作为优秀的可视化网页编辑工具，为我们提供了一整套可视化网页制作平台，让你的网站开发效率得到极大提升。今天我们来讲讲“标签选择器”的应用，通过Dreamweaver内置的强大标签库，你会发现自己将远离枯燥的代码书写了。   “标

5、签选择器”带来的最直接好处，就是我们不必熟记那么多纯代码的参数定义了，别人需要手工大量书写代码才能实现的效果，我们通过它就能轻松完成。   插入iframe   iframe框架，虽然在浏览器兼容性上谈不上非常友好，但它的应用的确广泛。我们可以将它嵌在网页中的任意部分，这样对于提高网页排版的灵活性还是非常有好处。当然，iframe相关代码的书写还是令许多人头痛的，今天我们就通过Dreamweaver的标签选择器来插入一个iframe框架，不需要你手工写一句代码的方法。   点击菜单“插入”→“标签”，进入“

6、标签选择器”。鼠标在左侧标签分类列表中依次选择“标记语言标签”→“HTML标签”→“页元素”，在右侧标签列表中选择“iframe”，点击“插入”按钮完成，如图1。 图1    系统会自动转入“标签编辑器”，接下来，忘记烦人的手工书写代码吧，你要做的就是根据提示填写所需的iframe参数。如果你对于某些选项还不是非常熟悉，可以点击对话框下的“标签信息”，软件内容详尽的标签帮助应该可以给你权威的解释，如图2。  图2    熟练使用“标签编辑器”的好处是显而易见到，只要是标准的HTML标签都能找到，虽然程序没有

7、做到所有的插入标签都采用可视化操作，不过我们可以通过下面介绍的“标签检查器”来弥补。    快速定义水平线    Dreamweaver还提供了一个强大的标签参数设置功能——“标签检查器”面板。下面我们就来实际体会一下“标签检查器”的用处，我们来定义水平线的值。    在Dreamweaver中插入水平线是非常容易的，不过软件提供的默认属性设置实在有限，连水平线的颜色都不能自由设置，难道还需要我们手工添加代码吗？    当然不必这么麻烦，鼠标在编辑区选择水平线，打开“标签检查器”面板（快捷键F9调用），切换

8、到“属性”选项卡。“属性”选项卡提供的资料类似于“属性面板”，不过可比它强大了许多。    软件提供了这样一些基本定义：“常规”、“浏览器特定的”、“CSS/辅助功能”、“未分类”。我们选择不同的网页标签，“属性”中的参数是完全不同的，都是针对每一个标签的定义参数。    本例，选择了一个水平线，我们可以在“属性”的“浏览器特定的”下找到color参数，这不是颜色设置吗？呵呵，赶紧通过内置的颜色选择器为水平线设置