|
Примерно с таким вопросом многие пользователи ищут в сети информацию, которая помогла бы решить эту проблему.
В свое время данный вопрос посещал и меня, и не давал мне покоя, до тех пор, пока я не стал уделять внимание основам сайтосроения. Это было 2 года назад. За это время было прочитано много книг и брошюр на тему построения сайтов и вебдизайна. Также изучены основные языки верстки HTML и CSS. По мере изучения всех этих материалов я понял одну истину, что из всей информации, которая была в этих книгах, и которую я пропустил через свой мозг, реально может мне помочь только 20% ее.
Но как научиться работать эффективнее даже с таким малым объемом информации? Я на тот момент времени не знал. Сколько бы этот период длился, я не знаю (идей в голове было много, а построить свой первый сайт так и не мог), но как-то в сети наткнулся на маленькую статью, в которой говорилось о шаблонной верстке сайта.
Вот как только я это увидел, все стало на свои места, я понял, как мне нужно было поступать с теми знаниями, которые я накопил в себе. Этим способом я и хочу с вами поделиться.
Что такое шаблонная верстка?
Шаблон – это код html в законченной форме на вашу страницу, участок страницы или даже участок в виде абзаца, формы и т.д.
Давайте начнем с последнего, с участка кода на вашей страницы.
Как данный код может быть шаблоном?
Смотрите, чтобы создать параграф, мы прописываем, следующий тег <p> (его тоже как бы можно для себя принять шаблоном), к которому мы применяем определенные свойства и атрибуты (придаем ему отступы, цвет и т.д.).
Это самый маленький шаблон в коде. Более крупный – это шаблон таблиц или контейнера в html-коде.
Так же если в вашей страницы существует участок, который отформатирован определенным образом и с точки зрения дизайна идеален, вы можете использовать его как шаблон, при этом вам в данном коде нужно будет всего лишь изменять текст, графические материалы, другие объекты.
Более крупным шаблоном является вся страница. Это как бы законченный вариант, который вы можете применять сколько угодно раз.
Как видите, для того чтобы создать какие-либо шаблоны (а их может быть очень много) вам необходимо изучить основные языки верстки HTML и CSS.
Данные знания вы можете получить в бесплатных материалах, либо пройти обучение по одному из платных обучающих курсов, которых так много в сети. Это решение вы должны принять сами. После того как вы изучите основы HTML и CSS переходите к практическим шагам.
Запомните, Практика – вот ключ к успеху в вебдизайне и сайтостроение.
Но давайте вернемся к шаблонной верстке и подумаем вместе, от каких проблем вы можете избавиться при создании своего шаблона.
1. Вы качественно и быстро решаете вопросы создания своего сайта, журнала, рассылки, блога и т.д.
2. Один раз разработав шаблон, вы можете навсегда забыть такую проблему, как верстка веб-страниц с нуля.
3. Вы высвобождаете самое уникальное, что есть у каждого Интернет-предпринимателя – это его рабочее время.
Как видите, даже ради этих трех пунктов стоит заняться шаблонной версткой.
Что вы приобретете от создания своего шаблона:
1. То время, которое вы высвобождаете, вы тратите на подготовку качественного материала, либо на другую работу которую вы для себя запланировали.
2. С помощью изначально созданного шаблона, который должен быть изготовлен очень качественно, вы можете создать свой бренд, по которому вас будут узнавать в сети.
3. Вы приобретаете опыт в изначальном создании качественного веб-шаблона, а это стимулирует вас создавать, шаблоны для электронных книг, журнала, веб-сайта, рассылки и т.д.
Конечно, на разработку шаблона вам необходимо будет затратить какое-то время, но оно того будет стоить. Допустим, я на данный момент могу создать шаблон чего-либо с нуля за 3 суток. Причем это время от начала формирования идеи в моей голове, до самого создания и завершения работы.
Но давайте перейдем к практическим шагам. Я покажу, как создать шаблон шапки вашего сайта.
Из чего может состоять данный шаблон:
1. Логотип
2. Текстовое поле
3. Навигация
4. Форма поиска по сайту
5. Форма или ссылка на RSS-канал
Как видите все пункты могут в той или иной степени включены в header (шапку) вашего сайта. Я покажу на примере шапки с логотипом и навигацией в нижней ее части.
Создаем таблицу, в которой будет 2 строки и 1 столбец, шириной 700px. и выравниванием ее по центру.
<table width="700px" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>Логотип сайта (графический файл)</td>
</tr>
<tr>
<td>Навигация вашего сайта</td>
</tr>
</table> |
Как видите, нечего сложного нет, но это еще не все. Допустим, навигация по сайту может быть тоже шаблоном. Соответственно, разработав код такого шаблона, вам просто нужно будет вставить его в шаблон шапки сайта. Это позволяет нам разбить крупный шаблон страницы сайта на более мелкие.
Вполне возможно у вас возникнет вопрос, а с чего начинать разработку шаблона с маленького или с большого шаблона? На это трудно ответить однозначно. Я вот, например, сначала на листке делаю наброски большого шаблона, а уже на основании данного наброска разрабатываю мелкие шаблоны по всему сайту.
На как вы понимаете без знаний языка HTML и CSS невозможно разработать не одного шаблона, поэтому первое, что вы должны сделать, это получить необходимые знания, а уже потом, приобретя определенный опыт в написании html-кода разрабатывать шаблоны для ваших сайтов и цифровых товаров. Только тогда вы без посторонней помощи сможете разработать всего за 1 неделю свой великолепный сайт.
Алексей Фомичев - автор обучающих курсов из цикла "Построй Информационный Бизнес Своими Руками": "6 Стратегически Важных Моментов, На Которые Следует Обратить Внимание При Создании Своего Информационного Представительства В Сети" и интенсивного 3-х недельного курса "HTML и CSS. Теория, Практика, Эксперименты"
|
