第第33节节页面分析与设计页面分析与设计西安市第十四中学高琪复习相关知识复习相关知识网页与网站网页与网站通过浏览器看到的一个个“单一的页面叫做网页,网站由系列相关网页链接而成。一个网站一般拥有多张网页，用户输入网站的地址以后，浏览器打开的第一张网页，称之为该网站的主页，也叫首页。其它的页面称之为子页。主页与子页主页与子页本节课主要内容本节课主要内容11、掌握常用的几个主页功能模块。、掌握常用的几个主页功能模块。22、能熟练画出简单网站主页版面布局图，、能熟练画出简单网站主页版面布局图，进而练习自主设计主页版面布局。进而练习自主设计主页版面布局。一、确定主页的功能模块一、确定主页的功能模块网站名称logo导航栏banner新闻news版权copyright搜索search广告条banner友情链接links一、确定主页的功能模块一、确定主页的功能模块网站主页的网站主页的功能模块功能模块是指需要在主页上实是指需要在主页上实现的主要内容和功能。现的主要内容和功能。网站名称（网站名称（logologo））■■邮箱列表（邮箱列表（maillistmaillist））广告条（广告条（bannerbanner））■■计数器（计数器（countcount））导航条（导航条（sitemapsitemap））■■版权（版权（copyrightcopyright））新闻（新闻（newsnews））■■友情链接（友情链接（linkslinks））搜索（搜索（searchsearch））网站名称logo广告条banner导航栏banner新闻news邮箱列表maillist版权copyright网站主页主要功能模块网站主页主要功能模块网站名称（网站名称（logologo））广告条（广告条（bannerbanner））导航条（导航条（sitemapsitemap））新闻（新闻（newsnews））搜索（搜索（searchsearch））友情链接（友情链接（linkslinks））邮箱列表（邮箱列表（maillistmaillist））计数器（计数器（countcount））版权（版权（copyrightcopyright））时间和日期时间和日期留言板留言板在线音频系统在线音频系统在线支付系统在线支付系统登录系统登录系统BBS论坛系统……二、主页的版面设计二、主页的版面设计版面版面指的是通过浏览器看到的一个完指的是通过浏览器看到的一个完整页面。整页面。网站名称广告栏导航栏新闻搜索友情链接版权网站名称网站名称广广告告条条导航栏导航栏新闻新闻搜索搜索导航栏导航栏友情链接友情链接版权版权画主页版面布局图步骤：画主页版面布局图步骤：1、用矩形框表示主页版面。2、从上到下，从左到右逐个分析各个模块。3、功能模块在版面中处于哪个位置，在布局图中也处于那个位置。4、布局图绘制过程中，各功能模块要按照相对于版面适当比例大小分布，要合理美观，主要内容突出。网站名称网站名称导航栏导航栏广告条广告条新闻新闻新闻新闻导航栏导航栏导航栏导航栏版权版权创作设计自己的网站主页创作设计自己的网站主页版面设计并不是简单的文字、图片堆砌，要注意结构平衡、色彩悦目，风格上要与网站主题一致，具有门户网站的味道。常见的几种网页布局形式：“┓”型、“┏”型、“┳”型。课堂小结课堂小结主页主要的功能模块：主页主要的功能模块：网站名称（网站名称（logologo））广告条（广告条（bannerbanner））导航条（导航条（sitemapsitemap））新闻（新闻（newsnews））搜索（搜索（searchsearch））友情链接（友情链接（linkslinks））邮箱列表（邮箱列表（maillistmaillist））计数器（计数器（countcount））版权（版权（copyrightcopyright））画主页版面布局图步骤：画主页版面布局图步骤：1、用矩形框表示主页版面。2、从上到下，从左到右逐个分析各个模块。3、功能模块在版面中处于哪个位置，在布局图中也处于那个位置。4、布局图绘制过程中，各功能模块要按照相对于版面适当比例大小分布，要合理美观，主要内容突出。知识扩展知识扩展辨别功能模块辨别功能模块1、导航栏一般在版面上方或左方，友情链接一般在版面下方或右下方。2、导航栏本网站的目录，友情链接提供快速访问其他网站的捷径。友情链接和导航栏友情链接和导航栏邮箱列表和登录...
