集成开发环境部署

IDE

实验题目

集成开发环境部署

实验目的

掌握编辑器 Vs Code 的下载、安装、配置

掌握浏览器 Chrome 的下载、安装、配置和调试

熟悉网页的基本组成、开发原则和基本流程

掌握 HTML 标签的基本分类和使用

掌握 CSS 的语法规则和样式文件的使用

熟悉元素的盒模型

实验内容

安装并配置编辑器 Vs Code

1.下载

2.安装

3.配置

4.扩展

安装并配置浏览器 Chrome

1.下载

2.安装

3.配置

项目 Hello World 的创建、开发、预览和调试

1.创建

2.编辑

3.预览

4.调试

参考效果和参考代码

略

拓展与思考

如何复用结构和样式

使用内联样式和外部样式调整项目

使用其它浏览器查看项目效果

截图工具 Snipaste 和电子笔记语雀的使用