一、准备知识，包括学会使用各种网页制作的工具软件。 二、认真思考自己要做的网站内容及用途来确定制作网页的风格。但总体网页设计要遵循一些必要的隐性要求：1.简洁性：能让浏览者一目了然，不使浏览者感到繁琐并且无法找到其所需内容。2.突出主题：一个没有主题的网页同样会使人失去浏览的兴趣。3.实用性：一个网页即使漂亮倘若对浏览者一无所用也无法吸人眼球。有一句话说：只有被需求才能生存。三、搜集资料，比如网页中可能要用到的图片，文字及其它内容。善于使用搜索引擎如百度，谷歌，来查询自己所需的资料。善于使用网络上已有的信息及内容，比如一些开源的代码等。（网络是一个大杂烩，各种信息鱼目混珠，各色人物鱼龙混杂，要学会辨别。）四、关注自己所制作网页的内容与社会时代的相符性，及时更新网页版面。五、将目光放长远，不断学习。如果你要学习网页建站代码的知识，你来这个群一起来学习。这个的第一组数字是431。第二组的数字是011，第三组的数字是879。就是这三组数字结合起来就可以进来学习了。每天都有网页代码建站的课程知识。如今互联网的发展极其神速，各种技术日新月异。只有不断的学习进步，才能跟得上时代的潮流，你的网站才能立于不败之地！【学习网页建站需要掌握的软件】1.DreamWeaver自制动态HTML动画的网页DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。2.Fireworks第一款彻底为Web制作者们设计的软件Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！3.flash 、photoshopflash是动画设计软件，photoshop是图片处理软件，这些图片设计处理软件也属于常用的网页制作软件。为了丰富网页的内容，增加网页美观性，网页制作中经常还需要应用各种图片，这些图片需要用专门的图像处理软件来设计。 学习Dreamweaver、flash、fireworks、ps等软件综合运用，让创意为用户服务，培养学员独立思考、创作的良好习惯和先进的设计理念，培养创新型网页设计师！
学做一个网站，必须要学会下面这些软件代码的编程。 1.DreamWeaver自制动态HTML动画的网页DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。2.Fireworks第一款彻底为Web制作者们设计的软件Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！3.flash 、photoshopflash是动画设计软件，photoshop是图片处理软件，这些图片设计处理软件也属于常用的网页制作软件。为了丰富网页的内容，增加网页美观性，网页制作中经常还需要应用各种图片，这些图片需要用专门的图像处理软件来设计。 学习Dreamweaver、flash、fireworks、ps等软件综合运用，让创意为用户服务，培养学员独立思考、创作的良好习惯和先进的设计理念，培养创新型网页设计师！
效果图用:ps fw 页面排版特效：dw（初学者建议，其实记事本都行！！！)数据库：mysql(常用) 后台语言：php java asp.net等等
设计页面，用DW编排网页，特效，后台等

以上是你必须学会的三种软件，除了软件之外，你还需要了解HTML代码、CSS代码等等。HTML代码是一个网页的基本架构，包括html、head、body，html是标注页面的开始，head是网站的头部，body是网站的身体。网页的基本架构有了，就需要写CSS代码，CSS主要是网站的样式，通过简单的CSS代码，就可以制作出精美的网页，只要在HTML里插入一条代码就可以：。 静态网页制作很简单，只要将设计好的图片切图，然后用代码调用就可以，在本地查看好之后传到空间即可。怎样制作网页之html文件的格式 ……………………其中省略号部份是网页的内容,其实每个标记都是一一对应的。每个网页文件都是以开始和以结束。之间的内容是网页的标题。会显示在浏览器的标题栏上。与之间放的是网页内容。 怎样制作网页之表格标志 表格标志对于制作网页是很重要的，现在很多网页都是使用多重表格，主要是因为表格不但可以固定文本或图像的输出，而且还可以任意地进行背景和前景颜色的设置。可见表格在网页排版中的作用。表格的定义顺序是先定义行，再定义该行中的单元格。标志对用来创建表格中的每一行。此标志对只能放在标志对之间使用，而在此标志对之间加入文本将是无用的，因为在之间只能紧跟标志对才是有效的语法。标志对用来创建单元格，此标志对只有放在标志对之间才是有效的，输入的文本也只有放在标志对中才有效(即才能够显示出来)。

在软件中操作。 打开软件中设置好标签纸张的实际尺寸之后，点击左侧工具箱中的“插入位图图片”按钮，在画布上绘制位图图片。双击位图图片，在图形属性-数据源中，点击修改按钮，手动输入，“浏览”选择要插入的图片，点击编辑-打开；（条码标签打印软件支持的图片类型格式有BMP、JPEG、GIF、PNG、TIFF）。确定之后插图位图的操作步骤就完成了。

动态交互式网页的制作步骤：（一）建立数据库、创建ODBC数据源交互式的动态网页最重要的一部分就是对于后台程序的设计，而数据库对于后台程序而言，则是用来存放大量数据和程序的重要场所。在设计交互式的动态网页时，数据库的重要性就变得越来越重要。ODBC数据源是一套能够读取各种不同数据库的完整解决方案，它可以将全部的底层操作隐藏在内核中。（二）制作静态页面一般而言，交互式动态网页的设计都是从静态网页开始，所以静态网页的设计也是动态网页设计的基础。静态网页的设计需要将所需要的基本网页信息全部放置到网页上，然后再将静态网页中的部分对象进行与数据库的连接。（三）创建数据库的连接数据库的连接主要是指对于后台数据库内部的基本设置进行一定的参数设置，如果部队内部数据库的一些主要参数进行基本的设置，那么在最基本的WEB应用程序中就不会和数据库进行最基本的链接和调用，基本的创建方法可以在其他资料内查到。（四）定义记录集由于交互式的动态网页需要从后台的数据库中进行一定的数据调用和查找，所以需要定义记录集。记录集的主要作用是将数据库返回的数据组成进行临时的储存，以便在以后的应用程序中可以进行快速的调用。交互式的动态网页的大量使用和发展，使得交互式的动态网页技术得到了很大的发展，相比于静态网页，交互式的动态网页有着巨大的优势，它在人机互动方面有着更加明显且清晰的效果，而且在网页的动态性上也有着明显的优势。 网站的发展变得越来越多样性，一个网站不仅需要实现它最基本的显示信息功能，还需要在一定程度上实现与访问的人进行交互的功能，所以交互式的动态网页设计就逐渐的演变成了现在网页设计的主流方向。

工具/原料个人电脑网页设计软件： FrontPage(简单易用，且高度符合IE浏览器支持设计);DreamWave(功能强大，设计成品支持众多浏览器);图像处理软件：Photoshop 或Fireworks ;动画制作：Flash MX ;知识储备：基本网页常识;HTML知识很简单，早期只用此制作网页，用记事本即可编辑，用浏览器打开后呈现网页内容;CSS知识级联样式表(Cascading Style Sheet)简称“CSS”，通常又称为“风格样式表(Style Sheet)”，它是用来进行网页风格设计的。通过设立样式表，可以统一地控制HTML中各标志的显示属性。CSS可以使人更能有效地控制网页外观。使用CSS，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。JavaScript等Web脚本知识JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言，即Web脚本。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作;ASP或PHP等Serv脚本知识ASP是Active Server Page的缩写，意为“动态服务器页面”，是Serv脚本。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互。属于服务端语言;PHP是英文超文本预处理语言Hypertext Preprocessor的缩写。PHP 是一种 HTML 内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有类似于C语言，被广泛地运用;方法/步骤准备知识，包括学会使用各种前面提到的工具软件。认真思考自己要做的.网站内容及用途来确定制作网页的风格。但总体网页设计要遵循一些必要的隐性要求：1.简洁性：能让浏览者一目了然，不使浏览者感到繁琐并且无法找到其所需内容。2.突出主题：一个没有主题的网页同样会使人失去浏览的兴趣。3.实用性：一个网页即使漂亮倘若对浏览者一无所用也无法吸人眼球。有一句话说：只有被需求才能生存。搜集资料，比如网页中可能要用到的图片，文字及其它内容。善于使用搜索引擎如百度，谷歌，来查询自己所需的资料。善于使用网络上已有的信息及内容，比如一些开源的代码等。(网络是一个大杂烩，各种信息鱼目混珠，各色人物鱼龙混杂，要学会辨别。)关注自己所制作网页的内容与社会时代的相符性，及时更新网页版面。END注意事项本经验只是粗谈<网页制作>流程及所需工具及知识储备。要做网站的朋友请继续学习网站建设所需的知识，建设流程及注意事项。以上就是如何制作网页设计流程，希望对大家有所帮助，谢谢阅读本篇文章!