《静态网站制作综合实训》实训任务书.docVIP

《静态网站制作综合实训》实训任务书 实训目的与要求 《网页设计综合实训》主要目的是让学生通过这门实践课程的学习了解和掌握网页设计的基本方法，通过不断上机实习训练达到解决实际的问题。因此，在本学期特设置此课程设计，集中一段时间使学生综合运用所学习的网页制作知识及以前所学习的计算机方面的知识，按照网站制作的流程，完成一个相对具体、综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。 实训内容 实例实训 以一个个人网站设计的实例指导学生如何独立完成个人静态站点的设计和制作。让学生在机房实际操作，按照给定的实例完成实例中站点的创建和设计制作。 自建站点实训 让学生自行选择站点的主题，从规划站点到上传文件一步一步完成整个站点的创建、调试和上传工作。 总结 对学生的全部作品进行考核，并选择典型的案例对实训的结果进行考核。 参考课时 标题 实训内容 实训课时 预备 实训动员 1 实训一 基本知识回顾 2 实训二 实训作品的站点规划 6 实训三 整体布局设计 6 实训四 搜集和创建资源 6 实训五 页面素材设计 6 实训六 样式设计 6 实训七 首页模板设计 6 实训八 二级页面模板设计 12 实训九 各页面的细化、测试和上传作品 6 实训十 总结 3 总计 60 实训材料准备 软件准备 Dreamweaver cs4中文版 、PhotoShop7.0以上版本、Flash中文版（本实训对FLASH技术不做要求）。 硬件准备 网络条件：与因特网连接的局域网。 教师用机：WindowsXP及以上版本。 学生用机：WindowsXP及以上版本。 五、综合实训考核办法： 系统文档 20分 编写代码 30分 程序调试 10分 实训出勤 20分 技术含量 10分 美工设计 10分 目 录 实训一 基本知识回顾 1 实训二 实例一讲解 2 实训三 实例一操作 2 实训四 实训作品的站点规划 3 实训五 整体布局设计 4 实训六 搜集和创建资源 5 实训七 页面素材设计 6 实训八 样式设计 6 实训九 首页模板设计 7 实训十 二级页面模板设计 7 实训十一 各页面的细化、测试和上传作品 8 实训十二 总结 9 附录一 网站规划书书写格式 9 实训一 基本知识回顾 实训目的和要求 温习网页制作的课程重点难点，使学生对Dreamweaver cs4各方面的操作知识系统的由“片”的认识转向“面”的认识。 实训内容 Dreamweaver cs4的基本操作：站点、表格、图像、链接、框架等。 实训准备 Dreamweaver cs4中文版。 实训步骤 各实训指导教师按照所代学生的情况不同选择性地按下列步骤温习Dreamweaver cs4的重点难点知识。 站点创建和规划 本地站点的创建管理 站点视图的使用方法 链接的处理方式 相对路径 链接到命名锚 管理链接 图像的处理方法 插入图像的相关操作 使用导航条 客户端图像映象 布局视图、表格和层的应用 使用布局视图的相关操作 自动伸展类型的版面宽度 草稿图的使用 关于插入表格的相关操作 创建分层、使用分层时的操作 使用分层面板 利用分层排版时的注意事项 框架 框架和框架集的一些标识性概念 创建框架 框架文件的存储 框架和框架集属性的设置 在框架中使用链接 CSS样式 创建三种类型的CSS样式 创建外部链接的CSS样式单。 实训方法 使用投影进行讲解演示，并抽样进行检查。 考核办法 此部分实训内容采用抽样考察的方法，考核以操作的熟练程度和正确性为评分标准，以A（优秀）、B（良好）、C（及格）、D（不及格）为成绩标准。 思考和练习 创建一个表格，预览效果为各边框格式是虚线、颜色是红色、各边框的宽度为1像素（px）主题鲜明，具有实用性，清晰表达设计意图结构清楚合理，便于浏览查找色彩搭配协调，页面美观，具有艺术品位下载速度、语言代码、导航效果、实用性、时效性实训十二 总结 实训目的和要求 将学生制作的作品进行综合的考核，并进行总结。 实训内容 对学生作品进行考核。 选择典型的（优秀的和劣质的）作品分别进行总结。 实训准备 Dreamweaver cs4中文版、PhotoShop7.0以上中文版本。 连接因特网的局域网。 实训步骤 对学生的作品依次进行综合考核。 抽取典型（优秀和劣质）的作品进行全面的解析。 实训方法 机房利用本机软件完成。 考核办法 此部分实训以考核为主，对学生组品进行整体的考核。采用全体考察的方法，以百分制为满分，具体评分标准如下： 系统文档 20分 编写代码 30分 程序调试 10分 实训出勤 20分 技术含量 10分 美工设计 10分 思考与练习 无。 附录一 实训报告书写格