怎么做网页制作图文教程

网页制作不只是用色彩丰富的图像组建一个网站。你需要遵循若干规则，并使用一些网页制作工具来达到目标。使用网站模板简化了网站设计的过程。下面就来介绍一下网页制作过程中使用到的软件和网页制作方法。

网页制作流程

网页制作软件

网页制作过程中常用的软件有Dreamweaver、Flash、Photoshop、Fireworks、Notepad等网页制作工具软件制作。

Dreamweaver:它是专门用来制作网页的，程序制作、开发特别常用的编辑软件，功能强大、实用。相关教程：Dreamweaver CS6视频教程

Flash:专门用来制作动漫的，强大的动画设计制作工作，flash 现在被 Adobe 公司收购了。

Photoshop：简称PS，用于设计效果图或者制作图片，功能强大、特别常用的设计工具。以上三项被称为“网页制作三剑客”

Macromedia Fireworks：动画制作工具，一般用于制作gif图片

Microsoft Notepad：微软发布的软件，与Dreamweaver一样也是一款代码编辑软件。

网页制作的步骤流程

第一步：制作一个静态网页之前，我们需要先制作一个网页1:1的效果图，又称静态网页效果图。制作静态网页效果图可以使用Photoshop CS4中文版制作。

第二步：将制作好的静态网页效果图进行PS切片。通过PS切片可将一张大的效果图切成多张小图片，以后可直接用在网页上。

第三步：使用HTML5和CSS3进行网页布局，网页布局遵从“先大后小，先外后里”的原则，先将整个静态网页大结构写出来，然后再按照效果图写各个部分的小版块。（这个部分需要有代码基础，可先学习HTML入门教程）

第三：制作网页上的特效，例如轮播图，需要使用JS代码制作。再将PS切片出来的小图片通过代码插入网页中，并且使用测试数据填充各个小版块，达到与效果图一样的效果。

第四：最后优化网页代码，删除冗余的文件，整理出一个简洁的静态网页，这样静态网页就制作好了。

网页制作入门教程