黑马程序员技术交流社区

标题: 【大武汉校区】姜老师_12月23日工作日报 [打印本页]

作者: 曹老师 时间: 2017-12-24 12:19
标题: 【大武汉校区】姜老师_12月23日工作日报
本帖最后由武汉-就业部于 2017-12-24 13:15 编辑

各位老师好：

1、今天主要工作：

（1）武汉黑马JavaEE36期就业班班级辅导工作：

今天武汉黑马javaEE36期是web阶段第一天，是对html进行一个学习，那么今天换了一位新的导师给我们班的学员讲课，课堂氛围是不错的，大家对于新导师还是很欢迎。那么今天的点对于逻辑性要求不高，或者说没有什么逻辑性，为什么这么说呢？因为今天主要是学习html常用标签的用法，需要的是一个理解和熟练的过程，那么今天的模式就是动手要比动脑更加勤快才能更好的掌握，最好就是边写边用浏览器运行看效果，然后自己进行调试，这样就可以理解每个标签所代表的含义，以及其中属性所起到的作用。

晚自习学员反馈就是记的东西有点多，这个在班上强调了很多，担心他们搞错了重点，心态把握不好，所以就强调了几次对于这个阶段的内容要多敲多熟练，所以虽然有学员抱怨记的东西多，但是还是很自觉的在那联系代码，写网页。有个别学员问题稍微多一些，也不是很大的问题，就是比较纠结一些问题，比如一些属性为什么是这样，其实也很好解释，这是标记语言，对于一些属性和标签的用法都有一整套规定好的东西，这也就是说为什么逻辑性不强了。那么学习今天的知识点不要从样式上先考虑，先从语义上考虑再去看效果，这样会更好。那么今天的总结有：

HTML：超文本标记语言。HTML是由标签所组成的语言，能展示超文本效果，HTML是用来写网页的，是设计页面的基础。什么是超文本标记？一个网页中不仅仅有简单的文本文字，还有图片、音乐、视频等等，所以可以简单记忆为超级根本，那么什么是标记语言？简单来说就是用一些标记去代表网页中的一些元素，例如用img标记代表图片、p标记代表段落等等，所以才说今天的点需要通过练习去记忆了，因为太多啦。HTML也是一般的目前标准的开发页面的技术，但是版本老、语法不严格。

DHTML：其实翻译过来就是动态的HTML。是一堆技术的整合：HTML + CSS + JavaScript。

XHTML：基于XML的HTML技术。语法要求必须和XML一致。所有的标记都必须要有结束标记。

HTML5.0：为了更加的规范各种标记的作用和丰富标记的作用推出HTML5.0 主流的浏览器才支持HTML5。

编写静态HTML：

1、建立一个后缀为.html或htm的文件。

2、打开该文件编写一些基本的html标签:

html骨架：

<html>

<body>

我要显示的数据写在body标记中。

</body>

</html>

编写一个复杂的页面：

HTML(结构) + CSS(美观) + JavaScript(交互) + 第三方的组件

            常用标签：
                     文本（h1~h6  p  pre  span  font  div  b）
                     图像和超链接（img  a）
                     表格（table  tr  td  行和列的合并）
                     表单（form  input  type  select  textarea）
                     框架集合（frameset  frame  iframe）
                     行内元素：多个该元素如果不会自动换行那么称之为行内元素（span  font）
                     块级元素：多个该元素如果会自动换行那么称之为块级元素（div  br  p  pre  h1~ h6）
                     h1~h6：语义代表标题，依次变小。
                     p：标记代表编写一个段落：默认换行。
                     pre：标签进行文本数据的原样输出，保留页面的回车和换行以及空格。
                     span：代表一个行内元素，一般和其他的块级元素结合使用。
                     font：编写一些带颜色的文本（不推荐，对于样式的改变，推荐使用CSS）。
                     div：代表一个块：自动换行 /宽度是和页面同宽、高度是和内容一样。
                     img：代表页面上需要显示图片: 以后在指定资源的路径的时候需要指定相对路径不要指定绝对路径。默认是以原始图片的宽度和高度进行显示的, 适合做logo之类的，如果需要做背景：background: url(imgs/img2.ico)。
                     a：代表一个链接：
                           <a href="demo.html" target="_blank">，超链接的hred属性不仅可以写资源的地址，还可以写协议。例如：<a href="javascript:alert('hello');">javascript协议</a>。
                           target的属性值：_self在自己的选项卡打开；_blank在新选项卡打开；_parent在父选项卡打开；_top在顶层选项卡打开。
                           #锚链接(页面内部跳转)：点击<a href="#ch02"></a>跳转到<a name="ch02"></a>。
                           #超链接(在多个页面之间跳转)。
                     table：代表一个表格，tr代表一行数据，td代表一个单元格。其中border属性指定的是表格的边框，algin指定的是表格的居中方式。
                                 thead：表头
                                 tbody：表体
                                 tfoot：表尾
                                 td（属性：rowspan="2"，代表占据2行。colspan="3"，占据3列）。
                     form：表单<form action="" method="post" enctype="multipart/form-data">
                              action属性指定的是将采集的数据给谁（默认当前页面）
                              method属性指定将采集的数据怎么给服务器（get/post）。
                              enctype属性指定编码规则: 默认值是application/x-www-form-urlencoded，默认按照页面存储编码进行中文参数编码。multipart/form-data对于上传的字段进行非编码处理
                              默认的表单的提交方式可以使用method属性来设置，但是默认是get方式。url?参数名1=参数值1&参数名2=参数值2...
                              get方式：如果传递敏感数据是明文的、而且是直接跟在地址栏后面传递的、只能传递1K以内的数据
                              post方式：如果指定了post那么依旧采用get方式进行传输的化，那么必须指定form表单中的action属性不能为自己。
                              可以同时使用get和post提交参数：将数据post到get形式的url上。
                  HTTP协议不能传输中文。
                  input: 属性：type：text、password、button、file、checkbox、radio···
                  select: option标签，属性：selected
                  frameset：框架集
                  frame：框架
                  iframe：框架

2、工作问题与配合工作反馈：

（1）今日工作问题反馈：

辅导工作：今天的氛围还可以，可能是因为预习了。然后导师的课堂把控能力也很棒，学员很捧场，晚自习总结的时候老师的一个话，也是有很多学员去回应的。希望可以继续保持下去这种课堂的氛围。那么对于晚自习的问题，也还好，主要两个方面，一个是效果出不来，一个是纠结知识点。效果出不来有几种情况，最常见的就是标签太多，写乱了，这里少了括号，那里错了一个字母，再加上不报错，所以调试起来就比较麻烦。纠结知识点就是对于一些标签和属性的用法了，这个还好，只要引导一下就可以，不让他们钻了牛角尖。

（2）需要帮助人协助工作：

目前对于班级的辅导和管理工作尽在掌握，暂不需要其他老师的协助，后期如果有需求，会求助其他老师给予帮助。

3、明天工作计划：

（1）武汉黑马android12期就业工作；

（2）武汉黑马JavaEE36期辅导工作。

4、感恩三件事：

（1）感恩杨茜老师对黑马android12期的关心和付出；

（2）感恩陆康老师和陈辉对于黑马javaEE36期的付出；

（3）感恩各位百忙之中看我的日报。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2