一、第一台计算机的诞生
1.介绍
世界上第一台电子计算机是个庞然大物：重30余吨，占地约170平方米，肚子里装有18000只电子管。它是1946年2月14日，在美国宾夕法尼亚大学诞生的。
2.背景
在第二次世界大战中，敌对双方都使用了飞机和火炮，猛烈轰炸对方军事目标。要想打得准，必须精确计算并绘制出"射击图表"。经查表确定炮口的角度，才能使射出去的炮弹正中飞行目标。但是，每一个数都要做几千次的四则运算才能得出来，十几个人用手摇机械计算机算几个月，才能完成一份"图表"。针对这种情况，人们开始研究把电子管作为"电子开关"来提高计算机的运算速度。许多科学家都参加了实验和研究，终于制成了世界上第一台电子计算机，起名为**"埃尼阿克"(ENIAC)**。
二、计算机之父——冯诺依曼
冯诺依曼：
在发明电子计算机时起到了关键作用，提出计算机内部以二进制数进行存储，基本工作原理就是存储程序和程序控制，被称之为计算机之父。
三、计算机的组成部分
1.硬件组成
按照冯·诺依曼结构，计算机包含五大部分，即运算器、控制器、存储器、输入设备和输出设备。
- 运算器：运算器是计算机中负责计算（包括算术计算和逻辑计算等）的部件。
- 控制器：控制器是计算机中发出控制命令以控制计算机各部件自动、协调地工作的装置。控制器控制指令流和每条指令的执行，内含程序计数器和指令寄存器等。
- 存储器：存储器存储程序和数据，又称主存储器或内存，一般用动态随机访问存储器（Dynamic Random Access Memory，简称DRAM）实现。CPU可以直接访问它，IO设备也频繁地与它交换数据。
- 输入/输出设备：输入/输出设备（简称IO设备）实现计算机与外部世界的信息交换。传统的IO设备有键盘、鼠标、打印机和显示器等；新型的IO设备能进行语音、图像、影视的输入、输出和手写体文字输入，并支持计算机之间通过网络进行通信。磁盘等辅助存储器在计算机中也当作IO设备来管理。
2.软件系统
- 系统软件：如windows、Linux、 UNIX等，还包括操作系统的补丁程序及硬件驱动程序，都是系统软件类。注意系统软件不只是操作系统，一般包括操作系统、语言处理程序、数据库系统和网络管理系统。
- 应用软件：应用软件( Software，也称软件)是指计算机用户利用计算机的软、硬件资源为某一专门应用目的而开发的软件。例如：科学计算、工程设计、数据处理、事务管理等方面的程序。
小结：硬件系统指的是看得见，摸得着的，而软件系统是在电脑内部的，看不见摸不着的。
四、关于HTML
1.简介：
HTML是超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
2.网站与网页
什么是网站什么是网页？
-
网页：网页通常由图片、链接、文字、声音、视频等元素组成，是构成网站的基本元素
-
网站：用于展示相关内容的网页的集合
例如：淘宝：点击进入淘宝官网
3.WEB开发需要的三大语言
主要包括结构( Structure ) 、表现（Presentation）和行为（Behavior）三个方面。
| 标准 | 说明 |
|---|---|
| 结构 | 结构于对网页元素进行整理和分类,现阶段主要学的是HTML |
| 表现 | 表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS |
| 行为 | 行为是指网页模型的定义及交互的编写,现阶段主要学的是Javascript |
4.浏览器介绍
浏览器是网页显示、运行的平台,常用的浏览器有IE、火狐( Firefox )、谷歌(Chrome )、 Safari和Opera等.,平时称为五大浏览器。
份额占比网站：点我查看各大浏览器占比份额
浏览器内核：
（1）Trident (IE内核)
代表： IE、猎豹安全浏览器、360极速浏览器、百度浏览器等。
Window10 发布后，IE 将其内置浏览器命名为 Edge，Edge 最显著的特点就是新内核 EdgeHTML。
（2）Gecko(firefox)
Mozilla FireFox(火狐浏览器) 采用该内核，Gecko 的特点是代码完全公开，因此，其可开发程度很高，全世界的程序员都可以为其编写代码，增加功能。 可惜这几年已经没落了， 比如 打开速度慢、升级频繁。
（3）webkit(Safari)
Safari 是苹果公司开发的浏览器，所用浏览器内核的名称是大名鼎鼎的 WebKit。
代表浏览器：傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器。
（4）Chromium/Bink(chrome)
在 Chromium 项目中研发 Blink 渲染引擎（即浏览器核心），内置于 Chrome 浏览器之中。Blink 其实是 WebKit 的分支。
大部分国产浏览器最新版都采用Blink内核。
（5）Presto (Opera)
Presto 是挪威产浏览器 opera 的 "前任" 内核，最新的 opera 浏览器早已将之抛弃从而投入到了谷歌怀抱了
五、使用软件的介绍
这里我主要介绍三个常用的编译软件，主要推荐大家使用VS Code，后面会介绍关于VS Code的安装，其他软件大家自行看看。
1.vs code
官网下载：点我进官网
Visual Studio Code（简称 VS Code）是一款由微软开发且跨平台的免费[源代码编辑器。该软件以扩展的方式支持语法高亮、代码自动补全（又称 IntelliSense）、代码重构功能，并且内置了命令行工具和 Git 版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装其他扩展以拓展软件功能。
2.Hbuilder X
下载地址：点我进官网
HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。
3.sublime
下载地址：点我进官网
Sublime Text 支持多种编程语言的语法高亮、拥有优秀的代码自动完成功能，还拥有代码片段（Snippet）的功能，可以将常用的代码片段保存起来，在需要时随时调用。支持 VIM 模式，可以使用Vim模式下的多数命令。支持宏，简单地说就是把操作录制下来或者自己编写命令，然后播放刚才录制的操作或者命令。
六、安装vs code
进入vs code 官网：点我进官网
点击下载（根据自己的电脑系统下载就可以了）：
安装包下载完成以后，找到exe结尾的程序，双击打开，如下图所示：
进入下面窗口：
七、安装插件
1.中文模式
我这里已经安装过了，所以显示卸载，下载完成以后，关闭vs code 重新打开就可以了。
2.实时预览
安装步骤与上面一致
3.开始结束标签自动更改
4.文件图标主题
八、结束语
本节内容就到此结束了，这一节我们主要了解了一下，我们的计算机、浏览器以及编译软件的安装，希望本篇博客对你有所帮助，我们下一节内容再见~
