网页制作基础教程第二章

《网页制作基础教程第二章》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第2章网页设计要素2.1网页设计的基本原则2.2首页和版面的设计2.3网页的色彩搭配2.4网页中插图的处理2.5网页中的字体2.6网页中表格的运用2.1网页设计的基本原则设计成功的网站可以使用户能够迅速地进入且操作便捷，否则网站设计就是失败的。如何使用户方便快捷地进入网站，则必须遵循以下原则。1.明确内容2.抓住用户3.优化内容4.快速下载5.网站升级下一页2.1网页设计的基本原则6.坚持基本原则7.学习HTML8.设定网站的框架9.网站地图10.特殊字体的应用11.检查错别字12.避免长文本页面13.Web设计工具下一页上一页2.1网页设计的基本原则14.网

2、站介绍15.慎用闪烁16.背景颜色17.向前和向后按钮18.点击计数器19.不要用框架20.重复使用图像21.避免使用过大的图像下一页上一页2.1网页设计的基本原则22.选择使用Flash动画23.动画与内容应有机结合24.慎用声音25.慎用插件26.使用著名的插件27.使用先进技术28.平台的兼容性29.用软件分析工具找错下一页上一页2.1网页设计的基本原则30.避免错误链接31.给浏览者成熟的东西32.在搜索引擎上登记网站33.设计一个留言板34.测试网站35.反复测试36.内容组织下一页上一页2.1网页设计的基本原则37.注意留白38.图像压缩39.图像

3、大小属性40.使网站具有交互功能在网站上提供一些回答问题的工具，使得访问者能从网站上获得交互的信息。41.图片更新返回上一页2.2首页和版面的设计1.草案新建页面就像一张白纸，没有任何表格、框架和约定俗成的东西，可以尽可能地发挥想象力，将想到的“景象”画上去。2.粗略布局3.定案将粗略布局精细化、具体化。在布局过程中，我们可以遵循的原则有以下几点。（1）正常平衡（2）异常平衡下一页2.2首页和版面的设计（3）对比（4）凝视（5）空白（6）尽量用图片解说下面介绍一下我们经常用到的版面布局形式。（1）“T”结构布局（2）“口”型布局下一页上一页2.2首页和版面的设

4、计（3）“三”型布局：这种布局多用于国外站点，国内用得不多。（4）对称对比布局：顾名思义，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。（5）POP布局：POP引自广告术语，就是指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。返回上一页2.3网页的色彩搭配1.色彩的基础知识色彩五颜六色、千变万化，我们平时所看到的白色光，经过分析在色带上可以看到：它事实上包括红、橙、黄、绿、青、蓝、紫七色，各颜色间自然过渡。2.色彩搭配的原则（1）特色鲜明。（2）搭配合理。（3）讲究艺术性。（4）彩色还是非彩色。下一页2.3网页的色彩搭配3.网

5、页色彩搭配的原理（1）色彩的鲜明性（2）色彩的独特性（3）色彩的合适性（4）色彩的联想性4.色彩搭配要注意的问题（1）使用单色。（2）使用近色。下一页上一页2.3网页的色彩搭配（3）使用对比色。（4）黑色的使用。（5）背景色的使用。（6）色彩的数量。5.网页色彩掌握的过程随着网页制作经验的积累，我们用色有这样的一个趋势：单色→五彩缤纷→标准色→单色。返回上一页2.4网页中插图的处理下面介绍一些对图片进行处理的方法，以使图片能在网页中迅速显示出来。1.选好图片格式图片文件的格式有很多，如GIF，JPEG（文件扩展名为.jpg），BMP，PNG等，它们都是可以用浏

6、览器浏览的，但到底选择哪种图片格式比较好呢？其实在一般情况下我们只需选择前面的两种，即GIF格式与JPEG格式。2.减少图片色彩数量下一页2.4网页中插图的处理3.对图片进行适当压缩4.控制图片的尺寸图形尺寸越小，则字节数相应就会越少。5.更改图片的显示方式调节图片的尺寸大小之后，我们还可以想办法在图片文件大小一定的情况下，让浏览者可以耐心地等待图片全部出来的方法。其方法是采用隔行GIF和逐级JPEG方式。返回上一页2.5网页中的字体2.5.1文字在网页设计中的作用在平面设计的构成要素中有两大基本元素，一个是图形，另一个就是文字。只通过图形来传递信息常常不能达

7、到最佳的效果，须借助文字才能进行最有效的说明。在网页中也是如此。具体来说，文字在网页中的作用可以体现为以下几点，例如在优秀设计作品中体现出的文字的特性。1.适合性文字要与具体文字内容、界面主题相适应。下一页2.5网页中的字体2.明确性文字的主要功能在于传达外形特征以便浏览者识别，保证信息的准确传递。3.易读性文字的形态及编排设计能够提高界面的易读程度。4.美观性文字可以通过自身的形象的个性与风格给人以美的感受，使界面更加美观。下一页上一页2.5网页中的字体5.创新性文字与界面信息主题需求相配合并进行形态变化，将文字进行创意发挥，产生创造的美感，进而提高界面整体

8、设计效果的创新性，给浏览者耳目一新的感