web课程设计报告

课程设计报告学院：信息科学与工程学院专业：计算机科学与技术（软件外包方向）班级：计软1302班学号：201312141041学生姓名：韩世昌指导教师：张芊茜课程名称：Web客户端编程技术设计名称：网页设计一、设计内容及要求①设计题目题目自定，可以是“我的个人网站”、“我的大学生活”、“我的家乡”等，也可以是其它题目。要求主题要鲜明，内容要充实、健康。②设计任务运用HTML、CSS和JavaScript技术完成一个相对完整的网站，至少完成5个页面。③设计要求使用HTML标记，CSS样式及JavaScript技术，完成的网页没有错误首页设置导航栏，命名为index.htm。利用CSS技术对网站进行布局，网站风格统一灵活运用JavaScript使网页生动，配置服务器，发布网站，并经主流浏览器测试通过④具体要求时钟，级联菜单，动态图片展示，各种广告栏，HTML5和CSS3的应用，建立表单页面，并用JavaScript对表单内容进行验证。二、设计思路我的课程设计主题定的是家乡介绍，共有5个页面，分别实现首页，类，历史文化，家乡景点介绍和注册本站会员以及家乡特产的链接。首页大致分为4部分，比较简单，分别用css实现导航栏，左边推荐网站的div块和下方图片块以及用JavaScript脚本实现了图面自动循环切换以及页面底部的时钟显示。，css设置导航栏，下面的块与上面的背景图片边缘对齐，左边有一个div中有列表设置了锚点。三、设计结果及分析网页的显示没有达到预期的效果，在网页的设计上还需要提高，内容比较少，不丰满。在网页的布局上也比较单调，主要是设计时间只有四天，没有太多的时间进行修改。我会在寒假进一步修改此次课程设计的作业，让效果达到满意状态。四、总结课程设计是培养学生综合运用所学知识发现提出分析和解决实际问题锻炼实践能力的重要环节,是对学生实际工作能力的具体训练和考察过程，随着科学技术发展的日新日异，Web网页技术已经成为当今计算机应用中空前活跃的领域，在生活中可以说得是无处不在。因此作为二十一世纪的大学来说掌握Web网页的开发技术是十分重要的。回顾起此次Web课程设计，至今我仍感慨颇多，的确，从选题到定稿，从理论到实践，在整整4天的日子里，可以说得是苦多于甜，但是可以学到很多很多的的东西，同时不仅可以巩固了以前所学过的知识，而且学到了很多在课堂上所没有学到过的知识。通过这次课程设计使我懂得了理论与实际相结合是很重要的，只有理论知识是远远不够的，只有把所学的理论知识与实践相结合起来，从理论中得出结论，才能真正为社会服务，从而提高自己的实际动手能力和独立思考的能力。在设计的过程中遇到问题，可以说得是困难重重，第一次做的，难免会遇到过各种各样的问题，同时在设计的过程中发现了自己的不足之处，对以前所学过的知识理解得不够深刻，掌握得不够牢固。通过这次课程设计之后，一定把以前所学过的知识重新温故。五、附录（源代码）主页源代码!DOCTYPEhtmlhtmlheadtitle章丘/titlemetacharset=utf-8/linkrel=stylesheettype=text/csshref=style.css/scripttype=text/javascriptvara=[p1.jpg,p2.jpg,p3.jpg,p4.jpg,p5.jpg];vari=0;functionpic(){document.getElementById(picview).src=a[i];i++;if(i==a.length-1){i=0;}setTimeout(pic(),2000);}window.onload=function(){pic();}/script/headbodydivid=header章  丘/divdivid=navulahref=index.htmlli首页/li/aahref=lishiyange.htmlli历史沿革/li/aahref=jingjigaikuang.htmlli经济概况/li/aahref=lvyoujingdian.htmlli旅游景点/li/aahref=地方特产/li/aahref=zhuce.htmlli常驻本站/li/a/ul/div/divdivid=containerdivid=picimgid=picviewsrc=p1.jpgwidth=600height=300//divp章丘市，位于山东省省会济南市的东部，距离济南市区约40公里，是济南市下辖的一个县级市，被誉为“小泉城”。1992年8月撤销原章丘县编制改为县级市，即章丘市，仍隶属于济南市。现辖11个街道办事处，9个镇，人口106.42万。济南五大泉群之一的百脉泉位于章丘市境内，济南七十二名泉章丘市境内拥有6个。国家级明水经济开发区与济南高新区相邻。胶济铁路、济青高速贯穿境内，交通便利。/p/divdivid=datetimetime/divscriptfunctionsetTime(){varday=;varmonth=;varampm=;varampmhour=;varmyweekday=;varyear=;varmyHours=;varmyMinutes=;varmySeconds=;mydate=newDate();myweekday=mydate.getDay();mymonth=parseInt(mydate.getMonth()+1)10?0+(mydate.getMonth()+1):mydate.getMonth()+1;myday=mydate.getDate();myyear=mydate.getYear();myHours=mydate.getHours();myMinutes=mydate.getMinutes();mySeconds=parseInt(mydate.getSeconds())10?0+mydate.getSeconds():mydate.getSeconds();year=(myyear200)?myyear:1900+myyear;if(myweekday==0)weekday=星期日;elseif(myweekday==1)weekday=星期一;elseif(myweekday==2)weekday=星期二;elseif(myweekday==3)weekday=星期三;elseif(myweekday==4)weekday=星期四;elseif(myweekday==5)weekday=星期五;elseif(myweekday==6)weekday=星期六;datetime.innerText=year+年+mymonth+月+myday+日+myHours+:+myMinutes+:+mySeconds++weekday;setTimeout(setTime(),1000);}setTime();/scriptdivid=footerahref=#header返回顶部/a/div/body/html历史沿革源代码!DOCTYPEhtmlhtmlheadtitle章丘-历史沿革/titlemetacharset=utf-8/linkrel=stylesheettype=text/csshref=style.css//headbodydivid=header章  丘/divdivid=containerdivid=navulahref=index.htmlli首页/li/aahref=lishiyange.htmlli历史沿革/li/aahref=jingjigaikuang.htmlli经济概况/li/aahref=lvyoujingdian.htmlli旅游景点/li/aahref=地方特产/li/aahref=zhuce.htmlli常驻本站/li/a/ul/divdivid=mainp章丘市域总面积1855平方公里，辖20个镇（街道），908个行政村居，总人口101.8万。现有党组织2744个，党员56937名。章丘是“龙山文化”的发祥地，被民政部评为“千年古县”。市内群泉密布，被誉为“小泉城”。2013年，完成生产总值755.2亿元，增长12.0%；完成地方公共财政预算收入40.89亿元，其中地方税收29.91亿元，增长16.18%，税比达到73.15%，较2012年提高近20个百分点，由全省最末尾升至接近中游水平。规模以上工业企业达到533家,完成规模以上工业增加值306.7亿元、利税140.9亿元，分别增长16.0%、29.4%，被评为全国科技进步先进县市。全年新签约过亿元项目22个，其中，总投资60亿元的喜来乐项目、投资60亿元的环球欢乐世界项目将量身打造绣源河为北方地区冬季旅游目的地；总投资10亿元的银江智谷产业园项目，填补了章丘软件产业的空白；总投资43亿元的山东蓝海领航电子商务产业园、50亿元的中心商贸区唐人中心城市综合体项目将有力带动服务业发展。粮食总产实现“十一连增”，被评为全国粮食生产先进县市、品牌农业示范县市。顺利实施“十项民生工程”、“十件惠民实事”，总计完成投资30亿元。城镇居民人均可支配收入、农民人均纯收入分别达到25628元、15294元。被评为全国平安建设先进市、全省信访工作先进单位。严格按照中央、省委、济南市委要求开展群众路线教育实践活动，确保不空、不虚、不偏，切实见到实效。/pimgclass=innerpicsrc=历史沿革/百脉泉.jpgwidth=400height=200/br/span历史上的章丘/spanp商代，东、北部为蒲姑国。商末，西部为谭国（都城在今龙山街道城子崖）。春秋时期，先后为谭国和齐国诸侯封地赖邑、宁邑、台邑、崔邑。战国，属田齐。秦，属济北郡。/pp西汉，属青州部济南郡（治东平陵城）。汉景帝四年（前153年），首次置县称阳丘（治回军镇，今绣惠街道回村）等。东汉时，中部为阳丘县，北部为菅县、猇县，南部为土鼓县。后阳丘、猇县并入东朝阳县。魏晋时期，东朝阳县属乐安国。南北朝刘宋，改东朝阳县为朝阳县，属齐郡。北齐，废朝阳县置高唐县（治回军镇）。北齐天保七年（556年），高唐县迁治女郎山（章丘山）南建城。/pimgclass=innerpicsrc=历史沿革/城子崖遗址.jpgwidth=400height=200/br/p隋开皇十六年（596年），“以博州亦有高唐，改为章丘县”，取县北山章丘为名。/pp唐贞观元年（627年），属河南道齐州济南郡。/pp宋、金，属济南府。/pp元，属山东东路西南道济南路总管府。/pp明、清，皆属济南府。/pp民国初，属岱北道。民国3年（1914年），改属济南道。1927年，废道，属山东省。1938年3月，属鲁北行署第十二督察区。1939年属泰安、莱芜、历城、淄川、博山、章丘、新泰七县边区联防办事处。1940年4月，属鲁中行政区泰山专区。1943年春，淄川、章丘、莱芜三县接合部新建一县，定名淄章莱边联县，章丘县由二个区划归该县。/pimgclass=innerpicsrc=历史沿革/洛庄汉墓兵马俑.jpgwidth=400height=200/br/p1944