2022年网页制作与网站建设课程实训报告书 .pdf

2011-2012 学年第 一 学期实训报告书课程名称：网页制作与网站建设系（部）：信息工程系专业班级：计算机 09-5 班学生姓名：学生学号：山东科技大学泰山科技学院名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 11 页 - - - - - - - - - 成绩评语：指导教师名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 11 页 - - - - - - - - - 目录一、实训目的 ,1 二、实训要求 ,1 三、实训内容 ,1 1、网站设计的必要性,1 2、功能设计,1 3、系统设计,1 1)首页 ,2 2)班级简介页,2 3)班级新闻页,34)班级风采页,35)学习园地页,46)学校新闻页,4 四、参考文献 ,5 五、附录 ,6 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 11 页 - - - - - - - - - 网页设计实训报告书一、实训目的：通过课程实训， 每个学生在指导教师的指导下，完成一定的任务，受到一次综合运用所学知识、 独立完成某项技术工作的训练，从而培养和提高其独立工作能力，主要有以下四个方面的业务能力：1综合运用所学专业基本理论，提高查阅文献和资料的能力。2培养学生进行方案设计，分析比较和设计、计算的能力。3培养学生网站开发，和调试计算机程序的能力。4提高学生进行技术总结和撰写说明书的能力。二、实训要求：建立一个完整的网站，要做到：网站的目标定位准确；版面的总体设计和栏目设置（布局合理，使用表格进行布局）；提供的内容，信息准确、及时、信息量大小适度；网页的制作、页面的结构、色彩、导航合理；网站浏览的速度，交互设计是否合理、方便。在设计中利用 CSS 样式对字体整体样式进行修饰，要求格调一致。三、实训内容：1网站设计的必要性：本次实训，建立一个班级网站。设计这个班级网站，是向大家介绍和展示一个班级，包括一个班级的基本介绍、最新新闻、 先进事迹等。 通过积极健康的内容体现班级个性特色、校园生活和学习。2功能设计：班级网站主要实现的功能是，浏览者打开主页后，通过点击链接可浏览对于一个班级各方面的介绍。使用记事本和Dreamweaver 完成设计。布局合理，便于查看，给浏览者以好的欣赏感受。首页：整体布局；班级简介：介绍班级基本情况；班级新闻：展示班级最新新闻；班级风采：展示班级相册；学习园地：课外知识及诗词鉴赏；学校新闻：展示学校最新新闻。3系统设计：班级网站主要有6 个主页面：主要使用记事本和Dreamweaver 完成布局设计，美工设计通过内部样式和链接外部css样式表完成，班级相册的制作用到Flash 和Photoshop 软件。网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是蓝色和绿色，代表同学们积极向上的生活和学习态度，以及对未来生活的憧憬和希望。班级网站系统设计主要模块：班级网站系统设计班级简介首页导航班级新闻班级风采学习园地学校新闻名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 11 页 - - - - - - - - - 1)首页布局：设计思想： 首页主要实现对班级的整体介绍，导航栏可以让浏览者有目的的浏览对班级的某一项介绍， 班级相册首页展示。班级公告文字滚动显示班级动态，学校最近新闻可以让浏览者及时了解和学校有关动态，最下方模块为版权所有。整体使用表格布局。设计内容： 主页上方标题栏有学校校徽，加上班级图片，整体背景使用浅蓝色，中间部分使用绿色调，给人清新自然的感觉。主页中还插入了背景音乐，音乐名为“卡农”，这首音乐为 .mp3 音乐，占用内存小，音乐清脆悦耳，愉悦活泼，适合做背景音乐。功能实现： 点击导航中的各项以及点击各个模块都会链接到单个网页，并且是在新窗口中打开。整体布局使用表格实现。具体展示如下图：2）班级简介页：设计思想： 班级简介网页用文字及表格形式介绍班级特色，其中包括：班级简介、 班级成员以及班级课程表。功能实现：左侧的班级简介导航，单击单项标题，会在右侧出现相应信息。如图：LOGO 标题栏导班级相册首页展示班级公告航学校最近新闻学习园地版权名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 11 页 - - - - - - - - - 3）班级新闻页：设计思想： 浏览班级最新动态新闻，班级同学可通过此页及时了解到班级最近活动。重点是条理清晰，方便同学们阅读。功能实现：当点击导航栏的“班级新闻”，会在新窗口打开班级新闻页，以条例的形式列出班级最新的5 条新闻。如图：4）班级风采页：设计思想：显示班级集体活动或者个人照片。功能实现： 当点击导航栏的“班级风采”或者首页中间的班级相册照片，会在新窗口打开班级风采页，浏览同学们的照片。在此页中使用标记实现了文字和图片的动态效果，文字左右滚动，图片各方向滚动。如图：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 11 页 - - - - - - - - - 5）学习园地页：设计思想：增加一些课外知识的内容，扩展同学们的视野。功能实现： 当点击导航栏的“学习园地”或者首页右下方的学习园地内容链接，会在新窗口打开学习原地页，同学们可对感兴趣的内容进行浏览。6）学校新闻页：设计思想：浏览者可在此页浏览有关学校的最新动态新闻。功能实现： 当点击导航栏的“学校新闻”或者首页左下方的学校新闻内容链接，会在新窗口打开学校新闻页。点击左侧的新闻标题，可在右侧栏中查看新闻的具体内容。使用的框架结构实现。如图：四、参考文献：【1】作者：郑娅峰清华大学出版社2011.3名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 11 页 - - - - - - - - - 五、附录：主要源程序代码： 计算机 09-5 班 善于发现，勇于探索，开拓创新，创造未来。 首页 班级简介 班级新闻 班级风采 学习园地 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 11 页 - - - - - - - - - 学校主页 班级相册   班   级   公   告     12月 10 日，第十四届CUBA 山东省预赛决赛第二场比赛，将在我校体育馆举行。比赛时间分别为，下午13:30 我校男篮对阵山东农业大学男篮，下午15:30 我校女篮对阵山东师范大学女篮。届时，我校校园网公告栏将进行实时文字直播，晚上19:30 山东卫视体育台将进行录播，欢迎大家观看。 学校新闻 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 11 页 - - - - - - - - - 信息工程系积极参与第三届“蓝桥杯”全国软件专业人才设计与创业大赛 山东大学张承慧教授为校区（学院）学生作“电动汽车发展与规模;接入电网”专题报告 省 2011秋冬季高校毕业生旅游服务类就业市场在学院举行 CUBA在我校比赛公告 学习园地 鉴赏 作者 作品 鉴赏 李清照 渔家傲 鉴赏 李白 把酒问月   版 权 © 信息工程系-计算机09-5 班 山东科技大学泰山科技学院 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 11 页 - - - - - - - - -