页面分析与设计

《页面分析与设计》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3节页面分析与设计西安市第十四中学高琪复习相关知识网页与网站通过浏览器看到的一个个“单一的页面叫做网页,网站由系列相关网页链接而成。一个网站一般拥有多张网页，用户输入网站的地址以后，浏览器打开的第一张网页，称之为该网站的主页，也叫首页。其它的页面称之为子页。主页与子页本节课主要内容1、掌握常用的几个主页功能模块。2、能熟练画出简单网站主页版面布局图，进而练习自主设计主页版面布局。一、确定主页的功能模块网站名称logo导航栏banner新闻news版权copyright搜索search广告条banner友情链接links一、确定主页的功能模块网站主页

2、的功能模块是指需要在主页上实现的主要内容和功能。网站名称（logo）■邮箱列表（maillist）广告条（banner）■计数器（count）导航条（sitemap）■版权（copyright）新闻（news）■友情链接（links）搜索（search）网站名称logo广告条banner导航栏banner新闻news邮箱列表maillist版权copyright网站主页主要功能模块网站名称（logo）广告条（banner）导航条（sitemap）新闻（news）搜索（search）友情链接（links）邮箱列表（maillist）计数器（count）

3、版权（copyright）时间和日期留言板在线音频系统在线支付系统登录系统BBS论坛系统…二、主页的版面设计版面指的是通过浏览器看到的一个完整页面。网站名称广告栏导航栏新闻搜索友情链接版权网站名称广告条导航栏新闻搜索导航栏友情链接版权画主页版面布局图步骤：1、用矩形框表示主页版面。2、从上到下，从左到右逐个分析各个模块。3、功能模块在版面中处于哪个位置，在布局图中也处于那个位置。4、布局图绘制过程中，各功能模块要按照相对于版面适当比例大小分布，要合理美观，主要内容突出。网站名称导航栏广告条新闻新闻导航栏导航栏版权创作设计自己的网站主页版面设计并不是简

4、单的文字、图片堆砌，要注意结构平衡、色彩悦目，风格上要与网站主题一致，具有门户网站的味道。常见的几种网页布局形式：“┓”型、“┏”型、“┳”型。课堂小结主页主要的功能模块：网站名称（logo）广告条（banner）导航条（sitemap）新闻（news）搜索（search）友情链接（links）邮箱列表（maillist）计数器（count）版权（copyright）画主页版面布局图步骤：1、用矩形框表示主页版面。2、从上到下，从左到右逐个分析各个模块。3、功能模块在版面中处于哪个位置，在布局图中也处于那个位置。4、布局图绘制过程中，各功能模块要按照

5、相对于版面适当比例大小分布，要合理美观，主要内容突出。知识扩展辨别功能模块1、导航栏一般在版面上方或左方，友情链接一般在版面下方或右下方。2、导航栏本网站的目录，友情链接提供快速访问其他网站的捷径。友情链接和导航栏邮箱列表和登录系统课后作业1、画中央电视台网站（http://www.cctv.com)主页布局图2、课后评价2：搜索有关网页设计的文章3、继续完善美化自己的网站主页：注意：版面设计要注意结构平衡、色彩悦目，并且风格上要和主题一致，开创新风格。谢谢大家！