Мой Красивый Блог - Урок №1

Всем привет!

Дорогие мои, я очень рада, что проект вы встретили с большим энтузиазмом! В Линки записалось огромное количество народу, так что нам предстоит много работы! :)
Я приняла решение закрыть Линки. Надеюсь на ваше понимание, ведь просматривать по 300 блогов в неделю и так очень большая нагрузка, а если это количество будет постоянно расти, я точно не справлюсь. На самом деле это все очень условно, весь все равно вы сможете читать уроки и делать домашние задания. :) Главное - успевать добавляться в течение недели до выхода следующего урока.
Я надеюсь, что смогу оправдать ваши ожидания. И спасибо за пожелания, я постараюсь учесть их все. :)

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

1. Минималистичные
А еще лучше клин-н-симпл. :) Как и в скрапе, это когда мало декора, но все нужное. Чаще всего в оформлении таких блогов за основу используется белый цвет и 2-3 контрастных, которыми выделяются важные элементы. Шапка в этом случае простая и лаконичная, часто состоит из одного только стилизованного заголовка. Яркими акцентами здесь становятся заголовки меню, кнопки и фото автора.

---

---

---

2. Графические
В таком оформлении вы встретите много рисунков, рамок и подложек, его цветовое решение будет более сложным и разнообразным. Создавая блог в этом стиле, сложнее всего не переборщить. :) Но уверена, с нашими знаниями о цветовых сочетаниях и чувством меры, нам это не грозит. :)

---

---

---

3. С использованием фотографий
Конечно, использовать фотографии можно и при графическом оформлении и даже при минималистичном. Но есть дизайны, которые построены именно на создании красивых фото-коллажей, поэтому вынесем такую категорию отдельно. :)

---

---

---

4. В стиле скрапбукинг
Да, и тут это слово))) Я решила вынести отдельно дизайны, созданные с помощью цифровых скрап-наборов, потому что ни под одну из вышеперечисленных категорий они не подходят. Они, как правило, яркие, с массивными шапками и изобилием декора.

---

---

---

В примерах использованы дизайны с сайтов Laura Jane и DesignerBlogs.

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

---

Несмотря на разные стили оформления блогов, они все состоят из одних и тех же элементов. Давайте немного разберемся в их структуре.

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

Важно!
Перед любыми изменениями шаблона в блоге обязательно сделайте его резервную копию. На случай, если что-то пойдет не так, вы всегда сможете ее загрузить, не потеряв ваш измененный  шаблон.
Это делается во вкладке Шаблон.
В правом верхнем углу есть кнопка Резервное копирование и восстановление, нажмем ее.

В появившемся окошке выбираем Загрузить шаблон полностью. Код вашего блога сохранится в файле на компьютере.

Чтобы загрузить этот код обратно в блог, нужно снова проделать весь этот путь до окошка, а потом выбрать Загрузить шаблон из файла на вашем компьютере. Выбираем наш файл и загружаем.

Чтобы сохранить все ваши посты и комментарии, можно сделать экспорт блога. Вот тут есть описание, как это делается: Экспорт и импорт блога.

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

Итак, создадим новый блог, дадим ему название и выберем понравившийся шаблон. Если в процессе оформления ваш шаблон вам разонравится, его можно будет поменять. Я выбрала шаблон Простая - за лаконичность и чистоту. :)

Без персональных настроек мой блог выглядит вот так:

Давайте для начала разберемся, что тут где и как это все называется:

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

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

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

Ваши сообщения. Именно тут вы пишете много хороших слов и выкладываете фотографии вашей красоты:) Сообщение состоит из верхнего колонтитула даты, заголовка, текста и нижнего колонтитула (поле с ссылкой на автора и комментарии).

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

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

На той же левой панели сразу после Дизайна есть вкладка Шаблон, кликаем туда и попадаем на такую страничку:

Здесь видно маленькую иконку блога, а под ней кнопки настройки. Нажимаем оранжевую кнопку Настроить.

Мы попали в меню настройки шаблона:

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

Все изменения, которые мы вносим, сразу появляются в окне просмотра ниже.

После того, как мы окончательно определились с шаблоном, посмотрим, как мы можем изменить его под себя. Слева от шаблонов есть меню:

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

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

Мне нравится, когда панели находятся по обе стороны страницы, и я выбрала этот вариант.

Теперь нажмем кнопку Регулировка ширины:

Настроем здесь ширину всего блога и боковых панелей, передвигая ползунки вправо-влево, либо вводя нужное число в поле рядом. Я изменила ширину и увеличила панели до 220 пикселей.
Оптимальная ширина блога - 960-1140 пискелей. Не делайте его слишком широким, ведь гости заходят к вам с разных мониторов. Никто не любит читать блоги, которые полностью не влезают в экран. У меня дома довольно большие мониторы, но даже мне попадаются такие страницы. И хотя я знаю про сочетание клавиш для увеличения/уменьшения CMD+/- (на Windows - CTRL+/-), такое невнимание к посетителям неприятно.

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

Тут можно выбрать шрифт, поменять его размер и цвет.

В пожеланиях многие из вас написали о том, как можно заменить стандартные шрифты на свои собственные. Это можно сделать, но только есть одна большая проблема. Браузер вашего посетителя будет отображать только те шрифты, которые установлены у него на компьютере. То есть, если вы выберете какой-то экзотический шрифт, то, скорее всего, ваши читатели увидят текст, написанный простым шрифтом Arial.
Это правило не касается шрифта для вкладок блога. Их можно сделать красивыми, этим мы займемся в одном из следующих уроков.

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

Шрифт верхних колонтитулов сообщений и боковых панелей можно поменять во вкладке Гаджеты:

Я люблю шрифт Courier, поэтому выбрала его для всех элементов блога.

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

В случае необходимости для отмены нажмите кнопку Отменить расширенные изменения.

Если вы довольны всеми изменениями, нажимаем кнопку Сохранить изменения. В этом случае в центре страницы появится надпись Шаблон применен.

Попробуйте настроить все элементы из раздела Дополнительно. А главное, помните: ничего сломать нельзя. :) Если что-то вышло не очень удачно, можно просто вернуться к предыдущему варианту.

А теперь домашнее задание:

1. Сделайте принтскин вашего действующего блога. В конце курса мы посмотрим, как сильно он изменится. :)

2. Создайте блог для ваших экспериментов и настройте его по инструкциям из этого урока.

3. Найдите блоги, дизайн которых вам нравится и вас вдохновляет. В каком стиле они созданы? Сделайте принтскрины и покажите нам. Расскажите, каким вы видите свой будущий блог.

В своем посте дайте, пожалуйста, активную ссылку на первый урок. :)

Линки для добавления постов будут открыты до 12 февраля 23:55 (по Москве).

Следующий урок выйдет 13 февраля.

Если у вас появятся какие-то вопросы по этой теме, пишите их в комментариях. Отвечать я тоже буду в комментариях, чтобы вопросы не повторялись. Дорогие, перед тем, как задать вопрос, пожалуйста, проверьте, не задавали ли его уже выше. Давайте общими усилиями экономить наше с вами время. :)

Желаю всем удачи! :)

Настройки

§

1

2

3

4

5

6

7

8

9

0

-

=

Backspace

Tab

q

w

e

r

t

y

u

i

o

p

[

]

Return

capslock

a

s

d

f

g

h

j

k

l

;

'

\

shift

`

z

x

c

v

b

n

m

,

.

/

shift

English

Deutsch

Español

Français

Italiano

Português

Русский

alt

alt

Настройки