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

网页设计与制作 主讲：xxx 第二章 网站规划与制作流程 项目资讯 2.1.1 网站策划的一般内容 2.1 网站规划的内容及原则 背景分析与网站定位 确定网站目标 内容与形象策划 推广策略 项目资讯 2.1.2 网站形象策划原则 2.1 网站规划的内容及原则 内容与形式的统一 网站的类型与风格的定位 统一网站设计风格 CIS的介入 项目资讯 关键知识点1：了解分析客户的需求 2.1 情境1：淮安旅行社网站项目规划 网页设计需要设计师综合多方面的知识，把设计的多种元素进行有机的组合。它与网络艺术、经济学、心理学以及美学等领域都有密切的联系。明确网页设计的中心是“信息的传达”，“美”和“功能”都是为了更好的表达主题。 网页设计是一个感性思考与理性分析相结合的复杂过程。它的方向取决于设计的任务，它的实现依赖于网页的制作。 一件完美的网站设计作品是设计师与客户不断进行沟通而设计出的结果。网站开始构思的时候需要充分的了解客户需求，要达到什么目的、效果。因此前期的投入是很有必要的，以便准确、完善地满足客户的预期要求。 制作流程 2.2 情境1：淮安旅行社网站的制作流程 网 站 页 面 的 设 计 制 作 网 站 栏 目 模 块 设 计 草 图 设 计 规 划 站 点 结 构 收 集 和 整 理 资 料 网 站 效 果 图 的 设 计 制 作 静 态 页 面 的 动 态 化 网 站 页 面 的 测 试 与 发 布 站 点 的 更 新 与 维 护 前期策划和内容组织 -网站栏目模块设计 2.2 情境1：淮安旅行社网站的制作流程 前期策划和内容组织 -草图设计 2.2 情境1：淮安旅行社网站的制作流程 旅游新闻动态 景点景区推荐 Flash动画名胜景点展示 查询导航 网站logo 旅行社所获荣誉展示 首页 公司简介 淮安概况 景点简介 国内路线 出境路线 特色路线 在线订购 留言 投票调查 友情链接 最新推荐线路 精品线路 金牌导游 异域风情 旅游法规 旅游情趣 散客线路专栏 地接线路专栏 旅游常识 1）不要将所有文件都存放在根目录下。 2）按栏目内容建立子目录。子目录的建立，首先按主菜单栏目建立。例如：本站点 可以根据模块类别分别建立相应的目录，如Flash、CSS、Javascript等；企业站点 可以按公司简介、产品介绍、价格、在线定单、反馈联系等建立相应目录。 3）在每个主目录下都建立独立的images目录。默认的一个站点根目录下都有一个 images目录。这是最方便管理的。而根目录下的images目录只是用来放首页和一 些次要栏目的图片。 4）目录的层次不要太深，目录的层次建议不要超过3层。原因很简单，维护管理方 便。 前期策划和内容组织 -规划站点结构 2.2 情境1：淮安旅行社网站的制作流程 网站效果图的设计制作 2.2 情境1：淮安旅行社网站的制作流程 网页效果图的设计与传统的平面设计是相同的，但也带有一些特殊的性质。 通常网页的图像设计会使用到图像设计软件和一些其他的软件，Fireworks 正是一种主要应用于网页图形设计的软件。应用较为广泛的还有Adode公 司出品的Photoshop。 Photoshop利用自身在图像处理上的优势，实现多方面网络应用。利用图像 软件可视化操作程度比较高的优势，进行网页视觉设计、排版布局，并创建 为页面的HTML文件。 Photoshop能够完成网站中各类型的的Web图像设计和制作，还包括为适 于网络发布进行的各项图像优化工作。 在Photoshop中软件的操作更加简单，效果变化更丰富，同时提供提高工作 效率的解决办法。 网站效果图的设计制作 2.2 情境1：淮安旅行社网站的制作流程 网站页面的设计制作 2.2 情境1：淮安旅行社网站的制作流程 静态页面的动态化 2.2 情境1：淮安旅行社网站的制作流程 方式一：下载免费的网站管理平台，然后与前台整合，称之为代码融合。 方式二：所有功能完全自主开发，根据客户的要求定制，逐一实现功能。 以上两种方式各有利弊，方式一适用于初期网页设计的初学者，能够满足 大多数通用网站，使用方法简单，但是不能随心所欲的实现通用以外的功 能：方式二要求开发者能够具备一定的编程能力，对初学者要求较高，要 求能够编写程序，属于网站开发的高级阶段，能够随心所欲实现各种功能。 网站测试与发布 2.2 情境1：淮安旅行社网站的制作流程 1．注册域名 域名是企业、机构或个人的网络标识，是通过计算机登录网络的企业、机构 或个人在Internet网中的地址。国际域名主要分为.com、.net和.org3种。 其中，其中最具商业价值的是.com域名，拥有一个涵义深刻且简单易记的