1
ChiangDi 2014-06-13 10:59:03 +08:00 via Android
一本书好像叫《head first html and css》,我觉得很好,第一次就几乎全看懂了。
另外楼主是女生吗? |
2
Albus OP 这样哦~ 谢谢你~
我去看看 嗯 怎? |
3
FEIF 2014-06-13 11:01:12 +08:00
看这里http://www.w3school.com.cn/index.html 我也在学。。。看着都很简单。。。但是东西比较多不知道怎么理清楚 ,写几个简单的站点?
|
4
learnshare 2014-06-13 11:03:18 +08:00
等 LZ 表明性别再说。
|
5
imn1 2014-06-13 11:03:28 +08:00 1
html 先学 tag
css 先学 定位(上下左右宽高)和盒模型(宽高内外边距,边框) |
6
Mutoo 2014-06-13 11:03:45 +08:00 1
|
8
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 有些东西写的不对,英语有能力建议不要看中文的 |
9
tangzujun 2014-06-13 11:05:45 +08:00
被头像吸引进来再看主题 codecademy在线学习入门不错
|
11
Albus OP @learnshare
世界怎么了。。。 |
12
ChiangDi 2014-06-13 11:06:27 +08:00 via Android
@learnshare 楼主已经表明性别了,她回复了“嗯,怎?”
话说最近V2上妹子好像越来越多了,我已经关注5个了... |
14
botao1 2014-06-13 11:07:35 +08:00
|
17
FEIF 2014-06-13 11:27:08 +08:00
@Albus
同求略懂。。。我只是为了学 JavaScript 打基础 这两天刚开始找了一本 《head first html and css》 第 2 版配合中文版一起看。。。加 w3school 先整个 demo 站点吧- - |
19
vansje 2014-06-13 11:30:21 +08:00
楼主找个首页psd图 自己切 自己div css 没有多难 切三个psd div css 就算合格了
|
20
learnshare 2014-06-13 11:33:48 +08:00 7
我来认真回复:
新手入门的话,建议先从 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.cn 和 w3schools.com 简单而且详细的入门参考资料; 2. developer.mozilla.org 和 webplatform.org 科学严谨的参考文档,也有不少示例代码; 3. https://github.com/LearnShare/blog/tree/master/posts/drafts 我自己学习时整理的一些东西,作为文档随时查找(当做教程也是不错的,不过有一些乱了); 4. 一些看过的书(还算不错的): 1) HTML5 秘籍 -- 李松峰; 2) HTML5 与 CSS3 权威指南 -- 陆凌牛; 3) Web 变成入门经典(第二版)-- 杜静、敖富江; 4) JavaScript 权威指南(第六版)-- 淘宝前端; ----------------- 一开始建议的学习顺序还是很重要的。ps: 别吓坏了。 |
22
learnshare 2014-06-13 11:38:13 +08:00
@FEIF 多媒体方面,建议看视频教程,成套的。
|
24
andyhu 2014-06-13 12:15:07 +08:00
v2上的宅男们如狼似虎啊,楼主要小心了,呵呵
w3schools就挺不错的,我最初学html的时候就用的是这个站,主要是先要理解DOM树结构,和css box模型,有这个基础的话,会掌握的比较快一点,另外可以加入一个前端群,有问题了可以找群里的人问问。其他就是记一些属性和怎样运用了,可以自己在chrome多尝试,按f12可出调试工具,随便改改各个属性,看看效果之类的,把w3schools的html和css教程都过一遍,就差不多了。先不要管html5和css3,那些都是html和css的扩展,循序渐进来比较靠谱。 html编辑器的话可以选editplus,可以在编辑器里直接预览,有时候还挺方便的 |
25
andyhu 2014-06-13 12:18:44 +08:00
如果再想深入的话,可适当研究些css3 html5和javascript/jquery的内容,如果有人带一带的话,自己再肯钻研一点耐得住性子去研究,应该还是很快可以掌握一些基础的。不过要熟练掌握的话还需要时间和经验积累
|
26
yangqi 2014-06-13 12:24:43 +08:00 1
楼上提供的都是资料类的网站,楼主明显更需要的是教程类的网站
不知楼主英文水平怎么样, 下面两个网站很适合初学者 http://www.codecademy.com/tracks/web https://www.codeschool.com/paths/html-css |
27
learnshare 2014-06-13 12:30:49 +08:00
其实有人指导才是最好的学习方式。(不要乱想)
|
28
jsonline 2014-06-13 12:38:31 +08:00
自己做一个页面,然后用一年的时间去思考如果把这个页面做得「更」好。
|
29
jsonline 2014-06-13 12:39:19 +08:00
如果头像即楼主的话,我可以提供无偿指导,啊哈哈
|
30
nagato 2014-06-13 12:40:47 +08:00
楼主留个联系方式,我可以手把手的教你
|
31
huwewa 2014-06-13 12:43:38 +08:00
看来又是翻页的节奏。 XD
|
32
Albus OP |
35
tank 2014-06-13 13:07:25 +08:00
楼主学的什么专业?设计系吗?
|
39
nikolai 2014-06-13 13:10:10 +08:00
|
40
andyhu 2014-06-13 13:16:00 +08:00
@Albus 不错,楼主还是挺有钻研精神的,其实国外的设计大牛好多都是懂代码的,尤其是jquery和一些特效,可以突破只是平面设计的局限,做出一些很漂亮的交互。可以看下
http://www.smashingmagazine.com/ http://www.awwwards.com/ 等等 |
41
chairuosen 2014-06-13 13:20:30 +08:00
找个前端蓝票
|
42
Albus OP |
43
juicy 2014-06-13 13:54:53 +08:00
学ios吧。。。前端太苦了,不容易混出头
|
44
7anshuai 2014-06-13 13:57:37 +08:00
推荐网易云课堂 http://study.163.com/#/index
有HTML/CSS/PhotoShop、网页设计、平面设计等等各种教程,适合自学入门 |
45
andyhu 2014-06-13 14:08:07 +08:00
其实感觉v2应该做个功能,设计师和程序员组团一起设计一些新鲜有趣的idea,互补彼此的不足
|
47
andyhu 2014-06-13 14:10:32 +08:00
我其实设计方面技术上也都多少懂点皮毛,PS AI都能简单的用两下,但感觉颜色和整体视觉效果搭配太差劲了,小时候美术都没及格过,也希望能多接触些设计方面的内容平衡下
|
48
hitbastank 2014-06-13 14:11:25 +08:00
1. 到 codecademy 或者 w3school 过一遍基础知识
2. 到 youtube 或者 Tuts + 上面找个视频教程例子看两遍 3. 自己动手做个简单的页面 这样就可以熟悉了,离精通还有距离 设计师的话熟悉就可以,不然抢了前端的饭碗哈哈 |
50
Albus OP |
51
RaymondYip 2014-06-13 14:20:32 +08:00
hm 我是由w3c入门的 感觉还不错 看完那个再看点别的深入
|
52
ibolee 2014-06-13 14:49:18 +08:00
|
53
Seita 2014-06-13 14:56:17 +08:00 via iPhone
在成都的话来我家一起学吧XD
|
54
P233 2014-06-13 15:11:16 +08:00
|
55
elvba 2014-06-13 15:13:28 +08:00 1
|
56
coolicer 2014-06-13 15:19:10 +08:00
你们这些人走开,我才是专业的页面仔,楼主加我QQ可好
|
57
cxd2427514 2014-06-13 15:35:05 +08:00
撸主 头像好熟 是不是在elya的微信群
|
58
xdazz 2014-06-13 16:01:50 +08:00 1
|
59
adspe 2014-06-13 16:05:20 +08:00
MDN相当全。
|
60
LucasW 2014-06-13 16:18:26 +08:00
唉,看在头像不错的样子就回复下吧,
直接去看视频跟着自己敲吧,简单直接,不用自己规划课程什么的,一个礼拜就会了。 记得当时有个传智播客张鹏的视频不错,适合入门(无任何利息相关) |
61
taobeier 2014-06-13 16:19:37 +08:00
看《head first html and css》这本书就好了。毕竟你说了你只是想打点基础而已 , 不需要太过深入的
|
62
ChiangDi 2014-06-13 16:34:09 +08:00 via Android
但是20人收藏是怎么个意思?
|
64
6IbA2bj5ip3tK49j 2014-06-13 19:34:03 +08:00
这贴怎么这么多人回啊。
|
65
Albus OP |
66
ReSur 2014-06-13 21:47:09 +08:00
自己写一些小作品
|
67
wintr 2014-06-14 01:07:11 +08:00
我收实习生,鹅厂北京
|
68
wintr 2014-06-14 01:08:13 +08:00
|
69
ai0by 2014-06-14 10:29:25 +08:00 via Android
专业课老师让我们用DW,图形界面,PS切片,扔到DW加链接
|
76
waveiron 2015-07-24 12:30:23 +08:00
这有个视频教程,讲的还行
http://edu.51cto.com/course/course_id-4130.html |