网页制作毕业论文.docx
- 文档编号:25231520
- 上传时间:2023-06-06
- 格式:DOCX
- 页数:11
- 大小:34.68KB
网页制作毕业论文.docx
《网页制作毕业论文.docx》由会员分享,可在线阅读,更多相关《网页制作毕业论文.docx(11页珍藏版)》请在冰豆网上搜索。
网页制作毕业论文
1引言3
2网站建设的流程3
3网页制作3
(一)制作步骤3
(二)常用参数4
(三)网页布局5
(四)网页色彩6
(五)细节的把握8
(六)常用工具介绍9
4企业网页制作实例9
5结束语10
参考文献11
致谢词12
XXX
XXX
Discussesaboutthehomepagedesign
XXXInstructorXXX
ManagementDepartmentofE-commercein200X
AbstractThehomepagedesignwhichisusedtobetheextendingofuserinterfacedesigningitisrealizesabrand-newdesigncreation
fieldinnewmediaandunderthenewtechnicalsupport.Designcreationhomepageshouldfollowthehomepageitsuniquebackgroundcharacteristicandthestructurementalityithasactualfeasibleandtheoutward
appearaneefashion.ThearticletalkaboutthegeneralstepofdesigninghomepageandunifiestherichcolorapplicationandhomepagedesigntheorythroughChongQingtuotianscieneeandtechnologydevelopmentlimitedcompanyhomepagedesignexampleelaboratedthehomepagedesignvisualeffectandtheconcreteoperation
1引言
随着Internet的诞生和发展,许多人不再仅仅局限于网上冲浪,而是参与到网站建设中。
企业建站相当于在网上建立一个家,你就可以在这里向客户介绍你的企业,展示你的实力,推销你的产品,网页制作作为网站制作中一个重要的环节,相对于传统的平面设计而言,网页设计具有更多的新颖性,更多可以表现的手法。
结合本人的实习过程,现就网站建设与管理过程中,网页设计与制作的具体经历,包括:
网页设计与制作过程中的网页布局、色彩构置,框架结构等相关事项做以下论述。
2网站建设的流程1.定义合适的域名。
由域名构成的网址会像商标一样,有助于将来塑造网上的形象。
域名除了要符合公司的性质以及信息内容的特征外,还要具有简洁、易记、具有冲击力的特点。
2.租用虚拟服务器。
有了域名后,就需要一个空间存放网站,这个空间就是Internet上的服务器。
一般虚拟主机提供商都能向用户提供大容量、高速度的服务器,用户可根据网站的内容设置及其发展前景来选择。
3.设计网页。
网页的设计制作可以自己完成,也可以通过虚拟主机提供商或专业的网页设计制作商来完成。
设计网页前要收集所有需要放在网站上的文本资料、图片等,并尽量用文字详细说明制作的框架结构,将收集的材料提供给网页设计者。
4.ICP备案。
网站备案的目的就是为了防止在网上从事非法的网站经营活动,打击不良互联网信息的传播,如果网站不备案的话,很有可能被查处以后关停。
ICP备案可以自主通过官方备案网站在线备案或者通过当地电信部门两种方式来进行备案。
3网页制作
(一)制作步骤
网站是网页的集合,一个站点用的所有网页构成一个网站,网页是网站的表现形式,网页设计是指对网站整体页面的设计,包括页面风格、配色、布局、内容等。
网页设计包含的内容非常多,大体分为两个方面:
一方面是纯网站本身的设计,如文字、排版、图片制作、平面设计、静态图文和动态声音、影像等;另一方面是网站的延伸设计,包括网站主题、浏览群的定位、智能交互、制作策划、形象包装和宣传营销等。
设计页面的第一步就是设计片面布局,就像报刊杂志版面设计一样,我们可以看作一张报约或者一份杂志来进行排版布局。
1.草稿新页面就像一张白纸,没有任何的约定俗成的东西,可以尽可能地发挥想象力、创造力,将想象的布局到上面去。
这是原创阶段,你不必讲究细腻工整,你也可在草稿本上先画出整个布局框架,把多个版块的位置先粗略的布置上去以往下一步工作的展示,这一步也可以借住PHOTOSHOP其他工具软件来完成。
2.粗略布局在草稿的基础上,将需要的功能模块放到页面上去,这时要遵循突出重点、整体协调的原则,首先将网站标志、导航条、广告条等最主要的模块放在最突出位置,然后考虑其他模块的布局。
3.定稿定稿即将粗略布局精细化、具体化,完成整个页面的设计。
页面的制作,首先在根据客户的要求下,完成首页的制作,在经客户确定后,
再制作其他的页面,制作完成后,交给客户验收,然后发给客户确定,待所有的页面的都经客户确定后,完成网页的制作进程,交给程序员添加程序。
(二)常用参数
图片质量与下载速度
由于网络速度问题,我们要考虑图片的大小对传输速度的影响,如果图片太大就会影响浏览速度,访问者很快就对这个网站失去了兴趣,只有充分了解图片质量与下载速度的关系,并了解不同的文件格式,才能更有效的表达内容。
1.分辨率
理解图像分辨率可以直接控制文件大小和下载速度,进而影响访问者的人
数,创建WE图片的要求是小、快、好。
显示器的分辨率起决定性的作用,大多数显示器使用的是1024*768的分辨率,因为要通过显示器页面,所以用高分辨率并不会增加图片质量相反还会降低图片的下载速度。
2.位图
习惯性称为图像,而将矢量图称为图形,位图是位映射图像的简称,也可叫栅格图。
它将一幅图像分成许多栅格,栅格的每一个点就是图像的像素,其值就是像素的亮度和色彩度,扩大位图尺寸的效果是增多像素,从而将使线条和形状显得的参次不齐,位图的与其分辨率密切相关,因此在处理位图图像时,必须设置合适的图像分辨率,否则输出图像时会遗漏细节,使图像模糊。
3.矢量
矢量图也称为面向对像的图像或绘图图像,它使用一组线段造型描述一段图像,图像中包含的直线,弧线和造型的设置与开关是由指令描述的,矢量图适用于描述色彩简单的图像,矢量文件中的图像元素称为对象,每一个对象都是一个自成一体的主体,它具有形状、轮廓、大小和屏幕位置等属性。
放大位图会失真,但放大矢量图不会失真。
4.图片格式
制作好的效果图可以保存为各种格式,包括GIF格式,JPEG格式和PNG格式等各个图片格式之间的区别为:
GIF格式即图形交换格式;GIF格式的图片只能使用256种颜色,不适合显示色彩丰富的图像内容。
其特点是1.采用隔行扫描的显示方式;2.可以设置背景透明;3.可以制作简单的动画。
JPEG格式可以显示颜色复杂的图片,但是在处理大面积的颜色块时可能会出现明显的压缩痕迹。
PNG格式的图片兼有GIF和JPEG的优点。
(三)网页布局常见网页版式布局结构有以下几种:
两栏式结构,即页面顶部为网站标志或广告条,下面分为左右两栏,一般左栏式导航或分类信息,右栏为主要内容,这种布局很容易掌握,但如果在色彩上不加以注意的,很容易给人一种“乏味”的感觉。
三栏式结构是一些大型网站常用的布局结构,一般为上面是横幅的广告条,下面分为三竖栏,中间较大,是主要的信息,左右是小条内容或者广告条。
三栏式给人一种充实的感觉,但页面拥挤,不够灵活,是网站常用的一种布局形式。
“三”型结构,这种结构多用于国外网站或者视频类网站,其特点是分类清晰,展示方便。
左右框架型,是企业网站或论坛常用的布局,页面分为左右两部分,左边一般为导航部分,右边是与导航相对应的内容。
左右框架型的结果非常清晰,内容一目了然,便于信息的查询。
Web
1.
RGB
RG
因为三种颜色都有256
CMYK
CMYK
CMYK
RGB
2.色彩的心理表现
不同的色彩给人不同的心理暗示。
对色彩的不同感觉和认知,对色彩搭配所产生的心理联想,会导致不同的心理反应。
空间感——色彩的空间感与色彩对比的知觉度有关,对比度强和高纯度的色彩具有前进感,对比度弱和低纯度色的色彩具有后退感。
色彩的空间感,具体表现在利用色彩的明度对比层次、形与色的排列转折、大小弯曲等秩序节奏,从而有意识地形成凹凸深远的空间感,甚至利用人的错觉形成假象空间色彩的前进、后退感形成的距离措视原理、在网页中常被用来加强画面的空间层次。
亲切感——色彩的亲切感是指人对色彩的对比变化所产生的亲近的心理感觉。
通常较为明快柔和的色彩都能使人产生亲切感,色彩的纯度对比和明度对比较弱时,也会使整体色调变得柔和、轻快。
产生亲切感的网页一般采用同类色、类似色和邻近色。
使用具有亲切感的色彩,可以用来表现家具网站、儿童网站和女性网站、服装网站及日用消费品网站等。
庄重感——通常,明度较低、纯度不高的色彩能给人以庄重感、常用的有黑、棕色、深蓝和褐色等。
在使用时要注意搭配,搭配不当则会产生沉闷、呆板的感觉。
神秘感——色彩的神秘感,并不是色彩本身具有的,而是人的联想所产生的心理感觉。
一般能使人感到神秘的色彩,多为明度较低、色相不明确、纯度也不高的色彩,如昏黄的氛围、幽暗的巷子、夜晚的角落,都可以用来营造色彩的神秘感。
兴奋和忧郁感——色彩和人的个性一样,具有明朗与忧郁的区分。
明朗的色彩必然是明度高、对比较强的色彩,以及纯度偏纯的色彩,忧郁的色彩则是明度低、对比较弱的色彩,以及纯度偏低且色性偏冷的色彩。
一般来说,暖色较易引起心理的亢奋和积极性,属于兴奋色,其中朱红色最具兴奋作用,其他明度较高、纯度较高的颜色(如黄色、橘黄色等)也具有煽动性、倾向于兴奋色。
4.网页色彩的搭配。
将色彩具体到网页搭配中,应遵循一定的方法。
banner
显示,但是到了别人的电脑上就不一定能显示出来了;三是注意文字之间的行距,通常我们不对文字进行行距的设置时,文字间的行距会非常小;影响页面的美观度,注意文字间的行距,使其不会显得特别挤,做到宽松有序。
(六)常用工具介绍
用来制作效果图的软件并没有明确的规定。
可以使用各种图形制作软件和处理软件,现在通常使用的软件是PHOTOSHO和FFIREWORKS在制作效果图时,使用的软件对最终结果并没有什么影响,用自己精通的即可。
Photoshop是一款非常好用的平面设计软件。
由Adobe公司开发设计,
其用户界面易懂、功能完善、性能稳定,是比较专业的图像处理软件,它具有强大的滤镜功能。
所以,在很多的的广告、出版、软件公司,Photoshop
都是首选的平面工具,它有很多的快捷方式,如抓手工具H键,TABLE键切
换显示或隐藏所有的控制板,D键、X键迅速切换前景色和背景色等,灵活的运用快捷键,可以使设计的速度大大提高。
Fireworks是网页开发图形处理工具,可以做出矢量的图形,主要是和Dreamweaver配合做网页。
对处理一般的网页图片比较实用,而且学起来也比Photoshop易上手,是一个入门级的网页设计软件。
四企业网页制作实例
1•分析客户的要求和企业的类型,并参考相关类型的企业网站,结合自己的实际经验画出大概的框架图,并标明其用途和要实现的功能,这一步可直接在纸上完成。
2.利用PS来进行具体的设计,利用辅助线画出框架图,不同模块之间要画两条辅助线,并留一定的距离,便于对网页的控制,接下便可以制作企业的logo、广告条、导航条等主要内容,然后依次完成其他模块的制作。
3•对色彩、文字的排版、导航条、底部内容进行细化,使网站达到一定的品质感,完成首页的全部制作后就可以把做好的页面发给客户确定。
4.首页确定以后,便开始内页的制作,内页的制作相对简单,保持首页的整体风格不变,对相应的版块就行修改即可,相同模块的内容只需要制作一个即可,内页制作完成后发给客户确定,完成整个网页的设计,并交给程序员切片添加程序。
以本人在重庆拓天科技发展有限公司实习过程中,通过对其页面的制作,结合本论文写作,将主页(index.asp)效果图展示如图1所示。
图1有限公司主页
放入,网页图片
五结束语
网页制作主要是利用图形制作软件和处理软件进行网页效果图的制作。
我们需要了解一个完整网站的制作过程,并知道网页制作在网站制作中的作用。
一方面结合具体的实例,多加练习,培养对于技术的敏感和快速适应性,注意到技术变化带来的各种新的可能性,消除技术所形成的障碍;另一方面要多方面、多角度地感受与掌握电脑设计的时尚语言,扩展对传统设觉设计范畴的认识。
参考文献
[1]邓文渊•网页制作高手[M].北京:
人民邮电大学出版,2007,6
[2]李宪广.网页制作边学边用[M].北京:
清华大学出版社,2009,3
[3]网页设计入门[EB/OL].
ID=288
[4]许凌云,柳勇良.网页设计全方位学习[M].北京:
清华大学出版社,2008,11
⑸陈琳.photoshopcs3入门实战与提高[M].北京:
电子工业出版社,2008,11
⑹焦慧.网页制作基础与典型范例[M].北京:
电子工业出版社,2008,7
[7]戎马工作室.Dreamweaver8与asp动态网站开发[M].北京:
机械工业出版社,
2006,5
[8]戴一波.DreamweaverCS3网站制作炫例精讲[M].北京:
电子工业出版社,
2008,1
[9]何秀芳.网页制作与网站建设课堂实录[M].北京:
人民邮电出版社.2009,3
[10]孙连三.新编网页制作与网站建设入门与提高[M].北京:
人民邮电出版社.
2008,9
[11]邓文渊.网页制作高手FLASH8[M].北京:
人民邮电出版社,2007,6
[12]胡崧.超梦幻劲爆网页[M].中国青年出版社.2008,7
[13]ScotJohsonetal.usingActiveServerPage[J].Que2007
[14]卓越科技.PHOTOSHOPCS美工广告设计百炼成精[M].电子科技出版社,
2009,3
[15]DavidHunteretal,BeginningXML[J].WroxPressLtd,2005
[16]杨大勇,李金江.ASP网络开发自学导航[M].北京:
机械工业出版社,2007,
6
[17]卓越科技.SQLSERVE数据库开发培训教程[M].北京:
电子工业出版社,
2009,4
[18]李曦琳.WEB导航设计[M].北京:
电子工业出版社,2009,3
[19]力诚教育.ACCESS2007完全自学手册[M].成都:
四川出版集团,2009,3
[20]丛书编委会.ASP动态网页编辑[M].北京:
清华大学出版社,2006,10
[21]陈刚.商业网站开发从入门到精通[M].科学出版社,2008,2
致谢词
毕业论文如期完成了,在此我要感谢在毕业设计期间给予我帮助的许多人。
首先,我要特别感谢的是我敬爱的指导老师XXX老师。
因为是他为我提供了一个良好的环境,才使我很好的完成了毕业设计。
在设计期间他也给与我无私的帮助。
在此表示深深的谢意。
正是他的付出,使我找到并改正了许多看起来很明显的错误和不严谨的论述。
在毕业设计的过程中是愉快的,我很感谢与我设计有帮助的每一个人,是他们的存在,让我感到了毕业设计的过程中的快乐,使我融入到了团队工作中,感受到了相互合作的乐趣。
我对所有人的耐心表示感谢,尤其是我的指导老师XXX老师。
他仔细阅读了我的论文和程序,并提出了许多宝贵的意见和建议。
感谢他能在忙碌的工作中抽时间指导我。
我在与他通过电话和电子邮件的联系中很好的把握住了设计的进度,使设计得以顺利完成。
最后,当然不能忘记帮助过我的老师和同学。
写论文通常是一项非常枯燥的工作,但幸运的是他们使这项工作变成了一种乐趣。
还有默默无闻帮过我的朋友,也在此表示对你们诚挚的感谢。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 毕业论文
![提示](https://static.bdocx.com/images/bang_tan.gif)