个人网页设计说明书.doc

个人网站设计说明书姓 名学 号班 级指 导 教 师实验名称个人网页制作开 设 学 期2011 2012第一学期评 定 成 绩评定人签字评 定 日 期西安财经学院文法学院2011年12月 目录1、 网页设计目的1.1网页设计需求浅谈1.2个人网页设计理念2、 网页设计以及浏览工具2.1工作环境2.2浏览需求3、 个人网页功能模块设计3.1主页3.2个人档案3.3个性栏目3.4电子相册3.5在线试听3.5信息反馈3.6其他模块4、 总结4.1技术总结4.2个人心得总结 一、网页设计目的1.1网页设计需求浅谈：随着网络技术以及网页制作技术方面的日臻成熟人们越来越关注网页的美观性，所以当下网页制作的一个最主要的出发点就是网页的美观和可操作性。Dreamweaver版本已经更新到CS5，无论是操作性和功能性都有长足的进步这也为我们制作网页提供了强大的工具。古语有云：“工欲善其事，必先利其器。”关于视频插入问题我选择了wmv，微软所提供的一种格式。此格式体积小非常适合镶嵌在网页中。在表达一些理念方面东西的时候能更加的形象化与多样化。1.2个人网页设计理念：本次作业目的就是做一个自己的主页，通过一些信息来表达自己的一些思想与观点，还有就是一些个人对于生活的一些心得体会。所以一定要加入个性化的元素能表现自己，还有符合自己性格的色彩搭配与文字图画以及音频与视频，所以我的网站名称为我de乐园，给人一种积极快乐个人天堂的感觉。二、网页设计以及浏览工具2.1工作环境：操作系统：Windows XP SP3制作工具：Dreamweaver CS52.2 浏览工具：IE浏览器以及以IE为内核的浏览器谷歌浏览器火狐浏览器三、个人网页功能模块设计3.1主页：主页采用了框架结构，在导航栏中的选项界面均在mainFrame中得到显示，top与left中均插入了图片，top中我运用到了时间轴，在页面订单有文字在一定时间内可以飘过，这样增加了画面的跳跃感。我在所有页面中都采用了css样式，从而达到网页表现与内容分离的目的，让我能更好的设计网页的显示效果。3.2个人档案：个人档案中仅仅是一个文字的显示，我所做的是用div将其包装起来采用css样式让文字显示的更加多彩活泼。3.3个性栏目：在个性栏目中我采用了两个页面跳转的一个关系。在网页制作从入门到精通看到了关于登陆密码的问题，我依照书上所写照抄下来从而实现了通过输入密码并得到确认从一个页面跳转到了另一个页面。在主要显示页面中我插入了音频的播放，还添加了一个时钟显示，这个也是在书中找到并且灵活运用其中。3.4电子相册：电子相册当鼠标放在图片上图片可以按一个顺序播放，并且能一直循环下去，这其中也有javascript的应用，虽然我不懂这个语言但是通过大量查阅书籍和在网上搜集资料还是找到一些可以应用的源码，在网页中插入应用都产生了不错的效果。3.5在线试听：在线试听中我采用的windows自带的播放器进行播放，所播放视频格式也就是wmv格式的。（此处我一直有个问题没有解决，就是当我在导航栏中进入后视频不能在页面显示而声音却能正常播放，当我刷新后才能正常的的播放，我查询了好多资料都没有能解决这个问题，希望老师能给我进行指导这到底是哪的问题，谢谢老师。）3.6信息反馈：信息反馈中实现了一个表单提交的功能，并且我在网上查到了有关对于输入进行简单判断的代码，插入后我测试了一下发现可以正常使用。我还实现了一个可以讲表单提交后会发到我邮箱的功能，但是关于服务器的配置与搭建我不会所以没有能对其进行测试。3.7其他模块：此中包含了血型秘语与哈里世界，我在其中运用了锚点连接。这两块中就是一个文本的显示表达一些我喜欢的东西，体现我个性化的东西。四、总结4.1技术总结：我在个人主页的制作过程中唯一让我感到通过自己学习所能应用的技术就是javascript与css，这两个我虽然不能完全的理解但是通过查阅资料还是将其运用到网页制作中。当然还有在课堂中学习到的框架，表格，表单以及锚点连接与flash的应用。上述就是我此次作业中运用的一些技术。4.2个人心得总结：初看到考核标准的时候心情十分焦躁，虽然老师在课上讲了许多东西，但是没有真正的应用过，所以在心理上产生了恐惧感，但是通过我对老师课件的一个梳理以及在翻阅书籍中获得了大量的知识，以及制作信心。尤其是在javascript和css的应用中我深刻的体会到了自我学习的重要性，俗话说：“师父领进门，修行在个人。”通过此次作业真正让我领悟了自我学习才是在今后学习以及生活中不断提高自己的最