网站建设准备幻灯片.ppt

网站建设准备第1页，共44页，编辑于2022年，星期二项目一项目一 电子商务网站建设的准备电子商务网站建设的准备 【项目背景项目背景】小张是东恩公司从事电子商务的工作人员，公司老总告诉他，公司要准备实施电子商务，需要在较短的时间内建设本公司的电子商务网站，完成网上的定购与销售。经理给小张一份网站建设的策划书，要求小张在阅读该策划书的基础上，对电子商务网站建设项目进行一个初步分析，了解电子商务网站建设的客户需求，并进一步设计网站的内容、网络与目录结构。第2页，共44页，编辑于2022年，星期二【项目分析项目分析】电子商务网站的建设有哪些准备工作？电子商务网站建设流程涉及哪些主要问题？第3页，共44页，编辑于2022年，星期二【任务分解任务分解】任务1：了解电子商务网站建设的策划书。任务2：了解电子商务网站建设的客户需求。任务3：设计网站的内容。任务4：设计网站的风格。任务5：设计网站的目录结构。第4页，共44页，编辑于2022年，星期二任务任务1 认识电子商务网站建设的策划认识电子商务网站建设的策划书书了解电子商务网站建设策划书格式。了解网站建设的总体目标。了解网站建设的总体目标。了解建立网站的原因。了解建立网站的原因。了解网站的规模与类别。了解网站的主要目标受众。理解网站建设的主要工作流程。理解网站建设的主要工作流程。了解项目所需时间及人力资源估算。了解项目所需经费的估算。了解项目所需经费的估算。了解其他可能的问题。第5页，共44页，编辑于2022年，星期二1了解电子商务网站建设策划书格了解电子商务网站建设策划书格式式 一、网站建设的总体目标 二、网站建设的利益分析 三、网站建设的规模设想三、网站建设的规模设想四、网站类型的定位设想五、网站的目标受众分析五、网站的目标受众分析六、网站建设的主要工作 七、项目所需时间及人力资源估算七、项目所需时间及人力资源估算 八、网站建设的经费估算 第6页，共44页，编辑于2022年，星期二2了解网站建设的总体目标了解网站建设的总体目标 企业建设电子商务网站的目的 达到目的所采用的实施模式 企业建设电子商务网站的预期收益 第7页，共44页，编辑于2022年，星期二3了解建立网站的原因了解建立网站的原因 有利于提高企业的市场竞争力 有利于提高企业品牌的知名度 有利于增加企业的业务量 有利于提高产品服务的水平 有利于节约企业的资源及成本 有利于简化业务联系 其他可能带来的利益 第8页，共44页，编辑于2022年，星期二4了解网站的规模与类别了解网站的规模与类别以内容为主，设计为辅，注重速度的网站 以企业产品网络营销为主的网站以树立形象为主类的网站 第9页，共44页，编辑于2022年，星期二5了解网站的主要目标受众了解网站的主要目标受众（1）按职业角度划分：工商业者，专业人士，学生等。（2）按性别角度划分：女性，男性。（3）按年龄角度划分：儿童，青少年，中年人，老人，或所有的人群。（4）按地理范围划分：国内市场，国外市场，全球市场。第10页，共44页，编辑于2022年，星期二6理解网站建设的主要工作流程理解网站建设的主要工作流程注册域名 确定建立网站的主要方式 网站的设计 网站的开发 网站的测试和评价网站的测试和评价 网站的宣传与推广网站的宣传与推广 网站的管理与维护 网站使用状况评估 第11页，共44页，编辑于2022年，星期二7了解项目所需时间及人力资源估算了解项目所需时间及人力资源估算 8了解项目所需经费的估算了解项目所需经费的估算 一次性投入的经费 日常运作费用 9了解其他可能的问题了解其他可能的问题第12页，共44页，编辑于2022年，星期二任务任务2 了解电子商务网站建设的客了解电子商务网站建设的客户需求户需求 准确地记录客户原始的需求。准确地记录客户原始的需求。整理分析并预测客户潜在的需求。利用通俗的语言描述用户需求。利用示意图表现用户需求。了解需求分析报告的阅读人员。记录完整的需求变更日志。调查阶段的工作配合。设计相应的调查表。了解了解网站功能描述书网站功能描述书的内容。第13页，共44页，编辑于2022年，星期二1准确地记录客户原始的需求准确地记录客户原始的需求 2整理分析并预测客户潜在的需求整理分析并预测客户潜在的需求 3 3利用通俗的语言描述用户需求，以下是两份关利用通俗的语言描述用户需求，以下是两份关于需求的描述的例子。于需求的描述的例子。描述描述描述描述1 1：“站点分为公开和加密两种状态，通过身份验证机站点分为公开和加密两种状态，通过身份验证机站点分为公开和加密两种状态，通过身份验证机站点分为公开和加密两种状态，通过身份验证机制使特有的用户可以访问到加密信息，并提供不同于普通用制使特有的用户可以访问到加密信息，并提供不同于普通用制使特有的用户可以访问到加密信息，并提供不同于普通用制使特有的用户可以访问到加密信息，并提供不同于普通用户的功能。户的功能。户的功能。户的功能。”描述描述描述描述2 2：“用户在访问首页的时候可以在单击用户在访问首页的时候可以在单击用户在访问首页的时候可以在单击用户在访问首页的时候可以在单击 客户通道客户通道客户通道客户通道 按钮后，弹出填写按钮后，弹出填写按钮后，弹出填写按钮后，弹出填写 用户名用户名用户名用户名 和和和和 密码密码密码密码 的窗口，输入的窗口，输入的窗口，输入的窗口，输入正确后在新窗口打开客户通道的首页，在该页显示所有可正确后在新窗口打开客户通道的首页，在该页显示所有可正确后在新窗口打开客户通道的首页，在该页显示所有可正确后在新窗口打开客户通道的首页，在该页显示所有可操作的功能的导航条和最新的导读新闻链接列表。操作的功能的导航条和最新的导读新闻链接列表。操作的功能的导航条和最新的导读新闻链接列表。操作的功能的导航条和最新的导读新闻链接列表。”第14页，共44页，编辑于2022年，星期二4利用示意图表现用户需求。利用示意图表现用户需求。5了解需求分析报告的阅读人员。了解需求分析报告的阅读人员。6记录完整的需求变更日志。记录完整的需求变更日志。7调查阶段的工作配合调查阶段的工作配合第15页，共44页，编辑于2022年，星期二8设计相应的调查表设计相应的调查表 一、您公司希望通过互联网起到哪些作用一、您公司希望通过互联网起到哪些作用?二、您公司在当前利用互联网（或内网）上面，感二、您公司在当前利用互联网（或内网）上面，感觉有哪些不足之处觉有哪些不足之处?三、对于将要新建（或改版）的公司网站，您公司有三、对于将要新建（或改版）的公司网站，您公司有哪些期望？哪些期望？四、您公司对于新网站的开发建设，哪些网络功能认四、您公司对于新网站的开发建设，哪些网络功能认为是很有必要的？为是很有必要的？五、您公司在进行网站建设与推广希望使用哪些产品？第16页，共44页，编辑于2022年，星期二9了解了解网站功能描述书网站功能描述书的内容的内容 网站功能。网站功能。网站用户界面（初步）。网站用户界面（初步）。网站运行的软硬件环境。网站运行的软硬件环境。网站系统性能定义。网站系统性能定义。网站系统的软件和硬件接口。网站系统的软件和硬件接口。确定网站维护的要求。确定网站维护的要求。确定网站系统空间租赁要求。确定网站系统空间租赁要求。网站页面总体风格及美工效果。网站页面总体风格及美工效果。主页面及次页面大概数量。主页面及次页面大概数量。管理及内容录入任务分配。管理及内容录入任务分配。各种页面特殊效果及其数量。各种页面特殊效果及其数量。项目完成时间及进度（根据合同）。项目完成时间及进度（根据合同）。明确项目完成后的维护责任。明确项目完成后的维护责任。第17页，共44页，编辑于2022年，星期二任务任务3 设计网站的内容设计网站的内容确定网站的主要内容。设想网站可选内容项。正确进行网站特色的定位。运用网站内容设计的技巧。参考成功网站的内容规划。第18页，共44页，编辑于2022年，星期二1确定网站的主要内容确定网站的主要内容主页 公司简介 产品介绍 最新消息（最新动态）客户反馈 网上订单 联系方式 第19页，共44页，编辑于2022年，星期二2设想网站可选内容项设想网站可选内容项技术支持 招聘信息 总裁致辞 专业常识 招商信息 最新报价 网上采购系统（含数据库）第20页，共44页，编辑于2022年，星期二3正确进行网站特色的定位正确进行网站特色的定位 最好能用最好能用15个以内的字准确地描述网站的特色，而这个特色要尽可能让人感觉到其与同类网站的不同之处。以简单明确的语言和画面告诉大家本站点的主题，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。应调动一切手段以充分表现网站的特色，突出个性，应调动一切手段以充分表现网站的特色，突出个性，办出网站的特色。办出网站的特色。第21页，共44页，编辑于2022年，星期二4运用网站内容设计的技巧运用网站内容设计的技巧开动脑筋，想出让客户逗留的理由 提供有用的信息及其获取的办法 签上自己的名字，并展示得到的荣誉 设置一些有特色的友情链接对象设置一些有特色的友情链接对象 转载对本企业肯定性的相关报道 精心安排网站的文字叙述部分 设计合理且吸引客户的排版方式 安排适当的交互功能 第22页，共44页，编辑于2022年，星期二5参考成功网站的内容规划参考成功网站的内容规划春兰海尔国美电器联华OK卓越亚马逊第23页，共44页，编辑于2022年，星期二任务任务4 规划网站的风格规划网站的风格 网站标志与名称的设计。网站标志与名称的设计。网站标准色彩的设计。网站标准色彩的设计。网站标准字体的设计。网站标准字体的设计。网站相关页面的布局设计。网站相关页面的布局设计。掌握色彩设计要点：用色和谐、重点突出。掌握色彩设计要点：用色和谐、重点突出。掌握形式设计要点：形式与内容和谐统一。掌握形式设计要点：形式与内容和谐统一。三维空间的风格设计。三维空间的风格设计。多媒体功能的风格设计。多媒体功能的风格设计。文字与段落的风格设计。文字与段落的风格设计。图像运用的风格设计。图像运用的风格设计。网站规划设计方面的创意。网站规划设计方面的创意。第24页，共44页，编辑于2022年，星期二1网站标志与名称的设计网站标志与名称的设计网站标志（LOGO）网站名称横幅http:/ 红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的颜色 黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象 蓝色的色感冷静，性格朴实而内向，是一种有助于人蓝色的色感冷静，性格朴实而内向，是一种有助于人头脑冷静的色头脑冷静的色 绿色是具有黄色和蓝色两种成份的色 紫色的明度在有彩色的色料中是最低的紫色的明度在有彩色的色料中是最低的 白色的色感光明，性格朴实、纯洁、快乐 第26页，共44页，编辑于2022年，星期二3网站标准字体的设计网站标准字体的设计用于标志、标题、主菜单、主体内容的字体 常用的字体可以自由设计，而对于不常用的字体最好通过图片形式显示 标准字体的设计中还应考虑中英文及其他可能用到的文字所使用的不同字体 第27页，共44页，编辑于2022年，星期二4网站相关页面的布局设计网站相关页面的布局设计版式设计可以通过文字图形的空间组合，表达出和谐与美 努力做到整体布局合理化、有序化、整体化 把页面之间的有机联系反映出来适当的空出一些地方 第28页，共44页，编辑于2022年，星期二5掌握色彩设计要点：用色和谐、掌握色彩设计要点：用色和谐、重点突出重点突出应利用色彩对人们心理的影响的成果，合理地加以运用 色调及黑、白、灰的三色空间关系不论在设计还是在绘画方面都起着重要的作用 由于国家和种族的不同，宗教和信仰的不同，生活的地理位置、文化修养的差异，不同的人群对色彩的喜恶程度有着很大差异 第29页，共44页，编辑于2022年，星期二6掌握形式设计要点：形式与内容掌握形式设计要点：形式与内容和谐统一和谐统一形式服务于内容，内容又为目的服务，形式与内容的统一是设计网页的基本原则之一 应合理地运用对比与调和、对称与平衡、节奏与韵律以及留白等手段 点、线、面是视觉语言中的基本元素，可以使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果 第30页，共44页，编辑于2022年，星期二7三维空间的风格设计三维空间的风格设计在页面中图片、文字位置前后叠压，或位置疏密，或页面上、左、右、中、下位置所产生的视觉效果都各不相同 疏密的位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受 第31页，共44页，编辑于2022年，星期二8多媒体功能的风格设计多媒体功能的风格设计 三维动画 Java插件模拟三维展示 实景互动实景互动360360度图片度图片(http:/)(http:/)360360度全景摄影度全景摄影http:/ VRML语言（虚拟现实标记语言）第32页，共44页，编辑于2022年，星期二9文字与段落的风格设计文字与段落的风格设计不要轻易让文字居中和使用粗体或斜体字符。应尽量利用短的段落，多利用项目符号显示列表。对于较多内容的显示，应该注意显示的技巧。第33页，共44页，编辑于2022年，星期二10图像运用的风格设计图像运用的风格设计不必在以页面上填满图像来增加视觉趣味。在不影响图像效果的前提下，当然应该选择文件容量更小的图像。对用作背景的GIF要谨慎。第34页，共44页，编辑于2022年，星期二11网站规划设计方面方面的创意网站规划设计方面方面的创意 把设计对象颠倒。把设计对象颠倒。把设计对象缩小。把设计对象缩小。把颜色换一下。把颜色换一下。使设计对象更长。使设计对象更长。使设计对象闪动。使设计对象闪动。把设计对象放进音乐里。把设计对象放进音乐里。结合文字音乐图画。结合文字音乐图画。使设计对象成为倾斜的。使设计对象成为倾斜的。使设计对象重复。使设计对象重复。使设计对象变成立体。使设计对象变成立体。设计一个比赛。设计一个比赛。设计一个竞猜游戏。设计一个竞猜游戏。变更设计对象的一部分。变更设计对象的一部分。分裂设计对象。分裂设计对象。使设计对象速度加快。使设计对象速度加快。使设计对象对称。使设计对象对称。第35页，共44页，编辑于2022年，星期二任务任务5 设计网站的目录结构设计网站的目录结构网站链接结构的选择。网站目录结构的设计。第36页，共44页，编辑于2022年，星期二1网站链接结构的选择网站链接结构的选择（1）树状链接结构：第37页，共44页，编辑于2022年，星期二（2）星状链接结构 第38页，共44页，编辑于2022年，星期二（3）网状链接结构 教育学校地区目标大学的网址。教育学校综合类院校目标大学的网站。地区教育学校目标大学的网站。第39页，共44页，编辑于2022年，星期二2网站目录结构的设计网站目录结构的设计 不要将所有文件都存放在根目录下。不要将所有文件都存放在根目录下。按栏目内容建立子目录。按栏目内容建立子目录。在每个主栏目内部建立独立的images目录。目录。目录层次不要太深。不要使用中文目录名。不要使用中文目录名。不要使用过长目录名。不要使用过长目录名。尽量使用意义明确的目录名。第40页，共44页，编辑于2022年，星期二（1）树状链接结构对应的目录结构举例第41页，共44页，编辑于2022年，星期二（2）星状链接结构对应的目录结构举例第42页，共44页，编辑于2022年，星期二（3）网状链接结构对应的目录结构举例第43页，共44页，编辑于2022年，星期二项目小结项目小结 为了进行一个电子商务网站大项目的设计，应先做好为了进行一个电子商务网站大项目的设计，应先做好电子商务规划准备的子项目。为了规划准备电子商务电子商务规划准备的子项目。为了规划准备电子商务网站，主要涉及阅读电子商务网站建设的策划书、了网站，主要涉及阅读电子商务网站建设的策划书、了解电子商务网站建设的客户需求、设计网站的内容、解电子商务网站建设的客户需求、设计网站的内容、设计网站的风格及设计网站的目录结构等任务。设计网站的风格及设计网站的目录结构等任务。这些工作会对整个电子商务网站建设产生较大的影响，这些工作会对整个电子商务网站建设产生较大的影响，因此工作时一定要认真负责，勤跑腿，勤动手，勤动因此工作时一定要认真负责，勤跑腿，勤动手，勤动脑，避免在今后具体设计中留下一些疑问和遗憾。脑，避免在今后具体设计中留下一些疑问和遗憾。第44页，共44页，编辑于2022年，星期二