网页设计第 课题|T型网站实例 教学目标表格的应用 教学重点表格的应用 教学难点表格的应用 复习:动态图片切换效果制作过程 讲授新课 T型网站 1、网站效果图 olofbif esis Team 关于我们|站点导航联系我们 业界动态|设计竞赛|佳作欣贯|理论文敝|人物访该|软件技法 栏目更新列表 档前位置:七色鸟设计空间》平面设计》佳作欣赏 历届奥运会奖牌设计欣赏 雅典奥运会的设计及周边设 中黑入选 Archie精作品选 佳作欣赏一文章列表 教 鸣堂新年创意卡欣 历届奥运会奖牌设计欣贯(200408·26) 国V设计欣 雅典奥运会的设计及周边设计(2004-082 人大校友女年设计新核做 中国入选Ache精梓作品选(2004-05-01) 华人设计大师陈幼坚作品集(2004-03-19) DIESEL广告欣赏 意鸣堂新年创意卡片欣赏(2004-03-18) 韩国Ⅵ设计欣赏 铝息搜索 学 文字广告 人大校友七年设计新校做(2004-02-24) 艾特事业机构 》七色鸟平面版优秀原创作品阶段展(2004-01-21) 1930马拉圭到2002韩日世界杯海报欣贯(2004-01-12) 业幼摄影、艺术写烹、儿童 DIESEL广告欣9009 摄影机构 httpt//www.aitecn/ 帕需特设计作品欣赏(200308-28) 过 92000-2005. Colorbird design team. All rights reservec 2、分析 程|1)方法之一:整个页面可以利用三个大表格加嵌套表格来完成 方法之二:整个页面可以利用一个大表格加嵌套表格来完成 方法之三:可以利用布局表格和单元格来完成 2)利用方法一来完成本页面其中一制作可这样考虑:三个表格,第一个表格也就是最上面图片加菜 单栏部分,可用2行2列表格来完成,第1行第一个单元格用于放置网标,第二个单元格分别放 置“关于我们”、“站点导航”和“联系我们”。第二行可以嵌套插入一个1行7列的表格用于放 置功能菜单,分别是:业内动态、佳作欣赏、设计竞赛、理论文献、人物访谈和软件精选。 3)内容区域,可以用一个1行2列表格完成,左边一列嵌套表格用于放置功能菜单,右边一列为主 要区域,也可用嵌套表格完成。 4)最下面一个表格用来放置基本信息 上机练习 小结、作业网页设计 第 16 周 星期二 第 5、6 节 课 题 T 型网站实例 教学目标 表格的应用 教学重点 表格的应用 教学难点 表格的应用 教 学 过 程 复习：动态图片切换效果制作过程 讲授新课： 一、T 型网站 1、 网站效果图： 2、分析 1） 方法之一：整个页面可以利用三个大表格加嵌套表格来完成 方法之二：整个页面可以利用一个大表格加嵌套表格来完成 方法之三：可以利用布局表格和单元格来完成。 2） 利用方法一来完成本页面其中一制作可这样考虑：三个表格，第一个表格也就是最上面图片加菜 单栏部分，可用 2 行 2 列表格来完成，第 1 行第一个单元格用于放置网标，第二个单元格分别放 置“关于我们”、“站点导航”和“联系我们”。第二行可以嵌套插入一个 1 行 7 列的表格用于放 置功能菜单，分别是：业内动态、佳作欣赏、设计竞赛、理论文献、人物访谈和软件精选。 3） 内容区域，可以用一个 1 行 2 列表格完成，左边一列嵌套表格用于放置功能菜单，右边一列为主 要区域，也可用嵌套表格完成。 4） 最下面一个表格用来放置基本信息。 二、上机练习 三、小结、作业