网页设计在网站中的体现.docx
- 文档编号:24567184
- 上传时间:2023-05-28
- 格式:DOCX
- 页数:11
- 大小:1.37MB
网页设计在网站中的体现.docx
《网页设计在网站中的体现.docx》由会员分享,可在线阅读,更多相关《网页设计在网站中的体现.docx(11页珍藏版)》请在冰豆网上搜索。
网页设计在网站中的体现
网页设计在网站中的体现
摘要
随着科技的飞速发展,传统意义上的网页设计已经不能满足大家的需要,人们对网站建设的认知性越来越高,网页中艺术设计的体现,日益被网站建设者所注重。
本论文以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,利用Photoshop,3DMAX,Cool3D,FrontPage2000等技术达到网页设计在网站中的完美体现。
关键词:
1.FrontPage2000网页制作
2.photoshop图象修饰
3.3DMAX三维动画制作
4.Cool3D字体动画和立体文字制作
1绪论
网页制作工具的应用是艺术设计的重要组成部分,并随着网络技术的发展而发展。
表面上看,它不过是关于网页版式编排的技巧与方法,而实际上,它不仅是一种技能,更是艺术与技术的科学体现。
一个好的办法就是将想要表达体现的内容制成多媒体网站网页(教学网站),使学习者可以不受时间和空间的限制自由访问,并且在直接访问中了解和学习知识。
本文以茶几制作为例,对多媒体教学网站中的制作过程和技术做一探讨,在网站中给与体现。
1.1前期准备工作
1.1.1教学内容的准备
主要是对教学内容进行选取,确定各部分内容的媒体形式。
对字幕表述进行推敲,对其它形式定出表现方案,最后还是要形成一个脚本。
1.1.2图片素材的收集
1.1.2.1背景图的取得
背景图的来源主要是书报资料和素材库光盘中的一些图片,如果图片效果不太理想,可以用photoshop进行必要的修饰。
1.1.2.2实物图片的取得
一般没有现成的实物图片,我们可以找了一个比较完好的实物,从多个角度进行拍摄,分解后,再对各个部件进行拍摄。
最后,选择出效果好的图片,利用扫描仪扫描得到数字文件,当然也可以直接使用数码相机拍摄。
必要时,也要用photoshop处理。
2解决问题
2.1网页中的多媒体制作过程
2.1.1三维动画制作
用3DMAX3.0制作三维动画的过程大致分为三部分,一是制作物体模型,二是设计动画效果,三是渲染与输出。
◆在顶视图里做个矩形,用修改面板里的Fillet/chamfer导角成如图:
◆在前视图中画个二维曲线(小一点要做成桌边的)。
如图:
◆点第一个物体,用修改命令bevelprofile拾取第二个多边形。
如图:
◆用拉伸做桌腿了,画出一个大圆,小圆用阵列。
如图:
◆最终达到效果如图:
以此制作方法为例制作所需的三维效果。
2.1.2网页中的三维文字制作
在小的GIF字体动画及立体文字的制作中,我用了Ulead公司的Cool3D:
先建立一个新文件,调整尺度为384*58像素,再点击输入文本按钮在弹出的对话框内输入“******”,然后将其选中改为方正行楷字体,可以通过移动、旋转、缩放等操作配合添加关键帧来完成动画的制作,增加一些Cool3D提供的光线、纹理、倾斜等效果,使文字更加饱满圆润,还可以选择漂亮的背景。
做完后再按需要调整动画的帧数来控制播放时间的长短,通过调整物体(文字)属性工具兰中的环境、光源、表面、反光等各项的亮度、饱和度和色调来达到最佳视觉效果。
在对一些GIF格式的动画进行简单的修改以及绘制平面图时我选择了Macromedia公司的Flash4.0中文版,Flash4.0支持很多格式的声音文件,而且提供了比较齐全的绘图工具,用起来很方便,操作也更加灵活多样。
2.1.3网页中图片、背景的处理
在对图片的处理以及按钮的制作中主要用到了Photoshop5.0,如所用到的背景图片大都在Photoshop5.0中经过亮度、对比度以及色相、饱和度、色彩均衡等的调整,使之和页面色调相配合,达到最令人满意的效果,另外对一些过大的图片还要进行裁切,调整大小等操作。
处理完相关的调整后,还需要换些比较美观的背景,我较多用到选取操作,选取工具很多,如套索或磁性套索工具,魔棒工具以及自由钢笔工具。
在被选物与背景色差较大时用魔棒工具是可以得到事半功倍的效果的,不管使用那一种工具再把物体选中后再选择反选,剪切图象后把背景复制为一新图层调整其大小至与边框相配合,然后把物体设为最上层就完成了制作。
2.1.4网页中平面图、文字、声音和音乐的制作
平面图、文字、声音和音乐等几种媒体形式的制作、录入、合成以及连接都比较简单,不再详述。
2.2网页的制作
2.2.1FrontPage2000简介
随着国际互联网的日益普及,各种各样的网页设计工具应运而生。
在各类网页工具,微软的frontpage2000是少数真正“所见即所得”的网页工具,很适合初学者使用。
进入frontpage2000的操作环境,可以看到程序的界面大致可以分为以下几个部分:
●菜单栏
●工具条
●视图条
●工作区
●状态栏
2.2.2主页的制作
对frontpage2000有了一定的了解后,下面,通过主页为例,介绍一下网页的制作过程。
首先,创建一个新网站。
进入frontpage2000开发环境后,选择“文件”菜单中的“新建”菜单项,再选择子菜单项中的“站点”菜单项。
在随后弹出的“新建”对话框中,可以看到一个“站点”标签页,其中显示了frontpage缺省的5中模板和3种向导,点击右边的两个图表可以切换列表显示和大图表显示,组合下拉框中可以输入路径确定新站点的存放位置。
选择最简单的空模板,里面什么也没有,便于我们以后白手起家,建立自己独特的风格,然后单击“确定”即可完成一个空站点的建立。
(如图)
然后,建立网站的导航结构。
要使网站方便访问者浏览,网页与网页之间就必须有合理的结构、导航兰和恰当位置的超链。
最好的办法是建立完整的导航结构。
进入导航视图,系统将当前页默认为“主页”,选中主页,单击新建图标就可以建立相应的主页的下一层网页( 如图以此类推),便可以快捷的建立一个完整、直观的网站结构,结构建立后,在页面上插入导航条时,frontpage 会自动加入正确的链接,相当方便。
2.3建设主页
2.3.1添加背景
返回页面视图,在工作区右击,在弹出的菜单条中选中“网页属性”,在弹出的对话框中点击“背景”标签页,在“背景图片”和“水印”前打上钩,在浏览框输入背景图片的路径,单击确定即可。
(如图)
2.3.2设立共享边框
在工作区右击,在弹出的菜单条中选中“共享边框”,在如图所示的对话框中选中“所有网页”“上(T)”“包含导航按钮”,单击确定。
这样共享边框就设好了,设共享边框的目的,是为了让所有的页面中都能显示这部分内容,使网页有一个相同的主题,同时减少重复工作。
2.3.3创立表格
为了能够方便的实现图文混排,使网页更生动活泼,达到预想的效果,就必须使用好表格,单击“查看/工具栏/表格”击打开了表格工具栏,选中“”图标,即能进行手动制表,表格建立后,还可以编辑表格的属性,根据需要决定表格的边框粗细、单元格的间距甚至表格的背景等。
(如图)
2.3.4导入图片
在共享边框里导入准备好的标头,以及主页的名称“炭调之核心地带",再选中“炭调之核心地带",单击图片工具栏中的图标,把“炭调之核心地带"移到表头上面,主页的横幅就算大功告成了,由于前面设立了共享边框,所以,在主页以外的其他页面上,也都能看到这个漂亮的横幅了。
用同样的方法,把所需的图片分别导入,然后稍加编辑即可。
(如上图)
2.3.5导入文字
在frontpage2000里编辑文字和word完全一样,所以,只要使用过word的人,都能在熟悉的环境里编辑文档。
当然,也可以先在别的文档编辑器里编辑好后,直接导入。
2.3.6字幕
为使网页更显生动,我们在适当位置插入了一行活动的欢迎信息。
单级“插入/组件/字幕”再如图所示的对话框中,输入想要显示的文字,选择显示速度、显示方式,选择字体、颜色等属性。
在主页最下面的作者信息也采用了字幕效果。
(如上图)
2.3.7超联及导航条
现在,主页的主体部分已经基本上制作完成了,还剩下最后一项工作,建立超链。
只有建立超链,主页才能链接到其他的页面上去,没有超链的主页不能算真正的网页。
单级“插入/超链接”再如图所示的对话框种选择所要链接的目标,单击确定即可。
导航条其实是一系列超链的集合,通常导航条包含了主要页面的超链,显示在每个页面上以方便访问者浏览。
为了把导航条显示在每个页面上,当然要放在共享边框中了,单级“插入/导航栏”再如上图所示的对话框种选择所要的效果即可。
2.3.8背景音乐
到这里为止,我们的主页已基本做完,再加上一段轻松的音乐,已增加网页的吸引力。
右击,选择网页属性(如下图)选择背景音乐,选择反复播放,确定。
至此,主页就算大功告成了。
结论
Internet的快速发展,现代版的网页设计代替了传统意义上的网页设计,迅速走进了我们的生活之中。
伴随建网制作工具、辅助工具的进步,我们新一代的学子所背负的任务变得更加沉重,也激励着我们向前看!
在网站中进行艺术设计,使得艺术有一个展示的平台是这篇论文的根本目的。
不仅仅是如此,一些新的技术更需要我们去开发与更新。
本文中主要从目前深刻影响建网发展的几种主要问题出发,阐述了艺术设计在建网过程中的的重要性,以制作茶几为例,运用3DMAX3.0描述了网页中的多媒体制作过程以及运用FrontPage2000完成网页制作的全过程,并讲述了如何在网页中制作三维文字,以及怎样处理网页中图片与背景、平面图、文字、声音和音乐等等,最终完成此论文。
参考文献
[1]余庆丰等.FrontPage2000现用现查.中央广播电视大学出版社.1999,5
[2]李旭等.Photoshop6.0\Illustrator9.0\FreeHand10\PageMaker. 北京希望电子出版社2002,11
[3]王琦等.火星人-3DStudioMAX三维动画大制作.北京希望电子出版社.1998,8
致谢
本论文是在我的指导老师XXX老师的亲切关怀和悉心指导下完成的。
他严肃的科学态度,严谨的治学精神,精益求精的工作作风,深深地感染和激励着我。
从课题的选择到项目的最终完成,王老师都始终给予我细心的指导和不懈的支持。
在此谨向X老师致以诚挚的谢意和崇高的敬意。
在此,我还要感谢在一起愉快的度过宿舍生活的室友们,正是由于你们的帮助和支持,我才能克服一个一个的困难和疑惑,直至本文的顺利完成。
还有,特别要感谢XXX,他对本课题做了不少工作,给予我不少的帮助。
在论文即将完成之际,我的心情无法平静,从开始进入课题到论文的顺利完成,有多少可敬的师长、同学、朋友给了我无言的帮助,在这里请接受我诚挚的谢意!
最后我还要感谢培养我长大含辛茹苦的父母,谢谢你们!
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 网站 中的 体现
![提示](https://static.bdocx.com/images/bang_tan.gif)