网页制作的基本流程

网页制作的基本流程

网页制作都涉及广泛的知识和技能，在设计之初就需要了解其设计制作流程：一是确定网站的主题;二是收集资料;三是创建站点;四是页面布局设计;五是制作网页(包括创建页面框架、制作导航栏等)。

1、确定网站的主题

网站主题就是网站所要包含的主要内容。网站的主题多种多样，如体育、新闻、娱乐、财经、生活、科技、教育等。

一个网站应该有一个明确的主题，确定主题时，通常遵循的原则是：主题要小而精;选择自己最感兴趣的话题;题材要新颖。

例如，"教学网站"为教师和学生提供一个互动分享教学资源的平台，定位要明确，主题要符合浏览者的要求，具有一定的发展前景。

2、收集资料

明确主题后，还根据规划情况收集好可能在网页中使用的文字资料、图片素材、动画素材、视频素材和声音素材等，然后将其保存在特定的文件夹中。

3、创建站点

在完成站点规划和素材准备后，可以先用网页创建工具创建站点，然后对站点进行文件创建、文件更新、文件上传等管理。以实现对网站的管理。

4、页面布局设计

任何一个网页的设计都离不开布局，先确定总体框架，然后根据网站的功能模块，遵循重点突出、协调平衡的原则，确定网站标志、主菜单、新闻、搜索、广告栏、版权信息等位置。

5、制作网页

一个网站往往需要制作多个网页，具体制作时主要完成以下内容：

创建页面框架：根据导航栏、主题按钮等部分将页面分成若干区域，并对页面进行整体布局。

创建导航栏：使用导航栏可以使用户更容易浏览网站。

添加页面对象：分别编辑每个页面，将所需的页面对象(如文字、图片、动画等)插入到页面的各个区域，并进行设置。

设置链接：最后，根据需要为页面的每个部分设置链接，使每个页面有机地结合起来。

网页制作常用软件有哪些

制作网页常用的软件有这些：Frontpage、Dreamweaver、自助建站平台、Fireworks。其中Dreamweaver支持JS,Java,ActiveX等特性，另也支持网页在编辑器中转换。

一、Frontpage

假设新手熟悉Word的操作，相信用Frontpage做网页会更方便。对于Frontpage，网页制作主要由Editor完成，其工作窗口由三个标签页组成，即可视化编辑页面、Html代码编辑页面和预览页面，Frontpage还可以自带图形和Gif动画编辑器，让新手更容易使用。

二、Dreamweaver

如果新手对网页制作有所了解，对Html语言略知一二，那么使用Dreamweaver制作网页的软件制作网站是一个不错的选择，一方面Dreamweaver支持JS,Java,ActiveX等特性，另一方面Dreamweaver也支持网页在编辑器中转换，而且不改变Html的句法和结构，所以使用Dreamweaver制作网站是一个巨大的挑战。

三、自助建站平台

这类网站制作软件非常适合完全不了解网站建设的新手和小白使用，这类自助式网站建设软件使用起来非常方便，我们只需使用网站模板的方式，就能很好地制作出自己满意的网站。更重要的是，整个网站的制作过程一般都采用所见即所得的方式，没有任何复杂的代码，新手小白只需用简单的鼠标拖拽和键盘，就能轻松、快速地制作出专业的网站，而且网站制作的效果丝毫不逊于专业的定制网站。

四、Fireworks

Fireworks是一款专业的网页图片设计开发软件，可能不适合新手和小白朋友，但也可以学习。该软件支持网页自动切割、JavaScript等能产生鼠标动态感应的软件，类似于网络图像生成器。通常网页设计师会将Fireworks和Dreamweaver两种软件结合起来，从而生成CSS风格的网页和图片。