信息化门户网站案例描述.docVIP

信息化门户网站-阶段项目 第一部分 案例描述 案例需求 企业化门户网站首页设计，页面效果如下： 模板包含以下部分： 1. 页面顶部显示登录信息，允许新用户注册和输入已存在的用户名和密码登录网站，登录后显示用户名称、用户类型信息和退出登录按钮； 2. 企业VI和Banner广告条，VI应突出企业信息和网站地址，使浏览用户能够形成心理暗示，加强对网站的印象； 3. 导航条，指向各版块链接； 4. 全站显示广告条，在每一个页面上都进行显示的广告； 5. 模板内容区域，根据页面的不同显示不同的内容； 6. 页脚，显示网站介绍、网站地图、联系方式、版权、链接、意见反馈链接。 模板的效果图： 图 1-2 模板结构 有了模板页之后，首页和详细页直接从模板页继承就可以了。 首页布局： 图 1-3 首页结构 为了使导航栏在鼠标移到上方时有一个动态效果，使用不同的背景实现。默认情况下导航显示： 图 1-4 初始导航样式 将鼠标移到导航链接上时，改变链接背景图片，如下图所示： 图 1-5 鼠标悬浮导航样式 首页热点图片显示时与包含容器留有1个像素空白，如下图所示： 图 1-6 热点图片显示格式 首页各版块分为上下两部分，上方显示版块名称，下方显示最新的文章列表，使用自定义图片作为文章列表的项目图片，文章列表之间应有间隔，不至于看起来过于拥挤。各版块周围应留有空白，合理安排布局。按如下格式显示：