Создание сайтов - модель качественной верстки

Создание сайтов - модель качественной верстки Начнем с того, что суть моей статьи в первую очередь заключается в создании удобной модели верстки наших проектов. Иногда гуляя по сети, я натыкаюсь на очень хорошо сделанные веб – сайты, но когда, начинаю разглядывать внутреннюю структуру сайта я ужасаюсь. Дело в том, что при создание сайтов разной сложности и структуры, я наработал немалый опыт и могу уверенно вам сказать, что через несколько дней, когда заказчик просит поменять в каком-то разделе цветовую схему, шрифты или еще что либо. Не очень легко это сделать, а если еще эту верстку делал другой человек то это проблематично. Но если изначально спроектировать модель, то можно очень даже легко редактировать сайт. И так наша задача состоит в том, чтобы создать модель качественной верстки, в которой с легкостью бы ориентировались другие редакторы.

Вы, наверное, спросите, что же это за модель качественной верстки. Во-первых, это изначально грамотно спроектированная структура всех файлов. Во-вторых, это заранее логически разбитые таблицы стилей (CSS) и вынесенные в отдельные файлы. Ну и, конечно же, валидный HTML. Модель качественной верстки это так же означает, то что после того как она готова, ее с легкостью могут редактировать другие верстальщики.

И так предположим у нас есть некий сайт, он состоит из 4-ех страниц, причем у каждой страницы своя цветовая схема, но шаблон HTML у всех страниц одинаковый.

На этих 2 картинках я примерно описал данную задачу. Теперь посмотрев на это нам необходимо разделить все что, мы имеем как минимум на 2 части, те которые встречаются на всех страницах и те которые относятся только к одной странице. Предлагаю следующую структуру нашего проекта, все файлы отныне мы будем называть своими именами для других редакторов, ибо они тоже должны здесь с легкостью ориентироваться.

. .
/store/
/store/css/
/store/css/common. css – основная таблица стилей
/store/css/main. css – таблица стилей для странички «main»
/store/css/news. css – таблица стилей для странички «news»
/store/css/shop. css – таблица стилей для странички «shop»
/store/css/mail. css – таблица стилей для странички «e-Mail»
/store/i/ – здесь будут наши картинки

/main. html – страничка «main»
/news. html – страничка «news»
/shop. html – страничка «shop»
/mail. html – страничка «e-Mail»
Для начала нам нужен HTML шаблон для всех страниц. Предлагаю один из самых актуальных на сегодняшний день стилей верстки Div/XHTML strict (еще раз повторюсь, что объяснять сам HTML не основная задача моей статьи, так что, надеюсь на то, что всем понятно, что написано ниже):







Project title













Header text
Loren ipsum dolor sit amet.


Loren ipsum dolor sit amet.


Header text

Автор статьи: неизвестный | Дата публикации: 22:08 24.03.2017 7-b.Su




Отзывы и комментарии
Ваше имя (псевдоним):
Проверка на спам:

Введите символы с картинки:



Росcийский тандем: каков срок его жизни?

Росcийский тандем: каков срок его жизни?


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


Советы Мастерицы: Как пришить пуговицу?

Советы Мастерицы: Как пришить пуговицу?


Порой всем нам требуется сделать небольшой ремонт одежды. В своих советах мы попытаемся помочь вам в этом вопросе. Первой нашей статьей стала статья о правилах пришивания пуговиц. Надеемся, что Вам пр...


Особенности дизайна выставочных стендов

Особенности дизайна выставочных стендов


Эффективность участия в выставке складывается из многих факторов: правильный выбор выставки, продуманная программа подготовки, качественная работа команды стендистов и, конечно, дизайн выставочного ст...


Продвигаем сайт своими силами

Продвигаем сайт своими силами


Как раскрутить сайт своими силами? Для тех, кто решил подымать сайт своими силами – несколько практических советов. Для начала нужно проверить наполнение своего сайта по трём категориям: ...


Фильм об Ури Геллере

Фильм об Ури Геллере


Ури Геллер родился 20 декабря 1946 года в Тель-Авиве, учился в школе на кипре, а затем снова вернулся с родителями в Израиль. В 24 года стал эстрадным магом. В отличие от своих коллег по варьете Гелле...


Как нужно есть из общей миски? Забытые правила хорошего тона

Как нужно есть из общей миски? Забытые правил...


Нет сейчас в стране напряженки с бумагой. Тем более с упаковочной. Вопрос по которой, наверное, уже окончательно и бесповоротно снят с повестки дня. В магазинах теперь всё больше пакеты, пакеты. Мален...


Популярное

Профессия - повар

Принятие пищи - базовая потребность человека. Питание дает организму необходимую энергию, позволяет человеку получать витамины и минералы, и попросту приносит удовольствие. Поэтому профессии, связанны...

Легкий способ сбросить вес

Многие из нас время от времени задаются вопросом, как можно быстрее победить в борьбе с лишними килограммами? На сегодняшний день существует большое количество вариантов: консультироваться с диетолого...

Вкусные рецепты: салат "Мельница", напол

салат "Мельница"Всё в принципе просто, только слоев много. Салатник лучше взять прозрачный и глубокий. Так красивше. Отвариваем морковь, картофель, яйца. Чистим, трем на терке. Теперь собираем по слоя...

Программа создания видео словарей quickText или но

В настоящее время идет активное развитие области создания видео словарей тому свидетельствует появление различных мультимедийных интернет порталов посвященных этой тематике.  Говоря о понятии ...

Прыжки в Counter Strike 1.6

Strafe-JumpБазовый прыжок в Counter Strike 1. 6, без которого вы не сможете выполнить практически ни одного нормального трикса(трюка). Strafe jump позволяет увеличить дальность прыжка на несколько юни...

10 лучших приёмов работы диджея с публикой

1. Тщательный подбор музыкального материалаПеред игрой ответь на следующие вопросы. Какие эмоции ты хочешь вызвать у зала? О чем публика должна будет задуматься? Через какие переживания она пройдет?2....

Интересные свойства воды

Человек может спросить его про птиц. Откуда взялась птица? Мы не знаем ответы на эти вопросы.Но мы точно знаем, что вода – одна из мощнейших стихий на земле. В любой форме вода (лёд, пар, жидкость) пр...

Как Дэвид Роберт Джонс стал Дэвидом Боуи и выпусти

11 июля 1969 года США наконец-то удалось утереть нос Советскому Союзу в космической гонке, и нога американского астронавта впервые коснулась поверхности лунного грунта. В тот же день произош...

Невринома слухового нерва. Как выбрать способ лече

Чуть больше года назад я стала замечать, что хуже слышу то, что происходит справа от меня, чем-то, что происходит слева. Трубку телефона стала прикладывать к левому уху, к собеседнику старалась развер...

Заработок в сети интернет

ПОЧЕМУ ЭТО АКТУАЛЬНО? Заработок в сети интернет – это, на сегодняшний день, популярный вопрос, особенно если учитывать последние события в экономике. Найти работу становится все трудней, и вопро...

Развивая портал:

Наш портал является ресурсом, который включает в себя широкий перечень познавательных и интересных статей. Каждый посетитель найдет для себя что-нибудь полезное. Адаптированный дизайн позволяет вам максимально быстро находить необходимую информацию. Самые разнообразные тематические статьи дают возможность вам совершенствоваться в той или иной сфере. Быть более начитанным и грамотным. Современный дизайн сайта позволяет просматривать статьи на всех существующих планшетах. Теперь найти необходимую информацию стало совершенно просто.

Мы собрали для вас информативные и отличные статьи. У нас сайте вы найдете ответы на необходимые для вас вопросы. Упрощенная система поиска позволяет вам мгновенно отыскать нужную информацию. Адаптированный дизайн позволяет вам просматривать информацию на абсолютно любых электронных устройствах. Теперь, поиск нужной информации будет занимать у вас считанные секунды.