服务热线:400-0033-166
万商云集 - 企业数字化选用平台

企业首选的

数字选用平台

零基础也能看懂!这篇文章千万别错过!

2020-11-26 18:22:04 阅读(158 评论(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,具有不同的属性值:

内容来源:网络,以上内容来源于网络,不代表本站观点,如有侵权,请联系删除。

推荐阅读

为什么电脑都要安装管理软件?电脑管理软件的具体作用

现如今是个网络发达的社会,人们日常工作学习和生活都离不开电脑,因此电脑的日常维护变得非常重要,时间久了人们会发现电脑里的文件很多,运行速度也会降低。电脑对人们来说如此重要,就要在平时做好管理工作,日常使用过程中下载电脑管理软件是非常有用的,…查看详情

2022年下载手游的软件排行榜

最近几年玩手游的玩家是越来越多了,下面万商云集小编给大家来介绍下2022年下载手游的软件排行榜,希望大家在这些平台上能下载到适合自己的游戏。  1.tiptip  TapTap为用户提供了便捷地发现、购买以及安装到智能手机的游戏社区平台。发…查看详情

xml格式怎么生成

怎么创建一个xml文件?创建一个xml文件的方法步骤如下 1、现在需要创建一个新的布局文件(xml)文件,首先,【右击】项目文件夹下的layout文件夹,然后依次点选【New】-->【Other】。 2、在打开的新建对话框中我们可以…查看详情

这5款精品人事管理系统免费版你一定要知道!

对中小型企业来说,员工管理不顺是一个重要的瓶颈性问题,而人事管理系统的出现为企业解决了这一难题。一个好用合适的人事管理系统可以帮助企业快速整合员工信息,上传下达也非常方便,考核绩效简洁明了。下面这些人事管理系统免费版你一定要知道! 1.仁云…查看详情

光伏发电系统排行 光伏发电排名前十企业

大家都知晓大自然界的能源资源是有局限的,因此各位专心致志与开拓能再造的能源资源来替代不能再造的能源资源,否则大自然早就灯枯油尽,光伏就是说理由太阳能发电站,我给各位推荐七款牌子! 1.展宇光伏 对于世界上造纸行业光储充,汇合…查看详情

推荐几款好用的pdf编辑软件,你用过哪个?

在日常工作中,如果想要编辑PDF文档的话,不妨选择一些好用的PDF编辑软件,这样在日常的编辑上会更加的轻松,也增加文件的私密性。但面对多种不同的软件,可能大家并不知道该怎样去选择,那么下面就为大家推荐几款好用的PDF编辑软件,希…查看详情

公司网站建设哪家好?考察重点应该放在以下4点

网站是企业打开网络营销市场的基础入口,选择网站建设公司不仅仅是参考价格、企业规模和实施周期,更多的还是在提供的服务方面。因为网站需要配合企业发展需求不断完善,并且在网站的运行过程中是需要技术人员进行维护的。如果公司网站建设服务商后续服务不够…查看详情

【解读】网站建设模块广义上分为4个,从细节方面分为5个

如今越来越多企业选择搭建网站来实现企业及企业产品或服务的宣传和推广,从而提高销量获得收益。企业要搭建网站,要通过搭建网站来获得好的效果,需先了解网站建设模块有哪些,哪些模块是必不可少的。 图片来源于网络 ▲ 网站建设模块可从整个网站建设过…查看详情

美发店管理系统哪家强?如何选择美发店管理系统

随着互联网科技的发展,越来越多店家引入了互联网模式,美发店也不例外,那么对于美发店来说,选择一款好的管理系统很重要,美发店管理系统哪家强?小编来给大家做一个推荐和介绍。 美发店的管理包括什么功能? 1.前台收银,如无纸化收银、微信支付宝扫码…查看详情

浅析oa企业办公系统在运用中的优缺点

信息技术飞速发展,为提高企业的效率和可控性,帮助规范和改善现有的企业管理,oa企业办公系统已投入广泛应用,但鱼和熊掌不可兼得的道理自古便有,oa系统也不例外,文章将结合实际情况针对oa企业办公系统在运用中的优缺点进行分析。 简而言之,OA系…查看详情

申请版权作品登记证:保证作品是原创,成功率能达99%

创作者将作品创作完成时,即可申请版权作品登记证,如此能保障自己著作权人的权益,即便发生版权纠纷事件,也能通过版权作品登记证来证明作品权属,维护自己的权益。 图片来源于网络 申请版权作品登记证,首先创作者须保证自己的作品为原创,其次登记的作品…查看详情

推荐好看的末世重生小说排行榜

这些年,外面的形象越来越像世界末日了,所以很多人都会看末世小说来寻找安全感。但是市面上经典末世文是非常多的,如何选择自己喜欢的小说呢?可以查看以下的末世重生小说排行榜。 1、末世召唤狂潮 末世召唤狂潮这一本小说非常经典,讲…查看详情

皮卡销量排行榜前十名,国产品牌依然第一

皮卡车的用途是非常多的,尤其是拉货物的话,皮卡车非常的实用,因为不仅能够拉货,坐人的话也比较舒适,属于一种轻型的载货汽车。而如果想要购买皮卡车的话,也要通过销量来判断,那么下面就针对于皮卡销量排行榜前十名,为大家重点介绍。 …查看详情

qq被冻结怎么办

  如果您的QQ账号被冻结,这可能是因为您违反了QQ的使用条款。在这种情况下,您需要采取一些措施来解决该问题。以下是一些可用的方法来恢复冻结的QQ账号。  一、联系客户服务中心  如果您的QQ账号被冻结,请尝试联系客户服务中心。您可以通过以…查看详情

盘点那些永久免费的分销系统

合理地选择分销系统能够有效地促进供销商与营销商之间的联系,因此可以为企业的合作伙伴和贸易经营都提供一种全新的模式,能够缩短供应商分销商和分支机构之间的供应链,提高企业的产品周转率,因此大幅提高企业的收益率。以下是我为大家整理的一些永久免费的…查看详情

最新文章