学习搭建一个小网站_8_html和网站模板续

继续上一篇的

<head>标签里我们曾引入了这些东西,css和js

    <!--这里是引入各种网页需要的资源,以下是CSS-->
   <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
<!--这里是引入各种网页需要的资源,以下是JavaScript-->
   <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
   <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>

关于css的介绍,请看这里: http://www.w3cschool.cn/css_intro.html

接下来的教程需要对三个方面有初步了解:

  1. css一般做些什么
  2. css解决了什么问题
  3. 看懂简单的css

关于浏览器js的介绍,请看这里:http://www.w3cschool.cn/js_intro.html

接下来的需要对这几个方面有初步了解:

  1. 理解js是一个脚本语言
  2. 理解js是在浏览器中执行的,和之前说的nodejs不一样
  3. js解决了什么问题

 

html的head里可以

  1. 定义css和js
  2. 引入外部css和js

先记住以下注意事项,后面慢慢理解:

  1. js会按照定义或引入的先后顺序,在浏览器中执行,变量和方法是全局生效的,因此后定义或后引入的js可能会依赖之前定义或引入的js
  2. 有一大堆一大堆现成的第三方js框架可以使用,降低工作难度,根据上一条,使用时需要注意顺序和依赖
  3. css有优先级的概念,高优先级的样式会覆盖低优先级的,优先级如下
  4.   浏览器缺省设置 < 外部样式表 < 内部样式表(位于 <head> 标签内部) < 内联样式(在 HTML 元素内部)、
  5. 同名的css不合法,同属性名的css会依照上述优先级渲染

有了初步概念之后,可以先做一件事情,《抄》

可以在网上寻找线程现成的网站模板,或者找个看的顺眼的网站,把觉得好看的控件都“抄”过来

例如bootstrap的入门,http://v3.bootcss.com/examples/starter-template/,顶部的导航栏看起来既简约又挺酷的,我们想抄过来自己用

文字攻略:

可以用浏览器的调试功能(一般是F12)定位到导航栏容器控件,然后copy完整的容器内部的html,放到自己的网页中,同时,完整copy网页源代码中的head中的Link和script部分以及body底部的script部分,然后自己的网页中就有这个导航栏了

嗯。。下一篇具体说“抄”的事情

 

你可能感兴趣的:(学习搭建一个小网站_8_html和网站模板续)