模块4课时1—DW初怎样使用DW实现图文混排.ppt

模块4_课时1：DW初 ——如何使用DW实现图文混排 课程目标 熟练通过表格对网页进行布局 熟练使用文本、超链接、图像和多媒体元素等制作完整网页 会使用表单提交页面 会使用css设计创建符合企业事业美观需求的网页 能够使用模版、内嵌框架技术对网站内网页进行整体把握 能够使用层进行简单的网页效果处理和网页布局 中国联通 在《DW初》中能够用切片工具对页面进行切分 利用Table完成对中国联通网页布局 主要内容 熟悉Dreamweaver CS3的工作界面 创建本地站点 插入对象及设置属性 文字 图片 链接 进行图文排版制作内容页 Dreamweaver界面 建立站点 绝对不要用中文！ 小写英文字母+下划线+数字 命名要易懂，成体系 首页以index命名 练习：建立“DW练习”站点 插入文字 字体规范 宋体使用12px或14px， 黑体或宋体加粗：11px或14px 中文使用宋体，英文用verdana，数字用arial 标题与字号 列表 换行 shift+enter 连续空格输入 ctrl+shift+space 插入链接 绝对路径和相对路径 ../images/good.jpg file:///C|/Documents/good.jpg 链接的目标：_blank _self _top _parent 空链接（指向本页）：# 锚点：#+锚点名称(演示) 注意事项 文件一定要在站点下移动（自动更新链接） 全部站内链接都采用相对路径 所有链接文件都必须在网站文件包内 插入图片 图片格式 GIF PNG JPG 图片说明alt=” ” 图片热区 图片无法显示？ 链接错误 中文命名 图片格式不正确 图文混排 图文环绕 图片：垂直边距、水平边距 插入水平线 案例 制作李玟演唱会页面 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 插入栏 文档选择栏 属性检查器 状态栏 面板组 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 3分钟完成 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. E