情境1web前台页面设计011任务

1、WEB 应用开发课程教案教学内容和教学组织教学步骤教学内容（工作任务）教学方法教学学生行动考核方式任务描述撰写一个的规划书接受学习任务实施任务前期调研分析，确定 目的及功能定位拟出 技术解决方案，对 内容进行规划，网页效果进行大致设计 3.列出 、测试、 发布与推广方案等。任 务 驱动、讲练结合学生练习考核任务 完成情况深化训练撰写规划书讲 练 结合学生练习归纳总结了解相关概念规划的定义建设的原则规划的内容归纳法作业撰写商场的规划书完成作业提交作业学习情境情境 1：Web 前台页面设计学习任务撰写授课班级上间上课地点教学目标能力目标知识目标能进行能撰写规划文档掌握熟悉建站流程与主要教学内容1.

2、任务1 撰写规划书任务描述：撰写一个的规划书，内容包括前期调研分析；确定目的及功能定位；拟出试、技术解决方案；对发布与推广方案等。内容进行规划，网页效果进行大致设计；列出、测2.基本知识与技能2.1的工作原理2.1.1 静态网页的工作原理2.1.2页的工作原理2.2 B/S 企业应用开发构架在构建企业级应用的时候，通常需要大量的代码，而且这些代码一般分布在不同的计算机上，划分代码运行在不同计算机上的理论就是多层设计理论。企业级应用系统通常分成两层、三层或者N 层架构。常见的网络程序设计浏览器端编程语言HTML（Hypertext Markup Language，超文本标记语言）、CSS（Cas

3、cading Style Sheets，层叠样式表单）、JavaScript 语言和 VBScript 语言。2.3.2 服务器端编程语言2.4 网页制作的工具DreamweaverEditPlusJSP 开发工具现行的 JSP 开发工具主要有 IBM VisualAge，JBuilder，NetBeans，JRun，Urledit， dreamweaver，editplus 等Asp, 开发工具 Visual Studio .NET 2008 Visual Studio .NET 2010 Dreamweaver cs5辅助工具Fireworks Flash Photoshop,Illust

4、rator 矢量绘图gifAnimatif 动画2.5的种类2.5.1 根据提供的服务分类信息类，交易类，互动类，有尝信息类(101)，功能（如），综合类2.5.2按性质分类、企业以及其它类型等。、商业、教育科研机构、个人、其它非机构2.5.3 根据在搜索引擎上的设置分类规划的定义规划概念是指在对建设进行分析的基础上确定目的和功能，并根据需要对建设中的技术、内容、费用、测试、等做出规划。2.6.2规划作用：（1）计划和指导建设（2）定位的内容和。（3）避免在建设中出现的很多问题，使建设能顺利进行。2.7 企业的原则目的性-必须有明确合理的目的和目标群体专业性-信息内容应该充分展

5、现企业的专业特性实用性-功能服务应该是切合实际需求的（4）易操作性-界面设计的是让用户更易操作（5）艺术性-网页创作本身已经成了一种独特的艺术性能-常正常的性能更新-的最大特点是它总是不断变化的（8）发挥作用-必须被和使用才有价值2.8规划的内容建设建设前的市场分析目的及功能定位（3）（4）技术解决方案内容规划（5）网页设计（6）（7）（8）测试发布与推广3.任务实施3.1 建设前的市场分析相关行业的市场情况分析公司自身情况目标受众的分析3.2 建设目的及功能定位根据公司的需要和计划，确定子商务型等。的功能：产品宣传型、网上型、客户服务型、电根据功能，确定应达到的目的作用。3.3技术解决方案采

6、用自建服务器，还是租用虚拟主机。选择操作系统，用unix,Linux 还是Window2000/NT。分析投入成本、功能、开发、稳定性和安全性等。采用系统性的解决方案，如 IBM、HP 等公司提供的企业上网方案、电子商务解决方案？还是自己开发。（4）安全性措施，防黑、防方案。（5）相关程序开发。如网页程序 ASP、JSP、CGI、数据库程序等。3.4内容规划根据的目的和功能规划内容，一般企业应包括：、产品介绍、服务内容、价格信息、电子商务类、网上定单等基本内容。要提供会员、详细的商品服务信息、信息搜索查询、购物车、定单确认、付款、个人信息措施、相关帮助等。如果栏目比较多，则考虑采用编程专人负责

7、相关内容。 注意：内容是内容。吸引浏览者最重要的。可事先对人们希望阅读的信息，以及时调整3.5内容的结构页面分类（动态/静态）：主页、一般浏览页、数据库、用户页面的层次结构：一级页面、二级页面、三级页面认证、获取页（3）页面的关系3.6 网页设计网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合 C（ICorporateIdentity System 企业形象识别系统 ）规范。要注意网页色彩、网页的整体一致性。的应用及版面规划，保持在新技术的采用上要考虑主要目标群体的分布地域、阶层、网络速度、阅读习惯等。制定网页计划，如半年到一年时间进行较大规模等。3.7 费用企业建站费用的初

8、步，一般根据企业的规模、建站的目的、的批准而定。专业建站公司提供详细的功能描述及报价，企业进行性价比研究。的价格从几千元到十几万元不等。如果排除模板式自助建站（通常认为企业的无论大小，必须有排他性，如果千篇一律对企业形象的影响极大）和牟取暴利的建设的费用一般与功能要求是成正比的。，3.8 网页设计的原则（1）正确分析用户的需要（2）网页命名：便于搜索引擎收集（3）良好的导航设计:“返回首页”、地图等（4）标识清晰、用约定的颜色（5）网页时间不宜过长适合不同浏览器、分辩率：800*x，1024*x图形设计：GIF、JPG内容搭配和谐美观适当的多相对的超级3.9的要求（1）服务器及相关软硬件的，对可能出现进行评估，制定响应时间。（2）数据库，有效地利用数据是的重要内容，因此数据库的要受到重视。（3）内容的更新、调整等。（4）制定相关的规定，将制度化、规范化。3.10测试服务器稳定性、安全性。程序及数据库测试。网页兼容性测试，如浏览器、显示器。根据需要的其他测试。3.11发布与推广测试后进行发布的，活动,搜索引掣登记等3.12 建站流程制作环境的准备站点目标的确定（3）站点、风格、创意的确