网站规划与制作流程.ppt

《网站规划与制作流程.ppt》由会员分享，可在线阅读，更多相关《网站规划与制作流程.ppt（25页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、地址:北京百万庄大街22号 邮编:100037 编辑热线:(010)88379739机械工业出版社基于工作过程的网页设计与制作教程主编：张洪斌 季春光 刘万辉地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS1.1.情境 情境1 1：淮安旅行社网站项目规划：淮安旅行社网站项目规划 关键知识点：项目需求 关键知识点：网站规划2.2.情境 情境2 2：淮安旅行社网站的制作流程：淮安旅行社网站的制作流程 关键知识点：前

2、期策划和内容组织 关键知识点：网站效果图的设计制作 关键知识点：网站页面的设计制作 关键知识点：静态页面的动态化 关键知识点：网站测试与发布 本章要点基于工作过程的 基于工作过程的网页设计与制作教程 网页设计与制作教程第二章网站规划与制作流程地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS项目资讯 关键知识点1：了解分析客户的需求 2.1 情境1：淮安旅行社网站项目规划 网页设计需要设计师综合多方面的知识，把设

3、计的多种元素进行有机的组合。它与网络艺术、经济学、心理学以及美学等领域都有密切的联系。明确网页设计的中心是“信息的传达”，“美”和“功能”都是为了更好的表达主题。网页设计是一个感性思考与理性分析相结合的复杂过程。它的方向取决于设计的任务，它的实现依赖于网页的制作。一件完美的网站设计作品是设计师与客户不断进行沟通而设计出的结果。网站开始构思的时候需要充分的了解客户需求，要达到什么目的、效果。因此前期的投入是很有必要的，以便准确、完善地满足客户的预期要求。地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版

4、 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS项目资讯 关键知识点2：网站的项目规划 2.1 情境1：淮安旅行社网站项目规划 一个成功的网页设计作品是使艺术与技术的结合与统一，以主题鲜明、形式与内容保持一致、把握整体风格为设计原则。艺术是设计手段，而不是最终目的。规范的网页策划大致具有如下几个方面：网站的目标、网站的主题、网站的内容、网站的风格、网站的标准。网站的性质不同，设计的要求不同。例如：门户网站注重页面的分割、信息结构的合理、页面与图片的优化、界面的亲和等问题；企业网站注重突出企业形象、产品热点，要求设计样式、图片质量相对较高。网站的主题要求

5、小而精，有针对性，尽量向专业靠拢；题材尽量新颖，不要随处可见，这样才能吸引用户一看再看；网站名称要有特色，方便记忆，要考虑到为以后网站的形象和宣传推广。地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS项目资讯 关键知识点2：网站的项目规划 2.1 情境1：淮安旅行社网站项目规划 1）建设网站的市场分析 相关行业的市场是怎样的，市场有什么样的特点，是否能够在互联网上开展企业的业务。从市场主要竞争者分析，竞争对手上

6、网情况以及网站规划、功能作用。公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的费用、技术、人力等。地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS项目资讯 关键知识点2：网站的项目规划 2.1 情境1：淮安旅行社网站项目规划 2）建设网站的目的及功能定位 建立网站，是为了宣传产品、进行电子商务，还是建立行业型网站。整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能是产品

7、宣传型、网上营销型、客户服务型或电子商务型等。根据网站功能，确定网站应达到的目的和作用。了解企业内部网的建设情况和网站的可扩展性。地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS项目资讯 关键知识点2：网站的项目规划 2.1 情境1：淮安旅行社网站项目规划 3）网站技术解决方案 采用自建服务器，还是租用虚拟主机。选择操作系统，用Unix、Linux 还是Window2000/2003，分析投入成本、功能、开发、

8、稳定性和安全性等。相关程序开发，如网页动态程序ASP、JSP、PHP、ASP.NET，使用数据库是采用Access，还是SQL Server2000、MY SQL 等。地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS项目资讯 关键知识点2：网站的项目规划 2.1 情境1：淮安旅行社网站项目规划 4）网站的内容规划 根 据 网 站 的 目 的 和 功 能 规 划 网 站 内 容，一 般 企 业 网 站 应 包 括

9、：公 司 简 介、产 品介绍、服务内容、价格信息、售后服务、联系方式、网上定单等基本内容。5）网站的界面设计 网 页 界 面 设 计 一 般 要 与 企 业 整 体 形 象 一 致，要 符 合CI规 范。要 注 意 网 页 色 彩、图片的应用以及版面规划，保持网页整体一致性。在 新 技 术 的 采 用 上 要 考 虑 目 标 访 问 群 体 的 分 布 地 域、年 龄 阶 层、网 络 速 度、阅读习惯等。制 作 网 页 改 版 计 划，如 半 年 到 一 年 的 时 间 进 行 较 大 规 模 的 改 版 等，或 根 据 网 站的版式内容做扩容调整。地址 地址:北京百万庄大街 北京百万庄大街2

10、2 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS项目资讯 关键知识点2：网站的项目规划 2.1 情境1：淮安旅行社网站项目规划 6）网站维护 u 服务器及相关软硬件的维护，对可能出现的问题进行评估，制定相应时间。数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。u 注重内容的更新与调整。u 制定相关网站维护的规定，将网站维护制度化、规范化。地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线

11、 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS项目资讯 关键知识点2：网站的项目规划 2.1 情境1：淮安旅行社网站项目规划 7）网站测试 服务器的稳定性、安全性。程序及数据库测试。网页兼容性测试，如浏览器、显示器等。网页的链接测试，压力测试等。网站发布与推广。网站测试后进行发布的公关、广告活动。搜索引擎登记等。地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PR

12、ESS CHINA MACHINE PRESS淮安旅行社网站的项目规划 2.1 情境1：淮安旅行社网站项目规划 参见word 文件地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS制作流程 2.2 情境2：淮安旅行社网站的制作流程 网 网站 站维 维护 护 前 前期 期策 策划 划与 与内 内容 容组 组织 织效 效果 果图 图设 设计 计 网 网页 页编 编辑 辑与 与动 动画 画设 设计 计动 动态 态编 编

13、程 程或 或代 代码 码融 融合 合 发 发布 布测 测试 试 地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS前期策划和内容组织-网站栏目模块设计 2.2 情境2：淮安旅行社网站的制作流程 淮安概况推荐线路散客线路地接线路旅游动态景点简介国内路线出境路线特色路线旅游知识金牌导游查询导航在线投票在线订票留言系统企业简介 淮安旅行社主页地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:10003

14、7 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS前期策划和内容组织-草图设计2.2 情境2：淮安旅行社网站的制作流程 旅游新闻动态景点景区推荐Flash 动画名胜景点展示 查询导航网站logo旅行社所获荣誉展示首页 公司简介 淮安概况 景点简介 国内路线 出境路线 特色路线 在线订购 留言投票调查友情链接最新推荐线路精品线路金牌导游 异域风情 旅游法规 旅游情趣散客线路专栏 地接线路专栏 旅游常识地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线

15、编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS1 1）不要将所有文件都存放在根目录下。）不要将所有文件都存放在根目录下。2 2）按栏目内容建立子目录。子目录的建立，首先按主菜单栏目建立。）按栏目内容建立子目录。子目录的建立，首先按主菜单栏目建立。例如：本站点可以根据模块类别分别建立相应的目录，如 例如：本站点可以根据模块类别分别建立相应的目录，如Flash Flash、CSS CSS、Javascript Javascript 等；企业站点可以按公司简介、产品介绍、价格、在线定单、等；企业站点可以按

16、公司简介、产品介绍、价格、在线定单、反馈联系等建立相应目录。反馈联系等建立相应目录。3 3）在每个主目录下都建立独立的）在每个主目录下都建立独立的images images 目录。默认的一个站点根目录 目录。默认的一个站点根目录下都有一个 下都有一个images images 目录。这是最方便管理的。而根目录下的 目录。这是最方便管理的。而根目录下的images images 目录 目录只是用来放首页和一些次要栏目的图片。只是用来放首页和一些次要栏目的图片。4 4）目录的层次不要太深，目录的层次建议不要超过）目录的层次不要太深，目录的层次建议不要超过3 3 层。原因很简单，层。原因很简单，维护

17、管理方便。维护管理方便。前期策划和内容组织-规划站点结构 2.2 情境2：淮安旅行社网站的制作流程 网站根目录Images Flash Style Admin其他网页地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS网站效果图的设计制作 2.2 情境2：淮安旅行社网站的制作流程 网页效果图的设计与传统的平面设计是相同的，但也带有一些特殊的性质。网页效果图的设计与传统的平面设计是相同的，但也带有一些特殊的性质。通常

18、网页的图像设计会使用到图像设计软件和一些其他的软件，通常网页的图像设计会使用到图像设计软件和一些其他的软件，Fireworks Fireworks正是一种主要应用于网页图形设计的软件。应用较为广泛的还有 正是一种主要应用于网页图形设计的软件。应用较为广泛的还有Adode Adode 公 公司出品的 司出品的Photoshop Photoshop。Photoshop Photoshop 利用自身在图像处理上的优势，实现多方面网络应用。利用图像 利用自身在图像处理上的优势，实现多方面网络应用。利用图像软件可视化操作程度比较高的优势，进行网页视觉设计、排版布局，并创建 软件可视化操作程度比较高的优势

19、，进行网页视觉设计、排版布局，并创建为页面的 为页面的HTML HTML 文件。文件。Photoshop Photoshop 能够完成网站中各类型的的 能够完成网站中各类型的的Web Web 图像设计和制作，还包括为适 图像设计和制作，还包括为适于网络发布进行的各项图像优化工作。于网络发布进行的各项图像优化工作。在 在Photoshop Photoshop 中软件的操作更加简单，效果变化更丰富，同时提供提高工作 中软件的操作更加简单，效果变化更丰富，同时提供提高工作效率的解决办法。效率的解决办法。地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热

20、线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS网站效果图的设计制作 2.2 情境1：淮安旅行社网站的制作流程 地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS网站页面的设计制作 2.2 情境2：淮安旅行社网站的制作流程 地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机

21、 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS静态页面的动态化 2.2 情境2：淮安旅行社网站的制作流程 方式一：下载免费的网站管理平台，然后与前台整合，称之为代码融合。方式一：下载免费的网站管理平台，然后与前台整合，称之为代码融合。方式二：所有功能完全自主开发，根据客户的要求定制，逐一实现功能。方式二：所有功能完全自主开发，根据客户的要求定制，逐一实现功能。以上两种方式各有利弊，方式一适用于初期网页设计的初学者，能够满足 以上两种方式各有利弊，方式一适用于初期网页设计的初学者，能够满足大多数通用网站，使用方法

22、简单，但是不能随心所欲的实现通用以外的功 大多数通用网站，使用方法简单，但是不能随心所欲的实现通用以外的功能：方式二要求开发者能够具备一定的编程能力，对初学者要求较高，要 能：方式二要求开发者能够具备一定的编程能力，对初学者要求较高，要求能够编写程序，属于网站开发的高级阶段，能够随心所欲实现各种功能。求能够编写程序，属于网站开发的高级阶段，能够随心所欲实现各种功能。地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRES

23、S网站测试与发布 2.2 情境2：淮安旅行社网站的制作流程 1 1 注册域名 注册域名域名是企业、机构或个人的网络标识，是通过计算机登录网络的企业、机构 域名是企业、机构或个人的网络标识，是通过计算机登录网络的企业、机构或个人在 或个人在Internet Internet 网中的地址。国际域名主要分为 网中的地址。国际域名主要分为、和 和.org3.org3 种。种。其中，其中最具商业价值的是 其中，其中最具商业价值的是 域名，拥有一个涵义深刻且简单易记的域 域名，拥有一个涵义深刻且简单易记的域名，是一个网站成功的首要前提。名，是一个网站成功的首要前提。2 2 申请空间 申请空间一个完整的网站

24、系统其实就是一组文件，它提供给网络用户浏览，这些 一个完整的网站系统其实就是一组文件，它提供给网络用户浏览，这些文件要占据一定的硬盘空间，即所谓的网站空间。除一些大型的网站和 文件要占据一定的硬盘空间，即所谓的网站空间。除一些大型的网站和占用空间大的站点采用自己建设的 占用空间大的站点采用自己建设的Web Web 服务器外，一般建站的用户均采用 服务器外，一般建站的用户均采用虚拟主机来完成，因此，一般的网站空间也叫虚拟主机。虚拟主机来完成，因此，一般的网站空间也叫虚拟主机。地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工

25、工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS网站维护 2.2 情境2：淮安旅行社网站的制作流程 地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS1.1.情境 情境1 1：淮安旅行社网站项目规划：淮安旅行社网站项目规划 关键知识点：项目需求 关键知识点：网站规划2.2.情境 情境2 2：淮安旅行社网站的制作流程：淮安旅行社网站的制作流程 关键知识

26、点：前期策划和内容组织 关键知识点：网站效果图的设计制作 关键知识点：网站页面的设计制作 关键知识点：静态页面的动态化 关键知识点：网站测试与发布 本章小结基于工作过程的 基于工作过程的网页设计与制作教程 网页设计与制作教程第二章网站规划与制作流程地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS2.3 习题1.基础简答题浅谈网站策划需要注意那些问题？简述网站开发的流程？2.项目实战题 参考素材文件夹中的“拓展项

27、目：免费空间域名的申请.doc”文件，自主学习申请免费空间将光盘中“淮安旅行社”文件夹中的方案1 上传到空间上并浏览。地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS2.3 习题地址 地址:北京百万庄大街 北京百万庄大街22 号 号 邮编 邮编:100037 编辑热线 编辑热线:机 机 械 械 工 工 业 业 出 出 版 版 社 社CHINA MACHINE PRESS CHINA MACHINE PRESS谢谢大家