《静态页面实训》实训教学大纲.docVIP

静态页面实训 课程实训教学大纲 河北软件职业技术学院 信息工程系 一、课程基本情况 课程名称 静态页面实训 课程编号 课程类型 必修 总 学 时 30 学 分 1 适用专业 计算机信息管理 先修课程 静态网页设计 后续课程 .NET 选修课程建议： 数据库 实训目标 《静态页面实训》是计算机信息管理专业的一门必修课程，它是一门操作性和实践性都很强的课程，《静态页面实训》是实践教学环节中的重要内容，是完成教学计划达到教学培养目标的重要环节，它对帮助学生全面牢固地掌握课堂教学内容、培养学生的实践和实际动手能力、提高学生全面素质具有很重要的意义。 实训总体安排和学时分配 序号 实训题目 学时 1 布置实训任务、评析网站及选题 2课时 2 规划网站的目录结构 2课时 3 设计页面布局 2课时 4 对网页制作的素材进行加工 6课时 5 制作网站前台 6课时 6 利用AJAX技术实现基本的客户端数据交互 6课时 7 网站测试与发布 2课时 8 撰写实训论文 2课时 9 考试（演示作品以及论文） 2课时 实训目的和内容 实训1：布置实训任务、评析网站及选题 实训目的： 了解网站的主题定位、内容结构、版式设计、色彩设计、导航和功能设计方法；熟悉网站设计流程；掌握各网页制作软件的选择与使用；熟练掌握评析网站的方法。 实训内容： 布置实训任务，公布实训步骤 学生在网络上自选两个网站，从网站的目标定位、版面的总体设计和栏目设置、提供的内容信息是否准确、网页的制作结构、色彩和导航、交互设计是否合理方便等方面对其进行评析比较。 选题：（五选一） 重点课程网站 设计某公司的网站 介绍某类产品（如电脑、化妆品、电器） 艺术类网站 服务性网站 写出评析结果，以“网站评析.doc”保存 实训2：规划网站的目录结构 实训目的： 了解网站规划的步骤 熟悉网页制作软件中辅助工具的使用； 掌握网站内容与功能确定方法 熟练掌握网页布局的基本方法 实训内容： 确定自建个人网站的主题和网站的名称设计，分析网站的视觉形象和网站发展的目标。(网站必须有个人注册模块，且该模块必须要与数据库连接，能够对注册信息进行插入、删除、修改的操作) 进行网站内容与功能的设计，确立访问者，确定网站的内容与功能。 进行网站结构的设计，提出个人网站建设的框架图 实训3：设计页面布局 实训目的： 1、了解布局一般理论 2、熟悉标尺与网格的使用方法与技巧 3、掌握表格的使用 4、熟练掌握使用各种视图进行网页布局的方法 实训内容： 使用DREAMWEAVER或者其他网页制作工具进行页面布局设计 使用层 使用表格 （如果能够使用CSS进行页面设计最佳） 实训4：对网页制作的素材进行加工 实训目的： 1、了解网站需求 2、熟悉photoshop、fireworks、flash的使用 3、掌握多媒体素材的处理方法，如图像、动画等 4、熟练掌握网页中多媒体文件的插入方法 实训内容： 根据个人网站设计的内容要求，进行文字、声音、图形、图像、动画、视频等多媒体素材的收集、加工和处理。 实训5：制作网站前台 实训目的： 1、熟悉辅助工具的使用 2、尽量在网站建设中使用链接、导航、声音与视频的插入； 3、熟练掌握表格的使用，表单的创建，图片与动画的插入方法，文字格式的设置方法，如HTML样式设置、CSS样式的运用等 实训内容： 利用网页制作软件dreamweaver设计制作各个网站的页面。制造完成个人网站的建设。 实训6：利用AJAX技术实现基本的客户端数据交互 实训目的： 1、了解ajax技术的特点； 2、熟悉客户端数据交互的方法； 实训内容： 1.应用动态网站设计课程所学的理论知识，分析个人网站的功能需求，设计客户端数据交互。 2.使用ajax技术设计实现数据在个人网站中交互。 实训7：网站测试与发布 实训目的： 1、了解网站发布所需的硬件资源； 2、熟悉发布网站的步骤； 3、掌握WWW服务器的配置方法 4、熟练掌握网站的测试方法与发布方法 实训内容： 1.调试完成整个网站的设计 2.充分利用能够得到的软硬件资源，将网站发布到内网或Internet上 实训8：撰写实训论文 实训目的： 对实训过程进行总结，撰写实训总结报告，并以文件名：姓名.doc存至站点根目录下。 实训内容： 按照要求写出撰写实训论文 实训报告及作业要求 整个课程设计过程的各个环节都要求同学自己动手； 确定的系统主题应大小适中、内容健康、具有时代气息； 要求设计出自己系统的LOGO，并应与其他系统页面风格协调一致，系统结构应层次分明，内容重点突出； 系统的首页命名为：index.asp，管理员登录其用户名和密码都设为admin； 能够修饰系统页面中的文