实践考核类课实验指导书

《实践考核类课实验指导书》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、实践考核类课一实验指导书东北大学软件学院17目录实践考核类课一1实验指导书1前言2实验要求3实验1设计个人网站-使用HTML（4学时）41.实验目的42.实验类型43.实验内容与要求4实验2设计个人网站-使用CSS（4学时）41.实验目的42.实验类型53.实验内容与要求5实验3设计个人网站-使用JavaScript处理输入（4学时）51.实验目的52.实验类型53.实验内容与要求5实验4设计个人网站-图片和多媒体（4学时）61.实验目的62.实验类型63.实验内容与要求67前言本课程为实践性很强的一门重要的专业必修课，教学过程中注重理论教学与实践教学紧密结合的原则，让学生从实践中深入

2、体会理论知识。本课程讲授在设计Web页面时需要使用的相关知识，将系统地介绍HTML、CSS、JavaScript等相关内容，以Dreamweaver为开发环境，实例讲解Web页面设计的方法，通过课堂学习和上机实践，让学生掌握Web页面设计方法和相关技术，并熟练运用这些方法和技术进行设计。课程安排4次实验，使学生掌握并理解HTML、CSS、JavaScript语言的语法及运用方法，掌握动态页面设计的使用及其工作机制，通过采用Dreamweaver等开发工具，完成个人网站系统的设计与实现。要求每人一组，独立完成实验任务。实验前要求预习，实验过程中先设计程序流程，然后调试程序，记录调试结果，

3、分析结果形成原因，最终得到正确的项目代码。学会利用理论知识对实验数据进行分析，从而验证程序的正确性。通过实验让学生掌握编码的基本方法与技巧。希望同学们能够充分利用实验条件，认真完成实验，从实验中得到应有的锻炼和培养。7实验要求《实践考核类课一》课程实验的目的是为了使学生在课堂学习的同时，通过一系列的实验，使学生加深了解和更好地掌握《实践考核类课》课程教学大纲要求的内容。在《实践考核类课》的课程实验过程中，要求学生做到：（1）预习实验指导书有关部分，认真做好实验内容的准备，就实验可能出现的情况提前做出思考和分析。（2）仔细观察调试程序过程中出现的各种问题，记录主要问题，做出必要说明和分析

4、。（3）认真书写实验报告。实验报告模板见《实验报告格式》。（4）遵守机房纪律，服从辅导教师指挥，爱护实验设备。（5）实验课程不迟到。如有事不能出席，所缺实验一般不补。实验的验收将分为两个部分。第一部分是上机操作，包括检查程序运行和即时提问。第二部分是提交书面的实验报告。7实验1设计个人网站-使用HTML（4学时）1.实验目的(1)使用基本的HTML标签设计一个个人网站，只要至少有如下栏目：个人档案，个性栏目（题目自拟），电子相册，在线视听，信息反馈。(2)在HTML文档中使用表格；使用表单和常用HTML输入元素；使用框架；使用导航菜单。2.实验类型设计性。3.实验内容与要求(1)HTM

5、L使用基本的HTML标签制作网页；创建超级链接以链接同一HTML文档内的不同部分；链接到其它文档；适当使用图片、背景图案；使用marquee标签制作滚动字幕。(2)使用表格在个人档案和个性栏目中使用表格标签。(3)使用表单使用表单制作信息反馈页面，制作一个通过email提交信息的留言板，要求表单项目里边要有留言者的姓名，电话号码，邮件地址，留言内容等。(4)使用框架个人网站使用框架布局，具体布局方式自己设定。创建相应栏目页，使用导航菜单使不同页显示在主框架中。实验2设计个人网站-使用CSS（4学时）1.实验目的(1)掌握CSS样式表的各种标记，学习CSS引用的几种方式。(2)学习如何控

6、制字体、字号、字的颜色及加入特殊效果。(3)了解图象等的样式设置。(4)了解CSS滤镜的使用。72.实验类型设计性。3.实验内容与要求(1)创建样式表文件，要求编写独立的样式表文件，并且连接到各网页页面中。(2)定义自己的超链接样式，要求超级链接文字不出现下划线，鼠标移动到超链接上要产生变色等效果，在不同页面中使用相同的超链接样式。(3)使用CSS格式化页面文本、表格等，要求文字要有字体大小和颜色等变化，个人档案等栏目中的表格要使用CSS体现出一定的个性化，同时要注意不同页面的风格统一。(4)使用CSS放置背景图像。(5)使用CSS创建选项卡式导航。(实验三中可以使用javascrip

7、t制作导航，两者任选一种。)(6)适当使用CSS滤镜，对页面进行美化。实验3设计个人网站-使用JavaScript处理输入（4学时）1.实验目的(1)学习将JavaScript嵌入到HTML页面中。(2)JavaScript语言的语法和事件处理的使用。2.实验类型设计性。3.实验内容与要求(1)时钟和计算器在个性栏目中，用JavaScript编写一个时钟或计算器。(2)电子相册7用JavaScript完成个人网站的电子相册栏目，要求页面可以以幻