Dreamweaver网页制作教程:常用工具栏

dreamweaver|教程|网页

     “插入”栏
  “插入”栏包含用于创建和插入对象(如表格、层和图像)的按钮。当鼠标指针滚动到一个按钮上时,会出现一个工具提示,其中含有该按钮的名称。

  某些类别具有带弹出菜单的按钮。从弹出菜单中选择一个选项时,该选项将成为该按钮的默认操作。例如,如果从“图像”按钮的弹出菜单中选择“图像占位符”,下次单击“图像”按钮时,Dreamweaver 会插入一个图像占位符。每当从弹出菜单中选择一个新选项时,该按钮的默认操作都会改变。

  “插入”栏按以下的类别进行组织:

  “常用”类别使您可以创建和插入最常用的对象,例如图像和表格。

  “布局”类别使您可以插入表格、div 标签、层和框架。您还可以从三个表格视图中进行选择:“标准”(默认)、“扩展表格”和“布局”。当选择“布局”模式后,您可以使用 Dreamweaver 布局工具:“绘制布局单元格”和“绘制布局表格”。

  “表单”类别包含用于创建表单和插入表单元素的按钮。

  “文本”类别使您可以插入各种文本格式设置标签和列表格式设置标签。

  “HTML”类别使您可以插入用于水平线、头内容、表格、框架和脚本的 HTML 标签。

  “服务器代码”类别仅适用于使用特定服务器语言的页面,这些类别中的每一个都提供了服务器代码对象,您可以将这些对象插入“代码”视图中。

  “应用程序”类别使您可以插入动态元素,例如记录集、重复区域以及记录插入和更新表单。

  “Flash 元素”类别使您可以插入 Flash 元素。

  “收藏”类别使您可以将“插入”栏中最常用的按钮分组和组织到某一常用位置。

  文档工具栏

  文档工具栏中包含按钮,这些按钮使您可以在文档的不同视图间快速切换:“代码”视图、“设计”视图、同时显示“代码”和“设计”视图的拆分视图。

  工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。

  以下对选项进行说明:

  显示代码视图 仅在“文档”窗口中显示“代码”视图。

  显示代码视图和设计视图 在“文档”窗口的一部分中显示“代码”视图,而在另一部分中显示“设计”视图。当选择了这种组合视图时,“视图选项”菜单中的“在顶部查看设计视图”选项变为可用。请使用该选项指定在“文档”窗口的顶部显示哪种视图。

  显示设计视图 仅在“文档”窗口中显示“设计”视图。

  标题 允许您为文档输入一个标题,它将显示在浏览器的标题栏中。如果文档已经有了一个标题,则该标题将显示在该区域中。

  没有浏览器/检查错误 使您可以检查跨浏览器兼容性。

  文件管理 显示“文件管理”弹出菜单。

  在浏览器中预览/调试 在浏览器中预览或调试文档。从弹出菜单中选择一个浏览器。

  刷新设计视图 当您在“代码”视图中进行更改后刷新文档的“设计”视图。

  视图选项 允许您为“代码”视图和“设计”视图设置选项。

  状态栏

      状态栏提供与您正创建的文档有关的其它信息。



  标签选择器 显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。比如:单击 <body> 可以选择文档的整个正文。

  窗口大小 弹出菜单(仅在“设计”视图中可见)用来将“文档”窗口的大小调整到预定义或自定义的尺寸。

  “窗口大小”弹出菜单的右侧是页面的文档大小和估计下载时间。

时间: 2024-12-27 00:53:55

Dreamweaver网页制作教程:常用工具栏的相关文章

Dreamweaver网页制作教程:表格设计

dreamweaver|教程|设计|网页 表格设计 表格是现代网页制作的一个重要组成部分.表格之所以重要是因为表格可以实现网页的精确排版和定位.本节教程我们分为两步来进行.首先看表格操作的一个实例.然后来看一些表格操作的基本方法.在开始制作表格之前,我们首先对表格的各部分的名称做一个介绍.(看下图) 一张表格横向叫行,纵向叫列.行列交叉部分就叫做单元格. 单元格中的内容和边框之间的距离叫边距.单元格和单元格之间的距离叫间距.整张表格的边缘叫做边框. 下面看看我们使用表格制作的页面的实例 这幅页面

Dreamweaver网页制作教程:创建导航条

dreamweaver|创建|导航|教程|网页 创建导航条 如果不使用框架,可以在每个页面设置导航条,导航条设一组链接按钮,供浏览者选择使用.按钮有多种形式,下边介绍由鼠标经过图像变换按钮的组成的导航条制作:(导航条在页面顶部) "鼠标经过图像"是当访问者用鼠标指针指向该图像时,该图像发生变化. "鼠标经过图像"由两个图片组成:页面最初载入时显示的原始图像,访问者将鼠标指针移到原始图像上时显示另一幅图像. 提示:事先您要制作好按钮图像,确保每个按钮的图像都具有相同的

Dreamweaver网页制作教程:定义站点

dreamweaver|教程|网页|站点 Web 站点是一组具有如相关主题.类似的设计.链接文档和资源.Dreamweaver MX 2004 是一个站点创建和管理工具,因此使用它不仅可以创建单独的文档,还可以创建完整的 Web 站点.创建 Web 站点的第一步是规划.为了达到最佳效果,在创建任何 Web 站点页面之前,应对站点的结构进行设计和规划.决定要创建多少页,每页上显示什么内容,页面布局的外观以及页是如何互相连接起来的. 请执行以下操作: 启动 Dreamweaver MX 2004:

Dreamweaver网页制作教程:超级链接

  超级链接 作为网站肯定有很多的页面,如果页面之间彼此是独立的,那么网页就好比是孤岛,这样的网站是无法运行的.为了建立起网页之间的联系我们必须使用超级链接.称"超级链接",是因为它什么都能链接,如:网页.下载文件.网站地址.邮件地址--等等.下边我们就来讨论怎样在网页中创建超级链接. [页面之间的超级连接] 在网页中,单击了某些图片.有下划线或有明示链接的文字就会跳转到相应的网页中去. 1.在网页中选中要做超级链接的文字或者图片. 2.在属性面板中单击黄色文件夹图标,在弹出的对话框里

Dreamweaver网页制作教程:发布网站

dreamweaver|教程|网页 在发布网站之前先使用Dreamweaver MX 2004 站点管理器对你的网站文件进行检查和整理,这一步很必要.可以找出断掉的链接.错误的代码和未使用的孤立文件等,以便进行纠正和处理. 步骤如下:在编辑视图点「站点」菜单>选"检查站点范围的链接",弹出"结果"对话框,如下图: 下图是检查器检查出本网站与外部网站的链接的全部信息,对于外部链接,检查器不能判断正确与否,请自行核对. 下图是检查器找出的孤立文件,这些文件您的网页

Dreamweaver网页制作教程:框架技术

dreamweaver|教程|网页 框架技术 在浏览网页的时候,我们常常会遇到这样的一种导航结构.就是超级连接做在左边单击以后链接的目标出现在右面.或者在上边单击链接指向的目标页面出现在下面.要做出这样的效果,必须使用框架.为了更好的理解什么是框架.我们画一张示意图来进行讨论. 这是一个左右结构的框架.事实上这样的一个结构是由三个网页文件组成的.首先外部的框架是一个文件,图中我们用index.htm命名.框架中左边命名为A,指向的是一个网页A.htm.右边命名为B,指向的是一个网页B.htm.

Dreamweaver网页制作教程:页面制作

dreamweaver|教程|网页|页面 现在,以下边的简单网页为例,叙述一下制作过程.简单网页如下图: 在开始制作之前,我们先对这个页面进行一下分析.看看这个页面用到了那些东西. □网页顶端的标题"我的主页"是一段文字. □网页中间是一幅图片. □最下端的欢迎词是一段文字. □网页背景是一深紫红颜色. 知道了这个网页的结构以后我们就来可以制作了. 首先启动Dreamweaver MX 2004,确保你已经用站点管理器建立好了一个网站(根目录). 为了制作方便,请您事先打开资源管理器,

Dreamweaver网页制作教程:应用模板

dreamweaver|教程|模板|网页    为了简化制作过程.常常采用先制作出页面,再应用模板的方法.     简明步骤:打开一个有内容的页面→打开资源面板→点击模板按钮→选择一个模板→点击应用按钮→指定可编辑区域→确定.     1.打开一个填充了内容的网页.     2.打开资源面板,点击"模板"按钮,打开模板类别.     3.选择一个模板,点击应用按钮.     4.将内容移到新区域,按"确定"按钮     5.一个应用模板的页面就做好了.

Dreamweaver网页制作教程:菜单概述

dreamweaver|菜单|教程|网页 菜单概述 本节提供 Dreamweaver MX 2004中各菜单的简要说明.下图为菜单条: 以下分别叙述菜单选项: 文件菜单 编辑菜单     "文件"菜单 包含"新建"."打开"."保存"."保存全部",还包含各种其他命令,用于查看当前文档或对当前文档执行操作,例如"在浏览器中预览"和"打印代码". "编辑&qu