21栏式结构网页的制作

《21栏式结构网页的制作》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、文化理论课教案(首页)2015~2016学年第一学期课程名称：网页美工任课教师：谭荣生共_页科EI网页美工第二章一节课题：栏式结构网页的制作(1)授课FI期9.17课时2班级高计1431授课方式讲授、演示作业题数无拟用时间无教学目的掌握栏式结构、区域式结构、非规律结构网页的布局和版面设计方法选用教具挂图多媒体重占栏式结构、区域式结构的设计难点非规律结构网页的布局和版面设计方法教学回顾学生基本掌握了栏式结构、区域式结构、非规律结构网页的布局和版面设计方法说明审阅签名:教学过程第二章一节栏式结构网页的制作（1）一、课堂导入网页布局是网页设计的基础，只有进行的合理布局，才能制

2、作出完美协调的网页。版面设计就是将网页的基本元素（如LOGO、导航条、文字、图像、动画等）进行有机地组合，以最适合的方式排放在页面的不同位置，并表现出美与和谐。通过网页版面布局可以将传递的信息内容巧妙、规律地排列。网页一般以导航位置为界，大致可以分为栏式结构（上下、左右、上左右、上左中右）、区域式结构、非规律结构。二、新课讲授1.栏式结构网页（1）上下结构式。结构比较开阔，通常上方为导航条或者动态的公司企业形象（广告区域）,下方为正文（内容）部分。常见结构如图2-1所示。I:下结构弐（2）左右结构式。一般左侧或右侧放置导航，最上方放公司的LOGO,右侧是正文（内容）部分

3、或者企业形象展示。常见结构如图2-2所示。（3）上左右结构式。大中型企业网站多采用此结构，通常上方为菜单导航条，下方多数为栏W2-2左右站构式目及广告等，右侧为正文（内容）区域。常见结构如图2-3所示。ABEC区M2-3上圧右结构成（4）上左中右结构式，又称为三分栏式。大型企业、电子商务、政府网站、教育机构较多采用。常见结构如图2-4所示。图2-4上左中丫湍构式1.区域式结构网页区域式结构网页主要利用颜色、线条、文字的断口或插图的变换等手段把网页平面划分成几个规则的或不规则的区域。常见结构如图2-5所示。2.非规律结构网页非蓉律结构网页页面的信息量少，通常是一张形象、广

4、告图片，类似杂志封面。常见结构如图2-6所示。图2*6II：规律结构小结：本项目将通过3个任务来介绍上述3种结构网页的设计制作方法。作业：无