求一些比较好的网页练习

2014-12-14 17:18:54 +08:00
 sangmingming
朋友在学前端开发,书也看了不少了,但是需要实践啊。
有没有一些比较好的网页案例给做做啊。
先谢谢大家。
2925 次点击
所在节点    问与答
11 条回复
Francost
2014-12-14 17:53:32 +08:00
把你认为简单的单页网站页面切下来,然后练习吧,
Twinkle
2014-12-14 18:31:55 +08:00
从模仿开始
sunshower
2014-12-14 18:39:15 +08:00
你先吧各种布局做一遍吧
Pete
2014-12-14 19:20:28 +08:00
从模仿开始+1
mawing
2014-12-14 20:27:09 +08:00
京东。团800
Aquamarine
2014-12-14 22:35:03 +08:00
有个学习网站可以去看看: http://www.codecademy.com/
sangmingming
2014-12-15 09:28:10 +08:00
@Twinkle
@sunshower
@Pete
@mawing
我也是这样跟她说的,不过这些对他还是有点难。那么有没有比较简单一点的做呢。
sangmingming
2014-12-15 09:28:58 +08:00
@Aquamarine
codecademy上面的练习都做完了,那个毕竟是片段,效果不是特别好。
mawing
2014-12-15 10:10:18 +08:00
看起来像是看完了w3cschool之类,还写不出东西的阶段
就参照着国内电商网站做就行了,固定宽度布局,也不用写JS
先用色块布局,慢慢调浮动、定位之类
写个一两个、两三个就找到自己的门路和信心了
sangmingming
2014-12-15 10:18:28 +08:00
@mawing 谢谢你的建议。
sunshower
2014-12-15 20:15:20 +08:00
@sangmingming 那就上codepen.io这种网站,多看看其他人的效果,选择感觉自己喜欢的,想做的,,类似按钮、输入框、下拉框、列表这类的小组件,每一样都模仿很多次,也算是积累素材。
这个再感觉困难的话,就只有跟这书做了,比如http://www.w3cplus.com/这些大神出的一些书。

当然,这也不是一条线下来的,同时开干也行。

最要紧的是代码风格同时也练习一下,像google的https://code.google.com/p/google-styleguide/
网易的http://nec.netease.com/这种,网易这里还有代码库可以观摩。
形成自己的代码规范很重要。

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

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

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

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

© 2021 V2EX