班级网站设计报告-2_第1页
班级网站设计报告-2_第2页
班级网站设计报告-2_第3页
班级网站设计报告-2_第4页
班级网站设计报告-2_第5页
已阅读5页，还剩14页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第2页共5页《课程名称》专周报告题目班级网站设计班级xxxx学号xxx姓名xxxx指导老师xxxxx完成时间2011年6月xxxxxxxxxxxxxxxxxxxxxxxxxxx第18页 目录一、 专周内容 21)开发工具 22）设计背景 23）关于班级网站 3二、专周目的 3三、设计过程 31）网站模块 32）设计中遇到的问题及解决方法 3四、心得体会 5五、 致谢 5六、 参考文献 5七、 网页一部分代码 5专周内容1)开发工具Addobe公司网页开发软件Dreamweaver视频制作软件Flash网站图片由photoshop制作。网页预览在Firefox、IE8、360浏览器上通过网页布局以div+css为主，2）设计背景在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。人们可以通过Internet与世界各地的其它用户自由地进行通信，可从Internet中获得各种信息。Internet大大缩小了时空界限，通过网络人们可以共享计算机硬件资源、软件资源和信息资源。通过这学期的网页学习和上机实训我们需要的是将自己所学的知识用在具体的网页中。所以本人结合所学专业的内容制作了班级网站，作为专周的成果。关于班级网站网站名字为蓝色心晴，整个网站的色调定位为不同深浅的蓝色，包括背景、文字以及photoshop制作的图片都是以蓝色为主。整个页面以简洁为主要特色。简洁的蓝色风情给人带来好的心情，让人卸下一天的疲惫。让人在自由随性的环境下做自己爱做的事。给人带来轻松愉快的心情来浏览网页。二、专周目的通过一个学期的网页开发课程的学习。我们已经具备咯应用Dreamweaver开发简单网页的能力。而且纸上得来终觉浅。我们需要不断的进行实践才能让知识更加好的在我们的掌握范围之内。设计一个班级网站展示属于我们班的风采也是我们每个同学的心愿。本次专周目的就是完成同学们的心愿制作一个班级网站。让大家合作创新了解网页开发的基本知识且能够独立开发一些基础的网页。至于网站的模块是不强行规定的。三、设计过程1）网站模块班级首页班级新闻班级相册同学录教师朋友登录留言板2）设计中遇到的问题及解决方法1）在这次班级网站制作的工程中总想使自己的网页更加丰富多彩，所以在网页中插入图象，动画，动态特效。在布局方面用很多的div盒子定位。原意是想让整个页面布局尽可能的精准结果预览的时候发现页面一团糟。内容重叠现象总是出现。内容排版也总遇到这样那样的问题，后来才发现原来可以是每个盒子设置不一样的长宽高以及绝对定位属性来确保排版的精确。这是网页页面混乱的状况修改后的网页布局2）还有就是做班级相册的时候，用Flash动画到入Dreamweaver里，结果预览的时候毫无效果。开始不明白后来才知道是在Dreamweaver里先插个层，这样就可以浏览出效果了。3）还有是有时上传到网页上的图片不显示，原因是它们没有在一个文件夹内。四、心得体会终于在自己的摸索以及同学的帮助完成了这个班级网站的制作。但是在制作后期看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。自己开发的网站就报露出很多问题咯。以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。虚在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力。致谢在本次课程设计的整个过程中，要特别感谢自始至终给我提供帮助和指导的杨雅志老师，是他耐心的指导才使得本次设计得以顺得完成，同时，也要感谢我周围同学的不懈努力和互相配合，是他们的鼓励和热心指导让我继续完成我的网页。在此还要特别感谢为我们提供良好上机环境的学校.如果没有以上老师，同学和学校的帮助和支持，本次设计实难完成.再次感谢老师的精心辅导和同学的相互帮助，使我们顺利完成此次设计以及为学习以后的科目打下良好的基础.参考文献Javascript效果大师Web网页开发10列网站截图网页一部分代码1、网页代码、<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>班级首页</title><linkhref="../main.css"rel="stylesheet"type="text/css"/><styletype="text/css"><!--a:link{ color:#666666; text-decoration:none;}a:visited{ text-decoration:none; color:#0033FF;}a:hover{ text-decoration:none;}a:active{ text-decoration:none; color:#FFFFFF;}</style><scriptlanguage="JavaScript">varoMyDate=newDate();variYear=oMyDate.getFullYear();variMonth=oMyDate.getMonth()+1; //月份是从0开始的variDate=oMyDate.getDate();variDay=oMyDate.getDay();switch(iDay){ case0: iDay="星期日"; break; case1: iDay="星期一"; break; case2: iDay="星期二"; break; case3: iDay="星期三"; break; case4: iDay="星期四"; break; case5: iDay="星期五"; break; case6: iDay="星期六"; break; default: iDay="error";}document.write("今天是"+iYear+"年"+iMonth+"月"+iDate+"日,"+iDay);</script></head><body><div><divclass="one"><imgsrc="images/蒙版.gif"width="1024"height="150"/></div><div><ahref="#"class="daohang"><b>班级主页</b></a><ahref="班级新闻.html"class="daohang"><b>班级新闻</b></a><ahref="班级相册.html"class="daohang"><b>班级相册</b></a><ahref="同学录.html"class="daohang"><b>同学录</b></a><ahref="教师朋友(2).html"class="daohang"><b>教师朋友</b></a><ahref="留言板.html"class="daohang"><b>留言板</b></a><ahref="登录.html"class="daohang"><b>登录</b></a></div><divclass="two"><MARQUEEdirection="left"behavior="scroll"scrollamount="3"scrolldelay="10"loop="0"align="middle"onmouseover=this.stop()onmouseout=this.start()>最新公告▲通知:全校师生：下学期开学后，学校将进行2011-2012年度家庭经济困难学生的认定工作。为此，请需要参与认定的09、10级学生在暑假回家期间办理《高等学校学生及家庭情况调查表》，此表需要加盖当地乡、镇政府或街道办事处公章。成都电子机械高等专科学校</MARQUEE></div><divclass="bj"><divclass="five"><pclass="four">教师朋友</p><ul><li><ahref="教师朋友(2).html">李飞跃男讲师硕研生西南师范大学计算机应用操作系统</a><imgsrc="images/new0.gif"width="28"height="11"/></li><li><ahref="教师朋友(2).html">杨勇男讲师本科四川轻化工学院计算机及应用Web编程技术”</a><imgsrc="images/new0.gif"width="28"height="11"/></li><li><ahref="教师朋友(2).html">王蓉女讲师硕士电子科技大学</a><imgsrc="images/new0.gif"width="28"height="11"/></li><li><ahref="教师朋友(2).html">谢春女助教硕士四川大学计算机应用技术</a><imgsrc="images/new0.gif"width="28"height="11"/></li><li><ahref="教师朋友(2).html">杨蕾，一个美丽大方的老师，一口流利的英语，让我们折服</a></li></ul></div><divclass="seven"><pclass="four">班级新闻</p><ul><li><ahref="班级新闻.html">班级举办端午发粽子活动</a>…<imgsrc="images/new0.gif"width="28"height="11"/></li><li><ahref="班级新闻.html">我班同学积极参与我校举办“纪念党成立九十周年红歌会”</a><imgsrc="images/new0.gif"width="28"height="11"/></li><li><ahref="班级新闻.html">我班圆满完成数据结构专周</a><imgsrc="images/new0.gif"width="28"height="11"/></li><li><ahref="班级新闻.html">我班圆满完成c++专周</a><imgsrc="images/new0.gif"width="28"height="11"/></li><li><ahref="班级新闻.html">期末考试在即。我班同学正在积极的进行复习</a></li><li><ahref="班级新闻.html">将步入大二。我班同学冷静直面挑战</a></li></ul></div><divclass="three"><imgsrc="images/img_03.gif"width="331"height="324"/></div></div><divclass="pic"><pclass="four">相册展示<imgsrc="images/img_07.jpg"/></p><marqueedirection="right"behavior="scroll"scrollamount="3"scrolldelay="10"loop="0"align="middle"><imgsrc="images/http_imgloadCARCA1HP.jpg"alt="天险"width="200"height="200"class="bk"/><imgsrc="images/http_imgloadCA3AZAK0.jpg"balt="公益益身"width="200"height="200"class="bk"/><imgsrc="images/http_imgloadCAB0UTJ6.jpg"alt="环境很重要"width="200"height="200"class="bk"/><imgsrc="images/http_imgloadCANM33R7.jpg"alt="泰安古镇"width="200"height="200"class="bk"/><imgsrc="images/http_imgloadCAZ0B91Z.jpg"alt="记得"width="200"height="200"class="bk"/><imgsrc="images/http_imgloadCABPSORS.jpg"alt="青城留念"width="200"height="200"class="bk"/><imgsrc="images/http_imgloadCA44O861.jpg"alt="pose"width="200"height="200"class="bk"/><imgsrc="images/http_imgloadCA6XD711.jpg"alt="假蛇啦"width="200"height="200"class="bk"/></marquee></div><divclass="bq"align="center"><p><spanclass="STYLE4">网站归电子高专计算机信息管理专业所有</span></p><p><spanclass="STYLE4">您对本网有何意见或建议请登录：</span></p><p><br/><spanclass="STYLE4"><ahref="index.htm"target="_blank">关于我们|联系我们|版权申明</a></span><br/></p></div></div></body></html>2）css代码.daohang{ font-size:14px; color:#F1E474; text-decoration:none; background-image:url(my%20web/images/20041130_gzxc.gif); height:32px; padding-left:24px; display:block; float:left; line-height:32px;}.one{ height:150px; width:1024px; left:7px; top:-15px;}.two{ position:absolute; left:202px; top:216px; width:1022px; background-color:#66FF99;}.three{ position:absolute; left:529px; top:246px; width:332px; height:325px; float:left; border:1pxsolid#00FFFF; background-image:url(my%20web/images/%E6%9C%AA%E6%A0%87%E9%A2%98-1.gif); }.pic{ height:220px; width:1024px; position:absolute; left:202px; top:574px;}divpimg{ float:left;}body{ margin-right:100px; margin-left:200px; background-image:url(my%20web/images/5d79f4e12c1b9d7dc4da4eab82a80211.jpg); height:1100px; border:mediumsolid#0000FF; width:1024px; background-repeat:no-repeat;}.bk{ border:10pxsolid#00FFFF;}.more{ height:50px; width:231px; position:absolute; float:left;}.esx{ position:absolute; left:201px; top:841px; width:1022px; height:173px;}b{ background-image:url(images/yuanjiao2.gif); background-position:righttop; display:block; padding-right:24px;}a:hover{ color:#FFFFFF;}.bj{ height:325px; width:1024px; }.four{ font-

人人文库> 全部分类> 应用文书 > 作业报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论