欢迎来到天天文库
浏览记录
ID:43658281
大小:43.50 KB
页数:6页
时间:2019-10-12
《网页设计基础培训》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、网页设计基础培训新公司第一天正式上班,做的培训,和人家分亨一下,很基础的概念:网页设计使用软件、工具设计类:图片处理主要使用以下两种软件:PS(photoshop):是专业的图像处理软件,是adobe公司最成功的产品,是其引以为豪的作品。当然在处理图像方面是fireworks所不能比的,而且它有强人的滤镜功能。FW(Fireworks):专为网络图形设计的图形编辑软件,它大大简化了网络图形设计的工作难度,无论是专业设计家还是业余爱好者,使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画,还可以轻易地完成大图切割、动态按钮、动态翻转图等,因此,对于辅助网
2、页编辑來说,Fireworks将是最大的功臣。她的主要任务和特色就是制作矢量图为网页服务。FL(Flash)矢量图形编辑和交互式动画制作的专业软件。借助基于对象的动画快速创建动画、轻松修改运动路径并全而控制个别动画属性。DW(Dreamweaver)可视化网页编辑工具,他最人的优点就是所见即所得,对W3C网页标准化支持十分到位,同时它还支持网站管理,包含HTML检查、HTML格式控制、HTML格式化选项、HomcSitc/BBEdit捆绑、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等富媒体格式和动态HTML,而还支持ASP、JSP、PH
3、P、ASP.NET、XML等程序语言的编写与调试。辅助类:FTP上传软件:解压缩软件:设计基础原理设计合理的网站可以吸引浏览者逗留在网站中,停留的时间越长,用户就可以浏览越多的信息。如杲网站设计糟糕,访问者会困惑、沮丧,最后被迫离开网站。网页主要由以下几个大部分组成:1.Tabic框架部分(不可视)2.图片部分(可视)3•文字部分(可视)4.代码部分(不可视)网页设计基木原则:1.所有网页外观设计要一致。网站的颜色、和局要一致。2.确保每张网页的左上方出现logoo3.logo旁边IP,现标语或者是介绍企业特点的语言。4.网页底部包含版权信息。5.网页下载时间控制在
4、10秒Z内(50kb,包括图片)。6.网页文本内容颜色对比要明显:黑色文本搭配口色背景,或者口色文本搭配黑色背景。7.网站避免出现以下特征:数字计数器、大量感叹词、全部大写字母、全部文本内容居中、大量动画图片、复朵的背景等等。8.避免使用弹出框。弹出框类似于广告,会分散访问者的注意力。9.在不同的浏览器以及分辨率状态下,测试网站。10.如果网页太长,就需要把它拆成儿张网页,并且与这些网页进行链接。1.确保链接的有效性,避免出现无效链接。Table网页布局以下所有框架都已table实现,结构一般分为以下几类:1.上中下结构整个网页布局由上往下展开,一般上部为公司名称及
5、LOGO,中部为图片,下部为文本内容。此类布局设计主要集中在小部。2.左右结构页而布局可以从左至右或从右至左,布局需注意左右区域的大小比例,已黄金分割(0.618)数值为最佳。3.半包围对文字内容已图片形式做L型包围,设计内容主要在包围中体现。导航菜单设计在用户习惯寻找的地方,网页的导航系统要一致。访问者没有时间去了解网站的导航系统,导航系统的一致性很重要,你应该致力于构建所有网页导航菜单一致的网站。图片:一张图片可以表达百万多旬话的内容,在因特网上也是这样。如果介绍产品,把清晰、有吸引力的产品图片展示出來;如果提供服务,把最能体现这种服务的照片呈现出来。然而,要注
6、意文件的尺寸,不要把图片压缩到画而不清楚地状态,也不耍保持图片的原有状态,这样内容很大,下载速度很慢。优化图片。图片最好只利用.gif与.jpg格式,在保证图片质量両提下,尽量压缩文本。你可以使用网上提供的免费图片优化工具。文字:页面字体要足清晰,网页默认字体为“宋体”,字体大小为9PT或12PX,行间距为18PX。Verdana是一种最适合网站的字体,因为它宽度大、整洁、易于阅读。文本颜色也很重要。根据上述原则,选择文本颜色。文本必须易读、易浏览。整个网站不要超过三种字体。有些网站经常会犯的一个大错误是:出现的字体超过三种。在这种情况下,不管你认为内容安排多么整齐
7、,都不利于浏览者阅读。文件格式说明:图片类:PSD格式:psd是PhotoShop中使用的一种标准图形文件格式,可以存储成RGB或CMYK模式,还能够自定义颜色数并加以存储。*・psd文件能够将不同的物件以层(Layer)的方式来分离保存,便于修改和制作各种特殊效果。主耍用于设计稿件源文件的存储格式。JPG格式:JEPG图片能包含3200万不同的颜色,远远大于人类眼睛看到的颜色。主要用于对色彩显示要求高的设计图片。GIF格式:gif是在各种平台的各种图形处理软件上均能够处理的、经过压缩的一种图形文件格式。存储色彩最高只能达到256利它是经过压缩的图像文件格式,所
此文档下载收益归作者所有