课前准备：win10安装软件包括Visual Studio Code、Chrome、PS（制作网站图像）、GitHub（管理项目文件）、自动化构建工具（简化代码和测试）、现有的可调用的库或框架 存储本地网站的文件夹（全小写和连字符，下划线有时不识别） 一、前端语言三剑客：
1.HTML（骨骼）：构建框架结构
控制内容布局；为web设计师提供web页面设计的结构；web页面基石
HTML只是标记语言，语法如下
HTML5 语义化标签：这里建议用对>不用>用错
HTML5 IndexedDB：用的少能力强，类似数据库的方式方便开发者访问数据
2.CSS（皮囊）：给网站添加样式
给元素添加样式；识别不同的屏幕大小并响应；是网站外表和体验的工具
语法简单：只需要
自行翻看文档即可，左侧分类，中间是语法说明，右侧解释每个单位
3.Javascript（肌肉）：交互体验（灵魂）
可以处理复杂函数和特性；优质代码可以提高效率和可用性
借鉴了c的基本语法；Java的数据类型和内存管理；scheme的函数地位；self的基于原型的继承机制
基本语法：
7类型：string；number;boolean;null;undefined;symbol;object(array;function)
function和函数用法大致相同
二、协作配合：
CSS in html: inline css;internal css;external css
JavaScript in html:
把页面上的html部分转换成对应的JavaScript的对象
事件捕获（用户）和事件冒泡（开发者）
html in JavaScript
CSS in JavaScript
三、实践
根据资料中的方案步骤建立了一个简单的本地网站（图片不展示了）
