VPS    微软    Win10    苹果    Office2016

学习网站开发必备推荐!30天学会HTML和CSS基础入门视频教程 (免费精品课程)

 技术教程       2011-11-24
学习网站开发必备推荐!30天学会HTML和CSS基础入门视频教程 (免费精品课程)

很多人都对制作网站很有兴趣,我们之前就有介绍过一些傻瓜式的建站工具如 Tap.cn,也有介绍过一些诸如 WordPress 的视频教程。不过前者对于想学习的人来说作用不大,后者入门门槛又稍高。于是今天给大家介绍一套HTML+CSS的入门视频教程

一直以来很多朋友来信询问我如何学习网站开发,我的建议总是必须先学扎实的 HTML+CSS基础,毕竟它们是构成网页的根本。很多人 (起码我遇到非常多) 自以为学神马 JavascriptPHPAJAX.Net 才够牛逼,一上来就学“高级货”,那么你肯定学不好,或者走很多弯路。砖子都还不会砌,你就想建罗马城?所以,想学网页开发的同学,脚踏实地一步一步走吧……

30天学会HTML和CSS

如上,这套视频来自国外著名网站 Tuts+,原名为“30 Days to Learn HTML & CSS”,称可以30天学会HTML和CSS,它以日历的格式排版,就是每天学习一段课程由浅入深带你入门,非常适合初学者!可惜的是,这套教程是英文解说的,不过作者的言语用得比较简单,对有些许英语基础的人难度不大吧。反正只看视频也能理解绝大部分的意思,边学网站,边学英语,一举两得了吧。

推荐网页开发的书籍:

HTML 和 CSS 其实并不难,随便一个0基础的人都能轻易理解,所以30天学会算是很容易吧。不过一般市面上的什么30天学懂C++学懂Java学懂iPhone开发之类的书就不建议。当然,搞定HTML和CSS之后,再学习 JavascriptPHP什么的就如鱼得水了。

如果你不喜欢英文的视频,我强烈推荐大家去找一本《深入浅出 HTML 与 CSS/XHTML》的书来看看,我个人认为那是非常优秀的图文入门的书籍,而且这个 深入浅出 (Head First) 系列的其他书籍都非常有特色,就是能用精彩有趣的图解来阐述一些乏味的技术原理,让你不觉得自己在读晦涩的技术书。

我就记得以前曾遇到过一个不算复杂的问题,在大多数的书籍中用长篇大论的文字来描述,辛辛苦苦来回读几次都有点不着边际,换来 Head First 一看,就简单一张图让我彻底理解透了。所以我个人还是很推崇这个系列的书的!当然,它主要是面向初学者,高手们就别吐槽了。另外,关于CSS有一本《CSS网站布局实录》,个人感觉良好。

好了,废话就这么多,如果你有兴趣就去看看吧。最后提下,这视频在国内直接在线看的话网络有点OOXX,建议使用迅雷或者之前我们推荐过的 Orbit Downloader 把视频下载回来再慢慢品尝吧。当然,如果谁网络条件好,打包好给我们那就更美了~

视频在线观看网址:

感谢“多年后叫西毒”、“可C” 和 “阿西” 等朋友帮忙打包上传。
解压密码:www.iplaysoft.com

打包下载 30 Days to Learn HTML & CSS 视频教程  |  优酷在线观看  |  来自异次元  |  更多教程

  • 最近就在看,先收下了

    6 10
     
    • 我去啊,居然第一次沙发了,太难得了……

      8 10
       
  • 以前看过小X反对速成教程的, 说最快的方法就是学个40年然后发明时间机
    哎……

    8 10
     
    • 文中有提到,反对速成教程是对那些需要花费比较长时间才能掌握的知识来说的,比如C++,Java等。HTML与CS·S相对来说是非常简单的,我认为几天就能入门,30天可以熟练了,当然,要说精通则是另一回事。

      9 10
       
    • 正在学哦

      8 10
       
  • 今天这么靠前,前三么···“悸动”不已···

    8 10
     
  • 最近正在学,正好找不到一套比较系统,简洁的视频教程,及时

    6 10
     
  • 不错 好帖子吖

    6 10
     
  • HTMLxCS·S真心就那么点东西,用30天应付它都是抬举它了,学好了对读网页还是很有很大帮助的,至于html的那个不一致标准…还是xhtml比较靠谱吧,看到网站里似乎还有其它教程,html5什么的,最近传得很神奇的一个东西

    8 10
     
    • 面对国内的IE用户,CS·S3都不敢用,HTML5简直就是浮云啊~~~~~

      6 10
       
  • 很不错的介绍啊,考完试要看看!!

    8 10
     
  • 这个真可以有,真不错呀···

    9 10
     
    • 有木有字幕的哦??·····

      9 10
       
  • 希望小x出一个HTML5、css3、javascript的教程文章。

    9 10
     
  • 叫大家html哦(how to make love~!)

    8 10
     
  • 这文章风格不对丫~一般文章末尾会有官网 和打包下载地址的 很方便的 可是现在没打包下载地址了~

    7 10
     
  • 要的,要的。

    6 10
     
  • 完整的好大,1G多

    7 10
     
  • 好人感谢。

    10 10
     
  • 不管怎样 我已经把任务都暂且放在我的迅雷里去了~

    9 10
     
  • 那学Dreamweaver有什么用呢?

    8 10
     
    • DW是编程工具,而楼主提供的是一门语言的语法学些。

      就像毛衣针子跟如何织毛衣一样的关系~

      8 10
       
    • DW是编程工具,而楼主提供的是一门语言的语法学习。

      就像毛衣针子跟如何织毛衣一样的关系~

      8 10
       
  • http://www.rayfile.com/zh-cn/files/57260b11-16fd-11e1-a827-0015c55db73d/海外用户用不了迅雷快传,上面已经朋友用迅雷快传分享了,大家可以试试那个应该快些,这是我自己用raysource做的地址,有点不太方便

    10 10
     
  • 对于鸟语表示无奈. 完全不懂. 求字幕,.

    6 10
     
  • 正在下载,不知道这英文能不能扛得住啊,感谢发布!

    8 10
     
  • html css 知识上来说确实很简单!上手用心的话只用一天!!

    不过各种浏览器兼容性问题 会让你无比痛苦!在加上w3c标准!可能你搞得心力交瘁搞出一个能兼容所有浏览器的页面,但他完全不符合标准!而且结构繁杂,css冗杂~~~优化又是相当痛苦的工作~~~如果还有js~~~那就更复杂

    总而言之 易学难精~~~

    6 10
     
  • http://115.com/file/dn3wu8kg#
    30_Days_to_Learn_HTML_&_CS·S.rar
    好多人打包啊

    8 10
     
  • 求字幕啊 E文不给力

    9 10
     
  • 召唤字幕组大婶,得有个字幕给同学学HTML啊,英语压力很大。

    9 10
     
  • 为什么三个打包文件大小差别这么大。。迅雷那个链接没速度。。115速度很快。但文件是最小的,弱弱的问句完整吗

    9 10
     
    • 应该是完整的。30天的视频+开始视频+结束视频,一共32个,我用迅雷下的。

      7 10
       
  • 我也想说语言很有鸭梨,虽然明白他要表达的意思

    10 10
     
  • 我也想说语言很有鸭梨,虽然明白他要表达的意思

    9 10
     
  • 求中文字幕,最好是人人字幕出手

    7 10
     
  • 哪位童鞋传到优酷,土豆上就最好了

    8 10
     
  • 最好能有中文字幕,尽管没有也能看懂。

    10 10
     
  • 邮箱地址:cosuwj AT 163 DOT com

    10 10
     
  • head first系列作为入门的却不错!

    9 10
     
  • 我买了本书看,还没看完的。

    7 10
     
  • 不错的…..

    10 10
     
  • 我也觉得深入浅出的书非常棒

    6 10
     
  • W3C的教程也不错。

    10 10
     
  • 看了表示很有压力啊,如果有字幕就好了,哪位大牛番习译一下就完美了

    10 10
     
  • 直接用CMS省心

    7 10
     
  • 博客写了有几年了,但对CS·S一直不理解啊。

    7 10
     
  • html我都没正经学,直接学CS·S了。
    然后就PHP,html就自然通了。

    6 10
     
  • 30天也就能入个门吧!想精通就需要些时日了,本人做网站也有几年了,纯手工敲HTML也几年了,不敢托大。但一点可以肯定:基础很重要。良好的基础学什么都快。现在许多开发工具都是拖控件,方便,快速,但是水平提升就慢了。

    6 10
     
  • 话说,作为一名没有接触过但是有兴趣的初学者。为啥选的两本书恰好是你提到的?看来我的眼光还是不错的

    6 10
     
  • 哈哈 好,真需要这个呢

    7 10
     
  • 该视频配合 head first 和Css布局实录 准备本月入门,求英文字幕 中文字幕那是良心货啊!

    9 10
     
  • 其实学HTML和CS·S当初我看了一下书就会了

    7 10
     
    • 想求教一下大虾具体怎么学的,还有就是用到哪些软件和学习资料?

      8 10
       
  • 视频中的操作系统是MAC,自带了textedit可以直接编写HTML,但windows中好像找不到类似的功能这么多的软件哦,如果用windows学的话,是用“记事本”编写么?

    9 10
     
    • 人家是后来装的那个软件叫:sublime text2,你可以用dreamweaver,工具只是浮云,你不要啥都要学人家啊,难道人家mac,你也要去买个mac?要学会变通…

      6 10
       
    • Sublime text2 也有 Windows 版本,相当棒,非常棒的编辑器,值得去尝试~

      9 10
       
  • sublime现在暂时免费,以后会收费的。还有就是快捷键跟windows冲突,要自己改,所以最后我还是用dreamweaver来学习了。嘎嘎

    9 10
     
  • [深入浅出HTML]Head_First_HTML与CS·S、XHTML++(中文版) 下载

    115网盘 http://115.com/file/an4sjwtd

    云盘 http://filemarkets.com/file/zcmxw/49230aae/

    英文原版(很清晰)

    115网盘 http://115.com/file/an4sjqkx

    云盘 http://filemarkets.com/file/zcmxw/4c22aad0/

    中文版不太清晰,是扫描的图片,所以建议同时下载英文版的作对照

    10 10
     
    • 你给的115链接需要提取码

      7 10
       
  • 这套教程好像不错`可惜不懂英文 有人合资请人番习译么 人越多钱越少哇 QQ1306667688

    8 10
     
  • 非常酷!谢谢分享!

    7 10
     
  • 不错 一直想学DIV+CS·S 没有好的视频 来看看

    8 10
     
  • 这个得下载下来学习学习,一定会有用的。

    6 10
     
  • 去找找那书

    9 10
     
  • 顶了 楼主

    6 10
     
  • 有没有人告诉我,
    视频都是英文,怎么办,
    偶的根本不懂英文啊
    求帮助

    9 10
     
  • 好吧,表示英文不过关···

    7 10
     
  • 顶下,有时间学习学习!!

    8 10
     
  • 顶,有时间学习下~

    10 10
     
  • 傻了,英文的,最不来势的就是英文了,不过有时间还是得学习下

    7 10
     
  • 30天可熟练。大言不惭。你学30天出去看有公司要你吗?中国现在整个社会就是俩字“浮躁”!

    7 10
     
    • 不知道是谁浮躁,楼主明确表示是基础知识,是入门用的,你一看到熟练(而且那个“熟练”还是楼主回复个人所说的)就想到公司,你这样的永远也不会“精通”。

      8 10
       
  • 想要

    6 10
     
  • 感谢“多年后叫西毒”、“可C” 和 “阿西” 等朋友帮忙

    7 10
     
  • 我在想,为啥这个没有微博评论?!如果这个也弄上,那方便的不是一点/半点!

    10 10
     
  • 不错。多谢谢

    8 10
     
  • 已经从亚马逊购入书籍,希望对我C语言入门有帮助。

    7 10
     
  • 难道要回复?

    9 10
     
  • 就看出你就开始

    9 10
     
  • 为什么我看不到连接口i额?

    9 10
     
  • 为什么我看不到连接口i额?

    7 10
     
  • 没看到啊

    8 10
     





评论内容 (*必填):
Ctrl + Enter 快速提交