也许你觉得做网站很难 , 写代码让你头疼 , 写网站没有想法 , 没有办法做网站 。让我给你解释一下网站制作过程 , 让你从现在开始轻松写一个网站 。
网站制作路线
网站页面图:
文章插图
网站登录页面
网站css3风格分析:
*{:0px;:0px;}
body{ :url(../image/.jpg) no-;:auto;}
p>
#login-box{ 宽度:; :450像素; :汽车; :白色的; -前10名%; :alpha(=60); -moz-:0.6; -khtml-: 0.6; : 0.6; }
#font-login{宽度:; :35像素;线-:35px; : 白色的;向左飘浮; -:纯1px蓝色;文本对齐:;字体大小:16px;字体-:粗体;文本-??:无; box-:0px 5px 5px 蓝色;}
文章插图
#font-login a{text -: none;颜色:黑色;}
#font-login a:hover{ color:red;}
#login-input-div{ 宽度:自动; :50像素;线-:50px;向左飘浮; :solid 1px 蓝色; -顶部:15像素; -left:150px;}
#login-image{width:50px;:35px;-top:8px;float :left;}
#login-img{ 宽度:50px; :50像素;浮动:左;}
#login-name{ 宽度:850px; :50像素;线-:50px;字体大小:16px;}
#login-name:hover{font-:bold;}
#login-:hover{font-:bold;}
p>
#login-:hover{font-:bold;}
#login-yzm:hover{font-:bold;}
#login-{width: 850px;:50px;line-:50px;字体大小:16px;}
#login-{ 宽度:850px; :50像素;线-:50px;字体大小:16px;}
#login-yzm{ 宽度 :850px; :50像素;线-:50px;字体大小:16px;}
#{宽度:50px; :30px;}
#tj-box{宽度:; :50像素;线-:50px;向左飘浮; -左:100像素; -top:20px;}
#login-{ 宽度:450px; :50像素; :蓝色的;颜色:白色;浮动:左;字体-:粗体;}
#login-:hover{: 黑色;白颜色;字体大小:18px;}
#login-reset{ 宽度:450px ; :50像素; :蓝色;颜色:白色;向左飘浮;字体-:粗体; -left:110px;}
#login-reset:hover{ : 黑色;白颜色;字体大小:18px; }
看完这些风格代码 , 你是否感到头疼?真是头疼 。风格是网站设计的开始 。网站制作:html+css+js属于前端 , php+mysql属于后端环境 。学习这些来制作一个高端的网站页面 。例如:
【网站制作流程,让你从此轻松写好网站!!】
文章插图
- 冬季养生注意事项 让你健康的过个暖冬
- 二手车过户费多少钱?过户费过户流程及费用一览表
- 组图 每天坚持半小时,让你轻松拥有腹肌!
- 事件流程及审判结果分享 八达岭老虎伤人的事件结果
- 百度与谷歌收录的流程
- 怎么洗脸最干净 4个坏习惯让你的脸越洗越脏
- seo优化排名的5大方法,让你的网站轻松获得排名!
- 软体开发流程
- 工作流程管理软件免费下载(流程管理工具有哪
- 最强蜗牛赤兔马怎么获得 最强蜗牛赤兔马任务流程攻略