网站实践课程教学设计.doc

网站实践课程教学设计朱松北京北大方正软件技术学院 软件工程分院【摘要】以桂林旅游宣传网站的设计与实现过程为背景，通过引领学生完成网站的整体设计与开发，使他们能够熟悉网站的设计过程，了解如何分析用户的需求，利用所学的理论知识，提升解决实际问题的技能。【关键词】网站设计；教学；实践一、引言网站实践课程的教学，主要是以学生实践为主，教师辅导为辅。以桂林旅游宣传网站的设计与实现，引领学生完成此网站的整体设计与开发，使他们能够达到以下的要求： 1）熟悉网站的设计过程；2）了解如何分析用户的需求；3）具有将所学的理论知识转化为解决实际问题的技能；4）掌握建立网站所需的基本技能，独立完成分配给自己的任务；5）具有团队精神，相互协作，提高沟通能力；6）培养职业道德规范，端正工作态度。二、网站项目概述（一）项目名称桂林旅游宣传网站（二）项目概述桂林自古享有“山水甲天下”的美誉，是中国乃至世界重要的旅游城市，被国务院确定为国家重点风景游览城市和历史文化名城，被誉为国际旅游明珠。桂林旅游资源丰富，桂林有浩瀚苍翠的原始森林、雄奇险峻的峰峦幽谷，激流奔腾的溪泉瀑布，天下奇绝的高山梯田，有壮、瑶、苗、侗等十多个少数民族。经过近年来的发展，桂林观光旅游业得到了一定的发展。桂林市旅游局为了让更多的人了解真实的桂林，喜欢桂林，来桂林做客，欣赏这里浓郁风土民情的美景，建立一个旅游宣传网站势在必行！ （三）项目要求能够体现出绿色旅游，能使用户体会到桂林的民族文化特色、山水美景、食物美味、交通便利以及居住便捷。设计桂林旅游宣传网站，从技术角度来说需要做到以下几点：1）网站面向用户的定位，以及实现的程度；2）网站的整体架构是否符合项目要求；3）网站及各个栏目的信息准确信和实时性；4）网站中有效网页的数量和认可比例；5）网站的整体布局、文字和美术编辑专业化程度。三、网站实现过程设计（一）项目团队教师引导：建立网站的时候，如果学生没有兴趣，是挖掘不出学生潜力的。根据学生兴趣、爱好的不同，由学生自己选择几个比较感兴趣的专题，最后根据任务量分派给大家。 对学生分组，如表1所示，每个组长根据小组成员的爱好，进行任务分工并着手准备素材。允许项目组之间互相帮助，这是团队协作的一种体现。表1：网站开发组成员网站开发组人数职责组长1统领全局，制定任务进度，人员分配。主设计师1分析页面布局静态页面美工，负责总体设计和规划。辅助设计师2负责辅助页面细致美工。程序员2制作动态特效，实现某些特定功能。美工2有较强的审美能力和设计能力，网站设计要求大气、简洁，有自己的特色。本阶段的任务主要是确立分工，每个学生都有自己负责的一部分工程，明确地指导自己的职责，需要做什么。（二）解决方案网站的建立需要客户提供与网站主题相关的各种资料，比如基本需求信息、文字、图片等等。这个阶段主要的工作任务就是对桂林旅游宣传网站的功能进行获取，并定位本网站的面向对象。桂林旅游宣传网站是一个符合游客行、吃、住、游、玩一体化需求信息的窗口，同时由于旅游也是一个整体的商业生态链，涉及到旅行服务机构、酒店、景区、交通等等，那么利用网络可以将这些环节有机地整合成一个统一的整体，进而可以大大提高服务的水平和业务的来源。收集需求的时候，一定要从用户入手，用户的需求是制作精品网站的首要目标，因为网站是给用户看的，用户觉得信息有用，景点不错，就会推荐给其他的网友，所以要抓住用户的眼球，提高访问量。参照整体内容，选以下三点作为简单的示例：1）景点，突出特色为了能给浏览以及有兴趣的用户更方便地观看相关信息，特意对每个景点设计了独立的模块，可以让用户一目了然，找到自己喜欢的景点。2）线路，提供参考如果用户决定游玩的话，那么用户肯定会有行程安排的，所以网站在这方面应该进行多方面的引导。网站通过对各个景点之间的路程的参考，以及特色活动，推出了多种旅游线路，用户可以将此作为自己旅游的一个参考。3）价格，物美价廉花钱容易赚钱难，现如今很多的旅游景点都存在一些不和谐的想象，为此，在网站的整个设计里面，将标注价格的地方都用红字突显，除了让广大用户了解行情外，还可以提高网站的信任度。（三）网站架构架构的目标：可扩展性、可维护性和可复用性。1）内容内容结构，根据需求分析，可以划分出以图1所示的几大模块。从功用上分为公共页面和独立页面，这个特性决定了后面所有前端架构的基调。上述只是示例，具体的组织、操作都由各个项目小组自由发挥。首页桂林历史桂林景点桂林民俗桂林交通桂林活动桂林居住图1： 网站内容模块2）结构层要体现出页面简洁大方，风格一致，功能直观，使用户具有很好的体验。所有的网页都应该具有相同的色调或者风格，基于同样的页面模型，分别是导航，内容左右版式。下面给出的图2、图3、图4和图5都是示例小样，仅供参考。导航：顶部导航贯穿于所有的页面，方便用户随时选择想要了解的页面。（版式Logo、Banner、版权等）图2：网站导航条小样内容：左右侧栏，采用最直观的布局方式，将相对重要的信息放置于明显的位置。图3：网站首页小样页脚：横栏显示，主要是本网站的注册信息，以及一些相关信息的链接。图4：网站页脚小样独立页面：拥有自己特色的风格，主要以展示信息为主，提供用户需要的资料。图5：独立页面小样本阶段结束后的产品是需求说明书，要求每个项目小组都必须编写一份，要求内容充实，考虑全面，最基本的内容包括上述条件。建议：由于需求说明书是整个网站设计的基础，所以希望每个成员都参与其中，进行讨论分析，将最后的结果汇总，这样对大家后边的设计开发实现有着非常重要的指导作用。本阶段的成果：每个项目组的组长都需要编写一个项目责任说明书，记录本组成员的组成名单，以及各自的详细分工。此项目责任书将一直贯彻到项目结束。建议：兴趣是前进的动力，学生应该根据自己的特长和兴趣自由选择分工，如果最后发现还有一部分任务没有人负责，那么将由组长分配给每一个成员，共同完成。（四）开发实现小组进行合理分工，利用相应资料，设计出具有独特风格的网页主题。在整个的项目开发过程中，教师会巡视、解疑、指点，及时引导，融入到学生中去，为共同完成网站建设而努力。 项目的整体框架已经在图1中有所展现，共分为两大部分：首页和分页。首页是整体的网站门户，要求比分页具有更好的显示效果。表1中已经明确了学生各自负责的部分，由于首页的重要性，建议学生全部参与到首页的整体设计中来，确定主题风格，那么在后面的分页实现上就有了参照的蓝本。本阶段是开发实现阶段，要求每个项目组的组长规划出开发周期，实时记录每个成员的进展状况，然后根据记录出现的问题，每隔一定的时间进行一次整体研讨会。如此反复，直到最终的验收阶段。 四、网站成果展示与评价（一）网站成果展示由学生演示自己小组的网站，尤其是主页效果，教师和其他的小组互评，并提出改进建议。本阶段属于项目初展阶段，根据展示的效果和出现的问题，进行归纳总结，去掉缺点和不足，根据改进建议逐步完善。在各小组组长的带领下，根据评价过程中提出的意见进行修改和完善，做到最好。最后将建立网站的各个阶段进行总结，如表2所示。表2： 建立网站的项目各阶段主要任务项目阶段名称工作内容负责人网站建设方案根据项目的建站需求，给出可行性的建设方案组长网站详细设计各个栏目的流程、界面设计主设计师、辅助设计师网页设计界面组合、站点设计、页面生成程序员、美工网站测试单元测试、功能测试组长网站维护项目组继续完善组长网站验收最终用户测试，网站验收组长、客户最终的项目完成后，每个项目组的成员根据记录的项目责任书，计算开发周期，预算项目总体的成本，回顾开发过程，项目进度是否按照自己的计划安排进行，是否出现了技术问题，是否有延期的计划等等，在回顾的过程中增加对问题分析和解决的经验。（二）网站成果评价对网站建设的评价是教学活动中非常重要的一部分，本次网站构建的评价标准主要从以下几个方面考虑：1）关于学生对整个网站构建过程中各项技能表现的评价。2）对学生个人和小组报告的评价。3）对项目小组最终的网站评价，如表3所示。表3：网站设计评价表项目(100)标准描述优秀良好一般得分设计(60)主题健康1086图片、声音、动画等多媒体技术的运用201612布局合理1086体现创新精神、制作自己的素材；设计具有创意201612结构(20)信息查找便捷864导航条和链接正确1297内容(20)信息资料有效，更新及时，具有实用性10108至少覆盖主要模块的内容1086五、教学建议1）在案例教学的过程中，强化时间观念，加强对学生实际技能的提升，并注重学生的兴趣爱好，引导学生在案例分析以及项目活动中体会到实际的开发过程。 2）整个教学过程斗医学生为主，注重“教”、“学”、“做”、“问”，又教师提出要求后，学生进行分组后的活动，并在这个过程中增强团队意识，了解开发规范，并逐渐地提升解决问题的能力。3）注重实际环境的创设，按照标准、规范的开发流程进行分配任务和创作。4）开发学生的创新意识。5）教学安排时间，根据学生能力的不同，对开发周期给出不同的建议，但是不得无限期，并要求具有连续性，尤其是实际开发过程，每天八小时工作制，每周不定期召开简短的会议，讨论遇到的一些问题，总结本周的工作进程以及展望下一步的工作。6）网站设计结束后，要求每个项目组提交需求说明书，项目责任书和项目成品，根据评价标准，对每个项目组进行评分。培养学生对网站构建的整体价值观，提高学生的个人主观能动性，以兴趣为引导，培养学习的良好心态，引导学生具备发现问题解决问题的能力，学生在审美观念上有一定程度地提高，进一步地了解团队精神，争取学生能够在整体素质上有一个质的飞跃。参考文献1温谦.HTML+CSS网页设计与布局-从入门到精通,人民邮电出版社,2008.2汪迎春，秦学礼.