程序员与网页设计(程序员眼中的网页到底有什么不同)
程序员与网页设计(程序员眼中的网页到底有什么不同)
2024-11-08 01:46:45  作者:甜甜的药  网址: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-08优雅大气的微信个性签名一、与其违心赔笑,不如一人安静,与其在意别人的背弃和不善,不如经营自己的尊严和美好二、人生本来就没有相欠,别人对你付出,是因为别人喜欢,你对别人付出,是因为你自己甘愿情出甘愿,事过无悔三、你要做一个不。
  • 聪明女人如何收服花心男人(聪明女人如何收服花心男人)
  • 2024-11-08聪明女人如何收服花心男人男人喜新厌旧,发生婚变,一般女人的手段是“一哭二闹三上吊”,不但没有成效,反而更加速丈夫的休弃如果妻子理性又聪明,是可以挽回的西汉时期,才子司马相如到富商卓王孙家做客,为主人弹奏乐曲卓王孙女儿卓文君也。
  • 继承者计划美女飙车下楼梯(继承者计划搞笑撩妹装怂一盘乱炖)
  • 2024-11-08继承者计划搞笑撩妹装怂一盘乱炖大眼姐这几天被一部剧迷到停不下来这部片以东北为大背景,出生在延吉的男主角,他的父亲是当了30多年的辅警,母亲呢,虽然曾是车间劳模,却也不得不随大流而下岗,成了保洁阿姨看到这个背景人设,大眼姐觉得特亲切。
  • 莆田马糕的做法步骤(怎么做莆田马糕)
  • 2024-11-08怎么做莆田马糕准备粘米粉120克,糯米粉60克,水适量,糖粉60克将粘米粉和糯米粉以及糖粉混合加入水,用手搓均匀,用手抓一些粉,可以成团过筛到铺了纱布的蒸笼里,表面刮平,用刀割几道,蒸好可以直接掰开吃表面盖纱布,放。
  • 全新景逸x5深度评测(颜好腿长全新景逸X5分分钟刷出存在感)
  • 2024-11-08颜好腿长全新景逸X5分分钟刷出存在感“身材高大的人,无论走到哪儿都自带光环”,虽说是句玩笑话,但说明了一件事儿,只有颜值还不够,腿长才是硬道理!不得不说,颜值和身高双值爆表,才是人生大赢家人如此,对于汽车而言有时候更是如此!尤其在SUV。
  • 葱花面怎么做(超级简单的葱花面做法)
  • 2024-11-08超级简单的葱花面做法准备好用料:面条适量,葱花适量,酱油适量,盐适量,水适量,鸡蛋1个开火、做水,将切好的葱花放入其中,跟水一起煮开鸡蛋打散备用,水开后下入面条面条快熟时,加入适量酱油、盐,用筷子搅拌一下;拢入鸡蛋,关火。
  • 安卓手机和苹果斗地主(苹果手机你要和三星斗地主吗)
  • 2024-11-08苹果手机你要和三星斗地主吗这是一场手机之间的斗地主,三星手机电池炸了你苹果也来炸谁是这次的大赢家,大家现在肯定是有目共睹了,支持中国一名国外用户称自己将适配器从墙壁插座拔下来的时候iPhone6s出现了爆炸,冒出浓烟后开始窜出。
  • 什么叫反语
  • 2024-11-08什么叫反语意思:指的是反话语,普通话读音为yǔ、yù,最早见于商代甲骨文时代“语”字,《说文解字》解释为论也从言吾声鱼举切“语”字基本含义为谈论;议论;辩论,如:语议;引申含义为代替语言的动作,如手语;又引申为。
  • 金丝玉鉴别金丝玉保养(金丝玉鉴别4大要素)
  • 2024-11-08金丝玉鉴别4大要素人们一般用质地、透明度、光泽、颜色、硬度、纯净度、块度等七个要素,作为金丝玉的评价依据用这七个要素评价金丝玉品质时,要综合考虑,每个不可单独使用一、金丝玉的光泽金丝玉按光泽可分为七种,即:玻璃光泽、金。
  • 青岛蓝谷海洋产业园规划图(加速推进产业园区建设)
  • 2024-11-08加速推进产业园区建设半岛网2月7日讯(记者黎文莉)2月6日上午,青岛蓝谷七大板块建设运行指挥部召开海洋生物产业园和鳌山卫高端装备产业园专题会,听取海洋生物产业园和鳌山卫高端装备产业园园区建设推进情况及今年计划安排等相关工。
  • 各大星座九月运势排行(9月各方面运势爆棚)
  • 2024-11-089月各方面运势爆棚弹指一挥间,9月份就到了,这也表示2021年仅剩三分之一,除了感慨时间易逝,你是否会希望9月善待你,让你多一些和美好不期而遇的机会,这种美好的愿望是可以有的,毕竟新的月份又是一个新的开始;那么在九月里。