网站制作过程包括哪些步骤（网页设计制作详细流程）-易企推网

也许你觉得制作网站感觉很难，写代码让你脑袋疼，写网站没有思路，网站制作无存下手，我来给你讲解网站制作流程，让你从此轻松写网站。

网站制作路程

题目拟定
网站题目功能分析（所需要的功能与所需要实现的功能）
功能分析（细分每一个功能的作用）
logo品牌设计
网站首页布局图、网站功能安放图制作与分析
数据库设计（所需要的表与所需要的表属性、E-R图设计、数据采集与数据插入）
网站制作

网站页面示意图：

网站登录页面

网站css3样式分析：

*{margin:0px;padding:0px;}

body{ background:url(../image/beijing1.jpg) no-repeat;margin:auto;}

#login-box{ width:1200px; height:450px; margin:auto; background:white; margin-top:10%; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }

#font-login{width:1200px; height:35px; line-height: 35px; background: white; float: left; border-bottom: solid 1px blue; text-align: center;font-size:16px; font-weight:bold; text-decoration: none; box-shadow:0px 5px 5px blue;}

#font-login a{text-decoration: none; color:black ；}

#font-login a:hover{ color:red;}

#login-input-div{ width:auto; height:50px;line-height: 50px; float:left; border:solid 1px blue; margin-top:15px; margin-left:150px;}

#login-image{width:50px;height:35px;margin-top:8px;float:left;}

#login-img{ width:50px; height:50px; float:left;}

#login-name{ width:850px; height:50px; line-height: 50px; font-size:16px;}

#login-name:hover{font-weight:bold;}

#login-password:hover{font-weight:bold;}

#login-conpassword:hover{font-weight:bold;}

#login-yzm:hover{font-weight:bold;}

#login-password{width:850px;height:50px;line-height: 50px;font-size:16px;}

#login-conpassword{ width:850px; height:50px; line-height: 50px; font-size:16px;}