程序员与网页设计(程序员眼中的网页到底有什么不同)
程序员与网页设计(程序员眼中的网页到底有什么不同)
2024-11-22 02:45:04  作者:甜甜的药  网址:https://m.xinb2b.cn/tech/vrv408079.html
一、认识网页

在学习之初,我们需要认识一下网页的概念,因为网页与我们的 HTML是息息相关的。

那么接下来我们来看一下,我们经常去通过浏览器查看的网页,它的本质是什么?在此我们需要去做一个对比。我们眼中看到的网页与程序员眼中看到的网页,到底有什么不同?

首先就是我们用户眼中看到的网页,这是一个普通的网页,它的一个首页的效果。这个里面大家可以看到有很多的文字内容,包括一些图片内容,并且呢它按照一定的格式去进行了一个排版,那么这些就是我们用户看到的网页。


用户眼中看到的网页

而同样这样一个网页,在程序员眼中是什么样的效果呢?实际上程序员眼中的网页,都是由这样一系列的代码组成,这个代码里面并不能直观的去展示成我们眼中看到的,比如图片以及其他的内容效果。那么程序员的这眼中的网页是怎么制作出来的。而用户眼中的这个网页又是怎么去呈现出来的?这是我们需要去思考的问题?


程序员眼中看到的网页

接下来我们先解决第一个问题,程序员是如何去制作网页文件的,其实程序员用的就是我们的 html 技术来去制作网页文件。而我们通过浏览器查看到的网页都是这种扩展名为点 html 或者是点 htm 的文件。

二、 HTML 是什么呢

HTML叫做超文本标记语言(Hypertext Markup Language),它是一种标记语言,主要就是用来去搭建网页的结构用的。

那么程序员制作的网页就是 html 文件吗?也不全是。网页的组成呢很复杂 它除了 HTML之外,还有其他的内容。


三、网页的组成

首先我们来看一下我们网页的里面,组成的一个相关技术,也就是我们前端所需要学习的三层技术:

这个里面 html 实际上它是我们制作网页的时候,第一层叫做结构层,他用来去搭建网页的整个的结构骨架;

第二层 css 是样式层,用来去美化我们的网页结构;

第三层叫做 javascript,它是行为层,这个行为实际上就是用来去制作,我们网页中的很多交互效果;比如用户点击的效果,我们的页面切换的其他效果等等;

我们通过一个小小的案例,来带大家好好理解一下什么是前端三层,大家都去自己绘画或者是观察过别人绘画的过程。如果我们去绘制一个人物的时候,那么我们首先需要绘制的就是这个人物的结构,这个结构比如说人物包含头部、身体以及四肢、我们需要去首先绘制一下它的轮廓,哪个地方是头部,哪个地方是身体,其实这个过程就相当于前端里面 html 在搭建结构;

搭建完结构之后,这样的一个人物是不好看的,所以我们需要用到 css 去对它进行美化,我可以给他去化妆穿衣服,这样我们就可以得到一个类似照片效果的人物,但是真正的人物效果它是可以去动的,是有各种各样的运动,各种各样的动作,这个动作和运动效果由谁来制作呢?就是我们 javascript 它的一个功能,它就相当于我们把一个静态的,美化之后的一个人物让它动起来。

当然我们网页除了这三层技术之外,它还包含其他的内容,就比如说我们看到的图片、视频、音频、超级链接等等;那么这些内容包括我们之前所讲的前端三层,它都是我们要去制作的具体存在的文件。

  • 省心的优化网络方法(各类双边网络加速软件效果测试)
  • 2024-11-22各类双边网络加速软件效果测试双边加速即在服务端和客户端都需要进行安装,对数据包进行处理,区别于单边加速,如BBR,BBR通过算法改善服务端发包行为,只需在服务端安装,而不用在客户端安装通过网络搜索,目前比较流行的双边加速软件大概。
  • 内蒙古公务员省考职位表2022(内蒙古省考招录公务员6206人)
  • 2024-11-22内蒙古省考招录公务员6206人内蒙古自治区党政群机关(参公单位)2023年度考试录用公务员简章根据公务员法和公务员录用有关规定,自治区公务员主管部门研究决定,组织实施全区2023年度考试录用一级主任科员以下及其他相当职级层次公务员。
  • 沈腾评价宋小宝全集(争夺口碑扑街的烂片之王)
  • 2024-11-22争夺口碑扑街的烂片之王5、《四海》《四海》是由韩寒执导,刘昊然、刘浩存、沈腾、尹正、乔杉、周奇、王彦霖领衔主演,黄晓明、张宥浩、陈小春、万梓良、吴彦姝、赵子琪特别出演,冯绍峰友情出演的电影该片讲述了擅长摩托车特技的少年吴仁。
  • 白色雪梅的花语是什么寓意?六月雪花语是什么
  • 2024-11-22白色雪梅的花语是什么寓意?六月雪花语是什么六月雪在许多地方随处可见,每当在六月份的时候,就是六月雪盛放之期看着眼前一片白茫茫的景象,宛如银装素裹,雪花满树所以说六月雪观赏价值非常高,那么六月雪花语是什么呢?六月雪的花语代表着思念、清纯、梦境、。
  • 衣服起毛球如何办(衣服起毛球怎么办)
  • 2024-11-22衣服起毛球怎么办首先,一个很古老的方法就是使用刮胡刀去毛球,就像刮胡子一样,把衣服铺平,用刮胡刀轻轻挂掉就好了现在也经常用的毛球修剪器,有充电的也有上电池的,把衣服铺平,用毛球器很容易将毛球刮掉还有一种方法就是用胶带。
  • 淘小米的水正常是什么颜色(潍坊女子买黑小米淘水后褪色)
  • 2024-11-22潍坊女子买黑小米淘水后褪色齐鲁网1月21日讯(潍坊台王新波)家住潍坊鲁发名城的张女士日前在小区附近的一家大型超市购买了一些黑小米,可是回家淘洗后发现有些不对劲,竟然出,水变黑,米却变白了记者看到,张女士买来的黑小米与普通的黄小。
  • ao3如何创建合集(我是怎样得到AO3内容的)
  • 2024-11-22我是怎样得到AO3内容的和大家之前说过,相关代码我会放出来,现在代码已经上传了去Github搜索czw90130/AO3_DataAnalyze,我也和大家讲解一下实现方法,希望能激发大家学习编程兴趣这里先讲解爬虫是怎么实现。
  • 八种不能忘的感恩(感恩不能成为精神枷锁)
  • 2024-11-22感恩不能成为精神枷锁文丨师利国前几天开车回老家,道路两侧风景十分美丽,满山遍野的红叶在绿叶衬托下,显得别有一番风味不少市民利用休息时间,专程开车到十竹路欣赏,有的兴致勃勃地爬到山上观赏,有的在议论大地的神奇,很多摄影爱好。
  • 怎么吃火锅不尴尬(如何优雅地吃火锅)
  • 2024-11-22如何优雅地吃火锅热辣滚烫的口感、鲜香麻辣的口味、热闹的就餐环境,共同组成了全国人民最爱的美食之一——火锅正所谓“吃货有意,火锅无情”,那种火辣新鲜在迷惑你味蕾的同时,痔疮的导火索也在被慢慢点燃......所以,美食跟。
  • 年轻的妲己温碧霞(最美妲己温碧霞)
  • 2024-11-22最美妲己温碧霞红尘滚滚,痴痴情深,聚散总有时或积极进取,或迫于形势,或倾情豪放,或半推半就,很多女星皆曾在银幕上大胆展示自己的烈火青春,让星汉灿烂的香港电影更加璀璨夺目,俱为一时人杰今日份主角——温碧霞,和林碧琪、。
  • 旧电脑怎么安装系统教程(旧电脑如何安装系统)
  • 2024-11-22旧电脑如何安装系统昨天去学校家属院安装个系统,发现电脑比较老,12年配的amd的老CPU打开电脑发现卡的用不了,所以决定重新格式化,安装新系统看到这种电脑都疼头,估计装个系统得不少费事果然不出意料,u盘安装系统,不识别。