本文目录一览：
网站制作开发的流程和步骤
1、明确需求
首先明确客户需求，确定风格和页面格调，并且确定网页主色调，明确需求以后，就可以安排美工出图了。
2、出图(原型)
运用图片处理软件(如：ps)进行网页效果图设计(UI设计)，这是美工的工作，出好样图需要给客户过审，需经过几轮修订后方可最终定稿，必要的时候需要客户签字确认。
3、切图
定稿之后就可以切图了，并移交给前段开发了，移交给前端开发之前必须确定每一块area的用色和尺寸大小，必要时美工还需要和前端进行沟通。
4、制作静态网页模板
待到美工提供所有开发原型和素材后，前端就可以出静态网页模板了，并加入页面效果，这一步才把原型真正搬上浏览器。
5、静态转动态
通过动态语言并且结合前端ajax、form表单等技术将静态网页模板转为动态网页，并且动态读存取数据。关于什么是动态网页，可以参考下面这篇文章。
6、交付测试
所有编码结束之后，便可以交付测试了，这个阶段是扫除bug阶段，现在提倡的是持续交付，至于什么是持续交付，可以百度一下，当然这是题外话了。
7、交付验收
以上步骤都完成之后，便可以交付客户进行验收了。
HTML静态网页中的模板
简明步骤：打开一个已经存在的网页→另存为模板→新建可编纂区域→保留。
详细：
(1).打开示例站点中已经建好的index.htm文件，打开“文件”，点击“另存为模板”。
(2).选择模板存放的站点，在“另存为模板”对话框中为模板输入一个独一的名称，单击保留按钮。
(3).在“插入栏”选择“模板”，然后单击“可编辑区域”。
(4).频频这个过程。可以再做一些“可编辑区域”。
(5).打开“文件”菜单，单击“保留”。一个模板就做好了。
怎么使用静态网页模板？
原本那些就是图片来的，是PSD图，你要用PS切片，生成HTML代码之后，去掉空白的图片，保留有图的，把却掉的部分加上文字什么的
制作一个静态版的网页，不需要自己编程？
你好。首先下载Dreamweaver.exe并打开，选择你使用的编辑语言，本案例用html
打开页面后，选着设计窗口，如图所示。设计窗口可以快速布局网页，不需要自己编辑代码。
打开你要设计的网页的设计图，本经验是百度经验首页为例，首先我们制作顶上的搜索条，点击插入—表格（如图所示）。打开表格属性编辑表格属性。插入1行和5列，表格宽度为1130,（即为网页的宽度），边距，间距分别为0，此表格只是为了定位，因此不设边框。-静态网页模板
设置好表格后，可在表格里面插入你的内容，首先我们插入logo,点击插入—图像—选择你要插入的图片。点确定即可完成logo插入。表格的小大高度都可根据设计图需要调整，鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示-静态网页模板
接下来我们来做搜索框，点击插入—表单—插入文本域—确定。插入文本框后可点击文本框调整文本框的属性。根据设计图，文本框上班还要添加内容，因此，可选择单元格右击选择表格—拆分单元格，此处是需要添加一行的内容，因此拆分为两行，如图所示。-静态网页模板
用同样的办法拆分上面的行，因为要添加10个选择项，因此拆分为10列（右击选中的行—拆分单元格—10列—确定）。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。
接下来我们做搜索按钮，同样根据设计图要把表格拆分为两行。点击插入插入按钮的图片。
接下来给按钮添加链接，本次经验分享的是静态网页，因此在此先跟大家分享怎么直接添加按钮链接。同样是点击插入—添加超级链接,填写你事先做好的页面链接，或者其他网站链接。
剩下的内容都可根据方法步奏逐渐添加，调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面，把所有做好的网页用超级链接链接起来即可做成一个简单的网站
另外我们还可以采用front page。也可以很容易的实现。
望采纳。
html静态网页模板
html静态网页模板挺多的，包括商城或者博客之类的，目前很多静态网页模板的下载都提供了移动端和pc端页面，5个页面以上很正常。
需要注意的是如果是没有交互的展现型模板，那么不需要太多修改。如果是有交互的话和内容管理的话，可以将页面修改为cms系统形式，或者干脆直接使用cms网站模板。
