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

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

Вы, наверное, спросите, что же это за модель качественной верстки. Во-первых, это изначально грамотно спроектированная структура всех файлов. Во-вторых, это заранее логически разбитые таблицы стилей (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




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

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



Озеро Арей. Где проходит древняя дорога караванов?

Озеро Арей. Где проходит древняя дорога карав...


Первое упоминание об Арее относится к 1772 году и архивная фраза «Озеро Арей удалено от больших дорог» отмечена исследователями. Считается, что впервые озеро исследовалось нерчинской экспе...


Глубинная психология проституции

Глубинная психология проституции


Королева полутеней Фея полуночи. Существо, сотканное из призрачного лунного света. Женщина, о которой мечтает каждый мужчина. Образ проститутки, романтизированный и тщательно исследованный многими ...


Не последний раз

Не последний раз


Ленка. Шампанское для меня, это полная отключка мозгов. Вот сколько себя помню, все приключения начинались с бокала шампанского. Я росла по постоянным присмотром мамы, за что ей конечно очень благод...


Искусственная трава

Искусственная трава


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


Деревянные дома

Деревянные дома


Вы купили дачный участок, чтобы наслаждаться свежим воздухом под пение птиц за городом? Вам нужен недорогой дом для дачи? Дом, который Вы построите для себя и своей семьи! Вы можете построить капиталь...


Жители Сагры - герои или преступники? Наградить нельзя посадить

Жители Сагры - герои или преступники? Награди...


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


Самое интересное

Пистолет-пулемёт «Узи» (Uzi). Чем покорил он весь

Принято считать, что история пистолета-пулемёта (ПП) «Узи» началась задолго до его создания. Практически, со дня обретения государством Израиль независимости. То оружие, которым боролась з...

Вкусные рецепты: Торт "Мишка на севере",

Торт "Мишка на севере"Все ингредиенты для теста перемешиваем миксером 1-2 минуты, затем вводим просеянную муку и разрыхлитель и хорошо перемешиваем до однородной массы. Готовое тесто зрительно делим н...

Белорусские реалии: кризис или «все хорошо, прекра

Открыто критиковать белорусские власти в Беларуси — значит добровольно лезть в петлю. Подвергать себя опасности получить срок, быть оштрафованным, быть уволенным. Число журналистов, чей дли...

Структура и классификация спортивных покрытий

Спортивные покрытия – большая группа материалов, объединённая своим целевым предназначением и требованиями, предъявляемыми к ним. К таким требованиям можно отнести заданную упругость и жёсткость, проч...

Дачная мебель из оцилиндрованных бревен: выгоды пр

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

Значимый шаг в области технического регулирования

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

TrueMe - новая услуга от Pay By Touch

Компания Pay By Touch анонсировала дебют новой технологии TrueMe, которая, по заявлению компании, является "первой безопасной системой подтверждения личности по биометрическим параметрам через Интерне...

Подбор персонала: наживка для кандидата

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

Системы автоматизации и управления на объектах ком

Система умный дом устанавливается в офисах, ресторанах, салонах, отелях, банках. Такое понятие как "умный дом" уже не кажется нам чем-то фантастическим, как еще совсем недавно. А вслед за ним входит в...

Педагогика жизнетворчества

Реформирование образования, школы - это не столько реформа метода, сколько реформа всей жизни ребенка, расширение возможностей компетентного выбора личностью своего жизненного пути. На пороге XXI века...

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

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

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