高三上电子工业出版社网站前台设计综合实训课件项目七 综合类门户网站的设计与制作

项目七 综合类门户网站的设计与制作 网站前台设计项目实战 综合类门户网站综合描述 在多种多样的网站中人们访问最多的就是综合类门户网站。所谓综合类门户网站，是指通向某类综合性互联网信息资源并提供有关信息服务的应用系统。综合类门户网站最初提供搜索发动机、目录服务，后来由于市场竞争日益激烈，综合类门户网站不得不快速地拓展各种新的业务类型，希望通过门类众多的业务来吸引和留驻互联网用户，以至于目前门户网站的业务包罗万象，成为网络世界的“百货商场”或“网络超市”。从现在的情况来看，综合类门户网站主要提供新闻、搜索发动机、网络接入、聊天室、电子公告牌、免费邮箱、影音资讯、电子商务、网络社区、网络游戏、免费网页空间，等等。 项目制作流程 前期准备 中期网站制作 网站修改完善 任务一 “明洋网”效果图 任务二 横幅广告制作 任务三 网站搭建过程 前期准备 一、客户需求分析 综合类门户网站最初提供搜索发动机和网络接入服务，后来由于市场竞争日益激烈，门户网站不得不快速地拓展各种新的业务类型，希望通过门类众多的业务来吸引和留驻互联网用户，以至于目前门户网站的业务包罗万象，成为网络世界的“百货商场”或“网络超市”。就广东齐天大圣科技集团而言，对其拟建的综合门户网站提出的主要要求是： 全面快速权威的提供本地新闻内容。 提供深入详尽实用的城市生活资讯。 引导和广泛参与互动平台的网络舆论。 不断提高网站的网络影响力，不断提高网站的商业价值。 明洋网坚持走以新闻为核心、城市生活服务为主导的本土化路线，逐步成长为华南地区、甚至国内颇具影响力的网站。 前期准备 二、网站风格定位 本网站“明洋网”的目标是将建设成为新闻＋城市生活资讯＋互动的区域综合性门户网站。依据此目标来确定网站的整体风格就是自由开放，内涵丰富，时尚速度。具体体现在以下几方面： 1．色彩 本项目是采用的主色是蓝色。蓝色常被用做自由的象征，这可能是因为欲得到自由的人们向往宽广的青天，于是把天空的蓝色用来代表自由。此外，靠海的国家也常用蓝色来代表大海，尤其是一些岛屿国家，几乎都以蓝色做为国旗的主色。本网站的名称是“明洋网”，蓝色也正契合此意。 2．排版 要制作一个综合性的网站，面对的用户是不同年龄段的。其网站定位是满足不同人群的各种需求，这样才能吸引并留住更多的用户。综合性网站的页面布局是很重要的，本项目网站在页面布局方面采用经典的商业布局，主体内容在中间显示，左右两端放置频道精选的内容，以方便访问者浏览。 在布局的过程中，也不能千篇一律，要注意灵活的布局页面。比如在内容上完全不同的两个区域，本站就采用Flash广告将这两个区域分隔开。 3．特效 好的网页特效能够增强网页的可读性。往往利用特效达到吸引浏览者目光的作用。本项目中的动画效果处理的比较好，动而不乱。在本网站中有两种动画效果：一是采用Flash软件制作了网站的广告；二是采用横向的滚动字幕。 前期准备 三、网站建设方案 1．页面风格创意设计： 网站页面风格颜色初步拟定采用蓝色为基础色，在此色调的基础上进行颜色渐变的展开，体现新闻的速度、新闻的自由。从视觉角度上给人以蓝色的海洋般清凉的感受。从网站的定位上初定为综合门户类网站，因此，当风格初定后，内容将以新闻为核心和城市生活服务为主，让浏览者在进入该网站之后通过网站即能实现浏览者的各种需求。 2．网站栏目划分： 根据建站要求建立以下栏目。 ●北京奥运 ●新闻中心 ●明洋书城 ●明洋论坛 ●数字报纸 ●我爱逛街 ●旅游 ●汽车 ●健康 ●体育 ●美食 ●教育 ●娱乐　 　 ●交友 ●财经　　 ●图片 ●音像 ●相册 ●分类 ●求职 ●房产 ●English 前期准备 三、网站建设方案 3．网站建设拓扑图 网站首页 英 文 版 房 产 娱 乐 交 友 图 片 相 册 求 职 教 育 音 像 分 类 财 经 美 食 体 育 新闻中心 明洋书城 数字报纸 旅 游 健 康 北京奥运 我爱逛街 汽 车 明洋论坛 前期准备 四、网站设计方案报价明细： 静态页面设计报价明细： 工作项目 项目要求 页数 单价(元) 合计(元) 首页 1 XXX XXX 子页 全部采用动态网页 不限 XXX XXX Banner设计 类型为*.swf的flash动画格式 N XXX XXX Logo设计 类型为*.gif的图片格式 N XXX XXX 总 计 XXX 服务器空间、域名价格明细： 项目名称 功能要求 个数 单价(元) 合