《《javascript脚本编程》实验指导书.doc》由会员分享，可在线阅读，更多相关《《javascript脚本编程》实验指导书.doc（34页珍藏版）》请在金锄头文库上搜索。
1、重庆正大软件职业技术学院教学文件 网页编程实验指导书（V1.0）重庆正大软件职业技术学院网页编程课实验指导书作者：陈欣时间：2009年版本：V1.0目录实验名称：html语言基础（一）3实验名称：html语言基础（二）：文字编排及美化4实验名称：html高级部分（一）6实验名称：html高级部分（二）错误！未定义书签。实验名称：html高级部分（三）：超链接应用8实验名称：dreamweaver8网页制作（一）11实验名称：dreamweaver8网页制作（二）15实验名称：初识CSS（一）16实验名称： CSS（二）错误！未定义书签。实验名称： javascript语法（一）26实验名称：
2、javascript语法（二）27实验名称： javascript语法（三）29实验名称： DOM编程（一）31实验名称： DOM编程（二）错误！未定义书签。实验名称： DOM编程（三）33实验名称：html语言基础（一）实验目的：掌握使用“记事本”编辑HTML的操作；掌握使用IE测试HTML文件的操作；掌握HTML构架标签和格式标签的使用课时：2实验环境：pc一台，dreamweaver8.0预备知识：“记事本”编辑HTML；用IE测试HTML文件；构架标签和格式标签实验内容（步骤）：编写本书第2章2.1-2.3中出现的所有HTML源文件。完成下面指定的网页特效。2.1 文件名为test1.
3、html2.2 文件名为test2.html 2.3 文件名为 姓名+学号后2位.html(如：你叫张三，学号为01则命名为张三01.html)，在网页中输入自己的自我介绍，并实现从上到下和从下到上的交替移动。注意：格式清晰、美观。考核内容：本次实验要求学生在2课时时间内完成。完成3道题为优，完成2道以上为良；完成1道题为合格，否则为不合格实验名称：html语言基础（二）实验目的：掌握格式标签的使用和属性的设置掌握列表标签的使用方法课时：2实验环境：pc一台，dreamweaver8.0预备知识：“记事本”编辑HTML；用IE测试HTML文件；构架标签和格式标签实验内容（步骤）：编写本书第3章
4、3.1-3.2中出现的所有HTML源文件。完成下面指定的网页特效。2.1 文件名为test1.html2.2 文件名为test2.html 2.3文件名为test3.html考核内容：本次实验要求学生在2课时时间内完成。完成4道题为优，完成3道以上为良；完成2道题为合格，否则为不合格。实验名称：html语言基础（三）实验目的：掌握文本标签的使用掌握图像标签的使用课时：2实验环境：pc一台，dreamweaver8.0预备知识：“记事本”编辑HTML；用IE测试HTML文件；构架标签和格式标签实验内容（步骤）：要求：效果图中所涉及到的均放在图片在（学号后4位+image）文件夹中，要求所以的ht
5、ml文档都必须放在文件夹为html中。所需要的图片可在教师提供的images文件夹中查找。完成以下效果图，命名为test1.html完成以下效果图，命名为test2.html完成以下效果图，命名为test3.html考核内容：本次实验要求学生在2课时时间内完成。完成3道题为优，完成2道以上为良；完成1道题为合格，否则为不合格。实验名称：超链接应用实验目的：掌握锚点超链接应用掌握文件超链接的使用课时：2实验环境：pc一台，dreamweaver8.0预备知识：文本标签；超链接标签；图像标签；客户端图像地图实验内容（步骤）：要求：效果图中所涉及到的均放在图片在（学号后4位+image）文件夹中，要
6、求所以的html文档都必须放在文件夹为html中。所需要的图片可在教师提供的images文件夹中查找。1、 用记事本完成以下效果图，命名为test1.html2、 用记事本完成以下效果图，利用以下文字做锚点连接，命名为test2.html文字：春夜喜雨好雨知时节，当春乃发生。随风潜入夜，润物细无声。春 望 国破山河在，城春草木深。感时花溅泪，恨别鸟惊心。烽火连三月，家书抵万金。白头搔更短，浑欲不胜簪。春 晓 春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少？静 夜 思 床前明月光，疑是地上霜。举头望明月，低头思故乡。关山月明月出天山，苍茫云海间。长风几万里，吹度玉门关。汉下白登道，胡窥青海湾。由
7、来征战地，不见有人还。戌客望边色，思归多苦颜。高楼当此夜，叹息未应闲。3、 用记事本完成以下效果图，命名为test3.html4、 用记事本完成以下效果图，命名为test5.html。要求三张图片分别超链接到前三道题的网页文档。5、 思考：锚点链接是否可以建立在不同的网页中。考核内容：本次实验要求学生在2课时时间内完成。完成4道题为优，完成3道以上为良；完成2道为合格，否则为不合格。实验名称：dreamweaver使用实验目的：了解dreamweaver工具的使用掌握文本格式工具的使用掌握图片和超链接工具的使用课时：2实验环境：pc一台，dreamweaver8.0预备知识：dreamweav
8、er8.0的基本操作实验内容：要求：效果图中所涉及到的均放在图片在（学号后4位+image）文件夹中，要求所以的html文档都必须放在文件夹为html中。所需要的图片可在教师提供的images文件夹中查找。1、用Dreamweaver完成以下效果图，锚点链接效果图如下：命名为rizhi.html1: 军训感言军训是大学的第一堂课，在这堂课上有严明的纪律、有紧张、有欢笑. .火热的阳光炙烤着大地和我们的身躯，这几天对我来说就像是几个世纪一样的难熬，好想为自己找一个逃避的理由。教官教诲我们：“想尽一切办法，克服一切困难，完成一切任务，争取一切荣誉。” 我的思想开始转变，考入大学并不意味着一劳永逸，
9、人生中有好多的关口要过，有好多的责任等我们去抗，又有好多的义务等我们去尽。大学只是万里长征中的第一步，那种“船到码头车到站，兵器入库马放南山”的思想对当代大学生的成长都是不建康的。军训不仅仅是对我们的身体的考验，更多的是对我们的意志的磨练，同时提高我们的思想水平和团队精神，“宝剑锋从磨砺出，梅花香自苦寒来”人是在不断的磨练中长大的，就像一棵小树一样经历风雨后才能变成参天大树，军人的气质和钢铁般的意志给我很深刻的印象，正如一首军歌歌词描写的一样：“还硬比钢还强”。在我们军训中我们军人、学生一家人，了解不少的军中生活，体会到了军人的艰辛，感受到了军人的豪迈气概，他们肩负着保卫国家的重任，苦中的乐，
10、教官说：“当兵后悔二年，不当兵会后悔一辈子” 。军人的奉献精神和大公无私深深的打动我们每个人，我们的新生班主任给我们讲解生活中要注意的事项，为我们今后的学习生活做准备，辅导员教师像大哥哥一样照看着我们。在这里有酸楚的泪水，有苦咸的汗水，有飘扬的歌声，有欢乐的笑声，这些就像不灭的音符跳动不已，我们是充实的，我们是快乐的，苦与累已化作美与甜，军训我们不后悔 军训已过去三天，这三天中我的感触很深。感觉到我比以前坚强多了，总觉得自己全身都是力量，叠被子是我在军训三天中觉得最难的，因为以前没有叠过被子，叠起来就头大，怎么也叠不好，尽管教官一而再的教，可我还是叠不好，使我都觉得我没有喝方面的天赋，呵呵，经
11、过不懈的努力，我最终还是会叠了，军训中还有很多很多的感慨，它们都会影响我的一生。 感谢军训，它教会了我很多以前没学到的东西。2: 大学生活 幸福的大学生活开始了,但是好景不常,兴奋和激动过后，我才发现大学并不是天堂. 期末要面对挂科的危险，面对某些人物丑恶的嘴脸，毕业后社会的凶险，是工作还是考研.大学生越来越不值钱(学士满街走，硕士多如狗，博士才能抖一抖),单调无意义的课程，变态的某些叫兽，还有就是难以打发的时间,郁闷成为了大家的口头禅-郁闷啊,郁闷.不在动乱中变坏,就在郁闷中变态 .琐碎的生活永远是生命的主题,我们开始不满现实，成为传说中的愤青,为了不让自己内分泌失调,我们把上网当成自己的职
12、业,嬉笑怒骂,直抒胸臆,侃侃而谈,换上网络外衣 ,我们就是蜘蛛侠,啥也不汗.大学一半的时间我们用在了睡觉上,因此有了大学万睡万睡万万睡的诗赋: 觉是要睡的，梦是要做的. 一觉醒来，明天的太阳一样温暖！青春万岁！ 大学万睡万睡万万睡! 还有一点不得不提的就是,大学时代的恋情.大学是恋爱的温床，无数懵懂的少男少女在这里第一次体会到爱情的美妙，不过时代发展了，社会进步了，节奏变快了，无数情侣瞬间完成了由吻关系到性关系然后没关系的过程，结束之快，效率之高，遵循比特时代的摩尔定律。 .经过一番折腾，我找到大学的真谛，大学就是一个经历，人生是个过程，为什么不好好珍惜呢,所有的郁闷都是庸人自扰. 大学生活也
13、许没有我们想像中的那么激情澎湃,但却让我们多了一分理智和稳重.它把我们的生活浓缩得只有两件事，上课，玩耍。这样的生活单纯的近乎完美，每天可以一门心思的听老师上课,随心所欲地参加各种各样的社团活动，随时约上三五个好友聊天，逛街，甚至连考试时节的紧张，都可以被我们当作一种快乐,大学本身就已存在了它的价值!所以,我们应该积极地活着,好好过每一天才是硬道理! 3 :工作体会从接受湖南日报发行有限公司在汝城文明这块区域的工作到现在，已经月余时间了，我的成绩虽不理想，但通过在工作中的学习、思考、摸索，我认为我的收获亦不少。一：从工作之初的畏首畏尾、犹豫不决，到现在思想上明确了要积极进取、努力突破，这是一种
14、事业心的确立，这是对一项工作肩负起责任的态度。精神和态度是工作的必需因素。没有这样的因素，我们对工作谈何热爱、谈何拼搏？工作于人之目的，不仅要谋取生计之所需，亦要激发生命之情义。只有这样，我们才能真正体会到劳动是快乐的；只有这样，我们才能目标向上劳以养存，理以养性！这份工作让我精神一新了。二：这份工作远比我现在所为之事有意义、有前景。有意义的工作让我开拓和升华。这份工作让我又把工作和学习结合在了一起。工作和学习是人生进取和进步的最基本、最实在的要素。工作推进学习；学习辅导工作。这样，我们才不会有片面的工作之累、学习何用之感叹！时光箭去，人生老去，何妨？只要心灵丰富了！我们人生的知识、经验，不是天生于我，而是在成长中、在实践中努力学习，勤于思考，细心探索，用心积累而成的。三：这份工作让我对责任有了新的认识。责任不应在肩上似泰山之重压，而应在心中如精神之明灯。责任之根，是自发自己之心。责任之立，不应是累你我之身心，而应是你我工作进取之导向。四：我们谋事，是为求其所成。这是我们做任何一项工作所应有的目标。但我们不能有一步登天之妄想。我们必须一步步的去做好细节、过程工作，在这个阶段，我们种下去的是诚信、务实、勤奋等种子，让它们到人们的心中去发芽、去感召。人们的口碑，远比我们自我宣传百次、千次有效。五：
