前台设计步骤：首先了解客户需求，掌握客户做网站的目的，及客户的业务方向，根据客户的的业务方面，确定界面的色调与布局等如何做网页设计。其次，根据这些需求，参考同类型的网站，从同类型的网站找到一定的规律，之后用ps先设计大致的出首页界面。设计完成以后给根据你的设计，跟客户再做一次沟通，按他的意见进行修改，达到满意第三、客户满意你的首页设计以后，开始切片，写前台界面div+css结构即可。子页风格也要跟客户做简单沟通，如果客户没有特别要求，要跟首页相随合。第四，在需要加入特效的位置加入特效，在浏览器测试兼容性。第五、做好这些工作之后，就可以把这些交给程序员做后台程序了。
网页设计中的边框代码如何做？
用到CSS样式和HTML标签元素,为了对html不同标签加边框虚线,我们选择几个常用标签对齐设置边框虚线效果.1、html常用标签:p标签 spanul li table tr td;2、实例用到CSS属性单词:border width height;3、实现虚线的CSS重点介绍border为边框属性,如果要实现对象边框效果,要设置边框宽度、边框颜色、边框样式（实线还是虚线）.border:1px dashed #F00 这个就是设置边框样式宽度为1px 虚线,虚线为红色.
