计算机技术系
实训项目报告书 2012 — 2013 学年第 1 学期
实训项目名称：个人博客网页设计
姓名：张腾
学号：35091104072
所在专业：计算机技术系
所在班级：11网络班
任务起至日期： 2012-12-10至2012-12-14
指导教师: 陈彦
成绩:
目录
第一章引言 (2)
1.1 实训项目开发背景及意义 (2)
1.2 项目开发环境简介 (3)
第二章实训项目设计基本思路及创新点 (3)
2.1实训项目设计的基本思路 (3)
2.2项目设计创新点 (4)
第三章实训项目总体规划 (5)
第四章典型网页设计过程及样例 (7)
第五章小结 (13)
参考文献 (16)
实训项目报告书
实训项目报告书
首页页面如下：
2.2项目设计创新点
在项目中，我们加入了一些网页特效，利用这些东西，给人一种耳目一新的感觉。导航链接效果，背景音乐添加，flash动画添加，javascript 特效添加。
Javascript特效和flash如下：
网页加入js特效，让页面更加吸引人，给人耳目一新的感觉。
第三章实训项目总体规划
1、站点规划，搜集资料。确定网站主题内容，规划站点结构，从网上搜索相关资料（图片、文字等）。
2、进行主页设计。构思主页布局，进行主页标题图片的设计（要求原创），进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计。
3、除主页以外的网页设计，首先设计网页模版，一部分网页由模版生成，一部分为单独设计（依据实际需要确定哪些网页由模版生成，确定哪些网页单独设计）。包括版面设计和图形设计、内容录入等。
4、动画设计。主页动画设计和其余页面动画设计，充分运用所掌握技术，效果好。综合优化。链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等）
5、网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等
文件站点：
建立站点，在做更改时，不
会使网页页面产生混乱，增
加效率和质量。
CSS样式：
建立各种div和css规则，有利于对
网站各部分进行更改，而不影响其他
部分，
第四章典型网页设计过程及样例首页样式图：
日志样式图：
时光机页面布局：网站主色调为淡黑色，附之黄色，突出主题，避免给人杂乱的感觉。
记录自己的生活点滴以及
自动喜欢的文章，突出博客
的意义
微博页面布局：页面插入flash，增加页面效果，使页面更加美观，富有活力。
加入了表单，可以输入文字，使用按钮，可以进行发表。
音乐播放器特效及代码：
特效：蓝色气泡
特效代码(蓝色气泡)：
加入背景音乐，是自己的博客更加丰富多彩，
特效：蓝色气泡
实训项目报告书
