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

查看次数:406 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文件该怎样找捏?这个,留给我们考虑一下,嘿嘿……


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

提高网站用户体验不能忽视哪些问题?

2022-05-28

现在无论是网页设计,还是app设计,或者是实物设计,最重要的就是用户体验度要很高才行,这样才能在“客户是上帝”的行业中赢得客户!今天我

OpenLiteSpeed和LiteSpeed Cache插件提升网站速度

2022-05-28

一个可以快速加载的网站对于谷歌SEO至关重要,提高页面打开速度往往可以降低跳出率,从而有更高的转化率,并在搜索结果页面上排名更高。WordP

百度SEO建议:通过内页获得海量关键词排名

2022-05-28

对SEO学习过的人会清楚,一个站点想要流量大,单靠网站主页的关键词比较难实现,指数再高贡献的IP也有限,所以进行百度SEO建议通过内页优化布

360浏览器好用吗?360极速浏览器怎么样?

2022-05-28

浏览器作为我们日常使用电脑最常打开的软件之一,有着不可替代的作用。PC浏览器比较常见的就是谷歌Chrome浏览器、360浏览器、火狐浏览器、

南京网站建设应遵循怎样的原则?

2022-05-28

       南京网站建设对于一些不同的网站有不同的设计理念!如果你要做一个成功的网站,所以我

浅谈文明传媒类企业网站建造与运营

2022-05-28

关于企业互联网宣扬来说,网站建造与网络营销是很重要的两个环节。今天来谈谈文明传达类企业进行网站怎样规划才干为您带来广泛的人脉资源。企业

返回顶部

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室

上海网站设计公司