Web前端攻城狮培养计划之HTML5与CSS3实现动态网页

步骤1: 初识HTML5
本阶段内容主要涵盖HTML5新增、删除标签、标签属性变化以及HTML5布局知识。通过本阶段学习,大家可以运用HTML5标签轻松实现网页音乐播放器和视频播放器,熟练运用HTML5的语义化标签进行静态网页的开发。

第1课 HTML5标签变化
HTML5文档类型如何定义,有哪些标签,以及如何使用,从整体认识HTML5

第2课 HTML5网页布局
传统布局与HTML5网页布局的区别和意义,通过案例讲解如何使用HTML5搭建网页

第3课 HTML5属性变化
了解这些属性带来的好处,加深对标签的认识,将提高以后的开发效率

第4课 HTML5展望
HTML5快速发展,它还有哪些强大的功能,在什么领域可以使用,以及它的发展方向

步骤2: 搞懂CSS3
本阶段内容主要涵盖CSS3选择器、边框与圆角、背景与渐变、转换、过渡、动画等知识。通过本阶段学习,大家将学会更加精确得控制页面的布局、字体、颜色、背景等效果,实现非常炫酷的CSS3动画特效,让网页丰富多彩。

第1课 CSS3选择器
详细讲解CSS3的变化,新的概念和理念,及其CSS3新增加的选择器

第2课 CSS3边框与圆角
带来神奇的圆角边框、阴影框及其图片边框等,非常具有实用价值的新属性

第3课 CSS3背景与渐变
同样神奇的背景控制属性,以及如何使用颜色过渡实现漂亮的渐变效果

第4课 CSS3转换
深入讲解元素如何扭曲、移位或旋转,让我们可以更自由得装饰和变形HTML组件

第5课 CSS3过渡
一起探索如何通过CSS3属性值的变化实现动画效果,如何触发这些动画产生交互

第6课 CSS3动画
使用animation属性,实现以往要用Flash等动画软件才能完成的炫酷效果

第7课 CSS3图片切换特效
介绍了几种非常漂亮的图片切换特效,大家对CSS3的认识会有质的提高

步骤3: JavaScript基础
本阶段内容主要涵盖js基础语法、流程控制语句、函数、内置对象、DOM基础和事件、BOM基础等知识。通过本阶段学习,大家不仅可以掌握js的基础知识,还能学会网站开发中常用的图片轮播特效。

第1课 JavaScript语法
初步了解JavaScript语言,掌握它的语法、数据类型、基本的算数和逻辑运算操作

第2课 JavaScript流程控制语句
掌握JavaScript中条件分支语句和循环语句的使用,用简洁的代码实现强大功能

第3课 JavaScript函数
掌握函数的使用,学习函数的封装,体会代码复用的过程和它带来的便利

第4课 JavaScript内置对象
学习内置对象的常用属性和方法,方便我们开发中直接调用,进而实现更多功能

第5课 JavaScript DOM基础
DOM的方法和属性既可以获取网页中的元素,也可以设置元素的内容、样式及效果

第6课 JavaScript DOM事件
为页面中的元素绑定键盘或鼠标事件,从而可以触发和实现我们想要的交互效果

第7课 JavaScript BOM基础
学习浏览器对象模型“BOM”,可以对浏览器窗口进行访问和操作,与浏览器“对话”

第8课 JavaScript实现轮播特效
综合运用JavaScript知识,做出轮播图、tab页切换等实用特效

步骤4: JavaScript进阶
本阶段,将带领大家进一步探索JavaScript中的奥秘,教大家如何使用调试工具。还有变量、作用域、函数是怎么样来运用, 以及它们之前的关系是怎样的,我们来一步一步揭开它们的面纱。

第1课 调试工具
学习调试工具,实践如何快速调试代码,并实时预览,体验快速调试代码的过程

第2课 JavaScript变量、作用域
我们一起探究变量、作用域的本质,了解它们的定义及使用方法

第3课 JavaScript函数深入讲解
研究函数的本质,了解函数的定义、调用,以及函数的参数和返回值

第4课 JavaScript实现简易计算器
带领大家开发一个简易计算器,体会一步步优化代码的过程,体验代码简约而不简单的魅力

步骤5: 项目实战
光学不练假把式,实践是巩固知识最好的方法,本环节,带领大家开发炫酷网页,从实践中总结经验并且提升解决问题的能力。

第1课 H5+CSS3+JS实现炫酷网页
带领大家实现真实项目:“慕课手机宣传页”,面对综合需求,大展身手的时候到了!

下载地址:百度网盘下载

原文地址:https://www.cnblogs.com/webLink/p/9096685.html

时间: 2024-08-06 22:37:21

Web前端攻城狮培养计划之HTML5与CSS3实现动态网页的相关文章

Web前端攻城狮培养计划之前端小白入门:网页布局基础与常见网页特效

步骤1: HTML基础超文本标记语言(英文缩写:HTML)是为"网页创建和其它可在网页浏览器中看到的信息"设计的一种标记语言,为搭建网页结构做出第一步.本阶段主要介绍了HTML的语法基础.表格.表单.等标签,并有案例结合,达到学以致用. 第1课 HTML基础HTML是网页制作必备技能,在本课程主要介绍HTML概念.语法及常用基础标签 第2课 HTML表格表格在网页中用于数据和排版,本课程介绍表格概念.语法.操作,并通过案例掌握知识. 第3课 HTML表单表单用于收集用户信息,本课程介绍

零基础前端攻城狮养成计划

本喵至今已经做了一年半的前端了,还不能自封前端大牛,但是也算是入门了~这段时间里,从一个测试实习生到写文案,到成为一枚前端实习并入职正式工作一年.对于前端知识来讲可以说是从0开始了~得到过大牛们指点,踩过很多坑,自己也在不断的摸索着,学习着,成长着. 先说说自己目前的技术能力,给想要入门前端的小白们一颗定心丸~ 现在自己差不多3个小时可以切出一个兼容PC端和移动端的活动页面:一个和后端有交互并有表单验证的功能基本上1天就可以完成:一个没有见过的插件,看看文档就可以愉快的使用了:自己亲手写过两个插

JAVA攻城狮培养计划之从网页搭建入门Java Web

重要知识点前端基础:HTML.CSS.JavaScriptJava web 基础 :JSP.Servlet.JSTL.EL表达式.过滤器.监听器.MVCJava开发工具:Eclipse.IntelliJ IDEA 项 目 实 战校园网首页.轮播图效果登录.注册.分页.验证码.单点登录.导入导出.购物车管理图书和课程的后台管理项目 下载地址:百度网盘 原文地址:http://blog.51cto.com/13862984/2140103

【大前端攻城狮之路·二】Javascript&QA?程师

今天给大家分享的主题的是Javascript&QA?程师.看到这个主题,可能有人问:前端开发完就OK了,剩下的丢给测试就行,哪里还需要关心这些?但事实上呢,测试是前端开发非常重要的环节,也是迈向高级前端工程师的必经之路! 本文主要分为一下四个部分: · 单元测试 · 性能测试 · 功能测试 · 安全测试 一. 单元测试 单元测试(unit testing),是指对程序中的最小可测试单元进行检查和验证.对于单元测试中单元的含义,一般来说,要根据实际情况去判定其具体含义,如C语言中单元指一个函数,J

前端攻城狮的进击路线

菜鸟runnob推荐 基础:HTML教程,CSS教程 进阶:Javascript,jQuery 高级:AJAX 教程,JSON 教程,XML 教程 框架扩展学习:Bootstrap 教程,jQuery UI 教程,jQuery EasyUI 教程,jQuery Mobile 教程 调试工具:Firebug 教程 开发工具:HBuilder,Dreamweaver,Notepad++,Photoshop 学习计划制定

前端攻城狮学习笔记九:让你彻底弄清offset

很多初学者对于JavaScript中的offset.scroll.client一直弄不明白,虽然网上到处都可以看一张图(图1),但这张图太多太杂,并且由于浏览器差异性,图示也不完全正确. 图一 不知道大家看到这张图的第一感觉如何,反正我的感觉就是“这次第,怎一个乱字了得”. 既然我认为上图太多太乱,那么我就把offset.scroll.client分开说,希望能让大家彻底弄清楚,今天只说offset. 一.关于offset,我们要弄明白什么 w3中offset相关页面是:http://www.w

十八届五中全会:实施国家大数据战略,攻城狮们,你做好准备了吗

2015年10月29日,中共中央十八届五中全会顺利闭幕.会议通过了“十三五”计划并出台了一系列重大政策.“互联网+”与“大数据”也被写入了会议公报.大数据战略被升为国家高度!攻城狮们,赶紧准备啊! 现在正是学习大数据的绝佳机遇,让我们跟随王家林老师,一起学习大数据吧,实现年薪50万的梦想! 王家林老师的第一个中国梦:免费为全社会培养100万名优秀的大数据从业人员! 您可以通过王家林老师的微信号18610086859发红包捐助大数据.互联网+.O2O.工业4.0.微营销.移动互联网等系列免费实战课

攻城狮在路上(贰) Spring(三)--- Spring 资源访问利器Resource接口

Spring为了更好的满足各种底层资源的访问需求.设计了一个Resource接口,提供了更强的访问底层资源的能力.Spring框架使用Resource装载各种资源,包括配置文件资源.国际化属性文件资源等.一.Resource接口的主要方法有: boolean exists():资源是否存在. boolean isOpen():资源是否打开. URL getURL():如果底层资源可以表示为URL,该方法返回对应的URL对象. File getFile():如果底层资源对应一个文件,该方法返回对应

十年北漂,一个软件“攻城狮”到职业养鸡人的心路历程

本人(武建亮)IT屌丝出生, 2005年到北京,2006年开始正式成为程序员,曾任某公司的技术总监. 2011年开始创业,曾做过电子商务网站.礼品网.智慧旅游相关的创业项目. 2014年底,再一次创业失败,背负40w的外债,放弃一切,远离IT圈. 微信扫一扫 今年是我来北京的第10个年头,人生有几个十年,我年轻时候最美好的时光,都给了这个绚丽的闪耀着金光的城市,但是,金光是他们的,而我什么也没有,今年,我离开北京,跟来时一样,孑然一身. 2005年,我考上了北京的一所学校,带着对这座城市的幻想,