零基础也能看懂!这篇文章千万别错过!
2020-11-26 18:22:04 阅读(168) 评论(0)
Sunny萧萧:本文作为小白的入门级,相对基础,写给现在想了解一点前端知识的设计师同行。这篇文章用设计师熟悉的东西解释了与前端相关的术语(例如,背景解释(这里省略了2000个单词…)。序言仍然需要一点:许多人认为他们一听到前端这个词就在写网页。事实上,前端包括很多东西,不仅仅是标签和风格。如果按10级来评价,不知道你想象的东西有没有占20%。今天,为有需要的人整理一些以前的东西。作为web转行做设计师的人,我会尽量从设计师能理解的角度来说,如果有不足和错误,请纠正但不要喷。1、如果你使用工具和工具,我认为DW是最熟悉的。对于设计师来说,光看图标就感觉很友好?DW可能不是全职前端的首选,因为它会觉得性能不好,比如代码提示不够,工作效率不高。以DW为例,这主要是...我的电脑里只装了它。太多的代码提示不是一件好事。如果你养成了只记住前两个字母然后等待代码提示的习惯。大概就像没有自动铅笔的时候,连普通铅笔都不会剪。多尴尬啊。第二,初步识别htmlhtml不是编程语言,而是标记语言。它只是以网页的形式在相应的标签中显示内容,让人们看到。就像用PS添加字体、颜色、样式一样。。。然后导出成一张图片给别人看。事实上,编写PS程序软件的人所做的就是编程。你所需要做的就是掌握一定的PS技术。同样,DW也是一个让你的内容呈现给他人的工具,你可以给内容(图片、文本、形状……)布局,添加风格、动作……然后导出一个html文件,让其他人可以通过浏览器看到,布局和添加风格的技术是你需要掌握的,这是本文想要传达的。1.文件格式的后缀是“.html“文件是网页的文件格式,默认用浏览器打开。有时会遇到诸如“有时会遇到”之类的“例如”.htm其实格式也差不多。就像jpg也叫jpeg一样。2.在新文件DW中新建html文件,然后自动出现以下代码:该代码至关重要,不同版本的DW可能有所不同,但功能相同,相当于在新建PS文档时至少有一个层。这些代码规定了浏览器读取所需的一些规范,为您写入内容奠定了基础。其中:所有想要显示的内容都安装在标签中,即html画布,将东西放在画布外,可能看不见,也可能出错。你的网页名称包含在内:(其他标签功能会在后面的文章中慢慢讲解或者百度。)编码区上方有几个菜单,Code(编码)、Split(拆分)、Design(设计)、Live(实时),请确保您在编码菜单下。之前有设计师用design直接可视化排版,说也可以排版。嗯...程序员为什么要来?你有你的便利,我们有我们的优势...乖乖码字。尖括号“<>而看似不知道的单词的组成就是标签,也是构成网页不可或缺的元素,当然不止这些。有木发现,除了第一行和带meta的,都是成对儿出现的?(ohgod,代码都来虐狗了!)而且不交叉。以下是一些需要注意的规范:1)除特殊标签外,所有标签必须成对出现,并以“<tagName>以“”开始,以“</tagName>“结束(所以也叫开始标签和结束标签),不要和其他标签交叉:下面这种乱七八糟的方式肯定会死得很惨。2)标签名小写(记住……)3)每个标签的尖括号不能多也不能少(这与浏览器读取网页的形式有关,一般从上到下,从左到右。当你读到一个左尖括号时,“好吧,多说是没有用的,或者在实践中寻找知识!”实战案例演示1。你习惯于在PS中移动鼠标画矩形吗?那么现在要改变一种方式,把你想让DW做的事变成一行命令。然后在第一个div后面,先空格,再添加样式句子如下:保存后刷新即可看到:OK,当我们接触到这个标签时,我们会谈谈。我通常把标签看作是一个二维盒子。之所以是二维盒子,是因为盒子只有宽度和高度,是平的。这个盒子可以小到看不见,也可以大到看不见。html中有很多种盒子,比如a标签盒()、文本p盒()或span盒(比如1,有这样一句话:style="width:200px;height:200px;background-color:#c93;"如果没有这句话,就像在白色画布上画一个白色矩形,你会看不到你的盒子。width(宽)、height(高)、background-color(背景颜色)决定了盒子的宽度和颜色,它们被称为属性,其次是属性值。width(宽)、height(高)、background-color(背景颜色)决定了盒子的宽度和颜色,它们被称为属性,其次是属性值。事实上,有时你可以把每个标签都当作一个人或任何物体(有点面向对象的想法,请百度感兴趣)。所有能描述这个人的外表都被称为他的属性:如果我们想用html标记语言来描述上图中的孩子,可能是这样的:当然,不可能写酱紫色,标签和标签属性不允许有中文。因此,获得以下风格的书写规范,多练习画几个盒子(可以尝试改变宽高和背景颜色):2、默认风格和附加风格。如果你是一张好孩子的纸,做上面的练习,画更多的盒子,你会发现无论右边的空间有多宽,新盒子总是另一行。你只规定了大小,没有告诉盒子要“站”在哪里。那就是要说的。1.默认风格:1)左侧,会占用与自身高度相同的空间(前提是你已经规定了宽度和高度,否则是0),所以别人跟不上。2)div盒默认为白色。2.附加风格:例1中的style是附加风格。在添加附加风格(以下简称风格)之前,div按照自己的默认风格呈现。添加样式后,默认样式将被覆盖,俗称“后来居上”。让我们做一个实验。在div盒的样式中添加两个相同的属性名称,即style,具有不同的属性值:
推荐阅读
- 介绍5款制作游戏的软件
现代人们的生活水平不断提高,对娱乐生活的需求也越来越大,游戏在娱乐产业中的占比也越来越大。很多游戏公司进行了相对的开发调整来适应人们的需求。我给大家介绍5款制作游戏的软件,内容如下: 1.唤境 它是一款可以免费使用的制作游…查看详情
- 介绍几款好玩的软件,既能增长见识又能丰富学识
随着网络时代技术的进步,市面上出现了许多各种功能都app,今天就给大家介绍几款好玩的软件,既能增长见识又能丰富学识,还能把闲暇的时间利用起来,下面就听我给你们一一讲解。 1.过客 可以给陌生人写信,也可以收到陌生人写的信。…查看详情
- 推荐好用的ktv常用软件
很多年轻人下班的时候想要找一个放松自己身心的娱乐方式,都会选择去KTV唱歌。那么此时就必须要用到ktv常用软件,如果不知道怎么选择的话,可以看一下以下的KTV常用软件推荐。 1、kone点歌软件 kone点歌软件算是一个广…查看详情
- 手机桌面软件怎样布局呢?这5种方法可以了解一下
为了方便使用,在手机中通常会有十多款甚至上百款软件,但如果没有良好的布局,寻找的时候难免浪费时间。建议大家选择合适的手机桌面软件布局的方式,可以让软件图标更容易分辨,那么手机桌面软件怎样布局呢?下面几种方法一起来看看吧。 …查看详情
- win10怎么看网线速度
在现代社会中,无法想象一个没有网络的世界。网络是我们生活中重要的一环,它让我们与朋友、家人和世界保持联系,同时也是我们获取知识和信息的主要途径之一。然而,网络速度的快慢对我们的生活和工作产生了很大的影响,因此如何检查和管理网络速度是非常…查看详情
- 江南三大名楼是哪三个?
优质答案(1) 江南三大名楼指的是:江西南昌的滕王阁、湖北武汉的黄鹤楼,湖南岳阳的岳阳楼。作为中国古代中华民族传统建筑艺术独特风格和辉煌成就的杰出代表,象征着中华文明五千年积淀的文化、艺术和传统。亦被文人雅士所称颂。 黄鹤楼,巍峨耸…查看详情
- 自己开发微信小程序收费吗
微信小程序开发价格到底是多少钱? 微信小程序开发要多少钱,要看你的需求和开发方式方式一,“一键生成”的套模板小程序,价格比较低,一般几千元优点是:功能简单,容易操作,快发时间短,能够快速上线缺点是:功能一般无法修改,这种模板小程序是按…查看详情
- 不知道怎么申请域名?这里送你一份域名申请流程!
怎么申请域名?很多人想要注册域名,但碍于域名注册流程不是很懂,从而错失搭建自己网站的机会。很多企业都会有自己的官方网站来展示自己的公司形象,那么建立网站就需要用到域名,很多人会问怎么申请域名,下面小万就来给大家讲解一下域名的注册流程。图片来…查看详情
- 企业推广的主要目的是什么
企业推广的主要目的是通过各种营销手段和渠道来宣传、推广和销售其产品或服务,从而达到以下几个主要目的: 1.增加知名度:企业推广的首要目标是提高品牌的知名度。通过广告、市场活动、社交媒体等方式,企业能够让更多的人了解和认识自己的品牌,从而扩大…查看详情
- 版权登记需要哪些材料?因作品和实际情况不同,所需材料不同
因为互联网的发达,很多作品都会被反反复复的抄袭,为了避免自己的作品遇到这种种情况,很多人都选择通过版权登记的方式来对自己的作品进行保护,在进行版权登记之前,大家需要准备好相关的登记资料,那么版权登记需要哪些材料呢?图片来源于网络 版权登记需…查看详情
- 服务好不好,用户来评价 瑞云服务云智能评价助企业持续提升服务满意度
在互联网和信息化不断发展的今天,企业的可持续发展离不开精细化、智能化的企业运营。如何精准打造用户喜欢的产品,如何持续提升服务质量成为企业管理者们越来越关注的话题。而用户评价,则是获取用户意见的重要途径。 瑞云服务云“服务评价”功能,可以为企…查看详情
- 4款可以随时在线观看电影的软件推荐
如今人们的娱乐生活也丰富了,很多人会在下班后或者节假日去选择看一个电影来放松自己,但是有些电影票可能就比较贵,所以有些人就会选择在线电影软件,很多人不知道,下面是我给大家的介绍。 1.葫芦视频 是当贝与华视网聚合作开发的一款…查看详情
- 高价值电信短信营销 让客户买单!
许多电信短信营销不分时间段、不够尊重客户、随便编写生硬的短信广告就一股脑地进行大批量群发短信,这样的短信营销自然是要被客户反感厌弃的,但是这样短信群发营销方式正被大部分商家所应用着,这就造成了很多商家电信短信营销效果很差的情况。那么如何编写…查看详情
- 搞笑小说大全 幽默搞笑小说排行榜
每个人对于小说的类型都不相同,有的人喜欢看言情小说,有的人喜欢看搞笑小说,那么如果要看搞笑小说的话,是肯定要知道搞笑小说排行榜都有什么的,要从一些火热的小说中去选择,这样的话才不会觉得浪费时间,才不会觉得看着没有意思。 1、…查看详情
- 找工作平台哪个靠谱 2022找工作用什么平台
对于普通上班族,现在外出找工作,一般都选择线上招聘,因为线下的一些人才市场,求职人员比较杂,合适的岗位也有限,可能一天光排队都要大半天,再加上路上折腾,效率不高。 那么,线上找工作,目前找工作平台哪个靠谱,下面万商云集小编就为大家推荐…查看详情
猜你喜欢
最新文章
扫码二维码
立即领取《千元实战营销秘籍》
还可免费试用营销管理系统
*如有疑问,请随时拨打免费咨询热线:400-0033-166
服务时间:8:30-18:00
软件企业
认定号:川RQ-2018-0216
高新技术企业
认定号:GR201951001121
关注微信公众号
和10万中小企业共同成长
扫码下载APP
享全方位服务一触即达
Copyright © 2004-2022 万商云集(成都)科技股份有限公司 版权所有 蜀ICP备12001963号-2 川公网安备 51010402000322号
快速找产品
找一找哪款产品适合您?
咨询热线:400-0033-166
免费查找信息保护中请放心填写-
-
电话沟通
在线咨询
获取方案
下载APP
官方微信
扫码下载APP
全方位服务一触即达
关注万商云集
和10万中小企共成长
TOP
企业首选的数字选用平台