二章网站规划与制作流程ppt课件.ppt

机械工业出版社,基于工作过程的网页设计与制作教程,主编：张洪斌 季春光 刘万辉,1. 情境1：淮安旅行社网站项目规划 关键知识点：项目需求 关键知识点：网站规划 2. 情境2：淮安旅行社网站的制作流程 关键知识点：前期策划和内容组织 关键知识点：网站效果图的设计制作 关键知识点：网站页面的设计制作 关键知识点：静态页面的动态化 关键知识点：网站测试与发布,本章要点,基于工作过程的 网页设计与制作教程,第二章网站规划与制作流程,项目资讯,关键知识点1：了解分析客户的需求,2.1 情境1：淮安旅行社网站项目规划,网页设计需要设计师综合多方面的知识，把设计的多种元素进行有机的组合。它与网络艺术、经济学、心理学以及美学等领域都有密切的联系。明确网页设计的中心是“信息的传达”，“美”和“功能”都是为了更好的表达主题。 网页设计是一个感性思考与理性分析相结合的复杂过程。它的方向取决于设计的任务，它的实现依赖于网页的制作。 一件完美的网站设计作品是设计师与客户不断进行沟通而设计出的结果。网站开始构思的时候需要充分的了解客户需求，要达到什么目的、效果。因此前期的投入是很有必要的，以便准确、完善地满足客户的预期要求。,项目资讯,关键知识点2：网站的项目规划,2.1 情境1：淮安旅行社网站项目规划,一个成功的网页设计作品是使艺术与技术的结合与统一，以主题鲜明、形式与内容保持一致、把握整体风格为设计原则。艺术是设计手段，而不是最终目的。 规范的网页策划大致具有如下几个方面：网站的目标、网站的主题、网站的内容、网站的风格、网站的标准。 网站的性质不同，设计的要求不同。例如：门户网站注重页面的分割、信息结构的合理、页面与图片的优化、界面的亲和等问题；企业网站注重突出企业形象、产品热点，要求设计样式、图片质量相对较高。 网站的主题要求小而精，有针对性，尽量向专业靠拢；题材尽量新颖，不要随处可见，这样才能吸引用户一看再看；网站名称要有特色，方便记忆，要考虑到为以后网站的形象和宣传推广。,项目资讯,关键知识点2：网站的项目规划,2.1 情境1：淮安旅行社网站项目规划,1）建设网站的市场分析 相关行业的市场是怎样的，市场有什么样的特点，是否能够在互联网上开展企业的业务。 从市场主要竞争者分析，竞争对手上网情况以及网站规划、功能作用。 公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的费用、技术、人力等。,项目资讯,关键知识点2：网站的项目规划,2.1 情境1：淮安旅行社网站项目规划,2）建设网站的目的及功能定位 建立网站，是为了宣传产品、进行电子商务，还是建立行业型网站。 整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能是产品宣传型、网上营销型、客户服务型或电子商务型等。 根据网站功能，确定网站应达到的目的和作用。 了解企业内部网的建设情况和网站的可扩展性。,项目资讯,关键知识点2：网站的项目规划,2.1 情境1：淮安旅行社网站项目规划,3）网站技术解决方案 采用自建服务器，还是租用虚拟主机。 选择操作系统，用Unix、Linux还是Window2000/2003，分析投入成本、功能、开发、稳定性和安全性等。 相关程序开发，如网页动态程序ASP、JSP、PHP、ASP.NET，使用数据库是采用Access，还是SQL Server2000、MY SQL等。,项目资讯,关键知识点2：网站的项目规划,2.1 情境1：淮安旅行社网站项目规划,4）网站的内容规划 根据网站的目的和功能规划网站内容，一般企业网站应包括：公司简介、产品介绍、服务内容、价格信息、售后服务、联系方式、网上定单等基本内容。 5）网站的界面设计 网页界面设计一般要与企业整体形象一致，要符合CI规范。要注意网页色彩、图片的应用以及版面规划，保持网页整体一致性。 在新技术的采用上要考虑目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。 制作网页改版计划，如半年到一年的时间进行较大规模的改版等，或根据网站的版式内容做扩容调整。,项目资讯,关键知识点2：网站的项目规划,2.1 情境1：淮安旅行社网站项目规划,6）网站维护 服务器及相关软硬件的维护，对可能出现的问题进行评估，制定相应时间。数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。 注重内容的更新与调整。 制定相关网站维护的规定，将网站维护制度化、规范化。,项目资讯,关键知识点2：网站的项目规划,2.1 情境1：淮安旅行社网站项目规划,7）网站测试 服务器的稳定性、安全性。 程序及数据库测试。 网页兼容性测试，如浏览器、显示器等。 网页的链接测试，压力测试等。 网站发布与推广。 网站测试后进行发布的公关、广告活动。 搜索引擎登记等。,淮安旅行社网站的项目规划,2.1 情境1：淮安旅行社网站项目规划,参见word文件,制作流程,2.2 情境2：淮安旅行社网站的制作流程,网 站 维 护,前 期 策 划 与 内 容 组 织,效 果 图 设 计,网 页 编 辑 与 动 画 设 计,动 态 编 程 或 代 码 融 合,发 布 测 试,前期策划和内容组织 -网站栏目模块设计,2.2 情境2：淮安旅行社网站的制作流程,前期策划和内容组织 -草图设计,2.2 情境2：淮安旅行社网站的制作流程,1）不要将所有文件都存放在根目录下。 2）按栏目内容建立子目录。子目录的建立，首先按主菜单栏目建立。 例如：本站点可以根据模块类别分别建立相应的目录，如Flash、CSS、 Javascript等；企业站点可以按公司简介、产品介绍、价格、在线定单、 反馈联系等建立相应目录。 3）在每个主目录下都建立独立的images目录。默认的一个站点根目录 下都有一个images目录。这是最方便管理的。而根目录下的images目录 只是用来放首页和一些次要栏目的图片。 4）目录的层次不要太深，目录的层次建议不要超过3层。原因很简单， 维护管理方便。,前期策划和内容组织 -规划站点结构,2.2 情境2：淮安旅行社网站的制作流程,网站效果图的设计制作,2.2 情境2：淮安旅行社网站的制作流程,网页效果图的设计与传统的平面设计是相同的，但也带有一些特殊的性质。 通常网页的图像设计会使用到图像设计软件和一些其他的软件，Fireworks 正是一种主要应用于网页图形设计的软件。应用较为广泛的还有Adode公 司出品的Photoshop。 Photoshop利用自身在图像处理上的优势，实现多方面网络应用。利用图像 软件可视化操作程度比较高的优势，进行网页视觉设计、排版布局，并创建 为页面的HTML文件。 Photoshop能够完成网站中各类型的的Web图像设计和制作，还包括为适 于网络发布进行的各项图像优化工作。 在Photoshop中软件的操作更加简单，效果变化更丰富，同时提供提高工作 效率的解决办法。,网站效果图的设计制作,2.2 情境1：淮安旅行社网站的制作流程,网站页面的设计制作,2.2 情境2：淮安旅行社网站的制作流程,静态页面的动态化,2.2 情境2：淮安旅行社网站的制作流程,方式一：下载免费的网站管理平台，然后与前台整合，称之为代码融合。 方式二：所有功能完全自主开发，根据客户的要求定制，逐一实现功能。 以上两种方式各有利弊，方式一适用于初期网页设计的初学者，能够满足 大多数通用网站，使用方法简单，但是不能随心所欲的实现通用以外的功 能：方式二要求开发者能够具备一定的编程能力，对初学者要求较高，要 求能够编写程序，属于网站开发的高级阶段，能够随心所欲实现各种功能。,网站测试与发布,2.2 情境2：淮安旅行社网站的制作流程,1注册域名 域名是企业、机构或个人的网络标识，是通过计算机登录网络的企业、机构 或个人在Internet网中的地址。国际域名主要分为.com、.net和.org3种。 其中，其中最具商业价值的是.com域名，拥有一个涵义深刻且简单易记的域 名，是一个网站成功的首要前提。 2申请空间 一个完整的网站系统其实就是一组文件，它提供给网络用户浏览，这些 文件要占据一定的硬盘空间，即所谓的网站空间。除一些大型的网站和 占用空间大的站点采用自己建设的Web服务器外，一般建站的用户均采用 虚拟主机来完成，因此，一般的网站空间也叫虚拟主机。,网站维护,2.2 情境2：淮安旅行社网站的制作流程,1. 情境1：淮安旅行社网站项目规划 关键知识点：项目需求 关键知识点：网站规划 2. 情境2：淮安旅行社网站的制作流程 关键知识点：前期策划和内容组织 关键知识点：网站效果图的设计制作 关键知识点：网站页面的设计制作 关键知识点：静态页面的动态化 关键知识点：网站测试与发布,本章小结,基于工作过程的 网页设计与制作教程,第二章网站规划与制作流程,2.3 习题,基础简答题 浅谈网站策划需要注意那些问题？ 简述网站开发的流程？,项目实战题 参考素材文件夹中的“拓展项目：免费空间域名的申请.doc”文件，自主学习申请免费空间将光盘中“淮安旅行社”文件夹中的方案1上传到空间上并浏览。,2.3 习题,谢谢大家,