网页被称Web页面，它可以把文字、图形、声音及动画等多媒体信息相互连接起来，它一般由站标、导航栏、广告栏、信息区等组成。那网页又分为静态网页和动态网页，他们也有各自的优点像静态网页的内容相对稳定，容易被日常生活中查找资料、阅读小说等这些内容其实都是通过网页展示出来的，那有些人有疑问了，那网站和网页有什么关系那？那今天我给大家介绍一下，网站和网页的关系和区别网页被称Web页面，它可以把文字、图形、声音及动画等多媒体信息相互连接起来，它一般由站标、导航栏、广告栏、信息区等组成。

网页具体来说其实就是一个html文件，浏览器就是用来解读这份文件的。网站是一个整体，一个系统，由网页、后台程序，数据库，域名。等组成。简单的来说，就是一个网站中可以包含许多的网页，但是这里要说一下许多的网页加在一起却不一定是网站，它们之间存在着包含和嵌套的关系。

在网页效果图的设计阶段，应按照绘制结构草图，在Fireworks中绘制辅助线、绘制结构底图、添加内容、对效果图进行切片、对切片进行优化、输出切片刀Dreamweaver的顺序来依次进行。下面将会介绍网页效果图设计中各个流程的作用。在图像软件中设计网页效果图，总体可以分为7个步骤：（1）、创建画布，添加辅助线来布局；（2）、绘制结构底图；（3）、添加内容，包括图像和文字；（4）、切片；（5）、优化；（6）、导出；（7）、布局。

需要注意的是，对于布局结构比较复杂的页面，辅助线不是一次就能够全部创建好的，而是一部分内容创建一部分否则辅助线过多会使页面混乱。2、绘制结构底图根据创建好的辅助线，使用Fireworks的工具或者是矩形选取框工具，把网页效果图中带有底色的“矩形块”依次绘制出来，形成一个整体的布局效果。

网站前台设计的话，首先你要学设计的基础部分，因为前台人员很重要的一点是做东西要漂亮，得会设计，SO先从设计的三大构成开始学，然后是学一下一些设计的基础，比如编排与字体知识。画面的主次与视觉流程知识。然后下面的就是软件个人觉得PS和FW只要掌握一个就够了，因为都有切片功能。而且FW的图像处理功能远没有PS强大。学会PS你就能设计一个网页的效果图了。

或是JS也可以。最后是重点部分，用什么编辑器其实无所谓，但是必须熟悉每个HTML标签的使用，有人喜欢DW有人还在用FONTPAGE，也有人用HTML编辑器进行排版，再牛点的用TEXT直接编辑，工具永远只是工具，所以最直接的还是需要你熟悉那些HTML标签。再下去就是一些框架网页的使用，和DIVCSS编排，当然你也可以选择TABLE，不过TABLE的劣势不利于搜索引擎优化。