Dreamweaver для css и html?

Question

im чистый программный программист, и мне так сложно разместить divs и добавить стили css.

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

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

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

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

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

Answer 1

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

Answer 2

вы должны использовать шаблоны CSS (a list here)

или скачать уже сделал макет (везде в сети) и изменять биты с поджигатель, чтобы увидеть, что вам угодно. (An example)

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

Answer 3

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

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

http://960.gs/

Answer 4

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

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

Answer 5

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

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

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

 

 

  "

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

Еще один бесплатный инструмент (помните, Dreamweaver будет стоить вам хотя бы несколько сотен, если вы его не украдете) - это Aptana IDE. Он имеет большинство вариантов завершения кода, которые есть в Dreamweaver, и аналогичные инструменты проверки.

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

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

"