网页制作与网站建设课程实训报告书

《网页制作与网站建设课程实训报告书》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、2011-2012学年第一学期实训报告书课程名称：网页制作与网站建设系（部）：信息工程系专业班级：计算机09-5班学生姓名：学生学号：山东科技大学泰山科技学院成绩评语：指导教师目录一、实训目的………………………………………………………………………1二、实训要求………………………………………………………………………1三、实训内容………………………………………………………………………11、网站设计的必要性…………………………………………………………………………12、功能设计………………………………………………………………

2、……………………13、系统设计……………………………………………………………………………………11)首页……………………………………………………………………………………22)班级简介页……………………………………………………………………………23)班级新闻页……………………………………………………………………………34)班级风采页……………………………………………………………………………35)学习园地页……………………………………………………………………………46)学校新闻页………………………………………………………

3、……………………4四、参考文献………………………………………………………………………5五、附录……………………………………………………………………………6网页设计实训报告书一、实训目的：通过课程实训，每个学生在指导教师的指导下，完成一定的任务，受到一次综合运用所学知识、独立完成某项技术工作的训练，从而培养和提高其独立工作能力，主要有以下四个方面的业务能力：1．综合运用所学专业基本理论，提高查阅文献和资料的能力。2．培养学生进行方案设计，分析比较和设计、计算的能力。3．培养学生网站开发，和调试计算机程序的能力。4．提高

4、学生进行技术总结和撰写说明书的能力。二、实训要求：建立一个完整的网站，要做到：网站的目标定位准确；版面的总体设计和栏目设置（布局合理，使用表格进行布局）；提供的内容，信息准确、及时、信息量大小适度；网页的制作、页面的结构、色彩、导航合理；网站浏览的速度，交互设计是否合理、方便。在设计中利用CSS样式对字体整体样式进行修饰，要求格调一致。三、实训内容：1．网站设计的必要性：本次实训，建立一个班级网站。设计这个班级网站，是向大家介绍和展示一个班级，包括一个班级的基本介绍、最新新闻、先进事迹等。通过积极健康的内容体现班级个

5、性特色、校园生活和学习。2．功能设计：班级网站主要实现的功能是，浏览者打开主页后，通过点击链接可浏览对于一个班级各方面的介绍。使用记事本和Dreamweaver完成设计。布局合理，便于查看，给浏览者以好的欣赏感受。首页：整体布局；班级简介：介绍班级基本情况；班级新闻：展示班级最新新闻；班级风采：展示班级相册；学习园地：课外知识及诗词鉴赏；学校新闻：展示学校最新新闻。3．系统设计：班级网站主要有6个主页面：主要使用记事本和Dreamweaver完成布局设计，美工设计通过内部样式和链接外部css样式表完成，班级相册的制作

6、用到Flash和Photoshop软件。网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是蓝色和绿色，代表同学们积极向上的生活和学习态度，以及对未来生活的憧憬和希望。班级网站系统设计主要模块：班级网站系统设计班级简介首页导航班级新闻班级风采学习园地学校新闻LOGO标题栏导班级相册首页展示班级公告航学校最近新闻学习园地版权1)首页布局：设计思想：首页主要实现对班级的整体介绍，导航栏可以让浏览者有目的的浏览对班级的某一项介绍，班级相册首页展示。班级公告文字滚动显示班级动态，学校最近新闻可以让浏览者及时了解和学校有

7、关动态，最下方模块为版权所有。整体使用表格布局。设计内容：主页上方标题栏有学校校徽，加上班级图片，整体背景使用浅蓝色，中间部分使用绿色调，给人清新自然的感觉。主页中还插入了背景音乐，音乐名为“卡农”，这首音乐为.mp3音乐，占用内存小，音乐清脆悦耳，愉悦活泼，适合做背景音乐。功能实现：点击导航中的各项以及点击各个模块都会链接到单个网页，并且是在新窗口中打开。整体布局使用表格实现。具体展示如下图：2）班级简介页：设计思想：班级简介网页用文字及表格形式介绍班级特色，其中包括：班级简介、班级成员以及班级课程表。功能实现：左

8、侧的班级简介导航，单击单项标题，会在右侧出现相应信息。如图：2）班级新闻页：设计思想：浏览班级最新动态新闻，班级同学可通过此页及时了解到班级最近活动。重点是条理清晰，方便同学们阅读。功能实现：当点击导航栏的“班级新闻”，会在新窗口打开班级新闻页，以条例的形式列出班级最新的5条新闻。如图：3）班级风采页：设计思想：显示班级集体活动或者个人照片。功