1、情境一：情境一：WebWeb前台页面设计前台页面设计任务1：撰写网站规划书主 讲：刘 晓 知WEB 应 用 开 发主 要 内 容网站相关概念1 1网站规划的意义2 2网站建设的原则3 3网站规划的内容4 4学习目标学习目标知识目标：知识目标：网站相关概念网站建设的原则能力目标：能力目标：能够撰写网站规划书，进行前期规划技术应用的背景技术应用的背景在网站建设的全过程中，网站的整体规划是一个重要的环节，也是网站成功与否的重要因素。一个网站在建设前前后后要耗费大量的资金和人力，一旦在内容、主题定位有偏差，以后再想更改过来是很困难的。这是采用什么样的技术也无法弥补的。网站的规划是对网站功能、结构、内容
2、、外观等方面的总体规划，而整个网站的规划与建设，大致上可以分为：策划、设计、制作、宣传推广、运行维护五个阶段。一、任务一、任务1-11-1任务描述：撰写网站规划书任务描述：撰写网站规划书 撰写一个网站的规划书，内容包括前期调研分析；确定网站目的及功能定位；拟出网站技术解决方案；对网站内容进行规划，网页效果进行大致设计；列出网站维护、测试、网站发布与推广方案等。二、网站建设基本知识二、网站建设基本知识客客户户端端服服务务器端器端发发出出请请求求发发回回网页网页1.1.网页的工作原理网页的工作原理二、网站建设基本知识二、网站建设基本知识接受请求找到静态网页发送网页服务器端（1 1）静态网页的工作原
3、理）静态网页的工作原理二、网站建设基本知识二、网站建设基本知识接受请求找到动态网页发送网页服务器端执行程序代码，生成静态网页（2 2）动态网页的工作原理）动态网页的工作原理二、网站建设基本知识二、网站建设基本知识2.B/S企业应用开发构架企业应用开发构架 在构建企业级应用的时候，通常需要大量的代码，而且这些代码一般分布在不同的计算机上，划分代码运行在不同计算机上的理论就是多层设计理论。企业级应用系统通常分成两层、三层或者N层架构。二、网站建设基本知识二、网站建设基本知识（1）两层架构）两层架构 传统的两层应用包括用户接口和后台程序，后台程序通常是一个数据库，用户接口直接同数据库进行对话。实现上
4、，通常使用ASP、ASP.NET、JSP或者VB等技术编写这类软件，结构如图所示：用户显示逻辑层数据库层两层应用架构二、网站建设基本知识二、网站建设基本知识（2 2）三层架构）三层架构 两层应用中，应用程序直接同数据库进行对话。三层结构在用户接口代码和数据库中间加入了一个附加的逻辑层，通常这个层叫做“商务逻辑层”，如图所示：用户表示逻辑层数据库层三层应用架构商务逻辑层二、网站建设基本知识二、网站建设基本知识（3）N层架构层架构 如果某个应用超过三个独立的代码层，那么这个应用叫做N层应用，就不再叫四层或者五层等名称，而是统称为N层。如图所示：用户表示逻辑层数据库层N层应用架构商务逻辑层服务层二、
5、网站建设基本知识二、网站建设基本知识3.常见的网络程序设计语言常见的网络程序设计语言 浏览器端编程语言 HTML（Hypertext Markup Language，超文本标记语言）CSS（Cascading Style Sheets，层叠样式表）JavaScript语言和VBScript语言 服务器端编程语言CGIASPPHPJSPASP.NETJ2EE二、网站建设基本知识二、网站建设基本知识4.网页制作的工具网页制作的工具 Dreamweaver EditPlus JSP开发工具 现下流行的JSP开发工具主要有IBM VisualAge，JBuilder，NetBeans，JRun，Url
6、edit，dreamweaver，editplus等 Asp,开发工具 Visual Studio.NET 2008 Visual Studio.NET 2010 Dreamweaver cs5二、网站建设基本知识二、网站建设基本知识4.网页制作的工具（续）网页制作的工具（续）辅助工具 Fireworks Flash Photoshop,Illustrator 矢量绘图 gifAnimatorGif动画二、网站建设基本知识二、网站建设基本知识5.网站的种类网站的种类 根据网站提供的服务分类信息类网站，交易类网站，互动游戏类网站，有尝信息类网站(101网校)，功能网站（如google），综合类网
7、站 网站按性质分类 政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站以及其它类型等。根据在搜索引擎上的设置分类二、网站建设基本知识二、网站建设基本知识6.6.网站规划概念网站规划概念是指在对网站建设进行分析的基础上确定网站目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。作用：计划和指导网站建设 定位网站的内容和维护。避免在网站建设中出现的很多问题，使网站建设能顺利进行。二、网站建设基本知识二、网站建设基本知识7.7.网站建设的原则网站建设的原则目的性-必须有明确合理的目的和目标群体专业性-信息内容应该充分展现企业的专业特性实用性-功能服务
8、应该是切合实际需求的易操作性-界面设计的核心是让用户更易操作艺术性-网页创作本身已经成了一种独特的艺术性能稳定具备网站正常的访问性能利于维护更新-网站的最大特点是它总是不断变化的发挥作用-网站必须被访问和使用才有价值二、网站建设基本知识二、网站建设基本知识建设网站前的市场分析 建设网站目的及功能定位 网站技术解决方案 网站内容规划 网页设计 网站维护 网站测试 网站发布与推广 1.1.目的性目的性2.2.专业专业性性3.3.实实用性用性4.4.易操作性易操作性5.5.艺术艺术性性6.6.性能性能7.7.常常维护维护更新更新8.8.发挥发挥作用作用8.8.网站规划的内容网站规划的内容三、任务实施
9、1.1.建设网站前的市场分析建设网站前的市场分析相关行业的市场情况分析公司自身情况目标受众的分析2.建设网站目的及功能定位建设网站目的及功能定位根据公司的需要和计划，确定网站的功能：产品宣传型、网上营销型、客户服务型、电子商务型等。根据网站功能，确定网站应达到的目的作用。三、任务实施3.网站技术解决方案网站技术解决方案 采用自建服务器，还是租用虚拟主机。选择操作系统，用unix,Linux还是Window2000/NT。分析投入成本、功能、开发、稳定性和安全性等。采用系统性的解决方案，如IBM、HP等公司提供的企业上网方案、电子商务解决方案？还是自己开发。网站安全性措施，防黑、防病毒方案。相关
10、程序开发。如网页程序ASP、JSP、CGI、数据库程序等。三、任务实施4.4.网站内容规划网站内容规划根据网站的目的和功能规划网站内容，一般企业网站应包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、购物车、定单确认、付款、个人信息保密措施、相关帮助等。如果网站栏目比较多，则考虑采用网站编程专人负责相关内容。注意：网站内容是网站吸引浏览者最重要的因素。可事先对人们希望阅读的信息进行调查，以及时调整网站内容。三、任务实施5.5.网站内容的结构网站内容的结构页面分类（动态/静态）：主页、一般浏览页、数据库、用
11、户身份认证、获取客户信息页页面的层次结构：一级页面、二级页面、三级页面页面的链接关系三、任务实施 示例示例三、任务实施6.6.网页设计网页设计网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合CI（Corporate Identity System企业形象识别系统）规范。要注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。制定网页改版计划，如半年到一年时间进行较大规模改版等。三、任务实施7.7.费用预算费用预算企业建站费用的初步预算，一般根据企业的规模、建站的目的、上级的批准而定。专业建站
12、公司提供详细的功能描述及报价，企业进行性价比研究。网站的价格从几千元到十几万元不等。如果排除模板式自助建站（通常认为企业的网站无论大小，必须有排他性，如果千篇一律对企业形象的影响极大）和牟取暴利的因素，网站建设的费用一般与功能要求是成正比的。三、任务实施8.8.网页设计的原则网页设计的原则正确分析用户的需要网页命名要简洁：便于搜索引擎收集良好的导航设计:“返回首页”、网站地图等标识清晰、链接用约定的颜色网页下载时间不宜过长适合不同浏览器、分辩率：800*x，1024*x图形设计：GIF、JPG内容搭配和谐美观适当的多媒体相对的超级链接三、任务实施9.9.网站维护的要求网站维护的要求服务器及相关
13、软硬件的维护，对可能出现的问题进行评估，制定响应时间。数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。内容的更新、调整等。制定相关网站维护的规定，将网站维护制度化、规范化。三、任务实施10.10.网站测试网站测试服务器稳定性、安全性。程序及数据库测试。网页兼容性测试，如浏览器、显示器。根据需要的其他测试。11.11.网站发布与推广网站发布与推广网站测试后进行发布的公关，广告活动。搜索引掣登记等 三、任务实施12.12.建站流程建站流程制作环境的准备站点目标的确定站点主题、风格、创意的确定站点结构的确立网站素材的准备网站制作工具的选用网站的建立(编写程序)测试上传（虚拟主机，域名）四、小结 本次课在了解网站相关概念的基础上理解网站建设的原则，掌握一般网站规划的主要内容和规划方法，能够对网站功能、结构、内容、外观等方面的总体规划。五、作业 对图书商城网站功能、结构、内容、外观等方面进行分析对图书商城网站功能、结构、内容、外观等方面进行分析，撰写一个完整图书商城网站的规划书。，撰写一个完整图书商城网站的规划书。
