Dreamweaver для CSS и HTML?

Question

Я чистый бэкэнд-программист, и мне очень трудно позиционировать div и добавлять стили CSS.

Что бы вы посоветовали, чтобы сделать это максимально простым для меня?

использовать Dreamweaver? чем это может помочь мне точно.

Я понятия не имею, как добавить стиль к моему прототипу или обработать расположение элементов div и элементов. некоторые руководства? инструменты? программное обеспечение? онлайн скрипты?

пожалуйста, все предложения приветствуются! проведите меня через ... я всю бизнес-логику и ни одного руководителя дизайна.

например. http://www.workey.se. как начать с макета, дизайна и прочего ...

Answer 1

Зависит от того, что вам нужно сделать, но освоить основы CSS довольно легко, освоить его, конечно, гораздо сложнее. Я бы посоветовал вам просто изучить CSS и убедиться, что вы добавили достойный браузер, например, firebug, чтобы вы могли точно видеть, что происходит. Я не фанат Dreamweaver лично.

Answer 2

Dreamweaver - хороший инструмент для начального дизайна, но я бы не стал его рекомендовать. Конечно, многие люди используют его исключительно.

Почему бы не попробовать CSS-фреймворк, например, сетку 960? Это может помочь с позиционированием элементов на странице и оставить вас беспокоиться о конкретной реализации вашего дизайна, таких как шрифты и цвета.

http://960.gs/

Answer 3

Я согласен с некоторыми из приведенных выше постов и сочувствую трудностям, возникающим при нажатии на пиксели при запуске.

Я создаю и восстанавливаю макеты HTML уже около 5 лет, и после того, как я попробовал YUI, Google Blueprint, несколько библиотек сброса css и мои собственные макеты для домашнего приготовления, я обнаружил, что сетки, шрифты и перезагрузки YUI являются самый гибкий и полезный. Их шаблоны немного хитры, но немного.

Вот мой ответ на очень похожий вопрос (в случае, если люди предпочитают не переходить по ссылке, чтобы увидеть ответ ... если это спам или противоречит правилам, пожалуйста, дайте мне знать, и я удалю ответ) :

«

Все вышеперечисленное отлично. Dreamweaver (imho) обладает наиболее полным набором функций для проектирования страниц (некоторое время назад Adobe фактически лицензировала некоторые технологии от TopStyle, чтобы улучшить их набор функций). И он имеет отличную встроенную проверку.

Еще один БЕСПЛАТНЫЙ инструмент (помните, что Dreamweaver обойдется вам как минимум в несколько сотен, если вы его не украдете) - это Aptana IDE. Он имеет большинство вариантов завершения кода, которые есть у Dreamweaver, и аналогичные инструменты проверки.

Плагин Aptana и Firebug для Firefox представляет собой довольно хорошую комбинацию. Кроме того, есть расширения Firebug и другие плагины Firefox, которые чрезвычайно полезны:

• Pixel Perfect: позволяет добавить полупрозрачное фоновое изображение для выравнивания элементов на странице (отображается как дополнительная вкладка в плагине Firebug).
• Code Burner: добавляет вкладку html & css в firebug.
• ColorZilla (простое расширение FireFOX): анализирует ваши цвета и помогает вам управлять ими.
• MeasureIt (простое расширение FireFOX): помогает измерять расстояния между элементами на странице, когда Firebug недостаточно.
• Панель инструментов WebDeveloper: делает все что угодно, но я использую ее только для изменения размера браузера до определенного размера окна (например, 800x600).

"

Answer 4

Если вы хотите простые макеты страниц, вам может помочь что-то вроде YUI . Он имеет большой набор предварительно созданного кода для использования. В частности, Grid Builder отлично подходит для создания нескольких разделов для заполнения на страницах.

Что касается инструментов, если они имеют приличную подсветку синтаксиса, то любой текстовый редактор будет в порядке. Лично DreamWeaver слишком старается, чтобы «помочь», и вместо этого мешает, но тогда я доволен только необработанной наценкой.

Answer 5

Вы должны использовать шаблоны CSS ( список здесь )

или загрузите уже созданный макет (везде в сети) и измените биты с помощью firebug, чтобы увидеть, что вам нравится. ( Пример )

Редактировать: я тоже «всего лишь код», я оформляю свой веб-интерфейс вручную. Но есть много дополнений для Firefox, которые очень помогут вам разработать макет. ( Вот список )