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