作者sean72 (.)
看板Web_Design
标题[问题] emmet liveStyle & 新手入门
时间Tue Jun 24 16:43:14 2014
有程式底子 (C / Python / ObjC等等)
网页编辑新手 想学架设网页
1.
安装好emmet之後想按照影片中的步骤玩玩看
http://youtu.be/iQLhGbkupS4?t=1m3s
我按照他的动作 在chrome开启Inspect element
勾选了Enable LiveStyle for current page
但是1分3秒的地方
右边的sublime untitled 文件突然出现
.loggedout_menuber_container等文字 然後{}之後就开始改了
请问中间的过程他是怎麽办到的?
2.
我想先把前端学好
我从
http://www.codecademy.com/自学了HTML&CSS / JavaScript
也看 w3school 例
http://www.w3schools.com/js/js_objects.asp
我了解那些变数 回圈 函式
每个章节都有 "Try it Yourself"
走过一遍却还是不知道怎样做出一个比较"像样"的简单网页
网路上有个例子: im-learning-to-code-by-building-180-websites-in-180
她的其中一个范例
http://jenniferdewalt.com/word_cloud/words
要从我现阶段的知识进步到上面的范例
有任何学习教材吗?
谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 76.169.48.217
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1403599399.A.090.html
1F:推 GoalBased:现阶段的目标是甚麽,遇到的问题是甚麽? 06/24 16:44
ex 我也参考过本版的至底文
http://cssmenumaker.com
举里面一个范例:
http://cssmenumaker.com/builder/2340521
有Prview HTML CSS jQuery四个标签
但是我却不知道他们怎麽组合再一起的
按照我从codecademy上学到的:
应该会在HTML <head> 里面有 <link type ... href="xxx.css"/>
但是怎麽这完全没看到呢?
又例如
http://jenniferdewalt.com/word_cloud/words 里面的source code
<script src="/assets/application-9e6468a1c80656c87987aa1255c4b383.js"
type="text/javascript"></script>
那长串的.js又是哪来的?
之前看iTune学习objC的时候
他从最早的语法到IDE 到最後可以完成一些类似 map kit / table view的成果
整个过程很循序渐进
但是关於网页前端 我现在似乎只有停留在 "语法"的阶段
要怎麽搭配好用的IDE 套用好用的工具等 都是茫然
谢谢
※ 编辑: sean72 (76.169.48.217), 06/24/2014 17:01:35
2F:→ superpai:emmet 太进阶了 你先学基本css就好了。 06/24 17:37
3F:→ superpai:写网页其实也没有什麽IDE可言 06/24 17:40
4F:推 ck574b027:乱码 js 是用 framework 生出来的,那网站我记得是用 06/24 17:56
5F:→ ck574b027:rails。如果你只是不知道怎样设计比较好看,先套 06/24 17:58
7F:推 GoalBased:先做一个html,有标头和内容页,这个会吗? 06/24 18:03
8F:→ GoalBased:之後用css控制,他们两个的颜色,再来在内容加入 06/24 18:03
9F:→ GoalBased:几个text和button用javascript或jq来做个BMI 06/24 18:04