距离结束还剩:09天23小时
WEB前端开发工程师 HTML5+CSS3移动端项目开发入门到精通视频课程(Head老师)

首发

下载课程

下载学院APP

缓存视频离线看

收藏(34)

WEB前端开发工程师 HTML5+CSS3移动端项目开发入门到精通视频课程(Head老师)

课程目标: PHP全栈开发工程师课程,挑战年薪30万,HTML5+CSS3移动端项目开发入门到精通,包含...

5分
共37课时 共8小时47分钟 更新时间: 30天前

会员购课最多赠送112学分, 学分说明>>>

价  格

¥55.20

¥69.00

优惠活动

迎大庆 - 8折

购买该课程所属专题立省254.02元>>>

2424小时内答疑

课时永久观看

退15分钟内无条件退款

  1. 仅限付费视频课程适用
  2. 购买后15分钟内可以找到客服进行沟通退款
  3. 下载资料后不再享有退款特权
  4. 客服(Tel:400-101-1651)
  5. 最终解释权归51CTO学院所有

专属资料下载

课程介绍

课程大纲

学习资料

学员评价

课程目标
PHP全栈开发工程师课程,挑战年薪30万,HTML5+CSS3移动端项目开发入门到精通,包含知识:HTML5,CSS3,移动端项目开发,百度地图API,通过20天的学习快速掌握移动端项目开发和HTML5**知识技术。
适用人群
零基础 小白 新手 前端爱好者 大学生 技术转型 职业转型 WEB前端 美工
课程简介
  • HTML5概述

    HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。广义论及HTML5时,实际指的是包括HTML5、CSS3和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务,使浏览器实现富客户端更加独立和方便HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

  • HTML5 格式

    1.Doctype文档类型声明(Document Type Declaration,也称 Doctype)。它主要告诉浏览器所查看的文件类型。在以往的 HTML4.01 和 XHTML1.0 中,它表示具体的 HTML 版本和风格。而如今 HTML5 不需要表示版本和风格了。 //不分区大小写2.html 元素首先,元素就是标...

  • HTML5 新增标签

    结构性标签: 结构性标签(construct tag)主要负责Web的上下文结构的定义,确保 HTML文档的完整性,这类标签包括以下几个。1.section。用于表达书的一部分或一章,或者一章内的一节。在Web页面应用中,该标签也可以用于区域的章节表述。2.hgroup 对网页或区段(s...

  • HTML5 新增标签详解

    块级性标签: 块级性标签(block tag)主要完成Web页面区域的划分,确保内容的有效分隔,这类标签包括以下几个。1.aside 用以表达注记、贴士、侧栏、摘要、插入的引用等作为补充主体的内容。从一个简单页面显示上看就是侧边栏,可以在左边,也可以在右边。从一个页面的...

  • HTML5 新增标签详解-2

    行内标签: 行内语义性标签(in-line tag )主要完成Web页面具体内容的引用和表述,是丰富内容展示的基础,这类标签包括以下几个。1.meter。表示特定范围内的数值,可用于工资、数量、百分比等 max表示最大值,min表示最小值,value代表当前值。2.time。表示时间值,属...

  • HTML5 拖放

    1.在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。拖放(Drag 和 drop)是 HTML5 标准的组成部分。拖放是一种常见的特性,即抓取对象以后拖到另一个位置。2.在html5之前,网页当中实现拖拽要借助到js中的(onmousedown+onmousemove),现在html5内部就支持了拖拽的功能...

  • HTML5 拖放应用

    1. 创建拖拽对象首先,为了使元素可拖动,把 draggable 属性设置为 true 。draggable属性,它有三个值:true:元素可以被拖拽;false:元素不能被拖拽;auto:浏览器自己判断元素是否能被拖拽。2. 处理拖拽事件当我们拖拽对象的时候会触发拖拽事件包括:dragstart:当元...

  • HTML5 多媒体标签

    1.在 HTML5 中, HTML5 规定了一种通过 video 元素来包含视频的标准方法。2.在html5之前,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。同时网页上显示视频也没有统一的标准。

  • HTML5 新增的表单元素

    HTML表单一直都是Web的核心技术之一,有了它我们才能在Web上进行各种各样的应用,才能和服务器进行方便快捷的交互。

  • HTML5 表单新属性

    HTML5 的 和 标签添加了几个新属性.1.novalidatenovalidate 属性是一个 boolean(布尔) 属性.novalidate 属性规定在提交表单时不应该验证 form 或 input 域。2.Autocompleteautocomplete 属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域...

  • HTML5 input类型

    HTML5 新的 Input 类型HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章全面介绍这些新的输入类型:1.Color color 类型用在input字段主要用于选取颜色,如下所示2.datedate 类型允许你从一个日期选择器选择一个日期。3.datetime datetime...

  • HTML5 地理位置定位

    地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用。HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。

  • HTML5 百度地图API

    HTML5 百度地图API

  • HTML5 本地存储

    HTML5 web 存储,一个比cookie更好的本地存储方式。使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站...

  • HTML5 内联SVG

    1.SVG 指可伸缩矢量图形 (Scalable Vector Graphics)2.SVG 用于定义用于网络的基于矢量的图形3.SVG 使用 XML 格式定义图形4.SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失5.SVG 是万维网联盟的标准

  • HTML5 Canvas绘图

    HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

  • HTML5 Canvas绘图应用

    HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域,可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

  • CSS3概述

    CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。CSS3是CSS技术的升级...

  • CSS3边框属性

    在 HTML 中,我们使用表格来创建文本周围的边框,但是通过使用 CSS 边框属性,我们可以创建出效果出色的边框,并且可以应用于任何元素。元素外边距内就是元素的的边框 (border)。元素的边框就是围绕元素内容和内边据的一条或多条线。每个边框有 3 个方面:宽度、样式,以及颜色。

  • CSS3背景属性

    属性 值 说明background-color 颜色 背景的颜色background-image none 或 url 背景的图片background-repeat no-repeat 或repeat 背景图片是否平铺background-size 长度值或其他 背景图像的尺寸background-position 位置坐标 背景图像的位置background-attachment 滚动方式 ...

  • CSS3渐变属性

    CSS3 提供了 linear-gradient 属性实现背景颜色的渐变功能。在以前,这种效果必须采用图片才能实现的。

  • CSS3文本属性

    CSS3 提供了 text-shadow 文本阴影效果。//正值阴影text-shadow: 1px 1px 1px red;//负值阴影text-shadow: -1px -1px 1px red;//多重阴影叠加text-shadow:0px 0px 0 rgb(188,178,188),

  • CSS3 2D转换效果

    CSS3 提供了元素变形效果,也叫做变换。它可以将元素实现旋转、缩放和平移的功能。属性有两个:transform 和 transform-origin。

  • CSS3 3D转换效果

    之前我们学习了元素的平移、旋转、缩放和倾斜等功能。这些效果只是单纯在二维平面图上的,我们称之为 2D。那么其实 CSS3 也提供了三维立体的一些功能效果,并且目前较新的主流浏览器都比较支持,只不过比 2D 晚一些,对浏览器的版本要求也要高一些。由于 3D 是立体三维,在 x...

  • CSS3 过渡效果

    过渡效果一般是通过一些简单的 CSS 动作触发平滑过渡功能。如:hover、:focus、:active、:checked 等。CSS3 提供了 transition 属性来实现这个过渡功能,主要属性如下表:

  • CSS3 动画效果

    CSS3 提供了类似 Flash 关键帧控制的动画效果,通过 animation 属性实现。那么之前的 transition 属性只能通过指定属性的初始状态和结束状态来实现动画效果,有一定的局限性。animation 实现动画效果主要由两个部分组成:1.通过类似 Flash 动画中的关键帧声明一个动画...

  • CSS3 图片效果

    CSS3 图片效果

  • CSS3 按钮效果

    CSS3 按钮效果

  • CSS3 多列布局

    我们有时想布局成报纸、杂志那样的多列方式(至少两列,一般三列以上),但早期CSS 提供的布局方式都有着极大的限制。如果是固体布局,那么使用浮动或定位布局都可以完成。但对于流体的多列,比如三列以上,那只能使用浮动布局进行,而它又有极大的限制。因为它是区块性的,对于动态...

  • CSS3 弹性盒子

    弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。注意: 弹性容器外及弹性子元素内是正常渲染的。弹性盒子只定义了弹性子元素如何...

  • CSS3 多媒体查询

    但是这些多媒体类型在很多设备上支持还不够友好。CSS3 多媒体查询CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想: 取代了查找设备的类型,CSS3 根据设置自适应显示。媒体查询可用于检测很多事情,例如:viewport(视窗) 的宽度与高度设备的宽度与高度朝向 (智能手...

  • HTML5+CSS33项目开发

    首先,我们要了解一下测试工具。这里提供两种测试工具,一种是 Chrome 自带的移动端测试工具,这里主要以 Chrome 为准,他模拟了主流的手机,并且引擎是 webkit。其次,我们看下典型的两种设计,一种是全屏流体设计,另一种是固屏流体设计。下面有几个代表网站:全屏类:1....

  • 移动端项目开发导航栏

    做移动站有一个必要的知识,就是关于屏幕宽度以及缩放问题。我们习惯性的在标签之间增加一个标签:

  • 移动端项目开发轮播图

    做移动站有一个必要的知识,就是关于屏幕宽度以及缩放问题。我们习惯性的在标签之间增加一个标签:

  • 移动端项目开发课程详情

    做移动站有一个必要的知识,就是关于屏幕宽度以及缩放问题。我们习惯性的在标签之间增加一个标签:

  • 移动端项目开发底部链接

    移动端项目开发底部链接

  • 移动端项目开发多媒体查询

    移动端项目开发多媒体查询

加载中
所属章节 资料名称 文件大小 下载
相关资料推荐

暂时还没有学习资料~

5

    1
    非常糟

    2
    很差

    3
    一般

    4
    很好

    5
    非常好

    • 0%
    • 0%
    • 0%
    • 0%
    • 0%
    加载中
    没有了哦~

    讲师介绍

    申建明

    申建明

    讲师评分:4.9

    RedHat系统工程师,**架构师

    讲师推荐专题

    专题一 WEB前端开发工程师零基础入门到精通专题课程-Head老师

    7门课 立省:¥254.02 合计:¥357.76 购买

    官方交流群

    51CTO学院前端开发交流群(433260976)

    立即加入

    1053人学习过

    订阅专栏更多

    推荐图书

    7日学霸榜 有1053人与你一起学习

    课程介绍

    课程大纲

    学习资料

    学员评价

    ¥69.00

    ¥ 55.20

    课程评价

    发表客观评价,最多可得35学分(会员可得70学分)

    WEB前端开发工程师 HTML5+CSS3移动端项目开发入门到精通视频课程(Head老师)

    该课程已有 人评价

    课程与描述相符

    老师的讲解表达

    老师的答疑服务

    匿名

    在线
    客服
    在线
    客服

    下载Android客户端

    下载iphone 客户端

    返回
    顶部