作者yhn0tgb60 (呦厚厚)
看板Web_Design
标题[问题] Google Web Designer 新手问题
时间Sun Oct 18 21:42:19 2015
我是个 html 和 javascript的新手
最近因为在学英文 想做个工具给自己用
觉得html很方便 只要能开游览器就可以执行 加上我要写的功能没有很难
所以我就写html
我编辑工具是用 Google Web Designer 会用他的原因是因为免费
不过其实网路上的资讯很少....
我目前遇到了几个问题
1. 我在按钮上有设定文字 例如按钮上有字 "Next"
我希望按钮的字是不能选的 我有试着加入
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
不过没有用
2. 我想做一个可输入文字的栏位
但是 Google Web Designer 似乎没有内建这个元件
所以我直接在 程式码中加了 textarea 的元件
但这有个问题 就是对位怪怪的 座标和size 会跑掉
在编辑器中看到的和浏览器中看到的不同 而且不同浏览器看到的也有落差
後来我把一个div 改成 input 解决了这个问题
可以输入文字 而且位置和size 都是正确的
但是 属性会没功能
本来文字栏位 我有设定自动换行 overflow: auto;
但是我从 div 改成 input 後 就不会自动换行了
不知道怎麽处理这问题
3. 我想做个下拉式选单
不过我在 Google Web Desginer 中没有到这元件
这应该是很基本的吧 = =
还是网路上有没有现成的元件包可以下载啊?
第一次接触 问题很多 请大家多多指教！！！
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 220.132.169.16
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1445175741.A.DB2.html
1F：推 iamnodoubt: 把程式码放到jsbin或是codepen的平台,你自己都说网路 10/18 22:28
2F：→ iamnodoubt: 上没什资源,你自己又不熟,干嘛不选个大家有在使用的 10/18 22:29
3F：推 ian90911: visual studio 社群 也是免费的 10/18 22:44
4F：→ GoalBased: 写html和js 没必要装vs.. 10/18 23:15
http://0rz.tw/cx2bo
我专案放在 Google云端硬碟 大家可以帮忙看看 谢谢喔
不用 vs 有个最大的原因 是因为我用Mac
再来 我只用基本功能 只要介面功能完整就可以了
所以我不想用太庞大的工具
也许我应该去找找其他工具来用 不过因为不知道哪个比较好用
所以才直接用 google web designer
我再找找 谢谢了
5F：推 pm2001: visual studio自动格式化跟自动完成很方便的 10/19 09:16
6F：→ pm2001: 装web essentials更好用 10/19 09:17
可是vs Mac不能用 = =
7F：推 tw0517tw: 可以装vs code XD 10/20 10:43
vs code 超难用.... 他应该只是文字编辑器吧?
没有介面和拉元件的功能......
我想找视觉化工具 更方便的tools XD
※ 编辑: yhn0tgb60 (220.132.169.16), 10/22/2015 20:39:44
8F：→ mmis1000: 我也有曾经觉得视觉化编辑器比较好用的时期呢... 10/23 11:00
9F：→ mmis1000: 但是到最後你只会想直接key拉 10/23 11:00