html入门视频教程

首先，了解前端开发

什么是html？

首先要明确，html是前端的基础！Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代产物,那时网站的主要内容是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。说得直白点就是美工photoshop,交互设计,flash,js,html+css。就小规模公司而言,一个技术员都得会这几样技能,这样很锻炼人的,慢慢的你就会成为公司的主力。大规模的公司把这些分得很细,所以,你可以精通一门,熟悉其他的,进军大公司。

那么我们应该怎么学习前端开发这门技术呢？ 现在很多小伙伴喜欢在互联网上找视频资料学习网页制作，但是光看视频你是不可能学会网页制作的，没有人指导你，而且很多视频已经过时了，并没有什么用! 如果你真的想学习网页制作这门技术，你可以来这个裙，前面是4九4，中间是〇六思，最后是就三思！在这里有最新的HTML课程免费学习 也有很多人指导你进步，不需要你付出什么，只要你是真心想学习的，随便看看的就不要加了，加了也是浪费大家的时间。

Web前端的学习建议

Web前端的学习误区入门快、见效快让我们在不知不觉中已经深深爱上了网页制作。此时，很多人会陷入一个误区，那就是既然借助这么帅的IDE，通过鼠标点击菜单就可以快速方便地制作网页。

那么我们为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢?这不是舍简求繁吗?

但是随着学习的深入，就会发现我们步入了一种窘境——过分的依赖IDE导致我们不清楚其实现的本质，知其然但不知其所以然。

因此在页面效果出现问题时，我们便手足无措，更不用提如何进行页面优化以及完成一些更高级的应用了。其原因是显而易见的——聪明的IDE成全了我们的惰性，使我们忽略了华丽的网页背后最本质的内容——code。

在学习Web前端中的一些建议和方法。

在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析，不能够从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去做，导致页面中各元素间的关系很混乱，容易出现盒子在浮动时错位等情况。建议大家在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从整体上划分，然后逐步在盒子中继续嵌套盒子。

“君子生非异也，善假于物也”，在学习的过程中还要多浏览一些优秀的网站，善于分析借鉴其设计思路和布局方法，见多方能识广，进而才可以融会贯通，取他人之长为我所用。

web前端开发工程师做为互联网行业紧缺的职位之一，人才缺口巨大，每天还在不断的更新。人才少，薪资自然也是很吸引人的，据某网站77939样本统计从业人员平均月薪9690元，而且跟据经验的增加，薪资也是在不断的攀高的。潭州教育就业环节拥有专业的就业团队，对毕业学员全程指导，真正兑现万元就业。

更容易进名企

专业的前端人才对口的大多数都是知名企业，像百度，淘宝，京东……都在急招，大企业对每个职业的专业化更加有要求，发展前景好。潭州教育的Web前端培训课程由众多资深实战老师精心设计，从实战出发，教学质量更好，Web前端学习班课程针对企业用人标准设置，毕业前严格把关，更利于高薪就业。

引用乔布斯的话，Web就是未来，我们作为前端开发工作者也是未来。相信Web前端开发的明天会更好。

首先下载video.js，百度一下就能找到。

这个是下载后的目录。

先把要用到的js\css.swf都加载到html页面上。如：

<link href="video-js/video-js.css" rel="stylesheet" type="text/css">

<script src="video-js/video.js"></script>

<script>

videojs.options.flash.swf = "video-js/video-js.swf"

</script>

加入下面的代码：

<video

id="my_video_1" class="video-js vjs-default-skin" controls  

 preload="auto"width="640"height="480"poster="video-js/my_video_poster.png"  

 data-setup="{}">

<source src="Wildlife.mp4" type='video/mp4'>

</video>

只要记住：修改width="640" height="480"来改变视频显示大小，修改src="Wildlife.mp4"来改变要显示的视频。

然后打开html文件查看效果吧，它有暂停、音量控制、全屏等功能，还有好多其他功能。

ASP.NET开发实践系列-ASP.NET实现在服务器端控制网页

http://www.so138.com/so/so138.aspx?id=2477

台湾吕聪贤教授网页三剑客教程

http://www.so138.com/so/so138.aspx?id=2103

动态网页制作视频教程ASP.PHP.JSP

http://www.so138.com/so/so138.aspx?id=1793

网页制作技术(北京交通大学)

http://www.so138.com/so/so138.aspx?id=1595

吉林大学-internet网页设计

http://www.so138.com/so/so138.aspx?id=1531

计算机网页设计与制作视频教程

http://www.so138.com/so/so138.aspx?id=1193

电子科技大学 网页设计（制作）

http://www.so138.com/so/so138.aspx?id=940

Perl动态网页制作

http://www.so138.com/so/so138.aspx?id=763

JSP动态网页制作例程

http://www.so138.com/so/so138.aspx?id=760

ASP动态网页制作计

http://www.so138.com/so/so138.aspx?id=759

PHP动态网页制作

http://www.so138.com/so/so138.aspx?id=758

网页设计在线教程

http://www.so138.com/so/so138.aspx?id=640

Dreamweaver网站设计系列多媒体教程

http://www.so138.com/so/so138.aspx?id=2075

边用边学Dreamweaver

http://www.so138.com/so/so138.aspx?id=1234

新概念Dreamweaver_mx视频教程

http://www.so138.com/so/so138.aspx?id=781

Dreamweaver MX 2004 视频教程

http://www.so138.com/so/so138.aspx?id=292

]

计算机精彩视频教程

电脑维修视频教程

http://www.so138.com/so/so138.aspx?id=2136%20

VC++6.0 经典视频

http://www.so138.com/so/so138.aspx?id=2104%20

张孝祥 java 视频教程

http://www.so138.com/so/so138.aspx?id=2007%20

电脑报 2004 年装机视频教程

http://www.so138.com/so/so138.aspx?id=2137%20

C 语言程序设计 32 讲

http://www.so138.com/so/so138.aspx?id=347%20

FLASH MX 2004 实例视频教程（ FIF ）

http://www.so138.com/so/so138.aspx?id=318%20

Dreamweaver 网站设计系列多媒体教程

http://www.so138.com/so/so138.aspx?id=2075%20

架设局域网与应用服务器

http://www.so138.com/so/so138.aspx?id=2133%20

北京大学计算机网络教程

http://www.so138.com/so/so138.aspx?id=2134%20

Excel 学习指南

http://www.so138.com/so/so138.aspx?id=2135%20

清华大学手把手教你学习数据库

http://www.so138.com/so/so138.aspx?id=2279%20

台湾吕聪贤教授网页三剑客教程

http://www.so138.com/so/so138.aspx?id=2103%20

Excel 视频教程

http://www.so138.com/so/so138.aspx?id=1965%20

VFP6.0 视频教程下载

http://www.so138.com/so/so138.aspx?id=629%20

Word 使用视频教程

http://www.so138.com/so/so138.aspx?id=1969%20

黑客视频教程 - 灰鸽子远控使用教程

http://www.so138.com/so/so138.aspx?id=1956%20

计算机专业英语（中山大学）

http://www.so138.com/so/so138.aspx?id=1973%20

Photoshop CS2 视频教程

http://www.so138.com/so/so138.aspx?id=1951%20

孙鑫 VC++ 20 集 + 讲义 ptt~

http://www.so138.com/so/so138.aspx?id=642%20

东南大学 - 汇编语言程序设计（共 34 讲） .

http://www.so138.com/so/so138.aspx?id=2105%20

计算机基础知识视频教程

http://www.so138.com/so/so138.aspx?id=1967%20

PowerPoint 使用视频教程

http://www.so138.com/so/so138.aspx?id=1977%20

电脑硬件组装完全 DIY 手册 2005 全新版

http://www.so138.com/so/so138.aspx?id=2270%20

微机原理与应用视频

http://www.so138.com/so/so138.aspx?id=2130%20

Mysql 网络数据库开发视频教程

http://www.so138.com/so/so138.aspx?id=2132%20

BIOS 视频教学

http://www.so138.com/so/so138.aspx?id=2277%20

网络视频教程

http://www.so138.com/so/so138.aspx?id=296%20

数据库原理与技术

http://www.so138.com/so/so138.aspx?id=2280%20

金鹰 FlashMX 视频教程

http://www.so138.com/so/so138.aspx?id=1978%20

Oracle9 全集

http://www.so138.com/so/so138.aspx?id=2268%20

VC++ 视频教程

http://www.so138.com/so/so138.aspx?id=2269%20

通信原理

http://www.so138.com/so/so138.aspx?id=2127%20

CCNA 视频教学

http://www.so138.com/so/so138.aspx?id=2278%20

黑客视频教程 - 建立超级隐藏帐户

http://www.so138.com/so/so138.aspx?id=1964%20

微软中国研究院清华讲座

http://www.so138.com/so/so138.aspx?id=2100%20

金鹰 Authorware 视频教程 ( 入门篇）

http://www.so138.com/so/so138.aspx?id=107%20

SQL 数据库视频教程 [ 北大 ]

http://www.so138.com/so/so138.aspx?id=827%20

Windows2000 使用视频教程

http://www.so138.com/so/so138.aspx?id=1968%20

因特网的初步知识和简单应用

http://www.so138.com/so/so138.aspx?id=1966%20

局域网组网精彩视频教学

http://www.so138.com/so/so138.aspx?id=1791%20

Photoshop7 中文版入门视频教程

http://www.so138.com/so/so138.aspx?id=43%20

数据结构视频教程下载 [ 清华大学 ]

http://www.so138.com/so/so138.aspx?id=621%20

Premiere pro7.0 视频教程

http://www.so138.com/so/so138.aspx?id=1950%20

ORACLE 内部培训视频教学

http://www.so138.com/so/so138.aspx?id=371%20

oracle 视频讲座

http://www.so138.com/so/so138.aspx?id=2273%20

北京大学计算机硕博答辩

http://www.so138.com/so/so138.aspx?id=2129%20

ASP 动态网页制作计

http://www.so138.com/so/so138.aspx?id=759%20

JSP 动态网页制作

http://www.so138.com/so/so138.aspx?id=760%20

电脑调试与维修视频教程

http://www.so138.com/so/so138.aspx?id=472%20

protel 2004 光盘教程

http://www.so138.com/so/so138.aspx?id=757%20

3dmax 室内装饰实例视频

http://www.so138.com/so/so138.aspx?id=1949%20

vpn 视频讲座

http://www.so138.com/so/so138.aspx?id=2274%20

动态网页制作视频教程 ASP.PHP.JSP

http://www.so138.com/so/so138.aspx?id=1793%20

步步学 BIOS 视频教程

http://www.so138.com/so/so138.aspx?id=468%20

PHOTOSHOP 视频教程完整版

http://www.so138.com/so/so138.aspx?id=184%20

金鹰电脑教程 Flash ActionScript 编程视频教程

http://www.so138.com/so/so138.aspx?id=1623%20

黑客视频教程 - 网络神偷使用教程

http://www.so138.com/so/so138.aspx?id=1952%20

API 编程视频教程

http://www.so138.com/so/so138.aspx?id=2276%20

---