网页制作(二) 计算机文化基础 计算机与信息管理中心
计算机文化基础 计算机与信息管理中心 网页制作（二）
内容提要 C网页布局 》表格布局 》框架组织页面 C网页外观的统一方法 》主题、共享边框、导航栏 C发布网站 C网页特效制作 》动态GIF素材的制作 》 JavaScript语言 C计算机文化基础 httpllccf.tsinghua.edu.cn 2
计算机文化基础 http://ccf.tsinghua.edu.cn 2 内容提要 表格布局 框架组织页面 网页布局 网页外观的统一方法 主题、共享边框、导航栏 发布网站 网页特效制作 动态GIF素材的制作 JavaScript语言
网页的布局 表格和框架是网页布局的常用工具。 表格在网页制作中的作用已经超越了传统意乂上的存放数 据,表格已成为组织数据、排列网页元素空间位置最为灵 活的方法。 框架也是一种常用的网页布局方法,它将浏览器窗口划分 为功能独立的多个区域,每个框架显示一个网页内容,并 且通过框架中的超链接可以更改显示在另一个框架中的网 页文件 C计算机文化基础 httpllccf.tsinghua.edu.cn 3
计算机文化基础 http://ccf.tsinghua.edu.cn 3 网页的布局 表格和框架是网页布局的常用工具。 表格在网页制作中的作用已经超越了传统意义上的存放数 据，表格已成为组织数据、排列网页元素空间位置最为灵 活的方法。 框架也是一种常用的网页布局方法，它将浏览器窗口划分 为功能独立的多个区域，每个框架显示一个网页内容，并 且通过框架中的超链接可以更改显示在另一个框架中的网 页文件
表格的创建 C菜单命令“表格”/手绘表格” 先绘制出表格的轮廓,然后绘制表格的单 元格,由此可以创建一个不规则的表格。 插入表格 ①菜单命令“表格”/插入”/表格”数彐mF 布局 用指定表格属性的方式创建表格, 对齐方式④:默认 指定宽度 这些属性包括表格的行数和列数、 边框粗细) 像素 百分比) 表格宽度、对齐方式、边框粗细, 单元格边距① 单元格间距 以及单元格边距和间距。 样式 匚确定取消 C使用“插入表格”按钮 通过指定列数和行数来快速创建一个规则的空表。 3乘4表格 C计算机文化基础 httpllccf.tsinghua.edu.cn
计算机文化基础 http://ccf.tsinghua.edu.cn 4 表格的创建 菜单命令“表格”/“手绘表格” 使用“插入表格”按钮 菜单命令“表格”/“插入”/“表格” 先绘制出表格的轮廓，然后绘制表格的单 元格, 由此可以创建一个不规则的表格。 用指定表格属性的方式创建表格， 这些属性包括表格的行数和列数、 表格宽度、对齐方式、边框粗细， 以及单元格边距和间距。 通过指定列数和行数来快速创建一个规则的空表
表格的编辑 单元格的合并与拆分 设置表格属性 创建不规则的表格 表格在网页中的编排方式 布局 对齐方式):郾认口-指定宽度) C像索〖 认 G百分比) 单元格边距 彐厂指定高度G 设置单元袼属性 单元格间距①) 框 C百分比C 单元格内文本的编排方式 粗细〖 彐亮边框) 自动 暗边框):「■自动 单元格属性一览表 水平左对齐水平右对齐「水平中间对齐 颜色) 垂直靠上 使用背景图片Qp 垂直居中 相对底边对齐 样式6,」确定取消应用)」 跨距为两列一行 C计算机文化基础 httpllccf.tsinghua.edu.cn 5
计算机文化基础 http://ccf.tsinghua.edu.cn 5 表格的编辑 单元格的合并与拆分 设置单元格属性 设置表格属性 表格在网页中的编排方式 单元格内文本的编排方式 创建不规则的表格