网页制作与网站建设课程实训报告书_第1页
网页制作与网站建设课程实训报告书_第2页
网页制作与网站建设课程实训报告书_第3页
网页制作与网站建设课程实训报告书_第4页
网页制作与网站建设课程实训报告书_第5页
已阅读5页，还剩6页未读， 继续免费阅读

下载本文档

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

文档简介

2011-2012学年第一学期实训报告书课程名称：网页制作与网站建设系（部）：信息工程系专业班级：计算机09-5班学生姓名：学生学号：山东科技大学泰山科技学院

成绩评语：指导教师目录实训目的………………………1实训要求………………………1实训内容………………………1网站设计的必要性…………1功能设计……………………1系统设计……………………1首页……………………2班级简介页……………2班级新闻页……………3班级风采页……………3学习园地页……………4学校新闻页……………4参考文献………………………5附录……………6网页设计实训报告书实训目的：通过课程实训，每个学生在指导教师的指导下，完成一定的任务，受到一次综合运用所学知识、独立完成某项技术工作的训练，从而培养和提高其独立工作能力，主要有以下四个方面的业务能力：1．综合运用所学专业基本理论，提高查阅文献和资料的能力。2．培养学生进行方案设计，分析比较和设计、计算的能力。3．培养学生网站开发，和调试计算机程序的能力。4．提高学生进行技术总结和撰写说明书的能力。二、实训要求：建立一个完整的网站，要做到：网站的目标定位准确；版面的总体设计和栏目设置（布局合理，使用表格进行布局）；提供的内容，信息准确、及时、信息量大小适度；网页的制作、页面的结构、色彩、导航合理；网站浏览的速度，交互设计是否合理、方便。在设计中利用CSS样式对字体整体样式进行修饰，要求格调一致。三、实训内容：网站设计的必要性：本次实训，建立一个班级网站。设计这个班级网站，是向大家介绍和展示一个班级，包括一个班级的基本介绍、最新新闻、先进事迹等。通过积极健康的内容体现班级个性特色、校园生活和学习。功能设计：班级网站主要实现的功能是，浏览者打开主页后，通过点击链接可浏览对于一个班级各方面的介绍。使用记事本和Dreamweaver完成设计。布局合理，便于查看，给浏览者以好的欣赏感受。首页：整体布局；班级简介：介绍班级基本情况；班级新闻：展示班级最新新闻；班级风采：展示班级相册；学习园地：课外知识及诗词鉴赏；学校新闻：展示学校最新新闻。系统设计：班级网站主要有6个主页面：主要使用记事本和Dreamweaver完成布局设计，美工设计通过内部样式和链接外部css样式表完成，班级相册的制作用到Flash和Photoshop软件。网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是蓝色和绿色，代表同学们积极向上的生活和学习态度，以及对未来生活的憧憬和希望。班级网站系统设计主要模块：班级网站系统设计班级网站系统设计班级简介首页导航班级新闻班级风采学习园地学校新闻LOGO标题栏导班级相册首页展示班级公告LOGO标题栏导班级相册首页展示班级公告航学校最近新闻学习园地版权设计思想：首页主要实现对班级的整体介绍，导航栏可以让浏览者有目的的浏览对班级的某一项介绍，班级相册首页展示。班级公告文字滚动显示班级动态，学校最近新闻可以让浏览者及时了解和学校有关动态，最下方模块为版权所有。整体使用表格布局。设计内容：主页上方标题栏有学校校徽，加上班级图片，整体背景使用浅蓝色，中间部分使用绿色调，给人清新自然的感觉。主页中还插入了背景音乐，音乐名为“卡农”，这首音乐为.mp3音乐，占用内存小，音乐清脆悦耳，愉悦活泼，适合做背景音乐。功能实现：点击导航中的各项以及点击各个模块都会链接到单个网页，并且是在新窗口中打开。整体布局使用表格实现。具体展示如下图：班级简介页：设计思想：班级简介网页用文字及表格形式介绍班级特色，其中包括：班级简介、班级成员以及班级课程表。功能实现：左侧的班级简介导航，单击单项标题，会在右侧出现相应信息。如图：班级新闻页：设计思想：浏览班级最新动态新闻，班级同学可通过此页及时了解到班级最近活动。重点是条理清晰，方便同学们阅读。功能实现：当点击导航栏的“班级新闻”，会在新窗口打开班级新闻页，以条例的形式列出班级最新的5条新闻。如图：班级风采页：设计思想：显示班级集体活动或者个人照片。功能实现：当点击导航栏的“班级风采”或者首页中间的班级相册照片，会在新窗口打开班级风采页，浏览同学们的照片。在此页中使用<marquee>标记实现了文字和图片的动态效果，文字左右滚动，图片各方向滚动。如图：学习园地页：设计思想：增加一些课外知识的内容，扩展同学们的视野。功能实现：当点击导航栏的“学习园地”或者首页右下方的学习园地内容链接，会在新窗口打开学习原地页，同学们可对感兴趣的内容进行浏览。学校新闻页：设计思想：浏览者可在此页浏览有关学校的最新动态新闻。功能实现：当点击导航栏的“学校新闻”或者首页左下方的学校新闻内容链接，会在新窗口打开学校新闻页。点击左侧的新闻标题，可在右侧栏中查看新闻的具体内容。使用的框架结构实现。如图：参考文献：【1】作者：郑娅峰清华大学出版社2011.3附录：主要源程序代码：<!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>计算机09-5班</title><linkrel="stylesheet"type="text/css"href="css/class.css"/></head><body><bgsoundsrc="sound/music.mp3"loop="-1"><tablewidth="826"border="0.5"align="center"cellspacing="5"background="img/dw.jpg"><tr><tdcolspan="3"><fontcolor="#CC3300"face="华文行楷"size="+2"><imgsrc="img/biaoti.jpg"width="100%"height="180"/></font></td></tr><tr><tdheight="40"colspan="3"><marquee><fontcolor="#CC3300"face="华文行楷"size="+2">善于发现，勇于探索，开拓创新，创造未来。</font></marquee></td></tr><tr><tdwidth="126"height="300"><tablewidth="125"height="270"border="1"cellspacing="8"bgcolor="#82CA89"><tr><tdalign="center"class="dh"><ahref="index.html">首页</a></td></tr><tr><tdclass="dh"align="center"><ahref="jianjie.html"target="_blank">班级简介</a></td></tr><tr><tdclass="dh"align="center"><ahref="xinwen.html"target="_blank">班级新闻</a></td></tr><tr><tdclass="dh"align="center"><ahref="fengcai.html"target="_blank">班级风采</a></td></tr><tr><tdclass="dh"align="center"><ahref="study.html"target="_blank">学习园地</a></td></tr><tr><tdclass="dh"align="center"><ahref=""target="_blank">学校主页</a></td></tr></table></td><tdwidth="469"><tablewidth="460"border="0"class="table_left"><tr><tdwidth="454"class="bt"><ahref="fengcai.html"target="_blank">班级相册</a></td></tr><tr><tdheight="241"><ahref="fengcai.html"target="_blank"><imgsrc="素材/1.jpg"width="450"height="280"/></a></td></tr></table></td><tdwidth="205"><tablewidth="191"height="270"border="0"align="left"cellpadding="0"cellspacing="0"background="img/gg.jpg"bgcolor="#99FF66"><tr><tdwidth="191"align="center"><fontface="华文行楷"size="5">  班  级  公  告</font></td></tr><tr><tdheight="150px"><marqueebehavior="scroll"direction="up"height="150px"vspace="10"scrolldelay="300"onmouseover="this.stop()"onmouseout="this.start()"><fontface="楷体"size="4"color="#999900">    12月10日，第十四届CUBA山东省预赛决赛第二场比赛，将在我校体育馆举行。比赛时间分别为，下午13:30我校男篮对阵山东农业大学男篮，下午15:30我校女篮对阵山东师范大学女篮。届时，我校校园网公告栏将进行实时文字直播，晚上19:30山东卫视体育台将进行录播，欢迎大家观看。</font></marquee></td></tr></table></td></tr><tr><tdcolspan="3"><imgsrc="img/bt.jpg"width="100%"height="30"/></td></tr><tr><tdcolspan="2"><tableclass="table_xw"><tr><tdwidth="362"height="39"class="btx"><ahref="xw.html"target="_blank">学校新闻</a></td></tr><tr><td><ahref="xw.html"target="_blank">信息工程系积极参与第三届“蓝桥杯”全国软件专业人才设计与创业大赛</a></td></tr><tr><td><ahref="xw.html"target="_blank">山东大学张承慧教授为校区（学院）学生作“电动汽车发展与规模;接入电网”专题报告</a></td></tr><tr><td><ahref="xw.html"target="_blank">省2011秋冬季高校毕业生旅游服务类就业市场在学院举行</a></td></tr><tr><td><ahref="xw.html"target="_blank">CUBA在我校比赛公告</a></td></tr></table></td><td><tablewidth="215"height="200"border="1"background="img/jian.jpg"bordercolor="#FFFFCC"><tr><tdheight="35"colspan="3"class="bt">学习园地</font></strong></td></tr><tr><

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

温馨提示

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

最新文档

评论

0/150

提交评论