今天的线上课程主要是对第一章HTML基础进行讲解,HTML是标记语言,是通向Web技术世界的大门,HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言,它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX, Windows等)。使用HTML,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,即现在所见到的网页。
网页的本质就是超文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
HTML网页是由HTML标签组成,HTML标签的特点包括:1.成对出现2.第一个是开放,第二个是闭合3.尖括号包围的关键词。HTML文件是可以被多种网页浏览器读取,产生网页传递各类资讯的文件。从本质上来说,Internet( 互联网)是一个由一系列传输协议和各类文档所组成的集合,HTML文件只是其中的一种。这些HTML文件存储在分布于世界各地的服务器硬盘上,通过传输协议用户可以远程获取这些文件所传达的资讯和信息。HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。HTML的语言形式为尖括号包围的HTML元素(如〈HTML>),浏览器使用HTML标签和脚本来诠释网页内容,但不会将它们显示在页面上。
而HTML(标准通用标记语言下的一个应用) 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。首先讲到HTML标题,标题(Heading)是通过 <h1> - <h6> 标签进行定义的,<h1> 定义最大的标题,<h6> 定义最小的标题。例如:<h1〉这是一个标题〈/h1>HTML 可以将文档分割为若干段落,段落是通过 <p> 标签定义的。例如:<p〉这是一个段落 </p>;HTML还支持有序、无序和定义列表:1)无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表使用 <ul> 标签
同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。列表项使用数字来标记。
而自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
HTML使用标签 <a〉来设置超文本链接。超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。在标签〈a> 中使用了href属性来描述链接的地址。默认情况下,链接将以以下形式出现在浏览器中:一个未访问过的链接显示为蓝色字体并带有下划线。访问过的链接显示为紫色并带有下划线。点击链接时,链接显示为红色并带有下划线。HTML 图像是通过标签 <img> 来定义的,表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
课堂讲解截图
由于腾讯会议可以在右边的讨论栏进行回答问题,所以为了进一步验证学生是否真的明白听懂,直接随机抽取几名学生开始回答问题,通过这种方式既可以活跃课堂气氛,又可以了解学生对课程的理解程度和不足点。比较是网页开发课,纯粹讲解是不够的,需要要求学生进行一定代码量的练习,增加学生写代码能力,多从身边热门的网页为例子,去刨析他们网页的优缺点,一些好的网页模式就加以扩展吸收,应用到我们自己的网页中,只有做到举一反三,才能更好地掌握要点。
以我的教学理解,我认为课堂上跟学生打成一片更能促进与学生的交流,能够明白学生到底怎么想的。线上课程虽然相对线下课程互动的机会更少。但完全可以通过一些网络用语啊,或者一些互联网操作,比如开启视频上课等,增加课堂趣味性与气氛。其实相对于线下课,学生线上课可能会更活跃,因为线上课可以随意发言,想说啥说啥,而线下课,可能因为课堂纪律性等其他原因相对来说没那么活跃,也有可能有些学生性格比较内向,从而线下课不敢问问题。而线上课给了他们一个平台,就更敢表达自己的想法了。所以啊,平常上课完全可以以线下课程为主线上课程为辅更深入了解学生找出相对于的教学方法可能效率会更高一些。
所以,虽然因为疫情引出了线上课程,但是课堂效果并没有降低,可以远程一对一的指导,通过对学生问题的总结,有针对性地讲解编程开发过程中容易犯的错误,课后再布置适量的复习题,加以巩固。