网页设计作业

邵阳学院课程实验报告
课程名称：网页设计
系别：
专业：
班级：
学号：
姓名：
目录
一网页设计与制作的版面布局 .................................
1网页的布局结构 ...................................................................
2网页的布局设计 ................................................................... 二网页的风格的设计与制作................................... 三网页的图像的制作方法 ....................................... 四个人网页的设计与制作方法 ................................. 五心得体会.........................................................
个人网页设计
一、网页设计与制作的版面布局
在考虑个人网页的主要版面，我们选择的是“三层式”布局：页面上部是网站的标题和导航栏，中间是图片，下面是友情连接
1、网页的布局结构
从上图中可以看出，网页的整体布局结构划分为四行（从上到下），第一行来制作logo,第二行制作导航，第三行制作内容，第四行制作版权信息。

在这个基础上，可以对网页布局进行更细致的拆分，如果说前面的拆分是用来制作网页的大框架，那么接下来拆分的就是内容区域了，这里分析的方法和前面是完全一样的。

2、网页的布局设计
网页的布局设计，就是指网页中图像和文字之间的位置关系，简单来说也可以称之为网页排版。

网页布局设计最重要的目的就是传达信息。

一个并不能阅读的网页只能变成一个无用的链接。

分割、组织和传达信息并且使网页易于阅读、界面具有亲和力和可用性是网页设计师应有的职责，只有这样，浏览者才有更好的机会找出吸引他的东西。

简单来说，可以把网页中的内容看城是一个一个的“矩形块”，把多个“矩形块”按照行和列的方式组织起来，就构成了一个网页。

二、网页的风格的设计与制作
“门”形布局：页面上部是网站的标志和广告条，左面是主菜单，右面放友情链接等，中间是主要内容，布局类似于一个“门”字。

对称对比布局：该类结构采取左右或者上下对称布局，一半深色，一般浅色，一般多用于设计型站点。

该中结构的优点是视觉冲击力强，缺点是将两部分有机地结合比较困难
利用Dreamweaver你可以轻松让图像呈现出阴影、模糊、运动、光晕、波浪、淡入、淡出等众多效果，你再也不用为了达到某种图像效果而动用Photoshop。

在Dreamweaver中为图像制作特效，实际上就是利用样式表（CSC）功能来定义图像的各种参数，让它呈现出各种特技效果，但是这些特效并不增大图像文件的大小，所以不会影响页面的下载速度，这对于我们有限的网络宽带来说是非常宝贵的。

三、网页图像的制作方法
1、单击Window菜单下的CSS Styles命令，或按F7键，弹出样式表编辑窗口。

2、单击样式表编辑窗口中的New按钮，弹出对话窗口，在该窗口中选择“Make Custom Style”选项，然后单击OK。

3、在弹出的定义样式表窗口中，单击Category下的Extensions类型，然后在Filter项目中选择一个图像特效类型，定义它的各种参数。

Dreamweaver内置有16种图像特效类型。

4、定义完毕，单击OK，回到样式表编辑窗口。

5、选定页面上的图像，将生成的样式表作用于该图像。

6、保存该网页，然后在浏览器中打开，就可以看到图像的特效了。

下面请欣赏我的个人网页，欢迎访问站点：
友情连接：
本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。

总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在INTENET领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。

一.充分发挥动手能力
作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。

本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。

在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。

二.在设计过程中不断提高网页设计水平
在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。

我从最初开始运用FrontPage设计网页，到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页，完善网页。

在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、Flash、Fireworks等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。

在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。

可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

三.不足之处
由于平时工作比较繁忙，学习时间比较少，对于网页设计软件的强大功能运用得还不够。

在网页设计过程中，由于没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。

在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。

总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。

也希望老师在今后的日子里多指导。