Всегда хорошо иметь визуальную «скелетную» компоновку на месте, прежде чем начинать какое-либо кодирование. Причина в том, что если у вас есть прототип макета, то вы можете многократно предлагать вашему клиенту обратную связь с макетом. Если бы я был тобой, я бы полностью отказался от макета таблицы. Причина в том, что в веб-формах, если вы не используете главную страницу, вам придется редактировать каждую страницу по отдельности (или создавать множество элементов управления вокруг одного и того же реплицированного макета). Есть несколько способов сделать это:
Если вы знаете, что собираетесь использовать CSS (подсказка, подсказка), я бы посмотрел на различные доступные варианты: Макеты Ironmyers CSS , Гала-макет (40 таблиц стилей CSS) и мой любимый CSS-макеты веб-дизайна с открытым исходным кодом , и выберите тот, который, по вашему мнению, будет «ближе всего» к макету, который вы собираетесь использовать. Это не обязательно должно быть идеально, это должен быть только скелет.
Поскольку веб-сайты обычно имеют два столбца или три столбца с горизонтальным меню вверху (переполнение стека является хорошим примером этого), вы можете захотеть найти этот тип скелета. Затем все, что вам нужно сделать, это отредактировать таблицу стилей, когда вы хотите настроить макет.
Вам не нужно быть экспертом, чтобы сделать это; но он даст вам быстрое и грязное представление о том, как будет выглядеть ваш веб-сайт и как части будут сочетаться друг с другом.
Существуют различные преимущества использования макета на основе CSS для создания прототипов:
- Вы можете найти / заменить идентификатор класса CSS, чтобы изменить его, если вы измените макет (или используете свой любимый язык сценариев, чтобы сделать это за вас)
- Вы можете потратить очень мало времени на манипуляции с макетом при разработке бэкэнда
- Уже созданные макеты позволяют редактировать CSS и нажимать кнопку Обновить, чтобы сразу увидеть изменения; без необходимости рисовать с HTML.
Ваш текущий подход идет вразрез с чистым разделением, и, учитывая ваш вопрос, вы знаете, что это так: с готовым шаблоном CSS вы могли бы создать дизайн прототипа за считанные минуты и обойти его, вместо того, чтобы тратить время на попытки сделать макет с помощью таблиц.