实验报告.docx

实验报告.docx

《实验报告.docx》由会员分享，可在线阅读，更多相关《实验报告.docx（16页珍藏版）》请在冰豆网上搜索。

实验报告

传媒工程实验教学中心实验报告

原创整理《仔林同学》2011-9-5渭南师范学院。

传媒学院。

09级教育技术学

姓名

李佳

学号

091542011

成绩

专业

教育技术学

班级

09

指导教师

吴代文

课程名称

网页设计

实验时间

2011/6/6

其它实验成员：

李韵雪黄子林

实验名称

一个静态网站的设计实现

实验所用仪器设备

多媒体计算机

实验目的：

熟练掌握利用DreamweaverCS4制作网页的各种操作，熟悉CSS和javascript。

并能制作简单的静态网站。

实验详细过程：

（包含实验步骤、结果、存在问题及其分析等内容）

1、网站主题

大城小爱婚纱摄影网站

2、实验步骤

1.选题。

确定网站主题（本次实验以“婚纱摄影”为主题）和风格，本网站的风

格不同于以往的婚纱网站，溶入了个性元素在里面；

2.规划网站。

首先，在网上找了好几个专门做婚纱的网站，仔细研究了他们的布

局和分布，也考虑到了我们自己设计的网站需要，吸取了他们精华的部分。

参

照于此相关的网站并对要设计的网站进行规划，对网页的整体框架和结构进行

设计，确定整个网站的内容，明确自己的每张网页需要满足的功能和内容；

3.搜集素材。

搜集与主题相关的素材，主要是图片，文字，动画，音乐，视频。

在这里要注意的就是图片的处理，在上一个步骤中我们已经设计了网页的框架

和布局。

也就是说图片的大小，摆放的位置已经确定。

我们就要把图片都在ps

里面处理好，并且为每张图片印上我们网站的标志；

4.新建站点。

把处理好的素材统一存放到新建的站点内，因为建立了站点有助于

网站的管理；

5.制作首页。

首页主要涉及了LOGO的制作，网站门面的设计，版权声明，导航条

的制作和链接结构（主要使用了photoshop进行处理）。

首页使用表格布局，主

要分为top（网站标题）、left（导航条）、main（主题）、bottom（版权设计）

四个板块，使用1200*1400大小。

6.设计每张子页。

大城小爱婚纱摄影网站主要的子页有公司简介、最新优惠、作

品花园、经典礼服、婚纱MV、留言板、网上订单、摄影论坛。

选择适合的图片，

音乐，视频，动画，文字对每个子页进行布局，最终还要设置子页与主页的链

接；

7.保存网页。

当主页和所有的子页都设计好，并且对每个网页都进行链接后，我

们要对所有的网页进行保存，以保证网站的正常运行。

8.测试与浏览网页。

在IE浏览器中测试网站的运行情况，在此要特别注意，对每

个链接都要进行测试。

9.修改与完善。

对测试中的问题进行修改，使网站运行正常，并且要及时对网站

进行完善；

10.写实验报告。

3、实验结果分析

当前期所有的工作都准备完毕后，我们在IE浏览器中测试网站，实验的

最终结果是网站的设计基本上达到了预先设计的效果，可以实现对婚纱摄影的

基本简介，满足人们进入选择喜欢的婚纱主题以及婚纱礼服，也可以实行网上

订单和留言，最终留言将发布到摄影论坛中，方便大家讨论。

所以我们的实验

基本上是成功的，但是还有一小部分要进行美化与处理。

4、实验中存在的问题及解决

1.选题方面。

开始选的是环境保护方面的主题，而且也找好了素材，设计了布局，

但后来做的过程中出现分歧了，后来又换了现在的主题婚纱摄影，因为对这个

选题比较感兴趣，设计思路清晰，容易跟着自己的思路走，最终就确定下来了。

所以这就告诉我，以后在做任何事情的的时候必须考虑完善在着手做，否则既

浪费人力又浪费时间。

2.网页代码方面。

网页代码的知识缺乏，有时候找到了一些代码，看不懂要实现

什么效果，放到代码中也不知道往哪放。

我觉得要看一个网页，首先应该先要

学会看代码，学会分析代码。

3.图片的问题。

在ps中按网页中表格的实际大小处理好图片后，插到表格中会出

缝隙，仔细检查过图片的大小，没有什么问题，而且试了几次还是那样。

后来

就给图片加了边框，凑合还可以看。

4.视频问题。

在网页中想实现的本来应该是点击一个图片，大图视频就在本页播

放，但是用老师给的代码弄了几次都出错了，后来干脆就重新设计了一下，方

比较笨，但是勉强实现了要达到的效果。

5.美工问题。

由于在网上很难找到自己想要的图片，所以大部分图片都是由小组

成员在photoshop中完成，毕竟能力有限，所以不能和现成的图片比较，但是

也有我们自己的个性。

6.设计。

网站中有表单的设计，由于牵扯到要将表单提交，就要建一个数据库后

台管理。

但是考虑到要做的工作很庞大，所以就没有实现。

以后如果有机会做

一个大型的网站可以尝试。

7.毅力问题。

做网站还要有毅力，不能因为一点问题就轻言放弃，必须坚持到最

后一秒。

8.创新。

设计网站还有一点很重要，就是网站设计的整个环节中融入的创新意识，

这样网站才会有新意。

5、实验总结和心得体会

做好一个网站，它包括网站首页的选题、内容的采集整理、图片的处理、

页面的排版设计、背景及其整套网页的的色调等很多东西。

需要学的地方还有

很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计出好的

web页面。

实践出真知，以前以为做个网站很容易，现在明白了不是想象中的

那么简单。

每个步骤要一个个的去做，遇到了问题要自己一个个去想办法解决，

以前的设计不合适了要重新改过，没有耐心真的是很难完成的。

而且在设计过

程中，我发现自己所学的知识太欠缺了，往往到了要实现某一个效果的时候就

会发现不知道怎么样实现，所以在以后的学习中要静下心来，好好学习基础知

识，为以后的学习和工作铺下精彩的一幕。

对于网页设计软件的强大功能运用得还不够。

在网页设计过程中，由于没

有网页制作代码的知识，平常在网页课程学习的过程中也是直接复制粘贴代码，

没有真正理解那些代码。

所以在设计时也遇到了很多麻烦，有时插入一个特效

脚本也是很麻烦。

在网页制作过程中，想提高设计水平，想有个理想的网页必

须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，设计过

程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的

学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改

善。

在这次网页制作实验过程中，最重要的一点，也是对我影响比较大的一点，

就是我懂得了团队合作的重要性。

而且在现在这个社会中，很少有个人独立完

成的作品，大部分作品都是有团队合作完成的。

比较而言，可以看出团队合作

的作品所体现的高度，继而也锻炼了我们与人交往的能力和表达技巧。

在不断

实践的过程中，网页设计水平和个人的能力都得到了很大的提高。

总体来说，通过这次的对网页课程设计，有收获也有遗憾、不足的地方，

但是我想，我们既然已经迈入了网页设计的大门，只要我们再认真努力的去学

习，去提高，平时认真学习和掌握书本上的知识，仔细琢磨每一个知识点，课

后按时完成老师布置的任务，多看与网页制作有关的书籍，将平时学习的知识

学会运用到实际操作上，还有就是好好研究代码。

我相信凭借我对网页设计的

热情和执着，我将来设计出的网页会更加专业，更完善。

感谢老师、同学在这

次课程设计中给我的帮助、指导。

6、制作网页要掌握的技巧

1）掌握规划网站的内容结构、目录结构、链接结构的方法。

2）熟练掌握网页制作软件Dreamweaver8的基本操作和使用技能。

3）掌握页面的整体控制和头部内容设置的方法。

4）熟练掌握网页页面布局的各种方法。

5）熟练掌握在网页中输入、设置标题和正文文字的方法。

6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。

7）掌握建立各种形式超级链接的方法。

8）掌握表单网页制作方法。

9）掌握网页特效的制作方法。

10）掌握网站测试的方法。

7、网站设计E—R图

8、网页部分效果图

首页效果图

摄影论坛效果图

作品花园效果图

装订线

装订线

装订线

装订线

装订线