21栏式结构网页的制作.docVIP

文 化 理 论 课 教 案（首页） 20 15 ~ 20 16 学年第 一 学期 课程名称： 网页美工 任课教师： 谭荣生 共 4 页 科目 网页美工 第二章一节 课题：栏式结构网页的制作（1） 授课 日期 9.17 课时 2 班级 高计1431 授课方式 讲授、演示 作业题数 无 拟用时间 无 教学目的 掌握栏式结构、区域式结构、非规律结构网页的布局和版面设计方法 选用教具挂图 多媒体 重点 栏式结构、区域式结构的设计 难点 非规律结构网页的布局和版面设计方法 教学回顾 学生基本掌握了栏式结构、区域式结构、非规律结构网页的布局和版面设计方法 说明 审阅签名： 教学过程 第 1 页 第二章 一 节 栏式结构网页的制作（1） 一、课堂导入 网页布局是网页设计的基础，只有进行的合理布局，才能制作出完美协调的网页。版面设计就是将网页的基本元素（如LOGO、导航条、文字、图像、动画等）进行有机地组合，以最适合的方式排放在页面的不同位置，并表现出美与和谐。通过网页版面布局可以将传递的信息内容巧妙、规律地排列。网页一般以导航位置为界，大致可以分为栏式结构（上下、左右、上左右、上左中右）、区域式结构、非规律结构。 二、新课讲授 1．栏式结构网页 (1)上下结构式。结构比较开阔，通常上方为导航条或者动态的公司企业形象（广告区域）， 下方为正文（内容）部分。常见结构如图2-1所示。 (2)左右结构式。一般左侧或右侧放置导航，最上方放公司的LOGO，右侧是正文（内容）部 分或者企业形象展示。常见结构如图2-2所示。 (3)上左右结构式。大中型企业网站多采用此结构，通常上方为菜单导航条，下方多数为栏 目及广告等，右侧为正文（内容）区域。常见结构如图2-3所示。 (4)上左中右结构式，又称为三分栏式。大型企业、电子商务、政府网站、教育机构较多采用。常见结构如图2-4所示。 2．区域式结构网页 区域式结构网页主要利用颜色、线条、文字的断口或插图的变换等手段把网页平面划分成几个规则的或不规则的区域。常见结构如图2-5所示。 3．非规律结构网页 非规律结构网页页面的信息量少，通常是一张形象、广告图片，类似杂志封面。常见结构如图 2-6所示。 小结： 本项目将通过3个任务来介绍上述3种结构网页的设计制作方法。 作业：无 东莞联合技工学校 教案 编号：QD-751b-35 B/1 流水号：