做为一个前端开发人员，能独立且快速的完成一个静态页面是最基础的。
在制作一个静态页面之前，首先就是要配置开发环境，相比于java来说，前端的开发环境配置简单的简直令人发指。一个文本文档，加个浏览器，开发环境就已经有了。不过这只是对于一个刚入门的前端人员来说的，等实际开发的时候，一些更加完善的开发软件还是很有必要的。就个人而言，我比较喜欢webstorm跟谷歌浏览器。webstorm的话拥有完善的插件，对于写一个内容比较多的页面来说，webstrom能给我们提供很多的便利。谷歌浏览器最吸引我的就是一点，快。相比于很多其他的浏览器来说，谷歌的打开速度远甩他们好几条街。更快的打开浏览器的优势就是，可以写一段代码，马上就能打开来看效果，减少了许多等待的时间。当然，前端开发还有许多的辅助工具，比如fireworks,这是个专门为前端人员设计的一个切图类软件，相比于PS来说，他功能少很多，但带来的优点就是他打开的速度比PS快，而且不像PS那么耗内存。作为一个前端人员，我们并不需要自己来完成页面设计，对于美工给我们的图，我们只要能把页面一模一样的实现出来就好了。
配置好环境之后，就是项目文件夹的建立。对于那些我们平时拿来练习的简单页面来说，文件夹中应该包块一个首页，css文件夹，images文件夹，js文件夹，当然，有时候还可以做一下网站的图标。项目文件夹建立好了之后，就可以开始构建我们的网站了，首先就是css样式的初始化。通常情况下，css初始化的代码我们直接从之前的项目中拿来用就好了，如果没有没有的话也可以直接在网上搜索，比如说雅虎，淘宝之类的网站的css样式初始化代码都很值得借鉴。当然，我们也不能一味的就直接拿别人的代码，毕竟，每个项目都会有一些不同，所以所，在借鉴的同时，也要学会自己去修改，找到对自己页面有意义的代码，而删除掉那些没有用处的。
在做完css样式初始化之后，就应该开始分析网站的构成了，通过美工给我们的psd文件，分析整个页面的构成，包括那些部分是其他页面也可以通用的，那些部分是该页面独立的。这样分析最主要的目的还是为了网站的SEO，减少重复的代码，提高网页运行的速度。通常来说，一个网站都会有许多相同样式的头部和底部。这些样式都可以写在同一个css文件夹中，在新建一个页面的时候可以在网页头部调用他。
最后，就可以开始写网站的主体部分了，在写页面的时候，一般考虑使用标准流的元素，在标准流元素不能实现效果的时候，才会再考虑使用浮动和定位。另外，在写页面的时候要注意标签的语义化。说实在的，一开始我是对这些是不以为然的，觉得一个页面吗，能给你实现出来不就好了，哪来这么多的事情。直到后来我写的页面的多了，我渐渐开始发现这些事非常有用的，语义化标签，能让我们的页面更加容易读懂。其次，在编写页面的过程中，会经常遇到很多的标签嵌套，经常写着写着就会发现整个页面很混乱，都是div套着div，在写样式的时候标签选择器也是非常的长。所以，在写页面前一定要先有个大概的构思，哪些地方可能用到什么标签，哪些地方要怎么布局，先有个大概的思路在自己的脑子里。这样，再编写页面的时候，就不会有一种混乱感了。