Your cart is empty.
Keep shopping
Teach on Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn MoreWeb前端开发 -使用 HTML, CSS, Javascript, jQuery,HTML5、CSS3 等建立网站
Rating: 3.7 out of 53.7(29 ratings)
438 students
Web前端开发 -使用 HTML, CSS, Javascript, jQuery,HTML5、CSS3 等建立网站
课程的学习路线是HTML、CSS、Javascript、jQuery、HTML5、CSS3、ajax、Bootstrap、canvas、angular、sea.js实战项目...
Created byfei ye
Last updated 9/2020
Chinese (Simplified)
What you'll learn
- 能使用HTML来编写网页上各种各样的对象或者元素
- 能使用Javascript,jQuery去製作具有各种功能的网页程序或互动效果
- 能够使用指定不同的元素或者对象用CSS或CSS3去美化他们，让网站看起来更光彩夺目！
- 能使用Bootstrap的框架去製作美观，複杂的网页程序，并适应不同的设备，包括各种平板和手机等
- AJAX实现局部刷新、异步请求、数据交互
- 你可以开始著手进行，发展你的网页设计职涯
- 你可以建造作品集网页，强调你的网页设计技能
Explore related topics
Course content
12 sections • 545 lectures • 182h 7m total length
- 认识前端15:30
- 认识网页31:09
1-13节课视频笔记源码和一些课程文件可以在第一节课下载
- html结构和sublime快捷键48:30
1-13节课视频笔记源码和一些课程文件可以在第一节课下载
- 标签之单标签、双标签20:29
1-13节课视频笔记源码和一些课程文件可以在第一节课下载
- 文本格式化标签15:50
1-13节课视频笔记源码和一些课程文件可以在第一节课下载
- 图片标签15:47
1-13节课视频笔记源码和一些课程文件可以在第一节课下载
- 相对路径与绝对路径22:10
1-13节课视频笔记源码和一些课程文件可以在第一节课下载
- 超链接12:09
1-13节课视频笔记源码和一些课程文件可以在第一节课下载
- 锚点5:48
1-13节课视频笔记源码和一些课程文件可以在第一节课下载
- 春夏秋冬案例8:28
1-13节课视频笔记源码和一些课程文件可以在第一节课下载
- 空链、压缩文件下载、超链优化写法、特殊字符11:19
1-13节课视频笔记源码和一些课程文件可以在第一节课下载
- 列表20:15
1-13节课视频笔记源码和一些课程文件可以在第一节课下载
- 音乐标签和滚动6:03
1-13节课视频笔记源码和一些课程文件可以在第一节课下载
- 复习27:19
- meta标签和link标签26:00
14-26节课视频笔记源码和一些课程文件可以在第14节课下载
- 表格行与列18:46
14-26节课视频笔记源码和一些课程文件可以在第14节课下载
- 表格的标准结构6:23
14-26节课视频笔记源码和一些课程文件可以在第14节课下载
- 表头和单元格合并12:59
14-26节课视频笔记源码和一些课程文件可以在第14节课下载
- 表格之标题、内容垂直对齐方式、边框颜色7:34
14-26节课视频笔记源码和一些课程文件可以在第14节课下载
- 细线表格8:25
14-26节课视频笔记源码和一些课程文件可以在第14节课下载
- 课程表细线表格10:48
14-26节课视频笔记源码和一些课程文件可以在第14节课下载
- 表单之文本输入框、密码输入框、单选框32:19
14-26节课视频笔记源码和一些课程文件可以在第14节课下载
- 表单之下拉列表11:07
14-26节课视频笔记源码和一些课程文件可以在第14节课下载
- 表单之多选框、按钮、信息分组18:29
14-26节课视频笔记源码和一些课程文件可以在第14节课下载
- h5表单控件7:11
14-26节课视频笔记源码和一些课程文件可以在第14节课下载
- 标签语义化12:36
14-26节课视频笔记源码和一些课程文件可以在第14节课下载
- 复习28:55
- 标签选择器25:34
- 表达颜色的方式13:28
- 类选择器19:38
- ID选择器10:57
- 通配符选择器10:22
- 交集选择器15:44
- 后代选择器17:25
- 子代选择器5:33
- 并集选择器7:37
- 选择器综合小练习7:52
- 文本属性和属性连写15:03
- 文字的表达方式10:06
- 复习24:23
- 综合案例22:37
- 三种样式表写法14:24
- 块元素、行内元素、行内块元素25:57
- 元素之间的转换15:03
- 样式表之层叠性7:10
- 样式表之继承性13:08
- 样式表之优先级8:32
- 优先级之权重会叠加21:34
- 链接伪类17:46
- 链接导航案例14:06
- 背景属性25:31
- 背景属性连写17:52
- 复习22:48
- 购物车案例复习4:36
- 行高定义23:24
- 行高的单位15:45
- 边框23:33
- 表单控件案例20:34
- 内边距11:48
- 内边距影响盒子大小19:16
- 继承的盒子一般不被撑大10:10
- 新浪导航案例12:55
- 外边距8:14
- 垂直方向外边距合并、外边距塌陷13:29
- fireworks基本使用14:31
- 行业动态案例19:58
- 复习9:44
- 爱宠知识练习26:46
- 个人资料22:43
- 浮动原理20:23
- 简单导航16:03
- 上合导航16:33
- 浮动网页布局25:38
- 额外标签法清除浮动11:53
- overflow和伪元素清除浮动16:16
- css初始化和overflow属性14:54
- 静态定位和绝对定位24:23
- 相对定位13:11
- 定位小案例4:59
- 小米定位案例8:48
- 固定定位9:15
- 复习6:24
- 导航作业讲解15:07
- 固定定位案例9:16
- 定位的盒子居中显示16:58
- 顺风盒子居中21:38
- 标签包含规范14:13
- 规避脱标流16:34
- css可见性14:01
- 内容移出14:40
- css精灵图21:18
- 定位精灵图案例24:33
- 制作精灵图9:12
- 属性选择器5:10
- emmet语法11:32
- 滑动门30:42
- 上合头部和主导航38:59
- banner和信息部分18:30
- 新闻部分48:55
- 底部完成22:06
- 微信复杂滑动门23:12
- 顶部导航23:02
- 搜索部分20:21
- 主导航和商机市场35:01
- 建筑材料和建筑材料列表大盒子15:17
- 建筑材料列表大盒子44:35
- 建筑材料部分完成14:38
- 儿童座椅部分完成38:32
- 工艺艺术品完成11:38
- 友情链接24:29
- JavaScript简介19:31
- JavaScript简介230:27
- 我们的课程介绍12:38
- JavaScript是前台语言而不是后台语言19:53
- 第一个JavaScript程序24:30
- 注释10:57
- 认识字符串和数值15:16
- console控制台输出11:24
- 变量的命名规范22:09
- 变量的定义和赋值12:25
- 变量的类型30:28
- 变量的类型29:40
- 变量值的传递20:29
- 运算符22:27
- 运算符212:06
- 用户输入和取整22:27
- 作业讲解20:29
- 作业讲解27:04
- 作业讲解13:52
- 布尔值11:03
- 关系运算符26:39
- 逻辑运算符16:32
- 不能连等10:20
- if语句21:23
- if语句小练习6:05
- 多分支的if语句25:32
- if语句的嵌套25:39
- if语句的小练习14:52
- 认识for循环9:40
- 准确遍历for19:28
- 准确遍历for8:51
- 复习18:30
- 复习228:12
- 两道算法联系21:34
- 求1~100的和14:25
- 求阶乘4:26
- 找因数和质数17:16
- 函数17:26
- 函数的参数和返回值24:48
- 函数的使用11:34
- 函数的使用225:04
- 作业111:12
- 作业29:11
- 01 jQuery介绍43:34
- 02 jQuery基本使用12:14
- 03 jQuery入口函数的模拟实现21:55
- 04 jQuery入口函数跟js入口函数的对比6:47
- 05 js创建对象方式不同9:04
- 06 jQuery基本选择器32:40
- 07 css的详细用法15:42
- 08 css的其他问题5:09
- 09 层级选择器35:24
- 10 基本过滤选择器27:41
- 11 属性选择器6:48
- 12 属性选择器完成16:24
- 13 筛选选择器（都是方法）14:56
- 14 下拉菜单结构样式部分11:02
- 15 下拉菜单jQuery实现效果17:35
- 16 下拉菜单jQuery的不同实现方式（了解）7:37
- 17 jQuery对象跟DOM对象的相互转换12:49
- 18 复习026:04
- 19 jQuery动画-基本show和hide15:25
- 20 jQuery动画-滑动17:21
- 21 jQuery其他动画效果17:29
- 22 stop解释以及浏览器调试功能介绍26:50
- 23 stop方法解释以及jQuery官网介绍8:42
- 24 样式操作-addClass-removeClass22:38
- 25 tab栏切换案例12:26
- 26 常用DOM操作-属性和值和内容30:51
- 27 节点操作42:10
- 28 图片网站导航效果29:13
- 29 网站导航效果说明（对象）11:01
- 30 调试技巧介绍45:46
- 31 复习jQuery前两天的内容10:33
- 32 height和width介绍14:32
- 33 坐标值20:17
- 34 scrollTop值解释13:20
- 35 固定导航栏17:08
- 36 两侧跟随的广告8:29
- 37 jQuery事件介绍49:57
- 38 jQuery复习-jQuery入口函数14:29
- 39 jQuery-选择器复习11:38
- 40 html复习-表格12:20
- 41 代码段的创建9:19
- 42 通过json动态创建表格14:00
- 43 样式操作复习17:23
- 44 事件处理和城市选择案例30:22
- 45 省市选择24:18
- 46 微博案例28:01
- 01-H5概述59:25
- 02-H5新概念11:27
- 03-语义化标签17:04
- 04-应用程序标签29:19
- 05-链接关系11:35
- 06-新属性51:43
- 07-智能表单19:57
- 08-网页多媒体34:53
- 09-svg34:11
- 10-markdown14:51
- 11-复习30:11
- 12-新选择器20:51
- 14-访问历史53:01
- 15-回顾上午的内容43:10
- 16-全屏API13:11
- 17-Application Cache25:00
- 18-Web Stroage11:57
- 19-文件API36:39
- 20-拖拽操作25:58
- 01 CSS3 简单介绍15:54
- 02 CSS3属性选择器引入16:24
- 03 CSS3属性选择器23:57
- 04 CSS3 伪类择器-0128:35
- 05 CSS3 伪类选择-0259:32
- 06 伪类择器补充2:23
- 07 CSS3颜色19:37
- 08 CSS3文本26:25
- 09 文本换行补充6:37
- 10 边框圆角-0143:08
- 11 边框圆角-0235:34
- 12 知识回顾-018:53
- 13 知识回顾-0223:34
- 14 CSS3边框-0132:49
- 15 边框-0233:00
- 16 边框-0316:43
- 17 边框0443:50
- 18 CSS3盒模型22:24
- 19 CSS3背景-0128:39
- 20 CSS3背景16:04
- 21 CSS3背景-0230:22
- 22 渐变32:46
- 23 渐变问题解决4:29
- 24 知识回顾19:52
- 25 伸缩布局介绍11:41
- 26 伸缩布局-0210:32
- 27 伸缩布局-037:17
- 28 伸缩布局-046:54
- 29 伸缩布局-0528:42
- 30 伸缩布局-0620:09
- 31 渐变-径向渐变-19:25
- 32 渐变-径向渐变10:10
- 33 渐变重复渐变10:35
- 34 渐变-应用15:52
- 35 多列布局6:55
- 36 过渡-介绍4:13
- 37 过渡-详解8:21
- 38 过渡-jQuery动画回顾11:28
- 39 过渡-总结1:55
- 40 动画-详解23:53
- 41 动画-应用6:46
- 42 知识回础及介绍12:08
- 43 3D旋转10:28
- 44 进度条15:15
- 45 跳动的心15:36
- 46 钟表29:40
- 47 Web字体17:12
- 48 字体图标补充4:02
- 49 媒体查询11:18
- 50 360介绍7:40
- 51 360分析17:52
- 52 360动画分析5:48
- 53 360动画分析10:00
- 54 360动画分析3:34
- 55 问题解答&兼容性说明16:39
- 56 音乐导航34:18
- 57 泡泡和旋转16:46
- 58 鼠标进入方向css27:36
- 59 判断鼠标进入案例结束18:46
- 60 透视原理25:56
- 61 翻转导航栏20:23
- 62 构建立方体30:00
- 63 3d 轮播图21:19
- 64 切割轮播图28:04
- 01客户度和服务器概述23:59
- 02计算机运行机制概述25:27
- 03通信协议概述19:40
- 04网络相关概念18:54
- 05本地环境配置110:05
- 06本地环境配置223:39
- 07静态网站概述20:46
- 08动态网站18:17
- 09前端与后端分工15:48
- 10实现异步效果iframe36:44
- 11原生ajax50:32
- 12 ajax可以做什么事情18:19
- 13 同步的方式实现注册功能24:15
- 14 动态网站和ajax的php返回内容的区别19:00
- 15 ajax详解-回调函数28:42
- 16 ajax详解-readyState和status18:37
- 17 ajax详解get与post27:07
- 18 xml数据解析14:59
- 19 json数据格式20:05
- 20 json数据解析实例EMS39:32
- 21封装原生ajax27:15
- 22封装原生ajax116:52
- 23jQuery的ajax语法16:29
- 24jquery的ajax返回类型16:39
- 25function专题42:40
- 26function补充14:39
- 27跨域问题的解决方案10:04
- 28jsonp接口14:36
- 29jsonp补充说明18:25
- 30jquery的jsonp17:02
- 31artTemplate使用24:51
- 33artTemplate天气实例119:10
- 34百度搜索智能提示案例jsonp29:08
- 35省市区三级联动实例19:13
- 36函数的调用形式10:15
- 37三级联动实例34:10
- 38加载更多评论7:47
- 39-复习16:26
- 40-菜谱139:21
- 41-菜谱214:38
- 42-模板引擎19:36
- 43-模板重做菜谱16:39
- 01-课程概要37:53
- 02-文档结构120:04
- 03-视口24:30
- 04-Bootstrap默认模版17:10
- 05-全局CSS样式34:54
- 06-Bootstrap组件快速过11:30
- 07-回顾上午的小点9:44
- 08-顶部通栏（字体图标）35:45
- 09-通栏左边16:40
- 10-加号选择器7:50
- 11-通栏头部完成11:08
- 12-图标字体回顾8:01
- 13-icomoon使用6:31
- 14-导航样式29:16
- 15-hidden-辅助类型3:35
- 16-响应式菜单10:07
- 17-复习49:24
- 18-谷歌浏览器开发工具保存修改4:57
- 19-背景图的方式实现长条图居中29:50
- 20-轮播图自适应30:09
- 21-小图需要IMG的方式呈现8:03
- 22-配合CSS媒体查询实现图片响应式7:34
- 23-回顾刚刚的易错点6:02
- 24-网站特色板块16:39
- 25-立即预约板块15:01
- 26-tab选项卡使用14:14
- 27-tab选项卡样式调整12:03
- 28-面板样式37:49
- 29-内部样式13:13
- 30-复习37:22
- 31-复习28:51
- 32-tooltip18:12
- 33-空白字符9:12
- 34-标签横向滚动21:13
- 35-横向滚动条优化7:35
- 36-新闻版块响应28:33
- 37-新闻列表点击切换标题6:40
- 38-合作伙伴17:22
- 39-吸顶效果10:08
- 40-模态框9:12
- 41-表单样式10:30
- 42-轮播图左滑右滑38:25
- 43-LESS语法介绍55:12
- 44-安装Node19:29
- 45-Bootstrap自定义9:51
- 46-Bootstrap版本49:53
- 47_viewport28:42
- 48_京东头部57:00
- 49_复习_nav22:57
- 50_商品区块公用盒子18:08
- 51_秒杀头部25:15
- 52_秒杀内容17:50
- 53_商品内容下15:42
- 54_分类页上30:42
- 55_分类页下14:01
- 56_购物车上36:34
- 57_购物车中34:15
- 58_购物车下19:19
- 59_购物车最后15:13
- 60_js_首页搜索27:57
- 61_js_首页搜索13:12
- 01-canvas现状和学习目标11:06
- 02-canvas绘制基础入门23:04
- 03-canvas描边和填充样式处理11:26
- 04canvas的绘制表格24:28
- 05canvas的beginPath状态12:50
- 06canvas绘制饼状图33:32
- 07圆弧上的坐标计算公式11:29
- 08-绘制饼状图文字34:58
- 09-绘制图片和序列帧图片33:52
- 10-绘制序列帧动画加控制按钮5:28
- 11-原型对象35:37
- 12-面向对象升级31:08
- 13-canvas复习知识点9:45
- 14-canvas绘制坐标系18:46
- 15-复习创建对象方式和new的内部原理8:34
- 16-原型对象的属性使用和类的书写方式20:27
- 17-函数的书写方式规范化11:31
- 18函数的四种调用模式9:28
- 19面向对象版本的精灵图33:47
- 20-画布的旋转和位移和透明及画布状态保存21:41
- 21-封装绘制的矩形23:23
- 22-画布绘制画布22:59
- 23-canvas结束5:48
- 24 Konva库的基本使用12:59
- 25 Konva进度条的案例19:49
- 26-进度条面向对象版本35:16
- 27-面向对象版本的进度条-完成12:27
- 28-面向对象版本的进度条-补充5:38
- 29-webitcast案例（1）20:06
- 30-webitcast案例（2）39:19
- 31-webitcast案例(3)-完成10:07
- 32-柱状图案例-面向过程版本37:18
- 33-面向对象版本的-柱状图19:40
- 34-面向对象版本的-柱状图2-完成20:53
- 35-饼状图面向过程版本30:45
- 36-饼状图的面向过程版本9:02
- 37-饼状图面向对象版本20:57
- 38-场景的总体架构30:13
- 39-微信的综合案例-完成版24:29
- 01 复习37:41
- 02 从已经熟悉的知识引出对象 --工具包23:11
- 03 面向对象编程基础复习43:27
- 04 总结17:16
- 05 使用面向对象开发产品列表41:04
- 06 对象的字面量 json协议 xml协议23:05
- 07 面向对象的三个作用24:33
- 08 复习+案例0146:01
- 09 绑定图片16:12
- 10 绑定购物车24:24
- 11 交互2:25:53
- 12 语言的发展历程33:13
- 13 构造函数和属性基础28:07
- 14 属性进阶20:20
- 15 公有私有属性23:35
- 16 实例化本质 -内存131:10
- 17 复习__26:13
- 19 属性搜索机制36:47
- 20 属性屏蔽理论22:07
- 21 面向对象作用进阶0149:24
- 22 作用进阶 - 框架封装25:29
- 23 replace基础和高阶用法27:17
- 25 复习7:41
- 26 复习+arttemplate集合用法31:03
- 28 百度案例0140:05
- 29 百度案例0240:05
- 30 引用类型和值类型26:08
- 31 引用类型值类型面试题12:42
- 32 复习5:47
- 33 堆和栈22:36
- 34 内存声明周期22:35
- 35 object创建对象6:36
- 36 工厂模式22:12
- 37 构造 原型 混合 创建17:52
- 38 拷贝方式创建对象10:28
- 39 拷贝212:07
- 40 第三方框架21:49
- 41 商城改造3:01
- 42 ES6中的面向对象8:22
- 43 BOM对象 -window23:58
- 44 BOM其他对象33:07
- 45 内置对象19:25
- 46 location search42:13
- 47 location对象案例讲解11:39
- 48 call供爷法则20:29
- 49 call可以更改调用对象的方法的this指向 - 指向自己8:15
- 50 call和伪数组19:14
- 51 apply12:43
- 52 apply练习2:55
- 53 上午总结6:24
- 54 function对象结束篇25:10
- 55 对象的原型链进阶135:31
- 56 结束10:25
- 57 理解继承44:25
- 58 继承的语法桂法17:54
- 59 产品的继承代码分析9:38
- 60 继承的案例21:17
- 61 案例结束11:13
- 62 继承的原型链817:12
- 63 第三方框架16:59
- 64 第三方框架修改商城案例12:57
- 65 重载和多态的理解37:15
- 66 其他层次32:11
- 67 面向对象总结14:13
Requirements
- 有一台可上网的电脑
- 编辑文字档案的能力
Description
▲ 学网页不难，难的是，你有没有真正学过！
▲ 跨界网页设计完全解析！
▲ 转职或技能无痛升级，你必听课程！
最火红的网页设计技术，职场人才需求大爆发！
学完这堂课，您会知道网页设计原来这麽简单，把艰深的理论一一转化成简单的实务基础，一步步的让你把学习进度变成一个初步网站的内容。
不管是对网页设计有兴趣者或是一点基础也没有的初学者，您将会真正学到最易懂的网页建构知识，最贴近实务需求的网页应用，绝对学以致用，全面发挥。
▲零基础入门，课程以实战为基础，从无到有学习javascript的各种实战技巧。
没有最好，只有更好，加入我们的课程一起学习吧！
课程的学习路线是HTML、CSS、Javascript、jQuery、HTML5、CSS3、ajax、Bootstrap、canvas、angular、sea.js实战项目...
Who this course is for:
- 本课程针对没有经验的初学者，无需任何编写程序经验。
- 任何想要从头学习网页设计、HTML、CSS、JavaScript 前端工程的人。
- 完全的初学者
- 网页设计学生
- 网页设计初学者
- 电脑程式设计师
- 积极有热忱的网页设计者
- 希望发展新职涯的人