wed标准网页设计之道（基于web标准的网页设计与制作）

本文目录一览：

• 1、网页设计流程是什么?
• 2、网页设计的标准与规范

网页设计流程是什么?

1、在网页效果图的设计阶段，应按照绘制结构草图，在Fireworks中绘制辅助线、绘制结构底图、添加内容、对效果图进行切片、对切片进行优化、输出切片刀Dreamweaver的顺序来依次进行。下面将会介绍网页效果图设计中各个流程的作用。

2、至于加程序甚么的就省略了，反正你也只是问设计流程！网站设计要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。

3、在制作网页时，我们可以选择简单的语言，处理文本，插入图片到文本并生成链接。我们可以先做介绍自己的页面，自我介绍页面完成后，做封面。在文档中放置文档非常容易创建主页，只要多操作几次就会精通。

4、其次，我们需要在总目录下建立若干个子目录，文件可以命名为任意的，但需要注意的是文件的名字最好是小写字母，这样才能够避免后期的一些错误。

5、设计流程： 主题明确： 在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。 Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。

6、制作网页也是要有一定步骤的，按照步骤来操作，就能省去许多麻烦的。下面将简单跟大家讲一讲制作网页的步骤是什么？可以帮助站长按照步骤来操作，还能省去许多麻烦。

网页设计的标准与规范

文字规范 我们现在都知道了网站上面的文字是通过前端工程师重新写在代码里的。那这种文字在浏览器上的渲染与系统和浏览器有关。图片规范 网站设计中的图片常用4（宽）：3（高）、16（宽）：9（高）、1：1等比例。

网页设计规范的要求学习网页设计规范要注意四点：（1）布局。（2）颜色匹配。对于初学者，建议在主色调上设置一些亮度梯度或相似的颜色。（3）图像。

在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。

网页的外观 每一个设计师都会有着自己的一个审美标准，但是不要忘了，即使你的审美标准再好也要注意符合目标人群的一个大众审美，如果一个网站的外观不能够让浏览者接受的话，同样再好也是无用功。

根据W3C DOM规范，DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。

首页内容丰富 首页列的数量可以大大提高你的域名质量。另一方面，来自主页的流量在整个网站中占有绝对优势，所以优化主页丰富度也是SEO的一个必要优化要求。