网站设计与建设-第1节网站规划开发基本概念课件

第1节网站规划与设计的基本概念和方法第1节网站规划与设计的基本概念和方法概述网站设计团队网站定位网站CI形象网站开发方法2概述网站设计团队21.网站设计团队网站设计开发是一个复杂的综合工程，往往需要一个设计团队协作才能够完成。网站设计团队角色：项目管理、系统分析、规划设计、文字编辑、网页设计、平面设计、动画设计、音乐设计、视频设计、程序开发、网站测试、后期培训和网站维护等。一个角色可以有多个人共同承担，一个人也可以承担多个角色。网站设计：不只是一门科学，而是一门艺术。1.网站设计团队网站设计开发是一个复杂的综合工程，往往需要一2.网站设计团队组成内容2.网站设计团队组成内容3.网站定位网站建设目的及功能定位网站名称是网站的一个关键要素，它能体现网站的主题，例如“人民网”等。网站面向的客户群网站分类：门户网站普及型网站电子商务网站媒体信息类网站办公事务管理网站商务管理网站娱乐性网站3.网站定位网站建设目的及功能定位门户网站办4.网站CI形象所谓CI(corporateidentity)是指通过视觉来统一企业的形象，一个杰出的网站和实体公司一样，需要整体的形象包装和设计。例如：麦当劳网站网站CI形象主要包括：网站logo标志(徽标)网站设计颜色网站设计字体统一图片处理效果统一的宣传标语等4.网站CI形象所谓CI(corporateidentit5.网站开发方法由上之下(原型法)：首先定义并设计网站的外观和功能，形成网站的大致轮廓(模板)，再递交给用户，根据用户意见再修改网站设计，直到满足要求即可。适于中小型、个人网站或类似网站以及客户对需求不明确等情况。缺点是修改次数太多。由下至上（结构化开发方法）：首先进行详细的需求功能分析，在对网站主题、蓝图有深刻的认识基础上，再设计网站的外观、内容和功能。

比较适于中、大型网站或者用户提出较为详细需求功能的网站。5.网站开发方法由上之下(原型法)：首先定义并设计网站的外网站设计团队网站定位网站CI形象网站开发方法8第6章小结网站设计团队8第6章小结第6章

思考问题结束96.1网站设计项目为什么需要建立一个网站设计团队？6.2网站设计团队一般包括那些角色？6.5你建立自己个人网站的目的和功能如何？6.7什么是门户网站？请访问网站，概括其主要功能。6.9什么是电子商务网站？请访问两个B2B网站和B2C网站，其主要功能如何？6.10一般网站与电子商务网站有什么主要区别？6.13什么是CI？网站CI主要包括哪些内容？6.14什么是网站logo？它在网页放置的位置如何？6.20网站客户群对网站设计有什么影响？第6章思考问题结束96.1网站设计项目为什么需要建立一门户网站：PortalSite，入门网站是综合性网站的俗称，提供信息丰富、服务多样，是网络用户上网的首选。最初是指搜索引擎网站门户网站分类：国内搜索网站：新浪、搜狐、网易等境外投资网站：中文雅虎、美国在线传统媒体网站：人民网、新华网、央视国际10返回门户网站：PortalSite，入门网站是综合性网站的俗称11111212返回13返回1314返回14返回

人民网15人民网15

新华网16新华网16

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

18返回普及型网站：向浏览公众提供推介自身、树立形象和提供服务的网站

政府网19政府网1

教育网20教育网20

浪潮21返回浪潮2电子商务类网站：利用计算机技术、网络技术和远程通信技术，实现整个商务(买卖)过程电子化、数字化和网络化。分类：B2B：商家对商家B2C：商家对客户22电子商务类网站：利用计算机技术、网络技术和远程通信技术，实现电子商务与一般网站的区别：表7.1一般网站与电子商务网站比较表特性描述一般网站电子商务网站Web展示网站的重要功能，Web展示是网站的整体外观和感觉给客户的印象。很重要重要，但不足以完成电子商务的交易目标。Web交互性客户与网站进行信息交流，是网站获得客户信息和需求的重要手段。可选须要，没有交互性，不可能产生电子交易。导航客户在网站内航行，引导客户尽快获取信息，导航是信息的分类。重要至关重要，使用被引导导航引导客户完成交易。个性化可以为每一个客户定制界面，体现网站对客户的关怀，客户有亲切感。少量使用非常有用，提供客户感兴趣的货品。市场允许Internet营业执照不用须要web社团成员分享同一兴趣，互相交流的小组可以增加用户的参与性可以极大地增加电子商务的目标23电子商务与一般网站的区别：表7.1一般网站与电子商务网站比电子商务与一般网站的区别：表6.1一般网站与电子商务网站比较表–

续特性描述一般网站电子商务网站广告宣传网站，提高网站的知名度不用需要数据库存储和检索数据，易对数据进行管理及维护可选，新闻、BBS、论坛等一般使用免费数据库居多须要，客户信息、购物信息、支付信息、货品信息等必须使用高安全性、高可靠性的大型数据库Web数据统计分析获得网站Web分析数据，提高网站点击率和网站服务质量可选须要，可以获得销售、库存和客户信息等情况24返回电子商务与一般网站的区别：表6.1一般网站与电子商务网站比电子商务网站B2B25返回电子商务网站B2B25返回电子商务网站B2C-注册26电子商务网站B2C-注册26电子商务网站B2C-填写注册信息27电子商务网站B2C-填写注册信息27电子商务网站B2C-注册成功进入商城购物28电子商务网站B2C-注册成功进入商城购物28电子商务网站B2C-挑选物品放入购物车29电子商务网站B2C-挑选物品放入购物车29电子商务网站B2C-继续购买30电子商务网站B2C-继续购买30电子商务网站B2C-去收银台31电子商务网站B2C-去收银台31电子商务网站B2C-付款方式32电子商务网站B2C-付款方式32电子商务网站B2C-提交信息33电子商务网站B2C-提交信息33电子商务网站B2C-显示购物单号34电子商务网站B2C-显示购物单号34电子商务网站B2C-购物结束-返回主页35返回电子商务网站B2C-购物结束-返回主页35返回媒体信息网站：报社、杂志社、广播电台、电视台等传统媒体为了树立自己的网上形象，方便服务对象而建立的网站。功能：发布网络新闻信息、美术艺术欣赏、博客、论坛、地图、旅游指导、天气预报和方便服务对象而建立的网站。36返回媒体信息网站：报社、杂志社、广播电台、电视台等传统媒体为了树

齐鲁晚报37齐鲁晚报3

羊城晚报38羊城晚报38

中国日报39返回中办公事务管理网站：企业事业单位为了实现办公自动化而建立的内部网站。功能：办公事务管理、人力资源管理、财务资产管理、网站管理。40返回办公事务管理网站：企业事业单位为了实现办公自动化而建立的内部

资产管理处41返回资产管理处4商务管理网站：企业内部网上办公平台广告及商品管理客户管理营销管理合同管理网站管理42返回商务管理网站：企业内部网上办公平台广告及商品管理42返回娱乐性网站：Internet娱乐虚拟大平台，更具魅力、更具诱惑力，使人与虚拟现实浑然一体，这类网站使玩游戏的人有一种神游的梦幻痴迷感觉，很具市场潜力的网站。游戏介绍游戏规则游戏试玩在线游玩游戏下载会员注册交流论坛43返回中国游戏中心联众世界新浪游戏tom游戏等娱乐性网站：Internet娱乐虚拟大平台，更具魅力、更具诱网站CI形象–

返回网站CI形象–返回网站logo标志(徽标)：企业文化和整体形象的标示。用自己网站的英文名称作为标志，例如Microsoft等。本专业有代表的物品作为标志：例如中国银行的铜板标志。将有代表性的人物、动物、花草加以卡通化和艺术化，例如Redhat的小红帽。45返回网站logo标志(徽标)：企业文化和整体形象的标示。用自己网网站设计色彩：指能体现网站形象和延伸内涵的主色调颜色，给客户的首要视觉冲击。网站设计色彩给网站整体统一的感觉，至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的设计主要色彩不要超过3种，太多则让人眼花缭乱-3色原则。网站颜色贯穿整个网站，包括网站名称颜色、Logo颜色、文字颜色和图片颜色等都遵循网站的设计主色调。例如IBM的深蓝色，Microsoft的蓝色，Oracle的红、黑色等。46返回网站设计色彩：指能体现网站形象和延伸内涵的主色调颜色，给客户网站设计字体一般网页默认的字体是宋体、大小12磅，不要试图改变标准字体。logo标志、网站名称、导航文字等可能需要特别字体、艺术字。这些字体一定要转换成图形使用在页面设计中，这是因为浏览客户没有这些字体。47返回网站设计字体一般网页默认的字体是宋体、大小12磅，不要试图改统一图片处理效果

图片的色调应该与网站整体色调保持一致，处理不好的图片也会破坏网站的整体风格。在处理网站图片时还要注意主要图片阴影效果的方向，厚度、模糊度都必须一样，图片的色彩与网页的标准色搭配也要适当。48返回统一图片处理效果图片的色调应该与网站整体色调保持一致，处理设计网站的统一宣传标语宣传标语体现网站的精神和目标：很多网站将企训、校训、名人名言、核心广告用语等作为宣传标语。例如：中国奥运会官方网站的“好运北京”；鹊巢网站的“味道好极了”，Intel网站的“给你一颗奔腾的心”等。49返回设计网站的统一宣传标语宣传标语体现网站的精神和目标：很多网站50返回50返回第1节网站规划与设计的基本概念和方法第1节网站规划与设计的基本概念和方法概述网站设计团队网站定位网站CI形象网站开发方法52概述网站设计团队21.网站设计团队网站设计开发是一个复杂的综合工程，往往需要一个设计团队协作才能够完成。网站设计团队角色：项目管理、系统分析、规划设计、文字编辑、网页设计、平面设计、动画设计、音乐设计、视频设计、程序开发、网站测试、后期培训和网站维护等。一个角色可以有多个人共同承担，一个人也可以承担多个角色。网站设计：不只是一门科学，而是一门艺术。1.网站设计团队网站设计开发是一个复杂的综合工程，往往需要一2.网站设计团队组成内容2.网站设计团队组成内容3.网站定位网站建设目的及功能定位网站名称是网站的一个关键要素，它能体现网站的主题，例如“人民网”等。网站面向的客户群网站分类：门户网站普及型网站电子商务网站媒体信息类网站办公事务管理网站商务管理网站娱乐性网站3.网站定位网站建设目的及功能定位门户网站办4.网站CI形象所谓CI(corporateidentity)是指通过视觉来统一企业的形象，一个杰出的网站和实体公司一样，需要整体的形象包装和设计。例如：麦当劳网站网站CI形象主要包括：网站logo标志(徽标)网站设计颜色网站设计字体统一图片处理效果统一的宣传标语等4.网站CI形象所谓CI(corporateidentit5.网站开发方法由上之下(原型法)：首先定义并设计网站的外观和功能，形成网站的大致轮廓(模板)，再递交给用户，根据用户意见再修改网站设计，直到满足要求即可。适于中小型、个人网站或类似网站以及客户对需求不明确等情况。缺点是修改次数太多。由下至上（结构化开发方法）：首先进行详细的需求功能分析，在对网站主题、蓝图有深刻的认识基础上，再设计网站的外观、内容和功能。

比较适于中、大型网站或者用户提出较为详细需求功能的网站。5.网站开发方法由上之下(原型法)：首先定义并设计网站的外网站设计团队网站定位网站CI形象网站开发方法58第6章小结网站设计团队8第6章小结第6章

思考问题结束596.1网站设计项目为什么需要建立一个网站设计团队？6.2网站设计团队一般包括那些角色？6.5你建立自己个人网站的目的和功能如何？6.7什么是门户网站？请访问网站，概括其主要功能。6.9什么是电子商务网站？请访问两个B2B网站和B2C网站，其主要功能如何？6.10一般网站与电子商务网站有什么主要区别？6.13什么是CI？网站CI主要包括哪些内容？6.14什么是网站logo？它在网页放置的位置如何？6.20网站客户群对网站设计有什么影响？第6章思考问题结束96.1网站设计项目为什么需要建立一门户网站：PortalSite，入门网站是综合性网站的俗称，提供信息丰富、服务多样，是网络用户上网的首选。最初是指搜索引擎网站门户网站分类：国内搜索网站：新浪、搜狐、网易等境外投资网站：中文雅虎、美国在线传统媒体网站：人民网、新华网、央视国际60返回门户网站：PortalSite，入门网站是综合性网站的俗称61116212返回63返回1364返回14返回

人民网65人民网15

新华网66新华网16

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

68返回普及型网站：向浏览公众提供推介自身、树立形象和提供服务的网站

政府网69政府网1

教育网70教育网20

浪潮71返回浪潮2电子商务类网站：利用计算机技术、网络技术和远程通信技术，实现整个商务(买卖)过程电子化、数字化和网络化。分类：B2B：商家对商家B2C：商家对客户72电子商务类网站：利用计算机技术、网络技术和远程通信技术，实现电子商务与一般网站的区别：表7.1一般网站与电子商务网站比较表特性描述一般网站电子商务网站Web展示网站的重要功能，Web展示是网站的整体外观和感觉给客户的印象。很重要重要，但不足以完成电子商务的交易目标。Web交互性客户与网站进行信息交流，是网站获得客户信息和需求的重要手段。可选须要，没有交互性，不可能产生电子交易。导航客户在网站内航行，引导客户尽快获取信息，导航是信息的分类。重要至关重要，使用被引导导航引导客户完成交易。个性化可以为每一个客户定制界面，体现网站对客户的关怀，客户有亲切感。少量使用非常有用，提供客户感兴趣的货品。市场允许Internet营业执照不用须要web社团成员分享同一兴趣，互相交流的小组可以增加用户的参与性可以极大地增加电子商务的目标73电子商务与一般网站的区别：表7.1一般网站与电子商务网站比电子商务与一般网站的区别：表6.1一般网站与电子商务网站比较表–

续特性描述一般网站电子商务网站广告宣传网站，提高网站的知名度不用需要数据库存储和检索数据，易对数据进行管理及维护可选，新闻、BBS、论坛等一般使用免费数据库居多须要，客户信息、购物信息、支付信息、货品信息等必须使用高安全性、高可靠性的大型数据库Web数据统计分析获得网站Web分析数据，提高网站点击率和网站服务质量可选须要，可以获得销售、库存和客户信息等情况74返回电子商务与一般网站的区别：表6.1一般网站与电子商务网站比电子商务网站B2B75返回电子商务网站B2B25返回电子商务网站B2C-注册76电子商务网站B2C-注册26电子商务网站B2C-填写注册信息77电子商务网站B2C-填写注册信息27电子商务网站B2C-注册成功进入商城购物78电子商务网站B2C-注册成功进入商城购物28电子商务网站B2C-挑选物品放入购物车79电子商务网站B2C-挑选物品放入购物车29电子商务网站B2C-继续购买80电子商务网站B2C-继续购买30电子商务网站B2C-去收银台81电子商务网站B2C-去收银台31电子商务网站B2C-付款方式82电子商务网站B2C-付款方式32电子商务网站B2C-提交信息83电子商务网站B2C-提交信息33电子商务网站B2C-显示购物单号84电子商务网站B2C-显示购物单号34电子商务网站B2C-购物结束-返回主页85返回电子商务网站B2C-购物结束-返回主页35返回媒体信息网站：报社、杂志社、广播电台、电视台等传统媒体为了树立自己的网上形象，方便服务对象而建立的网站。功能：发布网络新闻信息、美术艺术欣赏、博客、论坛、地图、旅游指导、天气预报和方便服务对象而建立的网站。86返回媒体信息网站：报社、杂志社、广播电台、电视台等传统媒体为了树

齐鲁晚报87齐鲁晚报3

羊城晚报88羊城晚报38

中国日报89返回中办公事务管理网站：企业事业单位为了实现办公自动化而建立的内部网站。功能：办公事务管理、人力资源管理、财务资产管理、网站管理。90返回办公事务管理网站：企业事业单位为了实现办公自动化而建立的内部

资产管理处91返回资产管理处4商务管理网站：企业内部网上办公平台广告及商品管理客户管理营销管理合同管理网站管理92返回商务管理网站：企业内部网上办公平台广告及商品管理42返回娱乐性网站：Internet娱乐虚拟大平台，更具魅力、更具诱惑力，使人与虚拟现实浑然一体，这类网站使玩游戏的人有一种神游的梦幻痴迷感觉，很具市场潜力的网站。游戏介绍游戏规则游戏试玩在线游玩游戏下载会员注册交流论坛93返回中国游戏中心联众世界新浪游戏tom游戏等娱乐性网站