网站制作-2Dreamweaver基础操作.pptVIP

示例 6.1　创建表格 功能：排版和布局 排版： 【插入】-【表格】 参数设置： n行n列 宽：百分比或像素 边框粗细：0px 单元格边距：0px 单元格间距：0px 练习： 在表格中插入文字或图片 单元格间距：cellspacing 单元格边距：cellpadding 6.2　表格属性 常用表格属性 背景颜色 背景图片 水平对齐 垂直对齐 表格边框粗细 单元格 表格 嵌套表格 6.3　选择和编辑表格 设置表格整体属性 选中整个表格 属性面板 6.3　选择和编辑表格 设置单元格属性 选中一个或多个单元格 属性面板 实例练习：网页排版 素材： index.htm images文件夹中的图片 要求： 填充文字和图片 设置导航栏的超级链接样式 排版结果可参考： /erji/syjx.html 实例5 6.4　布局表格 插入栏-布局工具栏 特点： 自动伸缩性 嵌套表格 布局工具 网页布局 要素： 页面尺寸 页头 页脚 导航栏 图片和文本 实例6 要求 使用表格进行网页布局 填充文字和图片 设置导航栏的超级链接样式 实例练习：静态网页制作 网页的编辑工具有很多种，使用最广泛的就是DW，它集中了很多软件的优点，强大的功能大大方便了使用者学习和掌握。 /postDetail.do?id=81829 * * * * * 如最常用的水平线，文件头标签就是在这里插入。 * flash对象一般由flash软件来制作，flash在现在的网页制作中非常的常用，如果有兴趣的同学可以学习一下flash的制作。 链接网址时，一定要输入完整的URL地址。 目标一般是下拉框，下拉框的选项有各自的含义，常选用_blank * 以该网页为例：使用4行7列的表格布局而成。第一行合并单元格，放置头图，第二行制作7个链接的导航栏，第三行合并单元格是网页的主体内容，第四行合并单元格是页尾内容，放置版权信息等内容。 表格宽度的设置分为两种：相对和绝对宽度。 单元格边距指的是表格的单元格中内容和边框之间的距离,间距指单元格和单元格之间的距离. * 换图（?) 页面的尺寸和显示器的大小和分辨率相关，一般来说，网页的宽度要比显示器的分辨率小一些，网页的高度可以超过显示器的分辨率，但不要超过太多。 页头和页尾是网页中必不可少的元素，页头放置主题，logo等，页尾放置版权信息等。 图片和文本是网页主体的两大构成元素，缺一不可，如何处理好两者之间的关系是网页布局的关键。 多媒体包括声音，视频，动画等。随着动态网页的兴起，它们在网页布局中的作用越来越重要。 * Dreamweaver的基础操作 2 课程安排 网站制作流程 网站发布 网页制作 美工设计 Dreamweaver FrontPage 记事本 IIS(发布程序) Access(数据库) Fireworks Photoshop Flash Dreamweaver 软件简介 Macromedia公司开发的用于网页制作和编辑软件。 Dreamweaver，Fireworks，Flash并称为网页制作三剑客。 优点： 支持最新的web技术 可视化网页编辑 创建网页 新建一个简单的文本网页 【文件】-【新建】-空白页/html 任意输入一段文字 为网页文档指定标题(命名为“我的个人网站”） 文件-保存(命名为index.htm) 注意标题和文件名的区别 标题一般用中文，对网页的主要内容起描述性的作用。 文件名一般用英文，是网页文档的文件名。 查看网页效果 本地浏览 Dreamweaver 【文件】-【在浏览器中预览】 快捷键：F12 1.创建和管理站点 站点的意义 对网站文件进行自动管理，也可以尽可能地减少错误。 创建站点 创建规范的站点文件夹 建立子文件夹image、css 【站点】-新建站点 在站点下创建网页文件 命名用字母，下划线，数字 管理站点文件 【窗口】-文件面板 站点测试 在站点文件上传到服务器上之前，应在本地站点进行测试，还可以通过运行站点报告来测试整个站点，并解决出现的问题。 方法 浏览器兼容性检查 【文件】-【检查页】-【浏览器兼容性】 链接检查 【文件】-【检查页】-【链接】 【站点】-【检查站点范围的链接】 实例1：建立站点 步骤 创建站点文件夹 【站点】-【新建站点】 2.网页文本 在网页制作中，可以根据需要从大量的字体样式中选择合适的字体，将网页制作得更加精美，但是在一个网页中，所使用的字体应该尽量保持统一，不宜在同一页面中使用过多的字体样式，而且，在同一网站中，也应该尽量保持一致。 2.1网页文本的编辑 字体样式 【格式】菜单-【字体】-选择字体样式 给网页整体设定样式 【修改】菜单-页面属性 用途：设置字体样式、大小、