网页设计在网站中的体现

《网页设计在网站中的体现》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网页设计在网站中的体现摘要随着科技的飞速发展，传统意义上的网页设计已经不能满足大家的需要，人们对网站建设的认知性越来越高，网页中艺术设计的体现，日益被网站建设者所注重。木论文以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，利用Photoshop,3DMAX,Cool3D,FrontPage2000等技术达到网页设计在网站中的完美体现。关键词：1.FrontPage2000网页制作2.photoshop图象修饰3.3DMAX三维动画制作4.Cool3D字体动画和立体文字制作网页制作工具的应用是艺术设计的重

2、要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的科学体现。一个好的办法就是将想要表达体现的内容制成多媒体网站网页（教学网站），使学习者可以不受时间和空间的限制自由访问，并且在直接访问中了解和学习知识。本文以茶几制作为例，对多媒体教学网站中的制作过程和技术做一探讨，在网站中给与体现。1.1前期准备工作1.1.1教学内容的准备主要是对教学内容进行选取，确定各部分内容的媒体形式。对字幕表述进行推敲，对其它形式定出表现方案，最后还是要形成一个脚本。1.1.2图片素材的收集1.1.2.1背景图

3、的取得背景图的来源主要是书报资料和素材库光盘中的一些图片，如果图片效果不太理想，可以用photoshop进行必要的修饰。1.1.2.2实物图片的取得一般没有现成的实物图片，我们可以找了一个比较完好的实物，从多个角度进行拍摄，分解后，再对各个部件进行拍摄。最后，选择出效果好的图片，利用扫描仪扫描得到数字文件，当然也可以育•接使用数码相机拍摄。必要时，也要用photoshop处理。2解决问题2.1网页屮的多媒体制作过程2.1.1三维动画制作用3DMAX3.0制作三维动画的过程大致分为三部分，一是制作物体模型，二是设计动画效果，三是渲染与输出。♦在顶视图里做个矩形，用修改

4、面板里的Fillet/chamfer导角成如图：Z・OT♦在前视图中画个二维曲线（小一点要做成桌边的）。如图:♦点第一个物体，用修改命令bevelprofile拾取第二个多边形。如图：♦用拉伸做桌腿了，画出一个大圆，小圆用阵列。如图:♦最终达到效果如图:以此制作方法为例制作所需的三维效果。2.1.2网页中的三维文字制作在小的GIF字体动画及立体文字的制作中，我用了Ulead公司的Cool3D：先建立一个新文件，调整尺度为384*58像素，再点击输入文木按钮在弹出的对话框内输入“******”,然后将其选中改为方正行楷字体，可以通过移动、旋转、缩放等操作配合添加

5、关键帧来完成动画的制作，增加一些Cool3D提供的光线、纹理、倾斜等效果，使文字更加饱满圆润，还可以选择漂亮的背景。做完后再按需要调整动画的帧数来控制播放时间的长短，通过调整物体（文字）属性工具兰屮的环境、光源、表面、反光等各项的亮度、饱和度和色调来达到最佳视觉效果。在对一些GIF格式的动画进行简单的修改以及绘制平面图时我选择了Macromedia.公司的F1a.sh4.0中文版，Flash4.0支持很多格式的声咅文件，而且提供了比较齐全的绘图工具，用起来很方便，操作也更加灵活多样。2.1.3网页中图片、背景的处理在对图片的处理以及按钮的制作屮主要用到了Photos

6、hop5・0,如所用到的背景图片大都在Photoshop5.0中经过亮度、对比度以及色相、饱和度、色彩均衡等的调整，使之和页面色调相配合，达到最令人满意的效果，另外对一些过大的图片还要进行裁切，调整大小等操作。处理完相关的调整后，还需要换些比较美观的背景，我较多用到选取操作，选取工具很多，如套索或磁性套索工具，魔棒工具以及自由钢笔工具。在被选物与背景色差较大时用魔棒工具是可以得到事半功倍的效果的，不管使用那一种工具再把物体选中后再选择反选，剪切图象后把背景复制为一新图层调整其大小至与边框相配合，然后把物体设为最上层就完成了制作。2.1.4网页屮平面图、文字、声音和音

7、乐的制作平面图、文字、声音和音乐等几种媒体形式的制作、录入、合成以及连接都比较简单，不再详述。2.2网页的制作2.2.!FrontPage2000简介随着国际互联网的日益普及，各种各样的网页设计工具应运而生。在各类网页工具，微软的frontpage2000是少数真正“所见即所得”的网页工具，很适合初学者使用。进入frontpagc2000的操作坏境，可以看到程序的界面大致可以分为以下几个部分：•菜单栏•工具条•视图条•工作区•状态栏2.2.2主页的制作对frontpage2000有了一定的了解后，下面，通过主页为例，介绍一下网页的制作过程。首先，创建一个新网站。