《WEB前端开发案例教程》教学教案(上)
复习提问(5分钟)
URL/HTTP/HTML的含义
导入新课:(3分钟)
制作网页的工具很多(Hbuilder、VScode等课下可自行了解,大同小异),Dreamweaver就是其中一种,它提供的可视化设计环境可非常方便地创建和编辑网页.因此本节介绍该软件的基本使用。
(超星平台利用“随机选人”功能,学生回答问题。)
新授:
一、Dreamweaver CC2018界面介绍(2分钟)
1、初始化设置(10分钟)
(学生跟随教师一起操作)
✧工作区布局
✧设置字体
选择菜单栏中的【编辑】→【首选项】选项,分类列表中选择“字体”,右侧设置“代码视图”合适的字号大小。
✧设置界面
分类列表中选择“界面”,更改可应用程序主题和代码主题
✧更改主浏览器和次浏览器
分类列表中选择“实时预览”,主浏览器快捷键F12
2、界面介绍(15分钟)
(教师演示知识点涉及的具体操作)
菜单栏:文件、编辑、站点、窗口
工具栏:“格式化源代码”按钮、“应用注释”按钮、“删除注释”按钮
怎么编辑网页源代码

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。