求问自学 CSS/HTML 的话如何入手- -#

2014-06-13 10:54:34 +08:00
 Albus
初级就好。。。不求精通TAT
9248 次点击
所在节点    问与答
76 条回复
ChiangDi
2014-06-13 10:59:03 +08:00
一本书好像叫《head first html and css》,我觉得很好,第一次就几乎全看懂了。
另外楼主是女生吗?
Albus
2014-06-13 11:01:05 +08:00
这样哦~ 谢谢你~
我去看看
嗯 怎?
FEIF
2014-06-13 11:01:12 +08:00
看这里http://www.w3school.com.cn/index.html 我也在学。。。看着都很简单。。。但是东西比较多不知道怎么理清楚 ,写几个简单的站点?
learnshare
2014-06-13 11:03:18 +08:00
等 LZ 表明性别再说。
imn1
2014-06-13 11:03:28 +08:00
html 先学 tag
css 先学 定位(上下左右宽高)和盒模型(宽高内外边距,边框)
Mutoo
2014-06-13 11:03:45 +08:00
andyliu
2014-06-13 11:04:30 +08:00
@Albus
额 ,妹纸 下次 提问时 标题带上“妹纸” 回复会更多。。。
canesten
2014-06-13 11:05:37 +08:00
Chrome浏览器按F12打开面板
多看看
然后右键选Edit as HTML试试改一些东西
配合http://www.w3schools.com/
就学会了

那个中文的http://www.w3school.com.cn/index.html
有些东西写的不对,英语有能力建议不要看中文的
tangzujun
2014-06-13 11:05:45 +08:00
被头像吸引进来再看主题 codecademy在线学习入门不错
Albus
2014-06-13 11:05:54 +08:00
@FEIF
一个学长也跟我推荐了这个网站
看了下真心东西太多了感觉脉络不是太清晰呢
我只求能略懂啦0.0
Albus
2014-06-13 11:06:18 +08:00
@learnshare
世界怎么了。。。
ChiangDi
2014-06-13 11:06:27 +08:00
@learnshare 楼主已经表明性别了,她回复了“嗯,怎?”
话说最近V2上妹子好像越来越多了,我已经关注5个了...
Albus
2014-06-13 11:07:13 +08:00
@andyliu
没事。。。
有几个人回就行了。。。
botao1
2014-06-13 11:07:35 +08:00
Albus
2014-06-13 11:07:50 +08:00
@tangzujun 锻炼劲椎请歪脑袋~
tangzujun
2014-06-13 11:13:22 +08:00
@Albus 嗯 谢谢!好人!
FEIF
2014-06-13 11:27:08 +08:00
@Albus
同求略懂。。。我只是为了学 JavaScript 打基础
这两天刚开始找了一本 《head first html and css》 第 2 版配合中文版一起看。。。加 w3school
先整个 demo 站点吧- -
Albus
2014-06-13 11:30:17 +08:00
@FEIF 我是为了学点网页设计打基础- -#
vansje
2014-06-13 11:30:21 +08:00
楼主找个首页psd图 自己切 自己div css 没有多难 切三个psd div css 就算合格了
learnshare
2014-06-13 11:33:48 +08:00
我来认真回复:

新手入门的话,建议先从 w3school.com.cn 上面的资料开始学习。建议的学习顺序为 HTML -> CSS -> CSS3 -> JavaScript -> BOM -> DOM -> HTML5 -> jQuery -> 其他扩展部分。

学习完整个教程之后,可以找一些书来看,系统地学习所有内容,并掌握其中的应用实例。

知识简单分为三个部分:HTML CSS,JavaScript BOM DOM,JavaScript 框架。

学习分为三步:基础(w3school),全面(看书),应用(抄写、模仿实例,自己动手创造)。

-----------------
扩展部分还有很多:

1. 后端编程语言(PHP、Node.js、Python 等);
2. 数据库(MySQL 等);
3. LESS/Sass;
4. Emmet;
5. 各种 JavaScript 框架(Angular.js、Backbone.js 等)。

慢慢接触吧。

-----------------
资源推荐:

1. w3school.com.cnw3schools.com 简单而且详细的入门参考资料;
2. developer.mozilla.orgwebplatform.org 科学严谨的参考文档,也有不少示例代码;
3. https://github.com/LearnShare/blog/tree/master/posts/drafts 我自己学习时整理的一些东西,作为文档随时查找(当做教程也是不错的,不过有一些乱了);
4. 一些看过的书(还算不错的):

1) HTML5 秘籍 -- 李松峰;
2) HTML5 与 CSS3 权威指南 -- 陆凌牛;
3) Web 变成入门经典(第二版)-- 杜静、敖富江;
4) JavaScript 权威指南(第六版)-- 淘宝前端;

-----------------
一开始建议的学习顺序还是很重要的。ps: 别吓坏了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/117273

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX