1.0 创建你的第一个网页

最新推荐文章于 2024-10-16 17:07:34 发布

岑布斯

最新推荐文章于 2024-10-16 17:07:34 发布

阅读量300

点赞数

分类专栏： HTML 文章标签： html5

本文链接：https://blog.csdn.net/abc003458/article/details/103785653

版权

HTML 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

前言:

赚钱的方式无非两种,靠嘴或靠技术,如果你不能靠一张嘴来赚钱的话,那就去学一门技术吧。
　我建议学习网页制作技术,也就是WEB前端开发,因为从就业角度来说，前端开发是目前需求量最大的，中国互联网创业公司98%都是软件创业，硬件创业的成本太高了，而且目前软件都向WEB形式发展了，就算不是互联网行业，什么行业的公司都需要一个网页去装点门面推广产品，所以就需要大量的前端开发工程师。
　本教程将手把手带你从制作一个最简单的页面,到学会制作像淘宝一样复杂的页面,那现在就开始制作你的第一个页面吧!

操作步骤：

第一步,在桌面新建一个文档,可以随便起一个名.
把下列代码粘贴到文档中去

 <!DOCTYPE html> 
 <html lang="en"> 
	 <head>
        <meta charset="UTF-8">
        <title>Title</title> 
     </head> 
     <body> 
        Hello world! 
     </body>
</html>

在这里插入图片描述
3. 把文档的后缀改为 html，这样就成为一个网页文档了。

congratulation！双击用浏览器打开.就可以看到你制作的第一个网页了. 网页内容是Hello world！

讲解:

1.网站基础知识

网站结构图如下,网站分为了前端和后台,
在这里插入图片描述
前端就是你通过网站浏览器看到的页面,浏览器可以打开网页文档，刚刚制作的html后缀文档就是一个网页文档.
网页文档又包含了三个内容,分别是内容层,表现层和交互层.

内容层就是网页的内容,这是网页的基础,如下图所示,单纯只有内容层的页面.内容从上到下罗列出来,是没有任何美观可言的.网页内容通过"HTML"技术来实现.
表现层就是网页的样式,给网页加上样式后,如下图所示,网页内容不再是从上到下罗列了,而是按照一定的结构呈现了,就像给内容穿了衣服一样,更加好看了.网页样式通过"CSS"技术来实现.
动作层就是给网页加上动作,进行交互,通过点击网页上的元素,可使网页执行一个动作.如下图,通过点击关闭按钮,可以关闭广告. 网页交互通过"JavaScript"技术来实现.

浏览网站就是浏览器把网页文档中的这三层内容展示出来.那网页文档是从哪里来的呢?
网页文档储存在WEB服务器中, 用户通过浏览器的地址栏输入网页地址(URL),然后浏览器会根据地址通过HTTP协议,与相应的WEB服务器进行通信,最后服务器便会返回相应的网页文档给浏览器.
在这里插入图片描述