武汉理工大学华夏学院
课程设计报告书
课程名称： 脚本语言与动态网页设计
题 目： 当代大学生
系 名： 信息工程系
专业班级：
姓 名： 学 号：
指导教师:
年月日
3
一、设计思想 当代的大学生要坚持马克思列宁主义、思想、邓小平理论、“三个代表”“八荣八耻”重要思想，坚持社会主义方向，树立科学的世界观和正确的人生观，形成良好的道德品质。大学生思想道德建设，是结合当今时代特点和学生群体的思想、学习、生活现状而提出的。目的在于引导学生自觉树立当代大学生的良好风范和形象，从小事做起，从自身做起，带动、影响周围同学，在学生中营造一种良好的自律与自我教育的整体氛围与风气，促进学生素质的全面提高，巩固和发扬我院优良的院风、班风和学风，从而进一步推进我院大学生素质教育工作的开展，营造素质教育的良好氛围，引导和激励学生奋发向上，自觉成才，成为社会主义事业的合格建设者和接班人。大学生是社会主义现代化建设的后备军和接班人，思想道德素质是大学生综合素质一个极其重要的组成部分。因此，国家、学校历来重视对大学生思想道德的培养，以培养高尚的道德品质，对于造就有理想、有道德、有文化、有纪律的一代新人。在一个人应具备的道德素养中，核心的东西是道德品质。只有好的道德品质，才能接受到他人的尊重，使人生变的崇高，使个人才能得到更好的发挥，与此同时，大学生成为具有良好道德品质的新人，对于发扬良好的社会道德风尚也将产生重要的影响。当代大学生思想政治教育实践，一项根本的内容，就是要培养“荣荣耻耻”的观念。这一观念的树立和强化，既需要我们自己的主观努力，也是学校乃至整个社会的重要职责。在大学生中树立社会主义荣辱观，我们首先要自己做到自省自律、知耻改过。中国传统道德修养理论中，对于自省、改过、慎独等都非常重视，要求人们“日三省吾身”、“过则勿惮改”、“君子慎其独”，这些思想，在中国历史上产生了深远影响，有力地促进了中华民族优秀道德传统的形成和发展。在大学生思想政治教育包括荣辱观的培养中，我们应该自觉地养成：自律、自省的意识和知耻改过的观念，勇于反省自己的思想和行为，明确辨别是非荣辱，自觉加强自我约束，使优良思想道德观念的培养成为我们当代大学生主动的人生追求。大学生应当具备的道德品质，是我国社会主义现代化建设时期社会道德的原则，要求和规范学生个人身上的体现和凝结也是中华民族传统美德，在新一代大学生身上的继承和弘扬。它是大学生在处理个人与他人、个人与社会之间关系时应该表现出来的品德。大学生要做到第一、孝敬父母、勤劳节俭。第二、尊重师长、团结和睦。第三、立志勤学、谦虚礼让。第四、律己宽人、诚实守信。第五、勇于献身、公正无私。高尚道德人格能够恰当地协调物质生活与精神生活，眼前利益与长远利益、个人利益与他人利益、社会利益的关系。我们当代的大学生要时刻记住人民的利益高于一切，我们代表着中国最先进文化的发展方向。因此，我要努力提高个人素质，成为一个真正对大家有用的人才。作为走在时代最前列的当代大学生是祖国和人民的希望，是二十一世纪的建设者和接班人，肩负着光荣而神圣的历史重任，应该把握当前形势，认清自己所承担的社会角色和责任，自觉树立奉献“三农”的职业理想和信念，不断弘扬“修身、齐家、治国、平天下”中华民族优良的道德传统，立志奋发成才，为祖国和人民做出我们应有的贡献。我们是学校的主人，是国家的未来，在文明修身行动中，我们责无旁贷要听从学校号召，统一行动，加强基础文明修养、规范自己的言行、倡导健康向上的生活习惯、培养高尚的人格、树立良好的精神面貌。为创建文明大学校园献出自己的一份力量。让我们投身到
“大学生思想道德建设”的活动中来，从基础文明、团队精神、社会责任感、理想信念等不同的层面入 手，从自我做起、从现在做起、从点点滴滴做起，倡道德之风，践道德之行，为建设和谐 美好社会和完美人生努力奋斗！ “大学不是终点，而是新的起跑线！同学们要做新时代的大学生，要有雄心大志、修养身心，成为国家的有用之才！”文明修身 立志成才这一理念不仅提高了大家的自我发展和成才意识，带给大家深深思考的同时，也督促每个人准确定位，以坚持不懈的努力，全面提高自身综合素质，做一名合格的有用人才。
二、需求分析
1.基本工具要求
Dreamweaver CS3、，Adobe Photoshop CS4，可以运用Dreamweaver CS3进行flash电子相册的制作，用Dreamweaver CS4进行页面布局、页面CSS编码编辑、排版、设计等功能，可以利用Photoshop CS4制作图片和对图片进行修改！
2.基本要素需求
图片要素
运用图片是设计与制作网页必不可少的部分，图片的运用能够给人更加直观的信息，图片的要求与页面的内容有关，我做的网页是关于当代大学生的网站，因此所用的图片都是一些大学相关图片，图片比较单一。不过在相关图片的制作过程中还是下了一定的功夫，希望能吸引网民的眼球，能够起到很好的宣传广告效应，再加上图片可以利用Photoshop修改和制作，因而更能够设计出较好的网页。
3.网页视觉设计与审美需求
人们对美的需求是不断深入的，网页设计也同样如此。如何使访客更好的接受网页上的信息，这就需要从审美方面入手。网页设计的审美需求是对平面设计美学的一种继承和延伸，两者的表现形式和目的具
有一定的相似性。起初，我编排完的网页内容杂乱，缺乏规范性设计，图片处理缺乏美感，利用html、css和javascript设计的加注脚本特效的网页，由于缺乏技术性，致使页面效果不美观。经过一周的调整和修改，查找课本资料和从网上搜集知识，基本上使得网页看起来主次分明、有条理，也颇有美感了。
4.特殊需求
网页内容要实现一些特殊的功能，例如：会员登陆、注册账号
三、模块分析
首页界面
四、制作过程
1.先设置首页横幅
2.用户名登陆、注册。所用到的有插入文本域、按钮。
3.创建链接。立志，修身，博学，报国。
4.运用PS制作出红旗飘扬的gif动态图片
5.加入一些新闻链接和某些名校的链接
5.实现图片的滚动。<marquee></marquee>动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动
属性:
scrollamount=1~60,滚动速度
direction=|left|right|up|down|,滚动方向
scrolldelay=滚动延时,单位:毫秒
五、所用技术
1.Dreamweaver : Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver是当前主流的站点和网页编辑器，其代码简洁、兼容性和整体功能都很强。Dreamweaver的介入，使得网页一些部分的实现变得更加直观简便。
2. 表格： 表格不但在组织页面数据时非常有用，而且在网页元素的安排上也起着重要作用，利用表格可以控制文本和图像等对象在页面上的位置。用表格定位是比较理想的方案。可以对表格进行编辑修改，改变其外观和结构，增加、删除、拆分、合并表格的单元格、行和列，可以修改单元格、行以及表格的属性，实现表格的嵌套、表与层互相转换等操作。
3. 超链接：超链接是网页制作的灵魂。它能把Internet上众多的网站和网页联系起来，为畅游网络提供了方便，真正实现网络无国界。是网页制作中使用比较多的一种技术。 它是用预先准备好的文本、按扭、图像等与其他对象建立一种链接。在链接中，链接的路径是通过URL来确定的。
六、心得体会
通过学习Dreamweaver，并用Dreamweaver制作网页的过程中，我更深的掌握了Dreamweaver等有关网页制作的基本知识，学会了如何制作网页，懂得了网页的制作，并制作出简单的网页。在制作时，我更明白“纸上得来终觉浅，绝知此事要躬行”，深刻体会到动手实践的重要。但是，我学习知道的只是一些最基本的知识，更多的是需要以后努力学习的。
第二篇：《网页设计》项目实训报告书
广东交通职业技术学院
计算机工程学院
项目实训报告书
课程名称
题目
项目实训日期 至 指导教师 _____网络班 成绩 1
《项目实训报告书》编写指导
规范的文档资料是软件的一部分。高质量的文档对于发挥软件产品的效益、对于转让、变更、修改、扩充、使用文档具有重要的意义。编写设计文档的目的是为了培养学生在软件开发过程中，书写规范的文档资料的能力。学生在设计过程中，可参考下列内容，提交一份项目实训报告。 包括内容如下：
1 概述
包括网站的开发背景、目的、开发与运行环境等内容。
(1) 项目背景
写出项目的背景知识，简要说明为什么要做这个项目，有什么意义，要解决什么问题等。
(2) 开发与运行环境
写出开发环境、开发工具及运行环境等。
2 需求分析
描述用户对网站的要求，分析需要实现的功能和性能，规划网站的主要功能。
3 总体设计
? 确定网站的主题
? 确定网站的功能框架结构，画出网站功能模块结构图
? 确定网站的风格。
4 详细设计
? 界面设计
给出首页与主模块子页的样图
? 关键技术
解释主要模块所用到技术，可列举核心代码
? 设计结果说明与展示
5 结束语
? 工作进度说明
? 网站的改进方法、推广或升级方案
? 设计心得（个人职位体会、遇到的问题及解决方法获得的经验） 参考文献
完成本项目实训所查阅的参考资料。 6
2