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

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

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




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

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



Что американцы празднуют 4 июля?

Что американцы празднуют 4 июля?


Соединенные Штаты Америки — государство, расположенное на континенте Северная Америка. В 1776 году в мире появилась новая страна, образованная путем слияния 13 британских колоний. До 1783 г...


Увлекательная история домашнего телефона

Увлекательная история домашнего телефона


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


Легкие коляски-трости

Легкие коляски-трости


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


Самый рациональный

Самый рациональный


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


Герой Шипки - граф Михаил Павлович Толстой (1845 - 1913).

Герой Шипки - граф Михаил Павлович Толстой (1...


Герой Шипки - граф Михаил Павлович Толстой  Граф Михаил Павлович Толстой (1845—1913, Лозанна) — генерал-майор, герой войны 1877—1878 годов, почитается в Болгарии как герой-освободитель, командовал ...


Комедия «Бобро поржаловать!» Где находится французский Магадан?

Комедия «Бобро поржаловать!» Где находится фр...


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


Познавательное

Где взять качественные продукты? О чем молчит сель

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

Как быстро подготовиться к лету? Советы для женщин

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

Систематическая группировка кактусов

Отрывок из книги - А. П. Артари "Очерк семейства Кактусовыхъ". /1887/ Представители семейства кактусовых, по словам Лабурэ (Labouret), стали известны в Европе вскоре после открытия Америки, откуд...

Здоровье в браке

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

Сидим с ребенком: безупречная жизнь или синдром «л

Знакома ли вам приблизительно такая ситуация (тема с одного мамочного форума): «…Муж мне совершенно не помогает. Ребенку 5 месяцев, я как белка в колесе, кручусь весь день в заботах....

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

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

Кладка кирпича

Кирпичная кладка часто применяется в строительстве. Для выкладывания печей и каминов, для возведения заборов и стен частных домов, для отделки и облицовки фасадов. Тем не менее, в строительстве многок...

Почему я продаю дрова

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

Вкусные рецепты: Брецели "Бесподобные",

Брецели "Бесподобные"В теплой воде растворяем соль,сахар. Всыпаем дрожжи. Ставим в теплое место минут на 15-20, до образования шапочки. В миску просеиваем 1 стакан муки. Вливаем растительное масло и д...

Как питаться по-китайски?

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

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

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

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