原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
信息化门户网例描述
信息化门户网站-阶段项目
第一部分 案例描述
案例需求
企业化门户网站首页设计，页面效果如下：
模板包含以下部分：
1. 页面顶部显示登录信息，允许新用户注册和输入已存在的用户名和密码登录网站，登录后显示用户名称、用户类型信息和退出登录按钮；
2. 企业VI和Banner广告条，VI应突出企业信息和网站地址，使浏览用户能够形成心理暗示，加强对网站的印象；
3. 导航条，指向各版块链接；
4. 全站显示广告条，在每一个页面上都进行显示的广告；
5. 模板内容区域，根据页面的不同显示不同的内容；
6. 页脚，显示网站介绍、网站地图、联系方式、版权、链接、意见反馈链接。
模板的效果图：
图 1-2 模板结构
有了模板页之后，首页和详细页直接从模板页继承就可以了。
首页布局：
图 1-3 首页结构
为了使导航栏在鼠标移到上方时有一个动态效果，使用不同的背景实现。默认情况下导航显示：
图 1-4 初始导航样式
将鼠标移到导航链接上时，改变链接背景图片，如下图所示：
图 1-5 鼠标悬浮导航样式
首页热点图片显示时与包含容器留有1个像素空白，如下图所示：
图 1- SEQ hlearingpic \* MERGEFORMAT 6 热点图片显示格式
首页各版块分为上下两部分，上方显示版块名称，下方显示最新的文章列表，使用自定义图片作为文章列表的项目图片，文章列表之间应有间隔，不至于看起来过于拥挤。各版块周围应留有空白，合理安排布局。按如下格式显示：
图1-7 首页版块显示格式
新闻详细页面结构图：
图 1-8 新闻详细页面结构
首页和详细页面的效果图：
图 1-9 首页效果图
新闻详细页面的效果图如下：
图 1-10 新闻详细页效果图
功能点介绍
首页由以下几部分组成：
图 2- SEQ hlearingpic \* MERGEFORMAT 1 首页结构分析
详细页面结构与首页相似，只是中间部分显示的是最新资讯和资讯内容，如下图所示：
图2-2 新闻详细页面结构分析
默认页面（default.html）由以下几部分组成：
1. 登录区域（login_container），居中显示登录文本框及按钮，宽度1000px，高度45px，显示背景图片。
2. 正文区域（main_container），登录区域以下全部内容，宽度1000px，高度自动适应。正文区域中包括以下几部分：
网站标识及banner区域（vi_container），从左到右显示VI标识和banner广告条，宽度874px，高度90px。
导航条区域（navigator_container），具有移到导航菜单上时特效，宽度874px，高度26px。
两个广告条区域（advertise），显示广告图片或动画，宽度864px，高度100px。
两行信息显示区域（line_content），宽度864px，高度260px。每行中显示三块区域的图片和信息列表。第一列，宽度224px，第二列320px，第三列320px。
文档评论（0）