《网页设计》课程设计报告书

信息工程学院网页设计与制作课程设计报告书指导教师汪强专业班级11软件2班姓名苏强学号1132104218日期2012年6月4日2012年6月10日一、设计目的网页设计与制作课程设计是在学生学习网页设计与制作课程后，结合HTML语言、PHOTOSHOP图像处理、FLASH动画制作及DREAMWEAVER网页制作等进行的实践性教学环节。通过课程设计，帮助学生巩固所学知识，强化HTML语言的基本概念及HTML网页的设计与实现，提高网页设计与制作的能力，熟悉图像处理、动画制作的设计与实现，为后续课程的学习和实践打下一定基础。二、设计任务1、设计题目利用所学知识，制作个人BLOG网站。2、学生设计的内容与要求（1）以学习小组（2至3人左右为一组）为单位，查阅相关资料，共同探讨，相互交流，互帮互助，完成一个高质量的设计作品。（2）网站不少于5个子网页，各网页具体内容为“基站导航”主页、“个人简介”子页、“心情日志”子页、“作品展示”子页、“联系留言”子页；（3）“基站导航”主页界面美观，必须要有图片、FLASH等内容（且其中1个图片或FLASH必须含有“11软件1/2班”LOGE设计或个人艺术签名设计），各导航条链接正确；（4）“个人简介”子页界面美观，用表格或框架搭建页面布局；（5）“心情日志”子页界面美观，要求心情日志内容不少于3篇，页面中设计锚点链接；（6）“作品展示”子页界面美观，图片或FLASH必须为个人原创作品，数量不少于4件；（7）“联系留言”子页界面美观，用表单设计页面。3、设计报告的内容和要求设计报告的内容应包括基于“个人BLOG”的构成与实现方案，并提交作品成果。三、设计内容（不少于8页）1个人BLOG网站框架构成及综述我的个人BLOG网站是由一个主页和4个子页构成。主页是博客，子页是个人简介，心情日志，作品展示和联系留言。2各网页设计分析与说明（图、表及文字说明）根据老师的要求，我是和赵玉祥一组的，所以我们使用的模块都是一样的。个人主页篇首先讲解的是“个人主页”，在个人主页上首先使用PHOTOSHOP制作了我们班级的LOGO。我们是11软件二班，我们用心和每一位同学相处，每个人都心向一处，有一个共同的心，共同的梦想。这是我设计这个LOGO的寓意。接下来的是一个个人博客的标题图标。我给我博客空间的名字是“傻猪”。呵呵呵，貌似有些卖萌。再看下LOGO和标题图的总体效果吧。总体来看，颜色搭配的不是很好看，冲击感太强了。所以不是太满意。自然，每个网页都有一个导航条，我的网页也不例外。在网页中，我特地的开辟了一个版块，加入了滚动字，是我自己写的，想给全班同学看的一句话，我希望我们班的明天会更好。在博客网页的，左下角。写了一句名言警句，摘自于互联网，先看下效果吧。之所以选这个名言，我是希望我们这些大学生不要太过于颓废了，要有所追求，要有理想，要有一颗积极向上的心。在博客网页的正中位置，我希望凸显出一些我自己的个性化的东西，于是乎就想到了前几年发布在优酷网上的个人视频。以上是我博客主页的一些主要内容，做的不好，请多多包涵。谢谢个人简介篇个人见解的页面，主体上和博客首页是一样的，只是稍微改了一点。唯一改变的是，将个人的视频换成了个人的一些简介。在网页中我配备了一首背景音乐BIGBANG最后的问候这首歌我觉得动感，符合我的个性，所以在个人网页中以这首歌为背景音乐。心情日志篇在一个博客中个人的一些博文肯定是少不了的，在此就借取了网上的一些精彩文章。为了方便读者的阅读，就在顶部设置了一些锚点，极大的方便了读者的阅读。以下是一些正文，我们一起欣赏一下。做坚强的自己繁花似锦，烟花已尽。柏拉图的永恒以上是，我从互联网上的转载的一些的精美文章，这既是我的心情日志了，谢谢观赏。作品展示篇根据老师上课所说的一些，PS、FLASH的一些技法，我也慢慢的模仿了一些作品，也只是粗糙的模仿，希望多多包涵。呵呵呵。以下是一些我的作品。这是模仿老师上课时的直升机动画。（只改变了飞机的行动路线）这个作品纯属是COPY老师的作品，只是在原有基础上稍加改动了一些。对于一些老师教给我们的技法来看，我觉得，学这些技术型的学科，必须有一个良好的积极动手以及勤记笔记的习惯，因为技法太多，学得多了就忘了前面的，所以好记性不如烂笔头，技术的东西一定要多练，才能熟练，才能做到游刃有余。留言板篇作为一个博客，得有一个和浏览网页者的一个互动与交流，所以留言板就孕育而生了。我的留言板网页做的很简单，也是和主页格式差不多，只有些许变化。这是留言板页面的主要部分，主要运用到DREAMWEAVER中的文本域，和表单，按钮，等一些操作。技法简单，但是很实用。以上就是我的整个博客所有网页的一些概况了，做的不好，还请多多包涵。4设计心得与体会通过这一次的网页设计作业来说，我收获真的很大，不仅让我认识到我现在的知识的局限性和有界性，更让我意识到了紧迫感，因为我们到现在学的只是一些皮毛而已，却让我们操作的如此费劲，那么在以后的社会上，一个弱肉强食，适者生存的社会，我们该如何去面对所以说这次的作业不仅是在教育课程上给了我很大的教育外，也在面对以后的社会思想上给了我很大的警示。这次的作业也给了我些许的安慰，因为我毕竟做出来了，不管做得怎么样，美观不美