学习搭建一个小网站_8_html和网站模板续
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了学习搭建一个小网站_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
接下来的教程需要对三个方面有初步了解：
- css一般做些什么
- css解决了什么问题
- 看懂简单的css
关于浏览器js的介绍，请看这里：http://www.w3cschool.cn/js_intro.html
接下来的需要对这几个方面有初步了解：
- 理解js是一个脚本语言
- 理解js是在浏览器中执行的，和之前说的nodejs不一样
- js解决了什么问题
html的head里可以
- 定义css和js
- 引入外部css和js
先记住以下注意事项，后面慢慢理解：
- js会按照定义或引入的先后顺序，在浏览器中执行，变量和方法是全局生效的，因此后定义或后引入的js可能会依赖之前定义或引入的js
- 有一大堆一大堆现成的第三方js框架可以使用，降低工作难度，根据上一条，使用时需要注意顺序和依赖
- css有优先级的概念，高优先级的样式会覆盖低优先级的，优先级如下 浏览器缺省设置 < 外部样式表 < 内部样式表（位于 <head> 标签内部） < 内联样式（在 HTML 元素内部）、
- 同名的css不合法，同属性名的css会依照上述优先级渲染
有了初步概念之后，可以先做一件事情，《抄》
可以在网上寻找线程现成的网站模板，或者找个看的顺眼的网站，把觉得好看的控件都“抄”过来
例如bootstrap的入门，http://v3.bootcss.com/examples/starter-template/，顶部的导航栏看起来既简约又挺酷的，我们想抄过来自己用
文字攻略：
可以用浏览器的调试功能（一般是F12）定位到导航栏容器控件，然后copy完整的容器内部的html，放到自己的网页中，同时，完整copy网页源代码中的head中的Link和script部分以及body底部的script部分，然后自己的网页中就有这个导航栏了
嗯。。下一篇具体说“抄”的事情
以上是关于学习搭建一个小网站_8_html和网站模板续的主要内容，如果未能解决你的问题，请参考以下文章
NodeJS学习笔记——搭建开发框架Express，实现Web网站登录验证