网页制作实验教程第六章建立表格_第1页
网页制作实验教程第六章建立表格_第2页
网页制作实验教程第六章建立表格_第3页
网页制作实验教程第六章建立表格_第4页
网页制作实验教程第六章建立表格_第5页
已阅读5页,还剩7页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第六章建立表格,实验十九在网页中建立表格实验二十统一网页风格的模板,表格也是网页布局的重要元素之一,因其形式简洁,能够直观地反映数据在行与列上的关系,所以使用表格可以制作更清晰的列表效果。,实验目的:要求同学们掌握建立表格的方法,熟悉表格属性面板的操作,掌握表格模板的设定方法以及熟练套用表格模式。,实验原理:表格是网页中处理数据最常用的一种方式,网页中的表格有HTML的特性,同时增加了许多更吸引人的特点。可以说,表格是整个网页设计的精华,它具有输入数据和进行分类列表的功能,当前大型网站几乎都是用表格来协助网页排版的。,实验条件:电脑操作系统WindowsXP/2000/98、Dreamweaver8网页设计软件。,实验十九在网页中建立表格,本实验以制作一个主题为“太阳系行星列表”的表格科普知识网页为例,针对如何插入与使用表格进行具体讲解。,实验内容:步骤1把光标移到要插入表格的位置,选择插入工具栏中的常用栏中的表格命令,单击按钮,弹出表格对话框。步骤2选择需要的行数、列数、表格宽度、边框粗细、单元格边距、单元格间距的具体数据。步骤3弹出虚线框表格后,在表格内输入文字,并可插入图片。步骤4点击页面上的表格,下端出现该表格的属性面板。,步骤5可以在属性面板选择需要的背景颜色、背景图像、边框颜色、边框大小、对齐方式等表格的属性特征。步骤6单击鼠标右键选择表格栏中的插入行或列的命令、合并或拆分单元格的命令、删除行或列的命令,可以改变表格的布局。步骤7选择命令菜单栏中的格式化表格命令。步骤8弹出格式化表格对话框,可以对表格形式进行选择,然后再点击确定命令,则格式化表格成功完成。步骤9单击F12,在浏览器中预览效果。,实验二十统一网页风格的模板,如果网站需要制作大量的相同风格的表格,可以将预先做好的一个表格设置成模板,套用在网站的所有表格中,从而很好地统一网页风格。在Dreamweaver中,模板因其可随时套用而被广泛运用,具有方便简捷的特点。,实验内容:步骤1编好了带有表格的网页后,选择文件菜单的另存为模板命令。步骤2弹出另存为模板对话框,选择要存储的地址以及模板文件名称,单击保存按钮,则编辑好的表格被保存为模板。步骤3选取模板表格中的可编辑区域,选择插入菜单栏中的模板对象中的可编辑区域命令。,步骤4弹出新建可编辑区域对话框,为选择好的可编辑区域命名。步骤5如果要删除可编辑区域,选择修改菜单的模板中的删除模板标记命令,则选定的编辑区域就被撤销了示。步骤6对模板进行编辑后,就可以将模板套用于新网页中了。选择修改菜单的模板中的套用模板到页命令。步骤7弹出选择模板对话框,选择被套用模板,单击选定按钮,则模板就被套用到新的网页中了。,学习与思考希望同学们按照以下要求来完善你的个人主页:

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论