干货!规划师也能够学习的前端常识part1

查看次数:608 2018-03-02

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

一、途径联系
先来看一个常见调用图片的方法:
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文件该怎样找捏?这个,留给我们考虑一下,嘿嘿……


【声明:信息来自网络,如有侵权,联系既删。】
推荐新闻

企业网站建设后如何提高网站的优化和收录?

2023-01-29

伴随搜索引擎算法的不断更新升级,对于当下许多企业网站站内优化的排名与收录有着直接性影响,而作为站长们,我们只有做好站内优化,找到优化的契合点

网站制造的过程中怎么正确运用面包屑导航

2023-01-29

假如一个网站中有很多子页面,需求运用面包屑导航,这能够帮助用户快速在网站中找到回来路径,特别是在广泛运用的电子商务网站中,用户能够确认

速看,网站建造的六大特性

2023-01-29

摘要:网站建造对标橱窗装饰,全方位掩盖企业需求,真实特性实现多样化功用,助力企业长远开展。 琳琅满目的货品在光彩夺目的橱窗

少花钱做网站,网站建造常用的好办法推荐!

2023-01-29

网站建造常用的办法有哪些?网站建造办法有哪些?不要再四处寻找了,这里汇总一些网站建造常用的办法,少花钱做高端品牌网站,质量好,服务好,

好的网页制造公司有哪些方面的长处?

2023-01-29

网络营销是中小企业转型的好办法,不只能够帮助他们扩展销售市场,还能够添加他们的数量。只需网络营销做得好,就会有更多潜在客户了解公司,他

网站制造中咱们需要了解的问题有哪些?

2023-01-27

网页制造和规划与观众粘性直接相关。研讨数据显示,大多数用户在阅读网站时都会重视某些网站项目。在这里,咱们运用这些研讨列出了在构建网站时

返回顶部

TOP

QQ客服

QQ客服

上海网站制作公司:电话:021-67637587

021-67637587

开杰做网站
上海网站设计公司 上海网站设计公司

Are you ready?


您准备好了吗?我们时刻准备就绪!

我们专注:网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务:网站建设、企业邮箱、网站优化、域名注册、虚拟空间

期待您与我们联系!您的咨询,是对我们极大的鼓励和支持,也是我们共赢美好未来的开始! 更感谢您对我们的关注与信赖……

您也可通过下列途径与我们取得联系:

电 话: 021-67637587,13817759102 (微信同号)

电 话: 15900942493 (微信同号)

QQ: 632248744 , 273657225

邮 箱: service@kj021.com

地 址: 上海市松江区荣乐中路228弄104号202室

地 址: 上海市闵行区(莘庄)友情路50弄15号1302室

上海网站建设
上海网站建设

上海开杰信息技术有限公司 沪ICP备12017671号-4

电话:021-67637587 15900942493(微信同号)

地址:上海市闵行区友情路50弄15号1302室

地址:上海市松江区荣乐中路228弄104号202室

上海开杰信息技术有限公司 上海网站建设 电话:021-67637587

地址:上海市松江区荣乐中路228弄104号202室

地址:上海市闵行区(莘庄)友情路50弄15号1302

沪公网安备 沪公网安备 31011702001626号 沪ICP备12017671号-4

上海开杰信息技术有限公司松江分部

电话:021-67637587 15900942493

地址:上海市松江区荣乐中路228弄104号202室

上海网站设计公司