本文目录一览：

静态网页制作步骤

静态网页制作步骤：

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

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

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

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

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

扩展资料：

静态网页是标准的HTML文件，它的文件扩展名是。htm、.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。我们就叫做静态页面。

静态页面一般都是html格式，鼠标双击这个静态页面，就可以打开这张网页，效果会跟图片设计的效果一样。那么这个静态页面就是一个网站了吗？这些静态页面其实只是做网站或者做模板的材料而已。

在网站设计中，静态网页是网站建设的基础，早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言，是指没有后台数据库、不含建站程序和不可交互的网页。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。

简要叙述静态网站制作的主要步骤？

一、整理规划。

网站建设的开始就应该有一个整体的战略目标，即确定站点的目标。

首先要有一个总的目标，这个网站到底是要做什么。有的要显示自己的设计水平，这就要求页面美观；有的是为了求职而设计的求职网站，这就要求提供足够的信息让别人了解你的工作能力；有的是要为用户服务，这就要求网站有较强的互动性，而本站建设之初的主要目的就是为了本人更好的学习网络知识，只是兴趣而已，

确定好目标之后，还要决定网站的目标观众。

二、新建站点

规划好站点之后，就可以用专门的网页开发软件创建站点了。

三、收集资源

确定好站点目标和结构之后，接下来要做的就是收集有关网站的资源。

四、布局页面

设计站点结构和收集了足够的资源之后，就可以开始布局页面了。在Dreamweaver中，可以通过以下手段进行排版

五、编辑文档与超级连接

经过上面的几个步骤之后，一切准备工作都已经就绪，现在可以像装箱一样把收集到的资料及制作的组件放到页面布局中为它们指定的位置上了。

六、发布站点

站点的发布

网站发布就是把网站上传到因特网上，以提供浏览者浏览。

站点的维护

站点发布之后还要经常对站点进行维护。站点维护是指不断优化网站功能和更新网页内容。维护网站的目的是使网站的结构规划合理、内容与形式统一、主题鲜明，经常更新网页内容，让网站与时俱进。

静态网站建设完整过程包括哪些环节

首页 你要是见 静态网站 第一步：在ps 里面制作设计网站页面

第二步：在 dw里面进行布局

第三步：添加信息资料进行链接。

第四部：要是发布外网的话 就需要买个域名和空间 静态的 空间一般都支持

希望对你有所帮助 。有什么不明白的可以 在咨询我。