计算机基础第七章.pptVIP

第七章 本章主要内容 HTML语言简介 HTML文档结构 主要标记码的含义 HTML文档中常用标记的使用 HTML文档中常用标记的使用 HTML文档中常用标记的使用 HTML文档中常用标记的使用 HTML文档中常用标记的使用 HTML文档中常用标记的使用 HTML文档中常用标记的使用 Dreamweaver MX 2004简介 Dreamweaver MX的工作界面 Dreamweaver MX主要功能 Dreamweaver MX主要功能 Dreamweaver MX主要功能 站点 创建站点的步骤 网页文档的基本操作 在文档中插入文本 格式化文本 创建超级链接 创建导航条 电子邮件超链接 在网页中插入、修改图像 在网页中插入Flash动态元素 插入播放媒体 在网页中使用表单 创建表单并设置属性 插入表单对象 插入表格 表格的基本操作 用表格进行页面布局 用布局模式进行页面布局 用框架进行页面布局 用框架进行页面布局的优缺点 层叠样式 测试站点 网站上传 网站上传 网站上传 本章课后作业及实习 表单是一个容器，只有在表单中添加了表单对象后才能使用。 表单对象有：文本字段、隐藏域、文本区域、复选框、单选按钮、单选按钮组、列表/菜单、跳转菜单、图像域、文件域、按钮、标签、字段集。 插入栏 表格是页面布局中最常用的手段 Dreamweaver MX 2004中的表格技术不仅支持有序地排列数据，还可在其中插入文本、图像及其他元素 在“文档”窗口的“设计”视图中，将插入点放在需要表格出现的位置，在“插入”栏的“常用”类别中，执行“插入/表格”菜单命令，即会出现“表格”对话框 选择整个表格 选择行或列 选择单元格 合并单元格：用“修改/表格/合并单元格”命令 插入行或列：用“修改/表格/插入列”命令 删除行或列：用“修改/表格/删除行”命令 设置表格属性、设置单元格属性 选中整个表格，在“属性检查器”面板中进行设置，各功能与EXCEL软件相似 利用表格将网页内容分成若干个区，然后将相应的内容分别填入不同的表格中，著名的门户网站“新浪”的页面就是用表格进行布局的。 一般用表格定位来布局网页都分成“标题和导航区”与“正文区”两大部分。 “标题和导航区”一般在网页最上部，可由两个大的表格组成：上面表格是图片区，下面是导航区。 “正文区”是由一个多行多列的大表格构建而成，其中每一行、列再通过插入单独的表格或者拆分的方法来形成多个区域并输入相应的信息。 执行“查看/表格模式/布局模式”菜单命令，在布局面板中选择“布局”按钮，使窗口处于“布局模式” 创建布局表格 创建布局单元格 在布局单元格中添加内容 调整布局表格 调整布局单元格 设置布局表格和单元格 用布局模式布局页面是在添加内容前才创建布局表格和布局单元格。如，可沿页的顶部绘制一个单元格放置标题图形，在页的左边绘制另一个单元格放置导航条，在右边绘制第三个单元格放置内容。 框架页面将浏览器的显示窗口分为多个显示区域，每个显示窗口称为一个框架，它包含一个单独的、可以滚动的页面。几个框架组合在一起就构成了框架集。 选中框架 创建框架 在框架中添加内容 保存框架 设置框架属性 框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。 访问者的浏览器不需要为每个页面重新加载与导航相关的图形。 每个框架都具有自己的滚动条，因此访问者可以独立滚动这些框架。 例如：当框架中的内容页面较长时，如果导航条位于不同的框架中，那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条。 使用框架也有一些缺点，如：可能难以实现不同框架中各元素的精确图形对齐以及对导航进行测试可能很耗时间等。 现代网页制作离不开 CSS技术，使用它可以对网页中的布局元素（如表格）、字体、颜色、背景、链接效果和其他图文效果实现更加精确的控制，并显示更好效果。CSS样式不仅可以在一个页面中使用，而且可以用于其他多个页面。 创建层叠样式 设置层叠样式 管理层叠样式 应用层叠样式 站点中所有页面制作好后要对整个网站进行测试 测试最基本的方法就是在浏览器中测试每一个页面，看内容是否能正确显示，尤其要测试超链接是否能正确工作。 进一步测试超链接的正确性的方法：将整个站点目录复制到另外一个位置，然后在浏览器中打开站点首页，测试是否所有的超链接都能正确工作。 为了确保不同的浏览者能够看到一致的页面效果，网站还应在不同的显示分辨率下进行测试，至少要在 800×600和1024×768两种分辨率下进行测试 在不同字体显示大小情况下进行测试 网站制作好后要将它上传到Internet的服务器端，这样人们才能够访问它。 一般可以选用FTP软件上传站点，也可以直接使用D