网页设计作业

课程名称：网页设计系别：体育学院专业：体育教育班级：11001学号：201000290姓名：彭文豪目录一网页设计与制作的版面布局1网页的布局结构2网页的布局设计二网页的风格的设计与制作三网页的图像的制作方法四个人网页的设计与制作方法五心得体会个人网页设计一、网页设计与制作的版面布局在考虑个人网页的主要版面，我们选择的是“三层式”布局：页面上部是网站的标题和导航栏，中间是图片，下面是友情连接1、网页的布局结构从上图中可以看出，网页的整体布局结构划分为四行（从上到下），第一行来制作logo,第二行制作导航，第三行制作内容，第四行制作版权信息。在这个基础上，可以对网页布局进行更细致的拆分，如果说前面的拆分是用来制作网页的大框架，那么接下来拆分的就是内容区域了，这里分析的方法和前面是完全一样的。2、网页的布局设计网页的布局设计，就是指网页中图像和文字之间的位置关系，简单来说也可以称之为网页排版。网页布局设计最重要的目的就是传达信息。一个并不能阅读的网页只能变成一个无用的链接。分割、组织和传达信息并且使网页易于阅读、界面具有亲和力和可用性是网页设计师应有的职责，只有这样，浏览者才有更好的机会找出吸引他的东西。简单来说，可以把网页中的内容看城是一个一个的“矩形块”，把多个“矩形块”按照行和列的方式组织起来，就构成了一个网页。二、网页的风格的设计与制作“门”形布局：页面上部是网站的标志和广告条，左面是主菜单，右面放友情链接等，中间是主要内容，布局类似于一个“门”字。对称对比布局：该类结构采取左右或者上下对称布局，一半深色，一般浅色，一般多用于设计型站点。该中结构的优点是视觉冲击力强，缺点是将两部分有机地结合比较困难利用Dreamweaver你可以轻松让图像呈现出阴影、模糊、运动、光晕、波浪、淡入、淡出等众多效果，你再也不用为了达到某种图像效果而动用Photoshop。在Dreamweaver中为图像制作特效，实际上就是利用样式表（CSC）功能来定义图像的各种参数，让它呈现出各种特技效果，但是这些特效并不增大图像文件的大小，所以不会影响页面的下载速度，这对于我们有限的网络宽带来说是非常宝贵的。三、网页图像的制作方法1、单击Window菜单下的CSSStyles命令，或按F7键，弹出样式表编辑窗口。2、单击样式表编辑窗口中的New按钮，弹出对话窗口，在该窗口中选择“MakeCustomStyle”选项，然后单击OK。3、在弹出的定义样式表窗口中，单击Category下的Extensions类型，然后在Filter项目中选择一个图像特效类型，定义它的各种参数。Dreamweaver内置有16种图像特效类型。4、定义完毕，单击OK，回到样式表编辑窗口。5、选定页面上的图像，将生成的样式表作用于该图像。6、保存该网页，然后在浏览器中打开，就可以看到图像的特效了。下面请欣赏我的个人网页，欢迎访问站点：http://52欢迎访问罗志强个人网页我的传奇历史我的学习情况我的征战家族友情连接：http://52本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，可以激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。总体来说，整个学期的学习过程，我学会了很多知识，虽然过程比较艰辛，但在INTENET领域中，有了一个展示自我的空间，我觉得很开心、很有成就感。

一.充分发挥动手能力

作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。

二.在设计过程中不断提高网页设计水平

在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页，到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、Flash、Fireworks等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

三.不足之处

由于平时工作比较繁忙，学习时间比较少，对于网页设计软件的强大功能运用得还不够。在网页设计过程中，由于没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初步的认识，以后再加强学习