本文作为小白入门级,相对基础,是写给现在想了解一点前端知识的设计师同行们,今天这章用设计师熟悉的PS来解释前端相关的术语,通俗易懂幽默风趣,绝对是小白入门的好教程。 今天要讲三个东西:文件路径关系、各式文本和继续排版 看不懂的童鞋,不要偷懒,去把前面的补一下。 一、路径关系——各司其职 上一节中,要调用图片的时候用了这么一句: background:url(imges/01.jpg); 图片、链接地址、样式文件、js文件……等都是经常需要外界支持的东西,浏览器通过html标签内的各式url地址去一一找到然后呈现出来,一旦地址错误,比如找不到样式文件或者图片,那网页所呈现出来的就不知道神马鬼了。所以,虽然大多数文件都可以浏览选择并不需要手动去敲,但是了解个中关系,对处理问题也是有一定好处的。 如下图,一个相对较完整的文件夹是酱紫的,包含主页index和所需的样式文件、images、js等,哪怕样式文件就一个都要单独建立一个文件夹,html文件一般放在其他文件的上层,但是html文件很多,或者分模块的情况下也是需要建文件夹哒。看个人喜好啦…… index.html中要是需要引用images下的图片01,地址为:images/01.jpg。 [img]http://www.06ps.com/d/file/2016/0627/...
内容已隐藏,请关注公众号输入验证码查看
本帖支持关注公众号查看
【无套路 无套路 无套路 扫描二维码关注公众号发送【修改成公众号设置的关键词】收到验证码 在上面输入点击提交查看即可显示隐藏内容】
|