网站设计与建设第1节网站规划开发基本概念.ppt

上传人:本田雅阁 文档编号:3220354 上传时间:2019-08-02 格式:PPT 页数:50 大小:3.85MB
返回 下载 相关 举报
网站设计与建设第1节网站规划开发基本概念.ppt_第1页
第1页 / 共50页
网站设计与建设第1节网站规划开发基本概念.ppt_第2页
第2页 / 共50页
网站设计与建设第1节网站规划开发基本概念.ppt_第3页
第3页 / 共50页
网站设计与建设第1节网站规划开发基本概念.ppt_第4页
第4页 / 共50页
网站设计与建设第1节网站规划开发基本概念.ppt_第5页
第5页 / 共50页
点击查看更多>>
资源描述

《网站设计与建设第1节网站规划开发基本概念.ppt》由会员分享,可在线阅读,更多相关《网站设计与建设第1节网站规划开发基本概念.ppt(50页珍藏版)》请在三一文库上搜索。

1、第1节 网站规划与设计的基本概念和方法,概 述,网站设计团队 网站定位 网站CI形象 网站开发方法,2,1.网站设计团队,网站设计开发是一个复杂的综合工程,往往需要一个设计团队协作才能够完成。 网站设计团队角色:项目管理、系统分析、规划设计、文字编辑、网页设计、平面设计、动画设计、音乐设计、视频设计、程序开发、网站测试、后期培训和网站维护等。 一个角色可以有多个人共同承担,一个人也可以承担多个角色。 网站设计:不只是一门科学,而是一门艺术。,2.网站设计团队组成内容,3.网站定位,网站建设目的及功能定位 网站名称是网站的一个关键要素,它能体现网站的主题,例如“人民网” 等。 网站面向的客户群

2、网站分类:,门户网站 普及型网站 电子商务网站 媒体信息类网站,办公事务管理网站 商务管理网站 娱乐性网站,4.网站CI形象,所谓CI(corporate identity)是指通过视觉来统一企业的形象,一个杰出的网站和实体公司一样,需要整体的形象包装和设计。例如:麦当劳网站 网站CI形象主要包括: 网站logo标志(徽标) 网站设计颜色 网站设计字体 统一图片处理效果 统一的宣传标语等,5.网站开发方法,由上之下(原型法): 首先定义并设计网站的外观和功能,形成网站的大致轮廓(模板),再递交给用户,根据用户意见再修改网站设计,直到满足要求即可。 适于中小型、个人网站或类似网站以及客户对需求不

3、明确等情况。缺点是修改次数太多。 由下至上(结构化开发方法):首先进行详细的需求功能分析,在对网站主题、蓝图有深刻的认识基础上,再设计网站的外观、内容和功能。 比较适于中、大型网站或者用户提出较为详细需求功能的网站。,网站设计团队 网站定位 网站CI形象 网站开发方法,8,第6章 小结,第6章 思考问题,结束,9,6.1 网站设计项目为什么需要建立一个网站设计团队? 6.2 网站设计团队一般包括那些角色? 6.5 你建立自己个人网站的目的和功能如何? 6.7 什么是门户网站?请访问网站,概括其主要功能。 6.9 什么是电子商务网站?请访问两个B2B网站和B2C网站,其主要功能如何? 6.10

4、一般网站与电子商务网站有什么主要区别? 6.13 什么是CI?网站CI主要包括哪些内容? 6.14 什么是网站logo?它在网页放置的位置如何? 6.20 网站客户群对网站设计有什么影响?,门户网站:Portal Site,入门网站,是综合性网站的俗称,提供信息丰富、服务多样,是网络用户上网的首选。 最初是指搜索引擎网站 门户网站分类: 国内搜索网站:新浪、搜狐、网易等 境外投资网站:中文雅虎、美国在线 传统媒体网站:人民网、新华网、央视国际,10,返回,http:/,11,http:/,12,http:/,返回,13,http:/,14,返回,http:/ 人民网,15,http:/www.

5、xinhua.org 新华网,16,http:/ 央视国际,返回,17,普及型网站:向浏览公众提供推介自身、树立形象和提供服务的网站。,政府网站:电子政府公共服务的核心平台,是政府实现政务信息公开、服务企业和社会公众、方便公众参与的重要渠道。 企业网站:发布企业基本信息、业绩、树立企业精神、企业文化乃至企业的整体形象、产品发布、服务信息、供求信息等。 事业网站:宣传企业形象、介绍业绩和组织等。 大学网站:介绍大学悠久的历史和文化、学科教育、科学研究、招生信息、院系设置和管理机构等。 个人网站:展现自己的才华、发表自己的观点、介绍自己某一方面的技能等。,18,返回,http:/ 政府网,19,h

6、ttp:/ 教育网,20,http:/ 浪潮,21,返回,电子商务类网站:,利用计算机技术、网络技术和远程通信技术,实现整个商务(买卖)过程电子化、数字化和网络化。 分类: B2B:商家对商家 B2C:商家对客户,22,电子商务与一般网站的区别:,23,电子商务与一般网站的区别:,24,返回,电子商务网站 B2B,25,返回,电子商务网站 B2C - 注册,26,电子商务网站 B2C - 填写注册信息,27,电子商务网站 B2C - 注册成功进入商城购物,28,电子商务网站 B2C - 挑选物品放入购物车,29,电子商务网站 B2C - 继续购买,30,电子商务网站 B2C - 去收银台,31

7、,电子商务网站 B2C - 付款方式,32,电子商务网站 B2C - 提交信息,33,电子商务网站 B2C - 显示购物单号,34,电子商务网站 B2C - 购物结束-返回主页,35,返回,媒体信息网站:,报社、杂志社、广播电台、电视台等传统媒体为了树立自己的网上形象,方便服务对象而建立的网站。 功能:发布网络新闻信息、美术艺术欣赏、博客、论坛、地图、旅游指导、天气预报和方便服务对象而建立的网站。,36,返回,http:/ 齐鲁晚报,37,http:/ 羊城晚报,38,http:/ 中国日报,39,返回,办公事务管理网站:,企业事业单位为了实现办公自动化而建立的内部网站。 功能:办公事务管理、

8、人力资源管理、财务资产管理 、网站管理。,40,返回,http:/ 资产管理处,41,返回,商务管理网站:企业内部网上办公平台,广告及商品管理 客户管理 营销管理 合同管理 网站管理,42,返回,娱乐性网站:Internet娱乐虚拟大平台,更具魅力、更具诱惑力,使人与虚拟现实浑然一体,这类网站使玩游戏的人有一种神游的梦幻痴迷感觉,很具市场潜力的网站。,游戏介绍 游戏规则 游戏试玩 在线游玩 游戏下载 会员注册 交流论坛,43,返回,中国游戏中心 联众世界 新浪游戏 tom游戏等,网站CI形象 ,返回,网站logo标志(徽标):企业文化和整体形象的标示。,用自己网站的英文名称作为标志,例如Mic

9、rosoft等。 本专业有代表的物品作为标志:例如中国银行的铜板标志。 将有代表性的人物、动物、花草加以卡通化和艺术化,例如Redhat的小红帽。,45,返回,网站设计色彩:指能体现网站形象和延伸内涵的主色调颜色,给客户的首要视觉冲击。,网站设计色彩给网站整体统一的感觉,至于其它色彩也可以使用,只是作为点缀和衬托,绝不能喧宾夺主。 一般来说,一个网站的设计主要色彩不要超过3种,太多则让人眼花缭乱 - 3色原则。 网站颜色贯穿整个网站,包括网站名称颜色、Logo颜色、文字颜色和图片颜色等都遵循网站的设计主色调。 例如IBM的深蓝色,Microsoft的蓝色,Oracle的红、黑色等。,46,返回

10、,网站设计字体,一般网页默认的字体是宋体、大小12磅,不要试图改变标准字体。 logo标志、网站名称、导航文字等可能需要特别字体、艺术字。这些字体一定要转换成图形使用在页面设计中,这是因为浏览客户没有这些字体。,47,返回,统一图片处理效果,图片的色调应该与网站整体色调保持一致,处理不好的图片也会破坏网站的整体风格。 在处理网站图片时还要注意主要图片阴影效果的方向,厚度、模糊度都必须一样,图片的色彩与网页的标准色搭配也要适当。,48,返回,设计网站的统一宣传标语,宣传标语体现网站的精神和目标:很多网站将企训、校训、名人名言、核心广告用语等作为宣传标语。 例如:中国奥运会官方网站的“好运北京”;鹊巢网站的“味道好极了”,Intel网站的“给你一颗奔腾的心”等。,49,返回,50,返回,

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 其他


经营许可证编号:宁ICP备18001539号-1