作为规划师的你们是否有过这样的经历，当你的规划能够做成网页拜访的时分，各种富丽的网页特效/交互展现是不是太招引了，这个时分你会特别崇拜前端工程师，觉得他们就是大神一样的存在。其实“前端”说简单不简单，说难也并没有很难，有些前端常识，规划师也能够学习运用，乃至可能使规划能力有所提高。下面就规划师也能够学习的前端常识，开杰科技先来给我们讲榜首部分内容：

一、途径联系
先来看一个常见调用图片的方法：
background:url(imges/01.jpg);
图片、链接地址、款式文件、js文件……等都是常常需求外界支撑的东西，阅读器通过html标签内的各式url地址去逐个找到然后出现出来，一旦地址过错，比方找不到款式文件或许图片，那网页所出现出来的就不知道神马鬼了。所以，尽管大多数文件都能够阅读挑选并不需求手动去敲，可是了解个中联系，对处理问题也是有必定好处的。
如下图，一个相对较完好的文件夹是酱紫的，包括主页index和所需的款式文件、images、js等，哪怕款式文件就一个都要独自建立一个文件夹，html文件一般放在其他文件的上层，可是html文件很多，或许分模块的情况下也是需求建文件夹哒。看个人喜好啦……
index.html中要是需求引证images下的图片01，地址为：images/01.jpg。

正常情况下，当然不是一切东西都在一个页面上处理啦，不只款式要独自放在一个.css文件中，一切图片也是要独自放个文件夹的。
不同层级间要引证其他地方的文件时途径该怎样写呢？下面举几类的比如。
1）同级

以index.html为参考点，若再增加一张图片（此处为举例增加的02.jpg文件） ,要引证与自己同等级文件，不必写其他了，直接文件名就OK了。例：url（02.jpg）;
2）下级

相同，以index.html为参考点，它要引证比他低一级的01.jpg，首要，01往上找，是它所属的images文件夹，这个文件夹刚好与参考点同一级，即与01之间只跨一级，则运用一个斜杠“/”,（向下两级则是两个斜杠哦）index想要引证images下的文件，首要得经过images的同意，所以途径还要带上它的“签名”，最终得来途径则是：url（images/01.jpg）；
3）上级

以index.css 为参考点,想引证02.jpg ,首要仍是得往上看，参考点归于css文件夹，而02.jpg跟他爹“同辈”，可是不能直呼其名啊，所以用两点“..”来替代，其实这两点也能够是总文件夹的替代名，由于对index.css来说并无多大含义。
好了，找到规则了没？假如index.css要找index.js文件该怎样找捏？这个，留给我们考虑一下，嘿嘿……