Как создать разметку CSS для не дизайнеров

Question

Хорошо,

Мне было поручено перенести / преобразовать / обновить сайт на работе от макета на основе таблицы до макета на основе CSS. Сайт очень типичный, у него есть заголовок, панель навигации (ширина заголовка), левый столбец, основной столбец, за которым следует нижний колонтитул.

Одной из проблем нашего корпоративного веб-стандарта является IE6. По слухам, скоро мы развернем IE7, но в настоящее время IE6 - моя цель. Я использую Firefox, но мои пользователи этого не делают, поэтому это не поможет.

Вчера я нашел SuperPreview онлайн, и это очень поможет, но, откровенно говоря, я не очень хорош в CSS, и это меня расстраивает. Я должен написать / сгенерировать разметку, которая будет работать с IE6, и, надеюсь, также будет работать с IE7 и IE8, но IE6 - моя основная линия.

Существуют ли инструменты, которые могут мне помочь или помочь мне в этом? Мне просто нужен инструмент, который может сгенерировать мне какой-то макет, например, Calendar Wizard в Word.

Я знаю, что это сложный заказ, есть предложения?

p.s. Чтобы дать вам представление о возрасте этого сайта, он был написан на ASP 3 или Classic ASP.

Edited.

Answer 1

Убедитесь, что вы используете правильный тип документа, который не переводит браузер в режим причуд, и изучаете CSS. Если вы не знаете CSS и у вас нет времени на его изучение, оставьте CSS тому, кто его знает.

Answer 2

Я бы пошел искать сайты с готовыми макетами. Сайт вроде http://blog.html.it/layoutgala/ или такой. Здесь также есть вопрос, связанный с макетами CSS. CSS-макеты могут быть довольно сложными, чтобы получить правильные и сложные для начинающих. Даже эксперты используют готовые проверенные макеты в качестве основы для создания сайта.

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

Кроме того, перестаньте думать, что ie6 - ваша цель, это приведет вас к развитию, т. Е. И это приведет вас к проблемам. Я настоятельно рекомендую разрабатывать с Firefox с помощью firebug . И затем удовлетворение ошибок и проблем, которые ie6 приносит на стол.

Таким образом, в будущем тебе будет лучше. Ваш сайт будет работать лучше, когда произойдет переход на ie7 или даже на что-то лучшее, например, safari, chrome, firefox, opera или что-то, кроме ie. :)

Answer 3

Вы можете попробовать использовать макеты Yui.
Много вкусов на выбор.
Yahoo! Библиотека пользовательского интерфейса: сетки CSS

Answer 4

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

Лично мне нравится http://www.blueprintcss.org/ (другой основной - http://960.gs/)

Вот что вам предлагает

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

Вы также можете попробовать такие сайты, как http://layouts.ironmyers.com/