认识前端的第一步

认识前端的第一步

技术杂谈小彩虹2021-08-26 3:28:13180A+A-

最近几年,互联网飞速发展,随着前后端的完全分离,前端这门学科也火了起来。所以有很多人想踏入这个圈子。虽然现在的入门书籍,入门视频很多,但我还是觉得大家在正式学习前端之前,先多了解一下前端,搞点好玩的东西,培养下兴趣,毕竟兴趣是最好的老师嘛。废话不多说,首先我先从非专业的角度带大家认识一下前端(我也是个小白。。。)。

  • 大家上网会输入一个网址,或者我们叫它什么什么网站(比如 www.baidu.comwww.taobao.comwww.jd.com 等等),既然是站,肯定是放东西的,其中里边就包含了我们接下来要接触的网页,可以粗略的理解为我们访问的网站都是由一个个网页组成的,那么网页又是什么呢?
  • 我们电脑上有各种类型的文件,比如有 txt 文本,word 文档,excel 表格等等,我们之所以能区分它们是不同的文件类型是因为它们都有一个不同的后缀名。比如 txt 文本后缀名是.txt(如图)

txt文件后缀
word 文档后缀名是.doc(如图)
word文档后缀
excel 表格后缀名是.xls(如图)
excel 表格后缀名

  • 注意:有的电脑是隐藏后缀名的,可以通过如下设置打开(以 win7 为例):
    • 1、在计算机中点打开控制面板
    • 2、找到文件夹选项,点进去
    • 3、在弹框中点查看
    • 4、在高级设置中找到‘隐藏已知文件类型的扩展名’,把前边的 √ 去掉
  • 同样的网页文件也只不过是一个后缀名为.html的普通文件而已,而浏览器可以看做是能打开这个文件的一个工具,就像 WPS 能打开 word 、excel 一样,甚至我们完全可以把它理解为一个简单的记事本,我们在里边写什么字,页面上就会展示什么字,只不过记事本我们一般是用记事本编辑器打开,网页我们一般是用浏览器打开。
  • 下面我们就先简单写一个页面,看下效果(为了简单,我们暂时先用记事本创建一个 txt 文档,然后把它的后缀改成.html,这样,这个文件就从 txt 文本文档变成了一个网页文档)
    • 1、空白处右键,新建选文本文档。
    • 2、找到刚新建的那个文本文档,选中右键找到重命名点一下,把原文件的.txt后缀改成.html就可以了,(此时会提示更改后缀名可能会导致文件不可用,是否要修改,选是就可以)。
  • 也许你会发现这个文件的图标有变化,而且你双击的时候还可以在浏览器中打开(只不过此时页面是空白,因为还没有写东西),下面我们可以给页面写点东西看一下。
    • 1、选中文件右击,打开方式点选择默认程序,出现下图界面
    • 2、然后点击其他程序那个箭头,展开里边选择记事本
    • 3、然后点击下边的确定进入跟记事本差不多的编辑模式,我们可以随便写几个字,选文件->保存试试。
  • 我们再次选择该文件,打开方式选择任何一个浏览器,点确定打开,就可以看到我们刚才写的字了(如果写汉字有乱码,可以写数字或者字母看一下)
  • 这就是最简单的一个网页。怎么样,网页制作是不是很简单,下一节认识前端的第二步我们会做一些好玩的东西。

点击这里复制本文地址 以上内容由权冠洲的博客整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

联系我们| 本站介绍| 留言建议 | 交换友链 | 域名展示
本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除

权冠洲的博客 © All Rights Reserved.  Copyright quanguanzhou.top All Rights Reserved
苏公网安备 32030302000848号   苏ICP备20033101号-1
本网站由 提供CDN/云存储服务

联系我们