网页制作工具分析.ppt

网页制作工具Dreamweaver 插入面板 包含用于将各种类型的“对象”（如图像、表格和层）插入到文档中的按钮。 每个对象都是一段 HTML 代码，允许插入时设置不同的属性。 “常用“项面板、布局（标准视图、布局项视图）、“文本“、“表单“、“模板“、“字符“、“媒体“、“文件头“、“脚本“、“应用程序“项面板 插入面板 常用 ：创建和插入最常用的对象，如图像和表格； 布局 ：插入表格、div 标签、层和框架。可从表格视图（标准、扩展表格、布局）中选择。选择“布局”模式后，可使用 布局工具：“绘制布局单元格”和“绘制布局表格”。 表单 ：用于创建表单和插入表单元素 文本 ：插入文本格式设置标签和列表格式设置标签 HTML ：插入用于水平线、头内容、表格、框架和脚本的 HTML 标签。 服务器代码：适用于使用特定服务器语言（ ASP、ASP.NET、JSP 和 PHP）等的页面。 应用程序：插入动态元素，例如记录集、重复区域以及记录插入和更新表单。 Flash 元素：插入 Flash 元素。 收藏：将“插入”栏中常用按钮分组和组织到常用位置。 页面属性 设置文本格式 段落的格式、字体、字号、字的颜色、字体加粗／倾斜、对齐方式（左对齐／居中／右对齐）、文字所链接的路径或URL等。 文本属性面板 格式设置所选文本的段落样式。 样式显示当前应用于所选文本的类样式。如果没有对选定内容应用过任何样式，则弹出式菜单显示“无 CSS 样式”。如果已对选定内容应用了多个样式，则弹出式菜单是空的。 粗体根据在“首选参数”对话框的“常规”类别中设置的样式参数选择，将 b 或 strong 应用于选定的文本。 斜体根据在“首选参数”对话框的“常规”类别中设置的样式参数选择，将 i 或 em 应用于选定的文本。 编辑段落 段落：格式上统一的一段文本 输入一段文本，按enter键就自动构成了段落。p /p 对齐段落有三种方式：左对齐、居中和右对齐 选定要设置对齐方式的段落，使用Text菜单中Align菜单项的Left、Center或Right选项，或者在属性面板中，用鼠标单击右上角的对齐按钮 格式中的标题 格式中的预格式化：处理空格 文本属性面板 文本的字体属性 改变字号：选定要改变字号的文本，从属性面板上”大小“的下拉列表中选择相应的选项。 如果没有选定任何文本，将会改变以后输入文字的字号； 尽量不要使用自己安装的字体，用户机器上可能没有安装。 改变颜色 文本属性面板 缩进 缩进段落是针对网页边距而言的，有增加缩进和减小缩进两种。 增加缩进是将当前的段落向文档窗口的右侧移动；减小缩进则是将当前的段落向文档窗口的左侧移动， 选定要缩进的一个或多个段落，在“文本”菜单中选择增加缩进或减小缩进；或者使用属性面板中的增加缩进按钮 或减小缩进按钮进行段落缩进 。 文本属性编辑－项目列表 无序列表 ul /ul 有序列表 ol /ol 目录列表 dl/dl 列表属性 超链接分类 内部链接：在同一个站点内的不同页面之间相互联系的超链接。 锚点链接：可以链接到网页中某个特定位置的链接。 外部链接：把网页与Internet中的目标相联系的链接。 普通文本超级链接 文本的Properties面板上有Link和Target两项，这就与超级链接有关。 选中所需的文本，有四种方法可使它链接到其它页面。 直接在Link后填入要链接到的页面的地址。最好用相对地址，而不用绝对地址。 点击后面的 图标，然后选取要链接到的页面。 使用 图标。用快捷键F5可打开你定义的本地站点的文件列表，用鼠标点击 ，不要松开，拖动至你要链接到的页面即可。 用鼠标把本地站点文件列表中的文件直接拖到Properties面板上Link后即可 文本属性面板－链接 在链接栏输入链接网页的地址，单击链接文字可以直接跳到被链接的页面。 _blank:空白视窗，保留原来的窗口，新开启一个窗口浏览所链接的文件内容； _parent:上一层页框视窗，若网页使用框架，则所链接的网页回到上一层的框架所在窗口； _self:本身视窗，默认链接显示方式，所链接的内容取代原来窗口的内容； _top:全视窗，以全窗口的方式出现所链接的网页，取代所有窗口内容。 设置文本链接的状态 一个未被访问过的链接与一个被激活的链接在形式上肯定会有所区别，链接被访问过了也会发生变化，提示用户这是一个已经点击过的链接，所有这些都是链接的状态。通过设置不同的文本颜色可以使各个状态区别开来。 设置不同的文本颜色的具体步骤如下： 打开包含文本链接的文档“园丁乐园”，选择主菜单中的“Modify修改）”|“Page Properties（页面属性）”命令，打开“Pa