用个人主页练习一次开发过程
在课后可使用电脑时完成:打开项目、修改内容、保存文件、观察结果。
基础任务
- 用 VS Code 打开完整项目文件夹,找到
index.html。 - 把姓名、个人介绍与学习目标改为自己的内容,然后保存。
- 用浏览器直接打开这个 HTML 文件;再次修改后保存并刷新,观察变化。
- 打开开发者工具,找到页面中的标题元素,并对照源文件中的标题标签。
完成后检查
- 页面展示的是自己修改并保存的内容,而不是仍未保存的旧版本。
- 如果页面没有变化,能说清检查过的文件路径、保存状态与刷新结果。
- 能说明修改源文件与在 DevTools 中临时修改页面的区别。
选做:本地服务器与 Git
可以使用 Live Server 打开项目,观察地址从本地文件变为 http://localhost 或 http://127.0.0.1。本地服务器不是完成本次静态页面练习的必要条件。
也可以初始化本地 Git 仓库,查看差异后记录一次提交。本次不要求注册账号、绑定远程仓库或推送。
实践记录
记录一处修改、对应的页面变化,以及遇到问题时使用的检查方法。