实践考核类课实验指导书.docVIP

实践考核类课一 实验指导书 东北大学软件学院 目 录 实践考核类课一 1 实验指导书 1 前 言 2 实验要求 3 实验1设计个人网站-使用HTML（4学时） 4 1.实验目的 4 2.实验类型 4 3.实验内容与要求 4 实验2设计个人网站-使用CSS（4学时） 4 1.实验目的 4 2.实验类型 5 3.实验内容与要求 5 实验3设计个人网站-使用JavaScript处理输入（4学时） 5 1.实验目的 5 2.实验类型 5 3.实验内容与要求 5 实验4设计个人网站-图片和多媒体（4学时） 6 1.实验目的 6 2.实验类型 6 3.实验内容与要求 6 前 言 本课程为实践性很强的一门重要的专业必修课，教学过程中注重理论教学与实践教学紧密结合的原则，让学生从实践中深入体会理论知识。本课程讲授在设计Web页面时需要使用的相关知识，将系统地介绍HTML、CSS、JavaScript等相关内容，以Dreamweaver为开发环境，实例讲解Web页面设计的方法，通过课堂学习和上机实践，让学生掌握Web页面设计方法和相关技术，并熟练运用这些方法和技术进行设计。 课程安排4次实验，使学生掌握并理解HTML、CSS、JavaScript语言的语法及运用方法，掌握动态页面设计的使用及其工作机制，通过采用Dreamweaver等开发工具，完成个人网站系统的设计与实现。 要求每人一组，独立完成实验任务。实验前要求预习，实验过程中先设计程序流程，然后调试程序，记录调试结果，分析结果形成原因，最终得到正确的项目代码。学会利用理论知识对实验数据进行分析，从而验证程序的正确性。通过实验让学生掌握编码的基本方法与技巧。 希望同学们能够充分利用实验条件，认真完成实验，从实验中得到应有的锻炼和培养。 实验要求 《实践考核类课一》课程实验的目的是为了使学生在课堂学习的同时，通过一系列的实验，使学生加深了解和更好地掌握《实践考核类课》课程教学大纲要求的内容。 在《实践考核类课》的课程实验过程中，要求学生做到： （1）预习实验指导书有关部分，认真做好实验内容的准备，就实验可能出现的情况提前做出思考和分析。 （2）仔细观察调试程序过程中出现的各种问题，记录主要问题，做出必要说明和分析。 （3）认真书写实验报告。实验报告模板见《实验报告格式》。 （4）遵守机房纪律，服从辅导教师指挥，爱护实验设备。 （5）实验课程不迟到。如有事不能出席，所缺实验一般不补。 实验的验收将分为两个部分。第一部分是上机操作，包括检查程序运行和即时提问。第二部分是提交书面的实验报告。 实验1设计个人网站-使用HTML（4学时） 1.实验目的 1 使用基本的HTML标签设计一个个人网站，只要至少有如下栏目：个人档案，个性栏目（题目自拟），电子相册，在线视听，信息反馈。 2 在HTML文档中使用表格；使用表单和常用HTML输入元素；使用框架；使用导航菜单。 2.实验类型 设计性。 3.实验内容与要求 1 HTML 使用基本的HTML标签制作网页；创建超级链接以链接同一HTML文档内的不同部分；链接到其它文档；适当使用图片、背景图案；使用marquee标签制作滚动字幕。 2 使用表格 在个人档案和个性栏目中使用表格标签。 3 使用表单 使用表单制作信息反馈页面，制作一个通过email提交信息的留言板，要求表单项目里边要有留言者的姓名，电话号码，邮件地址，留言内容等。 4 使用框架 个人网站使用框架布局，具体布局方式自己设定。创建相应栏目页，使用导航菜单使不同页显示在主框架中。 实验2设计个人网站-使用CSS（4学时） 1.实验目的 1 掌握CSS样式表的各种标记，学习CSS引用的几种方式。 2 学习如何控制字体、字号、字的颜色及加入特殊效果。 3 了解图象等的样式设置。 4 了解CSS滤镜的使用。 2.实验类型 设计性。 3.实验内容与要求 1 创建样式表文件，要求编写独立的样式表文件，并且连接到各网页页面中。 2 定义自己的超链接样式，要求超级链接文字不出现下划线，鼠标移动到超链接上要产生变色等效果，在不同页面中使用相同的超链接样式。 3 使用CSS格式化页面文本、表格等，要求文字要有字体大小和颜色等变化，个人档案等栏目中的表格要使用CSS体现出一定的个性化，同时要注意不同页面的风格统一。 4 使用CSS放置背景图像。 5 使用CSS创建选项卡式导航。 实验三中可以使用javascript制作导航，两者任选一种。 6 适当使用CSS滤镜，对页面进行美化。 实验3设计个人网站-使用JavaScript处理输入（4学时） 1.实验目的 1 学习将 JavaScript 嵌入到 HTML 页面中。 2 JavaScri