前端技术介绍

对于前端开发来说，最核心的3个技术分别是：HTML、CSS 和 JavaScript。

• HTML：全称 Hyper Text Markup Language（超文本标记语言）。
• CSS：即 Cascading Style Sheet（层叠样式表），是用来控制网页外观的一种技术。
• JavaScript：就是通常所说的 JS，是一种嵌入到 HTML 页面中的脚本语言，由浏览器一边解释一边执行。

HTML 用于控制网页的结构，CSS 用于控制网页的外观，而 JavaScript 控制着网页的行为。

制作网页就好像是盖房子。盖房子的时候，我们都是先把结构建好（HTML）。之后，再给房子装修（ CSS），例如给窗户装上窗帘、在地板上铺瓷砖。装修好之后，当夜幕降临之时，我们要开灯（JavaScript）才能把屋子照亮。

网页

网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频等。

构成： 主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。

• 结构标准：结构用于对网页元素进行整理和分类
• 表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式
• 行为标准：行为是指网页模型的定义及交互的编写

理想中的源码： .HTML, .css, .js

结构层：通过对语义的分析，可以对其划分结构。具有了结构的内容，将更容易阅读

表现层：是为了让网页就能展现出灵活多样的显示效果

行为层：用户对网页进行操作，网页可以做出响应性的变化。

开发工具

目前，前端开发工具非常多，例如 Dreamweaver、Sublime Text、Atom、HBuilder、Vscode 等等。对于有经验的开发者来说，使用哪一款工具都无所谓。不过我们的课程是 python 与前端的全栈开发课程，所以选择使用 Pycharm 专业版 进行全栈开发。

如果是专门的前端开发，后期的话更推荐 Vscode 或 Webstorm，这两个工具更能满足真正的前端开发需要。