网页设计与制作（HTML5+CSS3+JavaScript） 第11章：集团网站开发.pptxVIP

第11章集团网站开发;11.1.1 需求描述 本例模拟的是一个简化版的集团公司的网站，网站上包含首页、产品列表、新闻列表、和内容页面等栏目，本例采用的是蓝色和灰色的配色方案，蓝色部分显示导航菜单，灰色显示文本信息，图11.1是项目案例的首页部分实现效果。 ;11.1.2 设计分析 作为一个电子科技公司的集团网站首页，其页面需要简单、明了，给人以清晰的感觉。从集团网站的首页、产品列表、新闻列表、内容页面和关于我们的页面效果图，可以看到，页面有一个共同点，那就是网页顶部导航和页面底部的网站版权是一样的，都可看作上中下结构，也就是说，最上方都是网站导航，中间部分是网页主体显示内容，每个页面的主体内容都不一样，最下方都是网站版权相关信息。因此，大家在制作网页时，可以先制作网站的导航和版权部分，这样在制作其他页面的时候，可以直接使用已经制作完成的导航和版权部分即可。网站的头部主要防止导航菜单、搜索栏和logo信息，其logo信息可以是一张图片或者文本信息等，首页页面的左侧是新闻和活动等图片加信息概述，右侧是博文、职位信息和子公司描述等，点击图片或者文本可以进入相关信息的具体描述页面，也可以点击页面顶部的导航菜单进入相应的介绍页面。 ;11.1.3 网站文件结构 从页面的关系可以看到，大家在浏览某个网页时，首先进入首页，然后单击页面中的超链接，查看其它页面如产品列表页、