-
-
web前端技术（html+css网页设计与制作）
主讲教师： 李舒亮 教授 / 新余学院
教学进度：- 预报名
- 进行中
- 已结束
本书从零开始讲解web前端技术，以web开发实际应用为驱动，循序渐进、案例丰富。全书分为12章，内容分为4部分。 第1部分是web基础和html语法，包括第1~2章的内容；主要介绍了web中常用的术语和主要的html标签，通过第1部分的学习，我们将可以做出简单的网页。 第2部分是css核心原理，包括第3~6章的内容。主要讲解css各类...
-
5108836
累计页面浏览量
-
4551
累计选课人数
-
20137
累计互动次数
-
-
2018-10-14 11:04 李舒亮 新余学院 在web前端技术（html+css网页设计与制作）课程中提问：
选择器
我们学习了选择器，你如何理解它，习惯怎样使用这些选择器？
-
2019-11-18 22:16 钟雪梅
根据网页所需要的情况而选择
-
-
-
2018-06-13 09:41 李舒亮 新余学院 在web前端技术（html+css网页设计与制作）课程中提问：
2、 说下行内元素和块级元素的区别？行内块元素的兼容性使用？（IE8 以下）
-
2019-11-09 07:15 钟雪梅
行内元素：设置width、height、margin和padding等盒子常用属性无效
快级元素：不论上一个元素是行内元素还是块级元素都要另起一行，单独占一行。
-
-
-
2018-06-14 21:03 李舒亮 新余学院 在web前端技术（html+css网页设计与制作）课程中提问：
css如何定义权重？
-
2019-06-26 09:06 黄敏
四个等级，代表类型选择器权值=1；伪类权值=10；ID权值=100；样式权值=1000；另外通过父元素与子元素的关系，改变权值（相加关系）权值越大，权重越高
-
-
-
2018-10-24 17:39 李舒亮 新余学院 在web前端技术（html+css网页设计与制作）课程中提问：
display和float
dispaly属性可以把元素转换成line-block显示，实现块级元素水平排列，float属性可以把块元素设置向左或向右浮动，也可以实现块元素水平，这两者有什么区别？
-
2019-06-26 09:05 黄敏
display在实现块级元素水平排列时设置的宽和高无效，而float无影响
-
-
-
2018-09-10 17:04 李舒亮 新余学院 在web前端技术（html+css网页设计与制作）课程中提问：
关于是否新开窗口？
链接标记中的target的取值为"_self","_blank" ，你认为哪种情况用"_self"，哪种情况用"_blank"比较好，从方便用户使用的角度来考虑。
-
2019-06-26 09:03 黄敏
_blank 在新窗口打开链接，所以可以在必须同时要浏览两个或两个以上网页时可以使用，这样方便用户使用，_self 默认,即在当前窗口(或当前框架)打开，当浏览一个新闻页面时就可以只用这一个窗口，方便关闭。
-
-
-
2018-06-13 09:42 李舒亮 新余学院 在web前端技术（html+css网页设计与制作）课程中提问：
你对浏览器内核的理解？
-
2019-06-26 09:00 黄敏
主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。 渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。 JS引擎则：解析和执行javascript来实现网页的动态效果。 最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎
-
-
-
2018-06-13 09:40 李舒亮 新余学院 在web前端技术（html+css网页设计与制作）课程中提问：
清除浮动有哪些方式？比较好的方式是哪一种？
-
2019-06-26 09:00 黄敏
（1）父级div定义height。（2）结尾处加空div标签clear:both。（3）父级div定义伪类:after和zoom。（4）父级div定义overflow:hidden。（5）父级div定义overflow:auto。（6）父级div也浮动，需要定义宽度。（7）父级div定义display:table。（8）结尾处加br标签clear:both。 比较好的是第3种方式，好多网站都这么用
-
-
-
2018-06-23 10:00 李舒亮 新余学院 在web前端技术（html+css网页设计与制作）课程中提问：
解释JavaScript中定时器的工作？
-
2019-06-26 08:58 黄敏
JavaScript中的定时器：setTimeout()和setInterval()。 setTimeout(func, t)是超时调用，间隔一段时间后调用函数。setInterval(func, t)是间歇调用，每隔一段时间后调用函数。
-
-
-
2018-06-20 09:05 李舒亮 新余学院 在web前端技术（html+css网页设计与制作）课程中提问：
请说出三种减少页面加载时间的方法？
-
2019-06-26 08:56 黄敏
1.优化图片 2.图像格式的选择（GIF：提供的颜色较少，可用在一些对颜色要求不高的地方） 3.优化CSS（压缩合并css，如margin-top,margin-left...) 4.网址后加斜杠（如www.campr.com/目录，会判断这个“目录是什么文件类型，或者是目录。） 5.标明高度和宽度（如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度，也影响浏览体验。 当浏览器知道了高度和宽度参数后，即使图片暂时无法显示，页面上也会腾出图片的空位，然后继续加载后面的内容。从而加载时间快了，浏览体验也更好了。） 6.减少http请求（合并文件，合并图片）。
-
-
-
2018-06-21 15:40 李舒亮 新余学院 在web前端技术（html+css网页设计与制作）课程中提问：
display属性的几种方式区别？
在html标签中，有些元素的display属性是block，有些是inline，有些是inline—block，它们的区别在哪里？
-
2019-06-24 10:14 黄敏
display:block就是将元素显示为块级元素.display:inline就是将元素显示为行内元素.display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。
-
常见问题
-
1.我该如何学习这门课程？
（1）首先您要注册一个学银在线的账号。
（2）您需要有一定的上网条件，能够流畅的观看教学视频。在观看的过程中，您可以选择在PC端登陆我们的网页， 也可以选择下载我们的app学习通，通过手机客户端来学习。
（3）您一旦报名选择了课程，我们的课程主讲老师或课程团队会通过通知的形式给您发送课程有关的消息，同时会抄送您的邮箱，请您及时查收。
-
2.我在学习过程中遇到问题了，怎么办？
您可以通过以下几种方式获取帮助：
（1）在课程群聊中发布求助信息，说不定和你一起学习这门课的小伙伴就能够解决你的问题呢；
（2）在课程讨论区留言，课程团队看到后将会及时回复。
（3）联系我们的客服，或者随时给我们发邮件，邮箱地址：xueyinkf@chaoxing.com。
-
3.我是新手，能否给我一些学习建议？
（1）我们的课程采用MOOC的方式授课，因此您可以自由安排您的学习时间、学习地点。但我们仍旧希望您每周能都有固定的时间持续进行本课程的学习，根据人的记忆曲线显示这种规律的学习方式能够最大限度的提升您的学习质量。
（2）学习的过程比较容易，为了检验您的学习成果，我们的课程团队会在课程章节结束后布置测验或作业，希望您尽可能的按时独立完成。如果有没有掌握的知识点，您可以继续回看复习课程。
（3）希望您能够积极参与课程的讨论，与各位学习者一起煮酒论英雄。在讨论的过程中，不光可以对课程所学内容温习内化，还能互相碰撞出思想的火花，相信您一定会有额外的收获。
-
4.课程会不会很难、很枯燥？
（1）我们的课程都是老师经过精心设计拍摄制作而成，并且由于是MOOC的方式，所以课程拆分成了不同的知识点，学习起来一点也不费劲。
（2）我们的课程多采取理论结合实际的授课方式，课程中也有许多案例的呈现，相信会给学习者带来诸多方面的启发。我们也将力求做到深入浅出，支持学习者将研究发现转化为实践，改进自身教学。