网络技术和网页制作.pptVIP

好运动者健，好思考者智，好助人者乐，好读书者博，好旅游者悦，好追求者成 网络技术与网页制作 授课教师：关莉莉 本课程简介 Dreamweaver MX快速入门 设置Dreamweaver用户参数 HTML语言简介（1） 使用文本、图像和超级连接,格式化网页属性（2） 历史记录面板和命令菜单 使用表格 页面布局 使用表单 使用框架（3） 动态HTML 样式表 使用层（4） 使用时间轴制作动态网页 动态HTML行为（5） 多媒体网页制作 建立网站概述（6） 使用库、模版 DreamweaverMX简介 由Macromedia公司推出的“所见即所得”的可视化网站开发工具，倍受WEB开发人士推崇 不仅是网页制作工具的“织梦者”，还可以开发大型地网站数据库应用系统 使用Dream weaver MX用户可以分为：设计者、代码编写者和开发者 本课程主要面向设计者，使用Dream weaverMX的可视化功能进行网页制作 ※ Dream weaver MX创作环境的系统要求： ※ Dream weaver MX的特点： Dream weaver MX的新增功能： 制作一个简单网页 设置DreamweaverMX用户参数 思考题目 1）标记色彩 2）快速动态启动面板 查找和替换 在当前文件中替换文本 在一个文件夹下替换文本 保存替换条件 调入保存好的替换条件 在HTML源代码中进行查找和替换 在高级文本查找和替换 查找过滤器 替换HTML标签 DreamweaverMX 一般编辑 ——使用文本、图像、超级连接合格式化网页属性 使用文本 文件操作：为网站建立独立的文件夹，新建、打开和保存文件 输入和修改文本：输入、删除、修改、输入特殊字符 撤销和重做： 选择文本 复制和粘贴 拼写检查 查找和替换文字 预格式化文本 换行标签 设置文字属性 设置段落属性 使用列表 使用图像 图像的格式：GIF、JPEG、Tif、PNG 插入图像：插入本地图像；插入网上图像 修改图像属性： €给图像命名 €改变图像的大小 €改变图像 €垂直对齐图像 €水平对齐图像 €文本的绕排 €设置图片的编剧 €给图像加上说明 €设置地分辨率图像 €增加图像边框 使用水平线： €加入水平线 € 修改水平线 使用图像 插入鼠标经过图像 插入导航条 修改导航条 超级链接 掌握URL(Uniform Resource Locator) Protocol://machimename[:port]/directory/filename 设置超级链接 属性—链接 设置下载文件的超级链接 设置E-mail的超级链接 再网页中使用锚点 超级链接 为图像制作超链接 为图像制作超链接 为图像制作热点 为链结设定目标 格式化网页属性 设置页面属性 标题 背景图像 等等 设置网页信息 用头元素设置网页信息 使用关键字用于检索 使用刷新按钮 使用基础按钮，进行绝对定位 使用连接按钮，进行CSS样式链接 使用显示代码视图 DreamweaverMX 进行静态页面的操作（1） ——使用历史面板、命令菜单、表格进行页面布局 历史记录面板和命令菜单 使用历史记录面板进行撤销操作 使用历史记录面板进行重做操作 制作批处理命令 使用命令记录功能重做操作 使用命令菜单清除冗余代码 清除Word HTML格式 修复Netscape中的CSS样式表层错误 使用命令菜单 调用Firework优化图像 创建网页相册 格式化源代码 设置网页配色方案 使用表格 表格table/table 行 TR/TR 列 TD/TD 再网页中插入表格：Ctrl+Alt+T 选择表格元素 处理表格的行和列：插入、追加、删除 处理单元格：合并、拆分 设置表格的属性：命名、背景图像等等 使用表格 设置边框和背景： 制作有立体感的表格；使用表格制作导航菜单。 对表格的数据进行排序 导入和导出表格数据 使用表格构造网页框架 页面布局 页面布局 布局视图和标准视图 建立布局单元格和表格 设置布局单元格和表格的属性 DreamweaverMX 进行静态页面的操作（2） ——使用表单和框架进行页面布局和网页制作 使用表单 插入一个空白表单 制作一个完整的表单：