一、引言课程设计是一块“试金石”,是加深对自我能力认识的重要途径。大学的学习基本上都是理论的接受,而缺少能力的熟练与加强,我们缺少的并不是知识的储备,而是能力的积蓄。但由于大学特殊的学习模式和环境,缺少实际情景的见证和实践活动的参与,同学之间缺乏必要的交流和比对,使得我们很多时候很难对自身的能力有明晰的认识,能力缺陷往往被遮蔽起来。而课程设计“前所未有”地考验着我们的知识迁移和运用能力、适应环境的能力、应对突发事件的能力以及如何处理人际关系等各方面的能力,为我们提供了不可多得的见证的机遇和平台。通过这次课设, 我们可以新的思考维度有效发现自己能力上的缺陷。综合运用所学理论知识、方法和技能,开展实际工作,巩固专业技能,培养和强化社会沟通能力;树立新的发展起点和目标,通过课设,认识社会的需要,发现自身的差距,培养面对现实的正确态度和独立分析解决问题的基本能力;培养良好的职业精神,适应毕业以后的实际工作需求。二、课程设计目的掌握 HTML 格式语言,能使用网页设计工具,理解动态页面技术的工作原理三、课程设计任务(1)用 HTML 或网页设计工具设计网页(2)用 IE 浏览器浏览所设计的网页,要求页面美观,包含常见的 HTML 格式元素(3)包含动态页面技术(有脚本代码或后台逻辑代码) 四、设计方案选择: 选择动态页面和静态页面相结合,取长补短。设计分工: 谷加林:主页、留言板、主页动态效果的代码编写协助所有组员完成代码的编写杜春吉:主页设计、留言板设计、总体排版、协助所有组员完成设计。蔡旺:注册网页代码编写和学校风貌网页设计及相关资料收集处理。姜文粹:登录网页代码编写和学校简介网页设计及协助素材收集整理。五、具体设计内容作用:美化网站,提高网页的浏览效率,页面以简单风格为主,背景以白色为主。页面右上角边有网站导航条,背景以半透明白色为主。冲该页面可以看出,该网站主要是宣传学校,所以要简洁大方,不要太花哨。界面如图所示主页面部分代码如下: 头部<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-"> <html xmlns="9/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 南京工程学院欢迎您</title> <link type="text/css" rel="stylesheet" href="css/" /> <link type="text/css" rel="stylesheet" href="css/" /> <script type="text/javascript" language="javascript" src="js/jquery-"></script> <script type="text/javascript" language="javascript" src=""></script> <script type="text/javascript" language="javascript" src="js/"></script> <script type="text/javascript" language="javascript" src="js/"></script> </head> <body> <div style="border-top:6px solid #128be9;"></div> <div class="wrap"> <!--header--> <div class="header clearfix"> <div class="header-a fl"> <a href="#" class="clearfix"><img src="images/" alt="#" width="140" height="140" class="fl" /> <img src="images/" alt="#" width="211" height="76" class="fr" style="margin-top:25px;margin-left:25px;"/> </a> </div> <div class="header-b fr" style="margin-top:30px;"> <ul class="clearfix"> <li class="fl"><a href="in
网页制作课程设计报告总结 来自淘豆网m.daumloan.com转载请标明出处.
