1、任课教师：李文书 杨东鹤 人 机 交 互（2011-2012 学年第 2 学期）实验报告学号：E09700203姓名：林真超班级：09 数媒 2 班浙江理工大学信息学院实验三 人机交互界面设计一、实验目的（1）掌握网页设计的方法与过程 （2）熟悉 Dreamweaver 等软件的使用方法 （3）利用网页设计软件设计一个简单的网站 二、实验内容（1）熟悉 Dreamweaver 的使用方法 （2）选择一个感兴趣的主题，准备相关素材，设计一个简单网站三、实验准备请参考网站 http:/ 中关于 Dreamweaver 的教学内容，该网站设计荣获第六届“全国多媒体课件大赛”高职组一等奖、第十三届“全
2、国多媒体教育软件大奖赛”高教组网络课程一等奖。四、实验过程和结果1.网站介绍本网站是用来介绍我的寝室，将寝室生活都放到这个网站中，向大家分享寝室生活的点点滴滴。主要分为寝室简介，寝室成员介绍，寝室特色，生活照片、趣事以及心情日记五个板块。（1）寝室简介：主要是用来介绍寝室的整体概况。（2）寝室成员：对寝室四个成员的介绍。（3）寝室特色：主要是对寝室成员以及寝室整体特色的介绍。（4）生活照片、趣事：搜集寝室生活趣事以及成员生活照，将其放在网页上，与大家分享。（5）心情日记：室友有不开心的事情，可以写在上面，倾诉心里的不愉快。2.制作过程本网站根据老师所给的模版改编。前台替换原有的head图片，使
3、用photoshop制作图片（大小、形状不变），替换原有图片。在功能上，找出原网站不适合的删掉，把需要的添加上。(1)建立本地信息: (2)建立远程信息 （3）建立网页使用css+div对网站进行设计与建立，不断进行修改。具体结果如下： 在做网页的时候，网页的整体形象就是网站的门面，一个好的网站形象是非常重要的，所以在制作网页的时候要考虑怎样将网站好的一面体现的方式，侧重点，不能一锅端，把什么都放在主页上，造成杂乱的形象。另外，在规范整个网站的外在表现时，具体就在于设计、色彩的表达了。这些也是我在实践操作中遇到的最大困难，因为美感差，对颜色又不敏感，就这样慢慢摸索着，一遍不行两遍，知道自己和同
4、学满意为止。最后，网页的规划也是很重要的一块，包含的内容很多，如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用，我们现在的能力还主要是停留在模仿别人的好网站，等我们有一定经验之后就可以进一步创新。五、实验心得在经济迅速发展的今天，Internet 显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。本次网页制作实验，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。通过本周的实验使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实验的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。
