web前端技术(Html+css网页设计与制作)

主讲教师: 李舒亮 教授 / 新余学院

教学进度:
  • 预报名
  • 进行中
  • 已结束

学时安排:48学时

学分:4分

本书从零开始讲解web前端技术,以web开发实际应用为驱动,循序渐进、案例丰富。全书分为12章,内容分为4部分。 第1部分是web基础和html语法,包括第1~2章的内容;主要介绍了web中常用的术语和主要的html标签,通过第1部分的学习,我们将可以做出简单的网页。 第2部分是css核心原理,包括第3~6章的内容。主要讲解css各类...
  • 5108836

    累计页面浏览量

  • 4551

    累计选课人数

  • 20137

    累计互动次数

点击标题可预览章节内容

网页入门知识

  • 1.1认识网页

  • 1.2网页术语

  • 1.3web标准

  • 1.4常见浏览器

  • 1.5单元测试

Html语法基础

  • 2.1Html概述和语法规则

  • 2.2头部标签

  • 2.3文本类标签

  • 2.4列表标签

  • 2.5表格标签

  • 2.6图像标签

  • 2.7绝对路径和相对路径

  • 2.8链接标签

  • 2.9单元测试

网页设计原则

css基础选择器

  • 4.1构造CSS规则

  • 4.2CSS基本选择器

  • 4.3CSS样式的引用

  • 4.4CSS文本的设置

  • 4.5单元测验

css复合选择器

  • 5.1css复合选择器

  • 5.2CSS特性

  • 5.3单元测验

盒子模型

  • 6.1盒子模型的概念及基本结构

  • 6.2设置盒子模型

  • 6.3多个盒子的相互影响

  • 6.4背景的设置

  • 6.5单元测验

标准文档流

  • 7.1标准文档流

  • 7.2display属性和DOM文档树

  • 7.3单元测验

浮动和定位

  • 8.1浮动的概念和属性设置

  • 8.2清除浮动的影响

  • 8.3定位的概念和分类

  • 8.4设置定位

  • 8.5单元测验

导航的制作

  • 9.1css的列表属性

  • 9.2链接的伪类

  • 9.3垂直导航的制作

  • 9.4水平菜单的制作

  • 9.5单元测验

网页布局

  • 10.1常见的布局形式

  • 10.2单列布局的实现

  • 10.3两列布局的实现

  • 10.4三列布局的实现

  • 10.5混合布局的实现

  • 10.6布局案例

  • 10.7单元测验

表单的制作与美化

  • 11.1认识表单

  • 11.2input控件

  • 11.3select控件和textarea控件

  • 11.4美化表单

  • 11.5单元测试

css3的高级属性

  • 12.1分栏属性

  • 12.2text-shadow

  • 12.3Border-radius

  • 12.4transition

  • 12.5transfrom

  • 12.6css3照片墙的制作

  • 12.7单元测验

网站综合案例

  • 13.1遵从WEB标准的网页设计流程

  • 13.2案例分析与实现---页面的粗略设计

  • 13.3案例分析与实现---页面的精细设计

  • 13.4案例分析与实现---页面的交互设计

  • 13.5单元测验

常见问题

  • 1.我该如何学习这门课程?

    (1)首先您要注册一个学银在线的账号。

    (2)您需要有一定的上网条件,能够流畅的观看教学视频。在观看的过程中,您可以选择在PC端登陆我们的网页, 也可以选择下载我们的app学习通,通过手机客户端来学习。

    (3)您一旦报名选择了课程,我们的课程主讲老师或课程团队会通过通知的形式给您发送课程有关的消息,同时会抄送您的邮箱,请您及时查收。

  • 2.我在学习过程中遇到问题了,怎么办?

    您可以通过以下几种方式获取帮助:

    (1)在课程群聊中发布求助信息,说不定和你一起学习这门课的小伙伴就能够解决你的问题呢;

    (2)在课程讨论区留言,课程团队看到后将会及时回复。

    (3)联系我们的客服,或者随时给我们发邮件,邮箱地址:xueyinkf@chaoxing.com。

  • 3.我是新手,能否给我一些学习建议?

    (1)我们的课程采用MOOC的方式授课,因此您可以自由安排您的学习时间、学习地点。但我们仍旧希望您每周能都有固定的时间持续进行本课程的学习,根据人的记忆曲线显示这种规律的学习方式能够最大限度的提升您的学习质量。

    (2)学习的过程比较容易,为了检验您的学习成果,我们的课程团队会在课程章节结束后布置测验或作业,希望您尽可能的按时独立完成。如果有没有掌握的知识点,您可以继续回看复习课程。

    (3)希望您能够积极参与课程的讨论,与各位学习者一起煮酒论英雄。在讨论的过程中,不光可以对课程所学内容温习内化,还能互相碰撞出思想的火花,相信您一定会有额外的收获。

  • 4.课程会不会很难、很枯燥?

    (1)我们的课程都是老师经过精心设计拍摄制作而成,并且由于是MOOC的方式,所以课程拆分成了不同的知识点,学习起来一点也不费劲。

    (2)我们的课程多采取理论结合实际的授课方式,课程中也有许多案例的呈现,相信会给学习者带来诸多方面的启发。我们也将力求做到深入浅出,支持学习者将研究发现转化为实践,改进自身教学。