使用Dreamweaver制作网站.ppt

2.1 Dreamweaver基础操作 2.2 模板、多媒体元素和书签超链接的使用 2.3 图像热区、CSS样式的应用 2.4 图层的使用 2.5 创建时间轴动画 2.6 表单的应用 2.7 框架的应用 2.8 使用行为 大任务 制作“空谷幽兰”的网站的静态部分，包括扉页、首页、照片、音乐、视频、动画、文章、粉丝、北京粉丝、西安粉丝和济南粉丝共11个静态页面。 站点的创建和管理 网页的创建和编辑 使用表格布局网页 在网页中插入文本、图像和影片 超链接的使用 任务1 制作“扉页”和“首页” 一、站点的创建和管理 １．创建站点 1.创建站点-续 注意: （1）可以创建多个站点 （2）打开某个站点的方法 “站点”|“管理站点”，选择站点，单击“完成” “文件”面板中的站点下拉列表 （3）同一个站点只需创建1次，以后编辑时只需打开编辑即可（装了还原卡的机子除外） 2.站点的管理 2.站点的管理-续 二、网页的创建和编辑 1.网页的创建 在“文件”面板的站点中创建 从启动页面创建 文件|新建 2. 网页的编辑 （1）打开网页：文件|打开或者在“文件”面板中双击要编辑的文件名称。 （2）保存网页：文件|保存；文件|另存为。 （3）预览网页：按“F12”键；文件|在浏览器中预览|iexpore；单击“文档”工具栏的【在浏览器中预览/调试】按钮，并在弹出的下拉菜单中选择【预览在iexpore】命令。 2.网页的编辑-续 （4）设置网页标题 （5）设置“上边距”为0：修改|页面属性 （6）添加/删除字体：选择“字体”下拉列表的最后一项“编辑字体列表…”，打开“编辑字体列表”对话框。 三、使用表格布局网页 在设计网页中，表格不仅可以罗列数据，更重要的是可以用来控制网页的布局。 通常，新建网页后，要先在网页中插入表格，再将其它网页元素插入到表格的单元格中。 网页布局的３种解决方案：表格、框架、图层。 1.表格的3种视图 (1)标准视图：设计规律、简单表格 (2)扩展视图：定位元素、放光标 (3)布局视图：设计复杂、无规律表格 2. 创建表格 （1）插入表格（2种方法） 单击“插入”|“表格”命令 单击“常用”面板中的“表格”按钮 （2）表格属性面板 （2）表格属性面板-续 （3）为表格输入数据 在表格的单元格中，可以插入文本、图片、超链接、表单、动态组件等元素，也可以插入嵌套表格。 3. 编辑表格 （1）选中整张表格 方法1:使用table标记 方法2:单击表格任意位置，按两次Ctrl + A 方法3：单击表格左上角 （2）选中表格行 方法1：拖动鼠标从左至右 方法2：把鼠标移至要选定的行的行首，鼠标会变成粗黑箭头，单击左键，选定行 方法3：使用tr标记 （3）选中表格列 方法1：拖动鼠标从上至下 方法2：把鼠标移至要选定的列的列首，鼠标会变成粗黑箭头，单击左键，选定列 （6）删除行或列 （5）添加行或列 修改|表格|插入行 修改|表格|插入列 修改|表格|插入行或列 （7）合并单元格 方法1：修改|表格|合并单元格 方法2：属性面板上的“合并单元格”按钮 （8）拆分单元格 方法1：修改|表格|拆分单元格 方法2：属性面板上的“拆分单元格”按钮 小结 表格的应用技巧： 外围表格宽度：780像素 内嵌表格宽度：百分比 每一个版块都用一个单独的表格 灵活运用嵌套表格 四、在网页中插入文本、图像和影片 1.插入文本 （1）插入特殊字符：插入|HTML|特殊字符 （2）插入日期：插入|日期 （3）插入水平线：插入|HTML|水平线 （4）空格符的键入：切换到全角中文进行输入 （5）换行符：shift+Enter （6）段落标识符：Enter （7）文本的属性面板 2.插入图像 （1）插入图像：插入|图像或单击“常用”子面板上的【图像】按钮 （2）设置图像属性 3.插入滚动字幕 （1）选中滚动字幕内容 （2）单击“插入”|“标签” （3）选择“html标签”中的marquee，单击“插入”，单击“关闭” （4）选中marquee标签，在“标签检查器”面板的“属性”选项卡中设置属性 Behavior:设置字幕运动方式 Direction:设置字幕滚动方向 Scrollamount:设置字幕滚动速度 3.插入滚动字幕-续 Scrolldelay:设置字幕滚动时停顿的时间，单位为毫秒。如果要让滚动看起来流畅，数值应该尽量小。 Loop:设置字幕滚动次数，默认值为无限，“-1”也为无限。 打开行为面板，添加两个行为： onMouseOver: this.stop() 设置鼠标移动到滚动字幕时的动作为停止滚动。 onMouseOut： this.start() 设置鼠标离开滚动字幕时的动作为开始滚动。 4.插入Flash影片 方法1