网页制作方法
2017-10-16 6页 doc 19KB 20阅读
is_594905
暂无简介
举报
网页制作方法网页制作方法
网页制作要领
如何让一个网站在第一时间抓住浏览者的眼球，提高流量,网站的内容首当其冲，再配以精致的图片设计以及合理的布局排版，相信这样的网页可以让浏览者赏心悦目，而且在浏览时可以快速找到自己需要的内容，这样的网站才能吸引更多的读者。
网页是一个可以张显个性的舞台，特别是近几年来设计者的水平越来越高，更是突破了色彩布局的限制。如何让网页又有个性又能符合更多人的审美观，对设计师就提出了更高的要求。在设计网页时，需要掌握几个要领，下面这几条是我在设计过程中总结出来的，希望大家能有所帮助。
1、标题:
在网页中标...
网页制作
网页制作要领
如何让一个网站在第一时间抓住浏览者的眼球，提高流量,网站的内容首当其冲，再配以精致的图片设计以及合理的布局排版，相信这样的网页可以让浏览者赏心悦目，而且在浏览时可以快速找到自己需要的内容，这样的网站才能吸引更多的读者。
网页是一个可以张显个性的舞台，特别是近几年来设计者的水平越来越高，更是突破了色彩布局的限制。如何让网页又有个性又能符合更多人的审美观，对设计师就提出了更高的要求。在设计网页时，需要掌握几个要领，下面这几条是我在设计过程中出来的，希望大家能有所帮助。
1、标题:
在网页中标题起着重要的作用，标题决定了一个网站的定位和内容取向。标题尽量有概括性并且尽量做到简短易记有个性，最主要的一点，是要符合网站的主题思想和风格。
2、LOGO:
LOGO是与网站的整体风格相融并县城能够体现网站的类型、内容和风格的图片，配以标志网站的标志及文字，首先就让浏览者对网站的主题及功能有了一个初步的认知，常用的LOGO尺寸有三种:“88*31”、“120*60”、“120*90”，LOGO可以制作成静态或动态，当然动态的LOGO更能吸引人们的注意。
3、网页导航:
每一个网页都有导航条，可以设计在网页的头部或左侧或右侧，不
管设计在哪个位置，总是要放置在网页的显眼处，可以使用文字或图片来实现，导航是一个页面的精髓，是连通页面与页面之间的桥梁。在导航栏目上不要设置太多，最好不要超过十个，层次上最好少于五层，主打栏目类别一般能直接从首页有所显示，并加以二级页面的链接。
4、图片处理:
图片也是体现一个设计者制作水平的标准，图片处理的原则是“精”、“简”。“精”要求图片要处理的精细，特别是在一些小图标的处理上，要尽量精晰，线条明了，色彩搭配得当;“简”要求在保证图片质量的情况下尽量缩小图片的大小，因为图片的大小在很大程度上影响了网页的传输速度，常用的图片格式有jpg、gif、png。在网页上多次使用同样的图像是一个加快浏览速度好的方法，因为一旦图像被载入，以后重新载入就会很快，大大提高了网页的浏览速度。 5、布局:
考虑浏览者显示器的分辩率，无论是采用1024*768还是800*600，都尽量让用户在浏览网页时可以看到全部的网页效果，并且不会在布局上错乱，因而网页页面整体的排版设计是不可忽略的，要合理地运用格划分页面的各个区域，让网页井井有条，将主题表达清楚，有一点值得注意的是不要把整个网页都用图片或文字填充得特别紧密，适当的留有一些空白，留白是通过视觉上的手段给人带来心理上的轻松与快乐。
6、内容:
网站内容是搜索引擎优化的第一要素，注意网站内容要“原创”并且要“有价值”。一个网站的内容必须与其标题相符，突出网站的自身个性，再将内容进行分类，通过合理的布局将这些内容表现出来，让读者一目了然，不致于在看了主页也不知道你这个网站是干什么用的，特别不要放一些跟网站主题丝毫无关的内容。
7、CSS样式设置:
在网页设计过程中CSS样式是不可或缺的一项设置，CSS样式表不需要多个，有的人网页代码中调用了好几个CSS样式表，如下段代码:
而每一个样式表时里就设置了二、三个样式，这样重复操作也加大了工作量更是没有必要的，特别是CSS样式表的名称，最好也不要随便命名，CSS文件也要单独放在一个文件夹下。
概述:
同样是做网页，为什么有的网页看上去就舒服，有的网页用户可能没等网页全部下载就关了，在这里色彩布局是一方面，更重要的是网页一些制作规范设计者没有注意，即便你的网站内容很好，但同样的内容，在不同的网页设计者手中总会有以不同的方式体现出来，“不成规矩，无以成方圆”，尽管现在的网页设计没有过多的限制，但是总是遵守一定的规范。
1、网站目录建立规范
一般在网站的根目录下建立images、js、css、media、temp几个子目录，html文件一般放在网站根目录下。
Ø images:用来存放网页中用到的图片;
Ø js:用来存放网页中用到的脚本文件;
Ø css:用来存放CSS样式表文件;
Ø media:用来存放.swf、.avi、rmvb等多媒体文件; Ø temp:用来存放制作网页时的一些文字、图片、flash源文件等。 规范目录，一来可以方便资料的查找，二来在制作过程中也可一目了然，即使网站由几个设计者制作，在编辑网页文件时也会很方便的查找到需要的资料和文件。
注意:一般目录、文件的名称全部采用小写英文字母、数字、下划线的组合，不得包含汉字、空格和特殊字符;目录的命名请尽量使用英文，避免使用拼音作为目录名称，因为汉语的同音字太多了，可能时间长了自己也记不住反而带来不便。 2、注释规范
在写代码时也要注意一些规范，因为代码可能不光是制作者一个人看，可能以后还需要别人来阅读或修改，最重要的是这也是一个很好的习惯，如果一个页面中的代码很多，在以后阅读时就很方便找到这段代码所表述的功能。
3、CSS样式表书写规范
(1)a链接:
在中使用链接时，a:link a:visited a:hover
a:actived 要按顺序书写，否则在网页显示时，特别是当网页中存在多个链接样式时，会有显示上的问题。
在代码中，每个样式中的一个属性一行，后面以英文输入状态下输入分号“;”。
(2)首行缩进
在网页排版中经常会遇到首行缩进，不建议使用空格或者全角空格来达到效果，规范的做法是在样式表中定义p{text-indent: 2em;}，然后给每一段加上
标记，在段尾加上
结束标记。 (3)字母、数字的字体设置 中英文混排时，我们尽可能的将英文和数字定义为Verdana和Arial两种字体，为了显示的效果更好，最好是将使用字母或数字的样式单独定义，不与“宋体”的样式混在一起用。 (4)行距 一般建议行距采用百分比来定义，如果用pt或px来定义，当样式改变时，行距不会相应比例变化。常用的两个行距的值是“120%”、“150%”。 (5)字号设置 字号建议用点数pt和像素px来定义。pt一般使用宋体的9pt和11pt。px一般使用中文宋体12px 和14px 这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14px 的字号比较合适。而随着科技的发展，显示器在逐渐变大，分辨率在逐渐提高，14px的字已 经不能满足人们的需要，此时可以使用16px或18px的字号，但是这两个字号不要在同一个页面中使用，在显示数字和字母时，18px宋体将数字和字母显示为粗体，视觉效果很突出，而16px宋体的显示更接近与12px、14px的显示效果，因为选用16px宋体作为正文更为合适，下图为各字号的显示效果。 不同字号的显示效果 注意:汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号，所有的字号都应该用样式表来实现，禁止在页面中出现 标记。 4、表格代码书写规范 对于单独的一个
浙公网安备 33021202002483