什么CSS工具(框架、网格系统，IDE,..)做，我需要启动的网页设计？

StackOverflow https://stackoverflow.com/questions/1612398

  •  06-07-2019
  •  | 
  •  

题

我建立一个新的网站根据技术发展的看法的技术。

关于图形设计的网站，我计划使用的服务从一个专业的网站设计师，但与此同时，我需要做一些基础图形设计自己才能有一个"用户友好的"β版本。

我已经阅读过stackoverflow.com 网站上，但不能让我的头脑。这里是我们发现：如何做你的选择-a-css-框架 什么样的-是的--好的-css-格框架 可以-有人-让-a-铃声和汽笛声-css-框架 什么样的-是的--好的-css-framework-和-是-他们价值的努力，

但不幸的是，有许多相互矛盾的答案。第一，有人说，使用CSS框架是反向的创作，而不是一件好事。其他建议锐的网格，蓝图,960gs，其...和很多人说，指南针，使开发CSS易布局和重复使用的。

所以考虑：

  • 我是新来的CSS的世界，我不打算一个网页设计师
  • 我的布局应该以用户友好的(但不是必要的，真棒L&F)
  • 应当maintanable和轻易可以改进(通过一个职业网页设计师)
  • 易于实施的(在以有事快速)

怎么你建议我开始使用的网络设计的我的网站?

感谢您的建议。

法比安

有帮助吗？

解决方案

第一，如果你不打算以一个网页设计师，我建议外包CSS。有几个网站在那里你可以 供应HTML或Photoshop设计并编码的 为下一个大(1k)。或 获得HTML/CSS设计免费的.

然后有一件事你需要知道和另外两个需要工作：

  1. 所有HTML应该被写在一个语义和有效的方式：语义=正确有序的标题，列出，没有过度的div等；有效=会通过WC3验证测试。这一切都不是火箭科学，但仍然是一种技能，需要被教训。安迪*克拉克的 超越CSS 是一个伟大的书在语义HTML/CSS。为了便于维护，该HTML和CSS应该整洁的和一贯的缩进，等等。

  2. 你需要确定是否需要一个管理后台和数据库管理的内容，或者如果你只是建立一个网站组成的静态网页(即html和css文件、图片和其他媒体等等)。如果是前者，这是一个整个其他学习曲线:-)

  3. 什么是你最好的技能吗？如果你是一个好的设计师，得到其他人写的HTML/CSS，或者使用现成的模板(有许多上网)和定制它。这里的 一个好的开始，为多列的布局.如果你是个程序员，学习使用一个框架喜欢 Django (Python), 钛 (Perl), 东西在较小的红宝石 (因为红宝石上轨道是一位大的开始)，或者一个中你最喜欢的语言。

好CSS是一门手艺，并简单的本质，但是如果你想要了解不够，获得开始时，我建议将是：

  1. 了解遗产(《'级'在CSS)和事实， 任何东西 可以是"阻止"，所以不使用大量的嵌套的div只是要应用一个风格。相反，应用风格HTML件本身，或要的元素，只有当它出现在父母块(如同一个菜单的无序列表中包含一栏div);

  2. 了解 块，并联元件 (网页设计从头开始 是一个很好的学习资源，我建议)，并于CSS可以改变这种行为；

  3. 测试在火狐，然后试验中Internet Explorer。>=IE7不是那么糟糕(但看出来 HasLayout).什么你不能调整获得的权利在即，使用 有条件的意见 添加CSS，即只可以看 从来没有 使用CSS黑客 .宏达文件 增添缺失即功能(例如翻滚的风格上的任何元素)；

  4. 了解 CSS定位, 和使用'固定的'谨慎;

  5. 把所有你的CSS在一个文件(对于初学者来说)，而不使用内联CSS在HTML；

  6. 定型的形式 和形式领域几乎是一个独立的技术人员:-)

使用的背景图像增加的风格，但是也明白，你可以偏移和重叠的图像的使用进行定位。你只需要使用Png不错的透明度，虽然。哦，是的， 透明度 看起来不错，但 需要非标准CSS 对于现在。虽然更多的灵活 rgba (a=alpha)的方法是广泛支持。因为这样做的 圆角, 但这两个值得使用。

我会避免CSS框架，并重置于现在-他们会复杂的事情，在这个阶段通过增加又一个DSL了解(但是 阅读的论点 和 优点和缺点).为了避免讨厌默认的利润率和填充，我总是重做的一切 html *, body * {margin: 0; padding 0;} 然后建立的填充和利润返回，在任何需要的地方-从来没有被一个问题迄今为止:-)

其他提示

怎么你建议我开始使用的网络设计的我的网站?

获得 萤火虫 插件火狐！

主CSS用途：

  • 看看这CSS规则的适用
  • 改变CSS在真正的时间和看到的影响
  • 检查他的网站看看他们是如何做的事情

我就不能发展CSS(和其他网有关的技术)没有这个工具

看看衣CSS重置/基薪/字体/网

http://developer.yahoo.com/yui/3/cssreset/

和格960也有一些不错的布局(检索其网站在谷歌)

我不知道是什么操作系统运行的，但是如果你是一个Mac用户，我建议一个伟大的免费工具CSS: Xyle范围.这不是一个编辑但CSS者/扫描仪，它让你轻松浏览CSS码的任何网页面，所以你可以更好地学习如何css工作，你可以分析任何良好做布置上网。

CSSEdit (Mac仅)是一个很好的解决方案的写作级联床单、易于使用，而不是昂贵的，并达到的特征。

烟花：我认为这是一个伟大的软件草案的布局，并提出一些良好的图形的作品！

Photoshop:这是一个所有在一个解决方案网络的发展中...这是一个真正伟大的工具，可以轻松地保持同步的远程版本的网站与当地的一个。

结尾 (Mac仅)是一个很好的替代Photoshop，即使它不要让你的管理和编辑。就文件！

用于编码你的网站我建议photoshop或尾声，但是他很好的选择是 BBEdit (Mac)。

引导，它的最好的css框架，我可以建议，还有另外一个称为基础，也但我愿意引导更多，因为它是受欢迎开发和扩展.有几个其他框架，我写了一篇博客，这里读过如果你想要的 http://www.andwecode.com/freebies/5-responsive-css-frameworks :)

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top