Dreamweaver简介和表格布局.ppt

1、网页设计,Dreamweaver工作界面 视图 显示/隐藏：窗口 标尺与网格：查看 文档基本操作：新建、保存、关闭、打开 网页基本操作 设置网页属性,网页设计,编辑头部信息：包括网页标题、网页关键字、网页描述等。 设置文件头内容：，在浏览器中不可见。插入-HTML文件头标签 查看-文件头内容 设置META标记：记录有关当前页面的信息，如字符编码、作者、版权信息等。 设置关键字：设置搜索引擎装置，关键字间逗号隔开。 添加描述信息 设置刷新：常用于URL改变后引导用户重定位 添加基础：相对于那个文件进行链接。,网页设计,添加网页内容 添加文本 插入图像 建立超链接 预览及检验相关操作 辅助操作：选

2、取工具、手形工具、缩放工具 常用设置：编辑-首选参数,网页设计,文本 文本面板：字体标签编辑器、文字样式、段落、块引用、已编排格式、标题、列表、定义(定义列表、定义术语、定义说明)、缩写 文本属性设置 设置文本字体大小 设置文本颜色 设置文字样式 文本的排列 设置列表：建立列表（两次回车停止列表输入，子列表：SHIFT+ENTER）、设置列表属性,网页设计,插入其他元素： 日期 特殊符号 空格（ Ctrl+Shift+Space ） 水平线,网页设计,图像的使用： 恰当的使用图像可使你的网站更具有吸引力。 恰当使用图像是指图像的选用要与网页的风格相贴近，最好使用自己制作的图片来体现设计意图。也

3、可选择下载的图像。 图像格式：GIF、JPEG/JPG、 PNG JPEG 文件比GIF文件大。 GIF文件只持256种颜色，JPEG文件支持1670万种色。要求颜色不多时用GIF格式。,网页设计,图像 插入图像：菜单、工具栏、资源面板（F11） 插入图像占位符 设置图像属性 大小、对齐 编辑图像 裁剪图像 重新取样 使用Fireworks优化 调整亮度和对比度 使用图像外部编辑器 锐化图像,网页设计,图像 鼠标经过图像(互动图像) 背景图像的应用 网页背景图像 表格背景图像 创建图像热区 创建导航条 创建web相册：命令-创建网站相册,网页设计,超链接 内部链接：网页名称 锚点链接：#锚点名

4、称 E-maile链接：mailto: 空链接：# 站点连接：网址 脚本链接：javaScript:语句或函数名 例：在属性面板链接文本框中输入Javascript:window.close() 说明：点击链接点可以关闭页面,超链接的管理,自动更新链接 “编辑”|“首选参数” 在“分类”列表中选“常规” 在“文档选项”区域中“移动文件时更新链接”设置成“总是”或“提示”,超链接的管理,在站点范围内更改链接 点击“文件”面板中的“扩展/折叠”按钮，打开站点地图 选中其中一个文件 “站点”|“改变站点链接范围的链接”,超链接的管理,检查站点中的链接错误 “站点”|“检查站点范围的链接”,网页设计,表格 创建表格 编辑表格：表格属性、单元格属性、调整表格行列数和行高列宽 套用表格样式:命令格式化表格 导入与导出表格数据：文件导入/导出 表格数据排序：命令排序表格 表格嵌套,网页设计,布局 3种布局模式： 标准：最常用的一种模式，此模式下显示的表格等内容最接近浏览器的实际状态。 扩展：加粗显示表格边框，便于表格选择、移动等操作，但与浏览器显示的表格不