第二讲--普通网页的制作.pptVIP

* 第二章：普通网页的制作 2.1 网页制作之前的准备 2.2 页面属性的内容与设置 2.3 表格的应用 2.4 层的应用 2.5 框架的应用 2.6 普通主页的制作 * 2.1 网页制作之前的准备 确定网页的内容题材 确定网页的风格、框架和布局 做好合法资料收集 确定页面文档的尺寸 排版不要松散，字体适中 背景颜色和页面文字对比度强 * 2.2 页面属性的内容与设置 2.2.1 页面属性的内容 - 页面属性的查看和修改： * “菜单”-“修改”-“页面属性” * 位于属性面板中的“页面属性” * 2.2 页面属性的内容与设置 2.2.1 页面属性的内容 - 外观： * 2.2 页面属性的内容与设置 2.2.2 页面属性的设置 - “外观”项内容与设置 * “页面字体”-“编辑字体列表” * “大小”-“字体的大小单位” * “文本颜色” * “背景颜色” * “背景图像”与“重复” * “页面边距”（默认不等于设置为零） * 2.2 页面属性的内容与设置 2.2.1 页面属性的内容 - 链接： * 2.2 页面属性的内容与设置 2.2.2 页面属性的设置 - “链接”项内容与设置 * “链接字体”-（同页面字体的含义） * “链接颜色”-（创建链接后的颜色） * “变换图像链接”-（鼠标经过字体颜色） * “活动链接”-（点击链接的颜色） * “下划线样式” * 2.2 页面属性的内容与设置 2.2.1 页面属性的内容 - 标题： * 2.2 页面属性的内容与设置 2.2.2 页面属性的设置 - “标题”项内容与设置 * 标题 1 至标题 6 指定最多六种标题 标记使用的字体大小和颜色 * 可以对页面中的文字设置标题类型 （在dreamweaver中演示） * 2.2 页面属性的内容与设置 2.2.1 页面属性的内容 - 标题/编码： * 2.2 页面属性的内容与设置 2.2.2 页面属性的设置 - “标题/编码”项内容与设置 * “标题”-（指定在“文档”窗口和 浏览器窗口的标题栏中出现的页面标 题，【在dreamweaver中演示】） * “编码”-（指定文档中字符所用的 编码，这里使用简体gb2312 ） * 2.2 页面属性的内容与设置 2.2.1 页面属性的内容 - 跟踪图像： * 2.2 页面属性的内容与设置 2.2.2 页面属性的设置 - “跟踪图像”项内容与设置 * 跟踪图像可以把一个图像放到设计 页面的底部，在编辑的时可以显示， 而在浏览器中浏览时可看不到的图 像，一般用在排版里。 * 点击“浏览”按钮可选图片。 * “透明度”可设置图像的透明程度。 * 2.3 表格的应用 2.3.1 插入表格 * “菜单栏”-“插入”-“表格” * “插入栏”-“常用”-“表格” * “插入栏”-“布局”-“表格” * 2.3 表格的应用 2.3.2 表格的选取与属性设置 * 选取整个表格 * 选取表格的行或列（在行或列的起始 位置，出现黑色箭头点击） * 选择某个单元格 * 选择连续的单元格（点击鼠标连续拖动） * 选择不连续的单元格（使用ctrl键） * 选取到不同的位置可在属性面板设置 相应的属性 * 2.3 表格的应用 2.3.3 表格的合并与拆分 - 合并单元格 * 选中单元格-单击属性面板合并图标 * 选中单元格-“菜单栏”-“修改” -合并单元格 * 选中单元格-点击鼠标右键-合并 - 拆分单元格（方法同合并单元格，拆分 是将一个单元格拆分成多个单元格） * 2.4 层的应用 2.4.1 层的概念 层是网页中的容器 可包含文本、图像、表单等元素 可以设置显示和隐藏 可以在屏幕上移动，实现动画效果 * 2.4 层的应用 2.4.2 创建层(Ap Div) * “菜单栏”-“插入”- * “插入栏”-“布局”-“绘制Ap Div” * 2.4 层的应用 2.4.3 层的调整与移动 * 把鼠标移到层边框位置点击，层的四 周出现了8个小黑块，这就是调整层大 小的控制点，左右的用来调整层的宽 度，上下的用来调整