基于工作过程的网页设计与制作教程

1、 关键知识点：项目需求关键知识点：项目需求 关键知识点：网站规划关键知识点：网站规划 关键知识点：前期策划和内容组织关键知识点：前期策划和内容组织 关键知识点：网站效果图的设计制作关键知识点：网站效果图的设计制作 关键知识点：网站页面的设计制作关键知识点：网站页面的设计制作 关键知识点：静态页面的动态化关键知识点：静态页面的动态化 关键知识点：网站测试与发布关键知识点：网站测试与发布 本章要点本章要点 第二章网站规划与制作流程第二章网站规划与制作流程 项目资讯项目资讯 关键知识点关键知识点1：了解分析客户的需求：了解分析客户的需求 2.1 情境情境1：淮安旅行社网站项目规划：淮安旅行社网站项目

2、规划 网页设计需要设计师综合多方面的知识，把设计的多种元素进行有机的组合。网页设计需要设计师综合多方面的知识，把设计的多种元素进行有机的组合。 它与网络艺术、经济学、心理学以及美学等领域都有密切的联系。明确网页设它与网络艺术、经济学、心理学以及美学等领域都有密切的联系。明确网页设 计的中心是计的中心是“信息的传达信息的传达”，“美美”和和“功能功能”都是为了更好的表达主题。都是为了更好的表达主题。 网页设计是一个感性思考与理性分析相结合的复杂过程。它的方向取决于设计网页设计是一个感性思考与理性分析相结合的复杂过程。它的方向取决于设计 的任务，它的实现依赖于网页的制作。的任务，它的实现依赖于网页

3、的制作。 一件完美的网站设计作品是设计师与客户不断进行沟通而设计出的结果。网站一件完美的网站设计作品是设计师与客户不断进行沟通而设计出的结果。网站 开始构思的时候需要充分的了解客户需求，要达到什么目的、效果。因此前期开始构思的时候需要充分的了解客户需求，要达到什么目的、效果。因此前期 的投入是很有必要的，以便准确、完善地满足客户的预期要求。的投入是很有必要的，以便准确、完善地满足客户的预期要求。 项目资讯项目资讯 关键知识点关键知识点2：网站的项目规划：网站的项目规划 2.1 情境情境1：淮安旅行社网站项目规划：淮安旅行社网站项目规划 一个成功的网页设计作品是使艺术与技术的结合与统一，以主题鲜

4、明、形式与一个成功的网页设计作品是使艺术与技术的结合与统一，以主题鲜明、形式与 内容保持一致、把握整体风格为设计原则。艺术是设计手段，而不是最终目的。内容保持一致、把握整体风格为设计原则。艺术是设计手段，而不是最终目的。 规范的网页策划大致具有如下几个方面：网站的目标、网站的主题、网站的内规范的网页策划大致具有如下几个方面：网站的目标、网站的主题、网站的内 容、网站的风格、网站的标准。容、网站的风格、网站的标准。 网站的性质不同，设计的要求不同。例如：门户网站注重页面的分割、信息结网站的性质不同，设计的要求不同。例如：门户网站注重页面的分割、信息结 构的合理、页面与图片的优化、界面的亲和等问题

5、；企业网站注重突出企业形象、构的合理、页面与图片的优化、界面的亲和等问题；企业网站注重突出企业形象、 产品热点，要求设计样式、图片质量相对较高。产品热点，要求设计样式、图片质量相对较高。 网站的主题要求小而精，有针对性，尽量向专业靠拢；题材尽量新颖，不要随网站的主题要求小而精，有针对性，尽量向专业靠拢；题材尽量新颖，不要随 处可见，这样才能吸引用户一看再看；网站名称要有特色，方便记忆，要考虑到为处可见，这样才能吸引用户一看再看；网站名称要有特色，方便记忆，要考虑到为 以后网站的形象和宣传推广。以后网站的形象和宣传推广。 项目资讯项目资讯 关键知识点关键知识点2：网站的项目规划：网站的项目规划

6、2.1 情境情境1：淮安旅行社网站项目规划：淮安旅行社网站项目规划 1）建设网站的市场分析）建设网站的市场分析 相关行业的市场是怎样的，市场有什么样的特点，是否能够在 互联网上开展企业的业务。 从市场主要竞争者分析，竞争对手上网情况以及网站规划、功 能作用。 公司自身条件分析、公司概况、市场优势，可以利用网站提升 哪些竞争力，建设网站的费用、技术、人力等。 项目资讯项目资讯 关键知识点关键知识点2：网站的项目规划：网站的项目规划 2.1 情境情境1：淮安旅行社网站项目规划：淮安旅行社网站项目规划 2）建设网站的目的及功能定位）建设网站的目的及功能定位 建立网站，是为了宣传产品、进行电子商务，还

7、是建立 行业型网站。 整合公司资源，确定网站功能。根据公司的需要和计划， 确定网站的功能是产品宣传型、网上营销型、客户服务 型或电子商务型等。 根据网站功能，确定网站应达到的目的和作用。 了解企业内部网的建设情况和网站的可扩展性。 项目资讯项目资讯 关键知识点关键知识点2：网站的项目规划：网站的项目规划 2.1 情境情境1：淮安旅行社网站项目规划：淮安旅行社网站项目规划 3）网站技术解决方案）网站技术解决方案 采用自建服务器，还是租用虚拟主机。 选择操作系统，用unix、linux还是window2000/2003，分析 投入成本、功能、开发、稳定性和安全性等。 相关程序开发，如网页动态程序a

8、sp、jsp、php、 asp.net，使用数据库是采用access，还是sql server2000、 my sql等。 项目资讯项目资讯 关键知识点关键知识点2：网站的项目规划：网站的项目规划 2.1 情境情境1：淮安旅行社网站项目规划：淮安旅行社网站项目规划 4）网站的内容规划）网站的内容规划 根据网站的目的和功能规划网站内容，一般企业网站应包括：公司简介、产品 介绍、服务内容、价格信息、售后服务、联系方式、网上定单等基本内容。 5）网站的界面设计）网站的界面设计 网页界面设计一般要与企业整体形象一致，要符合ci规范。要注意网页色彩、 图片的应用以及版面规划，保持网页整体一致性。 在新技

9、术的采用上要考虑目标访问群体的分布地域、年龄阶层、网络速度、阅 读习惯等。 制作网页改版计划，如半年到一年的时间进行较大规模的改版等，或根据网站 的版式内容做扩容调整。 项目资讯项目资讯 关键知识点关键知识点2：网站的项目规划：网站的项目规划 2.1 情境情境1：淮安旅行社网站项目规划：淮安旅行社网站项目规划 6）网站维护）网站维护 u服务器及相关软硬件的维护，对可能出现的问题进行评估，制定相 应时间。数据库维护，有效地利用数据是网站维护的重要内容，因此 数据库的维护要受到重视。 u注重内容的更新与调整。 u制定相关网站维护的规定，将网站维护制度化、规范化。 项目资讯项目资讯 关键知识点关键知

10、识点2：网站的项目规划：网站的项目规划 2.1 情境情境1：淮安旅行社网站项目规划：淮安旅行社网站项目规划 7）网站测试）网站测试 服务器的稳定性、安全性。 程序及数据库测试。 网页兼容性测试，如浏览器、显示器等。 网页的链接测试，压力测试等。 网站发布与推广。 网站测试后进行发布的公关、广告活动。 搜索引擎登记等。 淮安旅行社网站的项目规划淮安旅行社网站的项目规划 2.1 情境情境1：淮安旅行社网站项目规划：淮安旅行社网站项目规划 参见参见word文件文件 制作流程制作流程 2.2 情境情境1：淮安旅行社网站的制作流程：淮安旅行社网站的制作流程 前期策划和内容组织前期策划和内容组织 -网站栏

11、目模块设计网站栏目模块设计 2.2 情境情境1：淮安旅行社网站的制作流程：淮安旅行社网站的制作流程 淮安概况 推荐线路 散客线旅 地接线旅 旅游动态 景点简介 国内路线 出境路线 特色路线 旅游知识 金牌导游 查询导航 在线投票 在线订票 留言系统 企业简介 淮安旅行社主页 前期策划和内容组织前期策划和内容组织 -草图设计草图设计 2.2 情境情境1：淮安旅行社网站的制作流程：淮安旅行社网站的制作流程 旅游新闻动态 景点景区推荐 flash动画名胜景点展示查询导航 网站logo 旅行社所获荣誉展示 首页 公司简介 淮安概况 景点简介 国内路线 出境路线 特色路线 在线订购 留言 投票调查 友情

12、链接 最新推荐线路 精品线路 金牌导游异域风情旅游法规 旅游情趣 散客线路专栏地接线路专栏 旅游常识 前期策划和内容组织前期策划和内容组织 -规划站点结构规划站点结构 2.2 情境情境1：淮安旅行社网站的制作流程：淮安旅行社网站的制作流程 网站根目录网站根目录 imagesflashstyleadmin 其他网页其他网页 网站效果图的设计制作网站效果图的设计制作 2.2 情境情境1：淮安旅行社网站的制作流程：淮安旅行社网站的制作流程 网站效果图的设计制作网站效果图的设计制作 2.2 情境情境1：淮安旅行社网站的制作流程：淮安旅行社网站的制作流程 网站页面的设计制作网站页面的设计制作 2.2 情

13、境情境1：淮安旅行社网站的制作流程：淮安旅行社网站的制作流程 静态页面的动态化静态页面的动态化 2.2 情境情境1：淮安旅行社网站的制作流程：淮安旅行社网站的制作流程 网站测试与发布网站测试与发布 2.2 情境情境1：淮安旅行社网站的制作流程：淮安旅行社网站的制作流程 网站维护网站维护 2.2 情境情境1：淮安旅行社网站的制作流程：淮安旅行社网站的制作流程 关键知识点：项目需求关键知识点：项目需求 关键知识点：网站规划关键知识点：网站规划 关键知识点：前期策划和内容组织关键知识点：前期策划和内容组织 关键知识点：网站效果图的设计制作关键知识点：网站效果图的设计制作 关键知识点：网站页面的设计制作关键知识点：网站页面的设计制作 关键知识点：静态页面的动态化关键知识点：静态页面的动态化 关键知识点：网站测试与发布关键知识点：网站测试与发布 本章小结本章小结 第二章网站规划与制作流程第二章网站规划与制作流程 2.3 习题习题 1.基础简答题 浅谈网站策划需要注意那些问题？ 简述网站开发的流程？ 2.项目实战题 参考素材文件夹中的“拓展项目：免费空间域名的申请.doc”文件，自 主学习申请免费空间将光盘中“淮安旅行社”文件夹中的方案1上传到 空间上并浏览。 2.3 习题习题 谢谢大家谢谢大家