《HTML网页编程技术综合课程设计》教学方案_.doc

专业资料 word完美格式 《网页编程技术综合课程设计》教学方案 一、课程设计目标 通过该课程设计综合应用本学期所学的网页制作知识，全面建立对网站的认知，建立网站设计与网页制作的基本思想；学会网站功能规划、网站布局、网页制作、网页配色等的基本技巧，掌握网页制作与网站设计相关软件的使用方法；通过课程设计教学环节能够制作有一定实用性的网站；能解决一些实际应用问题并以此为基础进一步扩展到相关的学科上；通过本课程设计提高网页的审美意识；通过团队合作制作网站，培养团队协作精神，初步了解软件企业开发软件系统模式，为将来适应工作打开良好的基础。 二、设计要求 1．本课程设计分小组进行，各小组成员原则上2~4人，不得超过4人,由小组长协调分工,每个组员充分发挥团队协作精神。 2．自选主题，使用Dreamweaver网页设计与制作软件，设计并制作一个内容完整、结构规范合理的静态网站，要求选取内容健康，网站中出现一定数量的图像和多媒体。网站主题应大小适中、内容健康、具有时代气息；网站提供的信息应与网站主题相符合, 主题突出、内容丰富； 3.页面设计合理、美观，有创意，适用于各种显示器的分辨率和颜色。 4.每个页面都要求有导航条和页脚信息，需要将这些信息制作成库项目，然后根据需要将之插入到模板或其它页面中。各个页面都要有标题，而且布局要合理、美观、大方。布局网页时要尽量主流布局方法（必须使用Div、表格等），并要有一定复杂度。 5.页面中需要有文字、图像、多媒体、超链接等，要求达到图文并茂的效果。所使用的文字的大小、字体和颜色要认真处理，除非特殊需要，不能出现空链接，文字不能简单用截图代替；所需图像和多媒体素材尽量自己设计，如有下载，自己必须再作处理，不得直接使用现有商业网站标志。 6. 为了保证页面的设计效果更好地兼容各种浏览器以及便于改版，要求用独立的CSS文件设置页面内容格式。 7.为主页添加背景音乐。 8.需要使用一定量的JavaScript脚本，使网页具有一定的交互功能。每小组必须制作一个表单，表单输入内容需要使用正则表达式进行验证。 9.要求首页和一级页面之间能够互相跳转，必须有返回上一层的链接。 10．网站结构应层次分明，风格统一，网站结构不少于3层，每人制作的网页不得少于5个，各个页面之间的链接要合理有效。 11．作品中不允许出现链接错误、图片不显示、网页打开超慢等错误。 12．网站中需要运用表格、框架（子框架）、模版等技术；必须包含一页类似留言板功能的表单技术；使用一些动画。 13．站点设计合理、管理有序、无多余文件和文件夹、大小合适；作品总文件大小不超过50MB，网站图片总大小不超过20MB。 14．网站内容健康，不得出现违法或三俗内容。 15.对课程设计进行总结，撰写课程设计报告； 三、设计流程 本课程设计要求学生以小组为单位协作完成一个小型网站的制作： 1．每个小组的学生根据自己的兴趣爱好或专长，确定一个网站主题，主题可在如下范围内参考选择：学校以及各二级学院网站、个人网站、个人博客、精品课程、旅游、文化艺术、电子商务、医院、企业、出版物（文学作品或其它著作）、娱乐中心、装修（或装饰）、家政服务、礼品、宾馆酒店、影视制作、办公用品等网站。 2．根据确定的网站主题，通过各种途径收集、整理、加工网站所需要的信息。 3．设计网站的整体结构。根据主题合理规划网站功能模块。网站结构示例如下： 4、合理组织站点结构（站点文件夹）。正确创建站点并组织好站点的结构，要求各个文件和文件夹的命名规则要符合网站设计的规范。站点文件夹组织结构如下示例： 示例截图： 5．主页和各网页采用div为主体的布局方式，可配合使用表格实现布局。主页布局样式示例如下： 6．自行设计各级网页的风格，要求配色和布局合理，整个网站风格一致。 7．利用Dreamweaver、Photoshop、FireWorks等网页制作软件设计制作各个页面。 8．在主流浏览器上测试网站，要求均能正常运行。 9. 撰写课程设计报告。 四、课程设计报告（文档） 课程设计报告是课程设计工作的总结和提高，课程设计报告应该反映出作者在课程设计过程中所做的主要工作及取得的主要成果，以及作者在课程设计过程中的心得体会。 （一）课程设计报告主要内容（见附件） 对于本课程设计，应该包括以下几个主要部分： 1．网站的选题目的说明； 2．网站的总体规划与网站的结构框图； 3．各级网页设计说明（网站配色、导航设计、各级网页风格统一）； 4．典型网页的设计过程、步骤与样例（截图）； （二）课程设计报告编写基本要求（见附件） 1．每个学员必须独立完成承担工作部分课程设计报告； 2．课程设计报告书写规范、文字通顺、图