网页设计第15 课题综合实例(一) 教学目标1、表格的应用:2、深圳先进技术研究院主页 教学重点表格的应用 教学难点表格的应用 实例分析 1、效果图如下: 江优调技求研究院一ft1nt!x1ar 件①)编福查看①收座0工其①Q0 菜单有: 0·0团必户☆收⊙ 解言到 首页 1究代1试1候发1人才物1评化1文化1的才1内题1系们1 ERATH 研究院概况 中国科学院深辑先进技术研究院 标 新闻资讯 科技研发 大量式被美1杂平 百人形将启事 人才教育 气售了盘成2000宝大气摩件 “计忆厂士后形种启事 右专毛民得虎技重标究网 成果转化 砖导 流人 学母:场投资母亿异中122 文化领地 机 在术与技部花射留行工作 吴于健进平还市围市仁管 便请 教广纳人才 述显专测 内部信息 度 进技开工心目立确性1+10 酒书带 1-10 联系我们 中气大件才年四赶量盒山1 中手发市值息73用高14 English 程中 碱聘研究人 学 进技术究石料址1作口工企三际魔山行器械产 在舞积3//精科 分析 过使用嵌套表格来完成本实例,其中大表格为4行5列,表格宽度为760像素,第一行嵌套插入1 行11列的表格用于放置11个菜单,高度为25像素;第二行用于放置网标和功能菜单栏,可嵌套插 入一个3行3列表格完成:第三行第一列宽150像素,用于放功能菜单或图片,第二列和第四列宽 菜|单栏嵌套|1行1列表格 程 网标栏及搜索功能菜单栏 150 150 像 像 主要内容区域 像 像 素 素 素 嵌套插入2行1列表格 10像素,用来作为分界线,第五列宽150像素,用于放置临时内容,中间第3列用于放主要内容, 可嵌套插入表格:第四行用于放置网站信息,嵌套2行1列表格 二、上机练习三、小结、作业网页设计 第 15 周 星期二 第 5、6 节 课 题 综合实例（一） 教学目标 1、表格的应用；2、深圳先进技术研究院主页 教学重点 表格的应用 教学难点 表格的应用 教 学 过 程 一、实例分析 1、 效果图如下： 菜单有： 首页 研究院概况 新闻资讯 科技研发 人才教育 成果转化 文化领地 广纳人才 内部信息 联系我们 English 2、分析 使用嵌套表格来完成本实例，其中大表格为 4 行 5 列，表格宽度为 760 像素，第一行嵌套插入 1 行 11 列的表格用于放置 11 个菜单，高度为 25 像素；第二行用于放置网标和功能菜单栏，可嵌套插 入一个 3 行 3 列表格完成；第三行第一列宽 150 像素，用于放功能菜单或图片，第二列和第四列宽 10 像素，用来作为分界线，第五列宽 150 像素，用于放置临时内容，中间第 3 列用于放主要内容， 可嵌套插入表格；第四行用于放置网站信息，嵌套 2 行 1 列表格。 二、上机练习 三、小结、作业 菜 单 栏 嵌 套 11 行 1 列 表格 网标栏及搜索功能菜单栏 宽 150 像 素 宽 10 像 素 主要内容区域 宽 10 像 素 宽 150 像 素 嵌套插入 2 行 1 列表格