网页设计课件PPT.ppt 27页

'第二章使用表格布局页面——理论部分 2课程回顾为什么要学习制作网页？如何在网页中插入一个图像？如果要设置一个新闻标题的字体大小为16px，字体颜色为红色，并且加粗显示，该如何设置？如何创建一个站点？ 3技能展示掌握嵌套表格的应用了解常见网页布局形式会使用表格布局并制作淘宝网首页了解网页设计配色原则 所需学时3学时4 5本章结构网页中使用表格使用层布局页面表格的应用层布局优点嵌套表格的使用网页布局概述创建超链接使用表格和层布局页面使用表格布局页面常见网页布局形式布局淘宝网首页网页设计配色原则什么是层及如何创建层制作淘宝网登录页面表单在网页中的应用 6网页中使用表格 7表格的应用制作淘宝网中的淘宝大学案例分析表格布局和表格嵌套图像与文字的对齐方式图像与文本间距设置超链接 8创建淘宝大学页面新建网页布局页面插入一个3行1列的表格在属性检查器中设置表格对齐方式在这3个单元格中编辑各部分的内容标题及相关超链接图像及内容介绍帮助部分超链接的制作教师演示操作过程 9表格嵌套在单元格中插入一个新的表格就好像在word文档中的单元格中插入表格嵌套表格 10创建超链接创建超链接的方式使用菜单栏：插入记录→超级链接插入栏：常用→超链接图标在属性检查器中设置链接地址打开页面的方式 11设置超链接设置超链接的字体颜色a:link：未访问的链接a:visited：已访问的超链接a:hover：当有鼠标悬停在链接上a:active：被选择的链接超链接文本是否有下划线 12演示制作淘宝大学制作淘宝大学在表格中嵌套表格制作各部分的内容统一页面的字体大小设置图像与文本的对齐方式设置超链接及超链接文本颜色教师演示操作过程 13页面布局页面布局效果条理清晰主次分明色彩对比度适当布局疏密适当 14网页布局形式常见网页布局形式“国”字型拐角型标题正文型左右框架型上下框架型综合框架型封面型Flash型变化型“国”字型 15网页布局形式拐角型 16网页布局形式封面型 17网页布局形式Flash型 18使用表格布局淘宝网页面页面分析三大部分：导航、中间内容、版权中间又分为13个部分：人气宝贝、3个图片广告、快速注册、宝贝类目、热点部分、闲置拍卖、精彩资讯、社区精华、公告栏、淘宝大学、热买单品页面布局呈“国”字型 19页面布局使用表格布局页面网站导航热卖单品网站版权人气宝贝图片广告快速注册宝贝类目热点部分图片广告图片通栏广告闲置拍卖精彩资讯社区精华公告栏淘宝大学教师演示操作过程 20小结请思考：如何给一个文本增加超链接？单击一个超链接时，弹出一个新的页面，该如何设置其超链接？如何实现表格嵌套？ 21本章总结网页中使用表格使用层布局页面表格的应用层布局优点嵌套表格的使用网页布局概述创建超链接使用表格和层布局页面使用表格布局页面常见网页布局形式布局淘宝网首页网页设计配色原则什么是层及如何创建层制作淘宝网登录页面表单在网页中的应用 第二章使用表格布局页面——上机部分 23实验案例1：使用表格布局拍拍网首页需求描述使用表格布局页面对应模块的内容由图片代替实现思路分析页面的布局分析页面由哪些内容组成 24实验案例1：使用表格布局拍拍网首页使用表格布局效果页面实现效果导航部分热卖单品社区版权部分拍拍色告Flash广告手机充值专区买东西、卖东西宝贝类目裳品廊、热卖、品牌数码手机15分钟完成 25实验案例2：制作拍拍网商品展示页需求描述使用表格布局导航和版权部分使用部片代替本例只编辑中间的商品展示部分商品标题增加超链接 26实现思路使用表格布格表格，导航和版权部分用图片代替设置图片对齐方式图片与文字间距的设置实验案例2：制作拍拍网商品展示页 27学员练习插入一个3行1列的表格插入导航和版权部分在中间商品展示部分使用嵌套表格的方式布局设置字体大小、颜色、超链接等实验案例2：制作拍拍网商品展示页35分钟完成'