网页设计基础培训

《网页设计基础培训》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

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利它是经过压缩的图像文件格式，所