网站制作入门之一个网站是如何制作的?

网站制作入门之一个网站是如何制作的?

时间:2019-1-18 分享到:

今天和我们分享的内容是代码,90%的人看不完全代码。我第一次看到一串串各色的字母时,内心其实是非常回绝的!但把代码套路看了好几遍、细细的剖析了代码完结思路后,发现只需发现其逻辑的套路仍是能够学进去的。

“一个网站是怎么制造出来的?是不是用了很高大上的技术?”这是大多数童鞋经常会产生的疑问。

网页制造并非我们想的那样用了高大上的技术。其实网站制造套路仍是很简单的,是由一个叫div+css来搞定的。接下来给我们具体讲解一下~

Div+css是什么?

• div+css是网站布局方式

• Div:是一个常见网页布局结构。它取代传统的表格布局方式。(就相当于人的骨架和各个零件)

• Css :是给网站进行美化和润饰。(相当于人的衣服、鞋子、帽子等润饰自己的东西)

• 例如:我们把div比喻成一个人的话,那么css 就是给这个人穿上华丽的外衣。

Div+css布局的优势是什么呢?

• 这样写代码精简,进步页面的下载速度,有利于查找引擎的优化。

• 一个网站开发完结后。用户经过”百度查找”的方式获得该网站信息,若要用传统的表格布局。会形成网页页面很乱,不利于百度的查找和查找。

• 结构与款式分离,方便前端开发人员与后台程序开发人员分工协调。

• 一个完好的网站由前端开发人员和后台程序开发人员相互配合来完结。

• 前端人员担任网站页面的设计和布局。后台程序开发人员担任网站功用开发(如:文件上传)

• 若结构和款式没有分开,不利于前端开发人员与后台程序开发人员的后续工作。

请童鞋们看看下面这段代码

看完这段代码后有何感想?

有人会问div是什么?class是什么?con是什么? Style 是什么?

• Div :是网页布局标签。

• Class:规则元素的类名(classname)。就是给某一个div起名字。

• Ps :div 的名字能够随便起。

• < div> 是说我界说了一个div并且给这div起了一个名字叫”con”

• Style:位于 head 部分。它的出现是要我们通知浏览器我要给一个叫con的东西规则款式。比如。一个叫con的div它的宽是多少?高是多少?色彩是什么?

好了 ,看完上面的具体讲解,是不是对网站建造逻辑有了焕然一新的理解。当然,不想学习代码的童鞋还有另一个愈加便捷的办法,赶紧联系佛系站长,离别程序猿,自己的网站自己做主!您无须懂代码,轻松定制专归于自己的网站。

版权所有:http://www.foxizhanzhang.com 转载请注明出处