也许你觉得做一个网站很难网站制作，写代码让你头疼seo优化，写网站一无所知，网站制作没有办法开始，我会向你解释网站制作过程，这样你从现在开始就能轻松写出一个网站。

网站制作距离

网站页面图：

网站登陆页面

网站 CSS3 风格分析：

*{：0 像素; ：0 像素; }

正文{ ：网址（.. .jpg） 否-; ：auto; }

#-框{ ：; ：; ：自动; ：; -顶部：10%; :(=60）; -moz-：0.6; --： 0.6; ： 0.6; }

#font-{：; ：35 像素; 行-： 35 像素; ： ： 左; -： 1px 蓝色; 文本-： ; 字体大小：16px; 字体-：粗体; 文本-：无; 框-：0px 5px 5px 蓝色; }

#font- a{文本-： 无; ： ; }

#font- a：{ ：红色; }

#--div{ ：自动; ：50 像素; 行-： 50 像素; ：左; ： 1px 蓝色; -顶部：15 像素; -左：; }

#-{：50 像素; ：35 像素; -顶部：8 像素; ：左; }

#-img{ ：50 像素; ：50 像素; ：左; }

#-名称{ ：; ：50 像素; 行-： 50 像素; 字体大小：16 像素; }

#-名称：{字体-：粗体; }

#-：{字体-：粗体; }

#-：{字体-：粗体; }

#-yzm：{字体-：粗体; }

#-{：; ：50 像素; 行-： 50 像素; 字体大小：16 像素; }

#-{ ：; ：50 像素; 行-： 50 像素; 字体大小：16 像素; }

#-yzm{ ：; ：50 像素; 行-： 50 像素; 字体大小：16 像素; }

#{：50 像素; ：30 像素; }

#tj框{：; ：50像素; 行-： 50像素; ：左; -左：; -顶部：20像素; }

#-{ ：; ：50px; ：蓝色; ：; ：左; 字体-：粗体; }

#-：{： ： ：; 字体大小：18px; }

#-{ ：; ：50px; ：蓝色; ：; ：左; 字体-：粗体; -左：; }

#-：{ ： ： ：; 字体大小：18px; }

看完这些风格代码，你是否感到头疼网站建设，很头疼网站制作，风格是网站设计的开始，网站制作：html+css+js属于前端，PHP+属于后台环境。好好学习这个，做一个高端的网站页面。例如，底部的这个：