1网站的需求分析和网页界面设计Dreamweaver CS3工作环境.ppt

第一课 网站的需求分析和网页界面设计Dreamweaver CS3工作环境  李峰 信息管理与工程系 引言网页与网站 网站是指建立在互联网上的Web站点，是互联网上相关网页的集合，它面向公众提供互联网内容服务。 网页是上网时看到的一个个页面，网站与网页的关系类似于一本书与一页纸。 引言静态网页与动态网页 网页按其表现形式来划分可分为动态页和静态页。 静态网页只能浏览，不能实现客户端和服务器端的交流互动，在静态网页中，也可以出现各种动态的效果，如GIF格式的动画、FLASH影片、滚动字幕等，这些“动态效果”只是视觉上的，并不能实现客户端和服务器端的交互。 动态网页的页面内容随用户的输入而变化，能与客户端交流互动，它们会随不同客户、不同时间，返回不同的网页，动态网页使用ASP、PHP、JSP、ASP.NET等技术生成。 静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少。 引言网页制作常用工具 1．利用Photoshop CS3设计网页图像 2. 利用Fireworks CS3设计网页图像 3. 利用网页编辑软件Dreamweaver CS3制 作网页 4. 利用网页动画软件Flash CS3制作动画 1.1 网站的策划 一般策划网站，需要从三个方向思考，分别是： 网站的主题、网站的对象和网站的内容。 网站的主题 网站的主题，这需要为自己的网站选择一个较好的题材和标题。网站主题的定位通常由网站的目标、性质、能力等决定。 网站的标题 网站标题的一般原则： （1）名称要正气 就是要合法的名词语句。 （2）名称要易记 最好用中文名称，不要使用英文或者中英文混合型名称。另外，网站名称的字数应该控制在六个字(最好四个字)以内，四个字的也可以用成语。字数少还有个好处，适合于其他站点的链接排版。 （3）名称要有特色 名称如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。在体现出网站主题的同时，又能点出特色之处。 某企业网站设计策划书实战演练 某企业网站设计策划书 总经理：*** 技术主管：*** 策划人：*** 第一章 引 言 从单一媒体向互动平台的转化，是网络建设观念的革命性变革也是当代网络建设的真正精髓。网站平台已经不仅仅停留在原始“电子媒体”的层面，也不仅仅是宣传的窗口或平台，而是向生产管理网络营销客户支持市场拓展等领域渗透延伸的最先进的生产工具和生产力。网络所具有的无法替代的先进性和功能性已经成为最先进和有效的管理和营销工具。 第二章 设计思路 1、设计宗旨 本着体现介绍企业、宣传产品、服务于售前与售后客户的原则，本网站设计宗旨以功能性、技术性、易用性和国际性为主。 （1） 功能性 （2） 技术性 （3） 易用性 （4） 国际性 2、设计理念 （1） 色彩设计 （2） 构图设计 （3） 编排设计 第三章 技术运用 *******厂网站的整体规划充分体现功能性、技术性、易用性和国际性。主要运用多媒体技术和数据库技术。 1、多媒体技术 (1)利用本公司必威体育精装版开发的FLASH 全方位互动展示技术，将企业的产品进行360度全方位展示。并以FLASH 的流量显示功能， (2)利用 FLASH 技术，将产品操作流程进行动态的展示，用户可在网站上，进行实物操作演示。 (3)利用本公司开发FLASH地图技术，动态的展示出各分公司和代理商的分布网点、地理位置、交通路线、服务项目、联系方法等。 2、数据库技术 一个结构设计优良的数据库，是实现信息网强大管理功能的坚实基础；我们将着重设计出结构合理、扩充性好、易于使用的库结构和表结构。 (1)为实现产品信息 产品展示智能化管理，方便产品查询，设计了产品信息数据库； (2)为做好会员管理，并向会员提供更好的服务，设计了会员管理数据库； (3)为了收集客户反馈信息，设计了反馈信息数据库； (4)为了实现客户之间，员工之间，客户与员工之间的交流与沟通，设计了论坛管理数据库。 (5)为了后期维护的简便性和更新信息的实效性，我们将运用严谨的数据库设计，建立良好的后台管理。以完善的客户端工具，实时更新网站信息。节省了大量的人力而且不易出错。 第四章 栏目设计 网站栏目结构图 扉页 首页 基本栏目 （1）企业介绍 向外界介绍企业基本情况，展示企业的整体形象。内容包含： 企业简介：介绍企业的基本情况。 企业荣誉：以图文形式介绍企业曾获得的荣誉，奖励。 领导风采：介绍企业领导人，公司领导的致辞和期望等。 组织机构：介绍企业各组织机构的主要人员和主要工