计算机基础第七章.ppt

第七章 本章主要内容 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样式不仅可以在