Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

XuetangX

HTML5+Web前端开发技术

via XuetangX

Overview

《HTML5+CSS3 Web前端开发技术》课程对接前端工程师行业规范、“1+x”职业标准设计符合学习者动手动脑的教学模式,更好地为学习者提供了学练一体的资源平台,其优势主要有以下四点:

    1.课程内容设计合理

    教学内容设计由浅入深,容易上手。适合计算机类专业和其他爱好网页开发的非专业学习者学习。课程配套资源丰富,也适合学习者开拓视野,自版主学习者提高编程兴趣,而且课程应用广泛,适合推广。

    2.注重职业素质培养

    本门课程的教学基于真实的企业项目案例,在教学中注重开发流程和行业规范的讲授,使学习者能够融入到企业环境中,其实体会到真实工作的场景,做到学以致用并举一反三,增强自身技术的同时,提升职业素养,使学习者在众多求职者中更具竞争力。

    3.注重创新能力的培养

    在本门课程的教学中,采用项目教学、引导启发等教学方法,从而提出问题,引发学习者自主思考,并寻找多种完成任务解决问题的办法,培养学生的思维能力和创新意识。

    4.为后续web课程打基础

    本课程作为web前端的基础课程,激发学习者的学习兴趣和奠定学习基础至关重要。本课程设计为web前端开发的后续课程如JavaScript、jQuery等课程提供了基准。

Syllabus

  • 项目1:初识前端研发
    • 1.1什么是Web前端开发
    • 1.2前端开发的流程
    • 1.3 HTML5的由来
    • 1.4编写HTML5页面
  • 项目2:使用HTML制作网页内容
    • 2.1使用HTML实现网页基本内容
    • 2.1.1文本编辑
    • 2.1.2 插入图片
    • 2.1.3编辑超级链接
    • 2.1.4编辑列表
    • 2.2制作表单
    • 2.2.1 认识表单
    • 2.2.2 插入Input控件
    • 2.2.3 插入Textarea控件和select控件
    • 2.2.4 HTML5表单新增属性
  • 项目3:使用CSS控制网页样式和布局
    • 3.1 使用CSS美化网页页面
    • 3.1.1 认识CSS
    • 3.1.2 浏览器对CSS3的支持情况
    • 3.1.3 设置CSS样式的规则
    • 3.1.4 调用CSS样式
    • 3.1.5 CSS基础选择器
    • 3.1.6 CSS的继承性
    • 3.1.7 CSS的层叠性
    • 3.1.8 设置CSS的字体属性
    • 3.19 设置文本属性
    • 3.2 使用CSS实现网页布局
    • 3.2.1 认识盒子模型
    • 3.2.2 元素的浮动
    • 3.2.3 元素的定位
    • 3.3 使用CSS完成网页中的动画及特效
    • 3.3.1 改变背景颜色
    • 3.3.2 图像切换特效
    • 3.3.3 透明度过渡效果
    • 3.3.4 宽度旋转和透明度缩放过渡效果
    • 3.3.5 使用animation属性创建动画
  • 项目4:项目4:综合项目
    • 4.1综合项目1
    • 4.1 综合项目2
    • 4.1综合项目3
    • 4.1综合项目4

Taught by

Harbin Vocational and Technical College

Reviews

Start your review of HTML5+Web前端开发技术

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.