Заняття 2. Зміна дизайну блога. Вставка гаджетів

Материал из ЗапоВики

Перейти к: навигация, поиск

Содержание

Вступ

На минулому занятті ви зареєструвались на відомій блогосфері Blogger та почали заповнювати свій власний блог. Сьогодні ми розглянемо як змінювати дизайн блогу та як додавати гаджети.

Вхід до блогу

Завдання 1: Перейдіть до свого блогу. Для цього:

  • відкрийте браузер та введіть адресу блогу (ви повинні були її записати)
  • перейдіть за посиланням "Войти"
  • введіть електрону пошту та пароль, якими ви реєструвались на минулому занятті в блогосфері

Структура основних частин блогу

Структура блогів зазвичай однакова: спочатку йде панель з назвою блогу, далі посередині йде основна (центральна) частина с повідомленнями, зліва і справа панель з гаджетами. Може бути варіант, що спочатку йде основна частина, а одна панель з гаджетами (злава або справа) відсутня. Це залежіть від обраного вами шаблону при реєстрації блогу. Структуру блогу в будь-який момент можна змінити.

Розглянемо це на прикладах:

Приклад 1.Структура блогу складається з 3х частин: перша (верхня) - назва блогу; друга (зліва) - панель з гаджетами, третя - основна (центральна) панель.

Зверніть увагу, що в даному прикладі відсутня панель з гаджетами справа. 

Treningblogrik2011201210.JPG

Приклад 2.Структура блогу складається з 3х частин: перша (верхня) - назва блогу; друга (зліва) - основна (центральна) панель, третя - панель з гаджетами.

Зверніть увагу, що в даному прикладі відсутня панель з гаджетами зліва. 

Treningblogrik2011201211.JPG

Приклад 3.Структура блогу складається з 4х частин: перша (верхня) - назва блогу; друга (зліва) - панель з гаджетами, третя - основна (центральна) панель, четверта (справа) - панель з гаджетами.

Зверніть увагу, що в даному прикладі присутні всі панелі. 

Treningblogrik2011201213.JPG

Гаджети

Гаджети - невеличкі блоки з інформацією.

Гаджети бувають:

  • блок з опитуванням

Treningblogrik2011201214.JPG

  • блок з архівом повідомлень
  • блок з профілем адміністратора блогу
  • блок зі списком постійних читачів блогу

Treningblogrik2011201215.JPG

  • блок з посиланнями на Інтернет-сайти тощо

Блогосфера Blogger пропонує більше 1000 готових гаджетів, які ви можете використати на своєму блозі. Але, будьте уважні, не всі гаджети доцільно використовувати. Наприклад, якщо блог з української мови (літератури), то навряд чи доцільно буде використовувати гаджет з прогнозом погоди, але його можна використати для блога вчителя географії.

Зміна структури блогу

Завдання 2. Змінити структуру блога

Ви вже розглянули структуру блогу, тепер спробуємо її змінити. Для цього у вас повинен бути вже відкритий блог на головній сторінці.

Крок 1. Перейдіть за посиланням «Дизайн» у верхній частині вікна.

Treningblogrik201120125.JPG

Крок 2. Ви опинились у вікні "Дизайн", на вкладці "Елементи сторінки". Зараз ви бачите структуру свого блогу у вигляді блоків.

Treningblogrik2011201216.JPG

Крок 3. Блоки сірого кольору можна переміщувати. Для цього необхідно натиснути на вибраному блоці ліву кнопку миші, та тримаючи її перетягнути блок на потрібне місце.

Treningblogrik2011201217.JPG

Крок 4.Деякі блоки можна редагувати (змінювати). Перейдіть за посиланням "Редагувати" в блоці з назвою блога. Відкриється вікно для редагування заголовку блогу.

Treningblogrik2011201218.JPG

Ви маєте змогу:

  • змінити назву блога
  • додати опис блогу (він буде відображатись відразу після назви)
  • додати до заголовку зображення (з комп'ютера, або з Інтернету) з декількома варіаціями: розташувати зображення слідом за назвою й описом; розташувати замість назви й опису; розміщувати опис після зображення.
  • змінити розміри, щоб якнайкраще пристосувати зображення

Завдання 3. Змінить (за потребою) назву блогу, додайте опис та зображення

Крок 5. Після введення нових параметрів необхідно натиснути кнопку "Зберегти". Після збереження ви повинні автоматично повернутись до вікна зі структурою блогу.

Крок 6.Розглянемо тепер як можна змінити основний (центральний) блок "Сообщения блога". Для цього у відповідному блоці треба перейти за посиланням "Редагувати"

Treningblogrik2011201219.JPG

Відкривається нове вікно "Конфігурація публікацій блогу", в якій ви можете:

  • встановити кількість публікацій на головній сторінці
  • змінити текст посилання сторінки допису
  • встановити параметри сторінки допису
  • встановити порядок основних документів

Treningblogrik2011201220.JPG


Завдання 4. Змінить (за потребою) вказані параметри

Після внесення змін необхідно натиснути кнопку "Зберегти". Після зберігання ви автоматично повертаєтесь до сторінки "Дизайн".

Додавання нових гаджетів

Крок 7. Тепер спробуємо додати до блогу нові гаджети. На сторінці "Дизайн" вам пропонується три варіанти додавання гаджетів: перед та після центрального блоку, на боковій панелі.

Спробуємо додати гаджет на боковій панелі. Для цього перейдіть за посиланням "Додати гаджет".

Treningblogrik2011201221.JPG

Крок 8.Після переходу за посиланням відкриється вікно, в якому ви можете побачити всі створені гаджети сервісу Blogger. Зверніть увагу, що ви можете вибрати (число 1 на малюнку нижче):

  • гаджети "Основні відомості" - сюди відносяться гаджети: статистика блогу, читачі блогу, слайд-шоу, фотоальбоми, створення опитування тощо.
  • гаджети "Відеозаписи" - гаджети пов'язані з відеозаписами
  • гаджети "Найбільш популярні"
  • гаджети "Інші гаджети"
  • додати власний гаджет

В переліку гаджетів можна побачити відповідний малюнок, назву гаджету (число 2 на малюнку нижче), невеличкий опис та кнопка для додавання гаджету (число 3 на малюнку нижче)

Treningblogrik2011201222.JPG

Крок 9.Спробуємо додати гаджет "Статистика блогу":

  • Поверніться до розділу "Основні відомості".
  • Знайдіть в переліку гаджет "Статистика для блогу" та натисніть на його назві
  • Ви перейдете до нового вікна з налаштуванням зовнішнього вигляду статистики

Treningblogrik2011201223.JPG

  • Змінимо назву гаджету. Для цього необхідно прибрати текст в рядку "Заголовок" та набрати власний варіант. Введемо "Статистика блогу"
  • Далі ви можете встановити проміжок часу за який відображати статистику (постійно, за останні 30 днів, за останні 7 днів). В цьому рядку вибираємо варіант - постійно.
  • Тепер необхідно вибрати стиль статистики. Виберіть третій варіант, натиснувши курсором в маркер (коло) біля даного варіанту.
  • Ви змінили всі параметри, тепер натисніть кнопку "Зберегти"
Зверніть увагу! Після збереження ви опинились на сторінці "Дизайн" і на боковій панелі з'явився новий гаджет "Статистика блогу"

Крок 10.Спробуємо додати гаджет "Опитування":

  • Натисніть посилання "Додати гаджет" на боковій панелі
  • Знайдіть в переліку гаджет "Опитування" та натисніть на його назві
  • Ви перейдете до нового вікна з налаштуванням опитування

Treningblogrik2011201224.JPG

  • Тепер необхідно створити опитування. Для цього необхідно:
  1. в рядок "Запитання" ввести своє запитання. Для прикладу введіть: "Чи подобається вам блог?"
  2. в перший рядок "Відповіді" введіть "Так"
  3. в другий рядок "Відповіді" введіть "Ні"
  4. в третій рядок "Відповіді" введіть "Не знаю"
  • Зверніть увагу, що якщо ви поставите галочку в рядку "Дозволити відвідувачам вибирати кілька відповідей", то відповідачу можна буде вибрати декілька варіантів відповідей. Але для нашого прикладу пропонується лише один варіант, тому даний рядок пропускаємо.
  • Встановимо дату та час завершення опитування - проводити опитування до 2012 року

Treningblogrik2011201225.JPG

  • Ви змінили всі параметри, тепер натисніть кнопку "Зберегти"
Зверніть увагу! Після збереження ви опинились на сторінці "Дизайн" і на боковій панелі з'явився новий гаджет "Опитування"

Крок 11.Після зміни дизайну блогу необхідно натиснути кнопку "Зберегти"

Treningblogrik2011201226.JPG

Завдання 5. Додати 3-4 нових гаджетів


Розробник шаблонів

Є ще деякі параметри для блога, які допомагають користувачу змінювати кольорову схему блогу на ті кольори, які подобаються користувачу, замість тих, які були запропоновані в шаблоні.

Крок 12.Для цього необхідно на вкладці "Дизайн" перейти за посиланням «Розробник шаблонів»

Treningblogrik2011201227.JPG

В даному розділі є декілька можливостей:

  • шаблони – зміна шаблону блогу;
  • тло(фон) – зміна кольорової схеми тла блогу;
  • макет – зміна структури основних елементів блогу;
  • змінити ширину – зміна ширини або всього блогу або бокової панелі;
  • додаткова – зміна кольорової схеми заголовку, тексту тощо.

Крок 13.Після переходу за посиланням, ви опинились в розділі "Шаблони", він дає вам змогу змінити шаблон блогу, який ви вибирали при реєстрації. Зверніть увагу на верхню частину вікна:

  • спочатку йде приклад шаблону, який зараз має ваш блог (його ви вибрали при реєстрації) (число 1 на малюнку нижче)
  • далі йде перелік нових шаблонів (число 2 на малюнку нижче)
  • під ними йдуть ще кольорові варіації вибраного шаблону(число 3 на малюнку нижче)
  • в останньому блоці відображається приклад вибраного шаблону (число 4 на малюнку нижче)

Treningblogrik2011201228.JPG

Завдання 6. Виберіть будь-який шаблон за своїм смаком

Крок 14.Тепер спробуємо змінити кольорову схему тла блогу. Для цього перейдіть за посиланням "Тло". Розглянемо її структуру:

  • Зображення тла - можна вибрати малюнок, замість просто кольорової схеми блогу.
  • Основна палітра кольорів - зміна коліру теми блогу.
  • Запропоновані палітри - деякі запропоновані системою палітри.

Treningblogrik2011201229.JPG

Завдання 7. Виберіть будь-яку кольорову схему (або малюнок) за своїм смаком

Крок 15.Тепер спробуємо змінити структуру основних елементів блогу. Для цього перейдіть за посиланням "Макет" (зверніть увагу, що розділ "Змінити ширину" ми поки що пропускаємо). В цьому розділі ви можете змінити структуру основних блоків блогу.

  • Структура основних блоків - один центральний+блок з гаджетами справа; один центральний+блок з гаджетами зліва; тільки один центральний блок; тощо
  • Макет нижнього колонтитула - кількість частин нижнього колонтитула


Завдання 8. Виберіть будь-який макет за своїм смаком

Treningblogrik2011201230.JPG

Крок 16.Ви пропустили розділ "Змінити ширину", його бажано налаштовувати після вибору макету, т.к. зараз ви будете встановлювати ширину своїх основних блоків. Перейдіть за посиланням "Змінити ширину".

Перша лінійка допомагає змінити ширину основного блоку. Далі, в залежності від обраного вами макету, у вас може бути одна або дві (чи більше) додаткових лінійок - це блоки з гаджетами.

Приклад: на малюнку зараз обраний макет з центральним блоком та з блоком гаджетів з правої сторони. Treningblogrik2011201231.JPG

Завдання 9. Змінить ширину блоків за своїм бажанням

Крок 17.Тепер перейдіть за посиланням "Додаткова". Тут ви можете змінити колір, розмір, вид шрифта для заголовку блогу, для основного тексту (Body Text), змінити параметри тла сторінки (Background), колір основної сторінки, колір рамки (в даному випадку відображаються параметри того шаблону, який ви вибрали в розділі "Шаблони" (завдання 6)), змінити колір посилань на сторінках блогу, колір використаного посилання, колір посилання після наведення курсору тощо.

Treningblogrik2011201232.JPG

Завдання 10. Поміняйте параметри за своїм бажанням.

Крок 18.Ви змінили всі параметри розділу "Розробник шаблонів". Зверніть увагу, що кнопка "Зберегти зміни" відсутня. Вам достатньо перейти за посиланням "Переглянути блог" у верхньому правому куті.

Treningblogrik2011201233.JPG

Крок 19.Перегляньте свій блог та, за потребою, поміняйте встановлені параметри.

Створення статистичних сторінок

Ви вже розглядали на першому занятті, що в блогах є одна динамічна сторінка (головна) та статистичні сторінки. Кількість окремих сторінок (наприклад, сторінка "Про мене"), які можна додати, не повинна перевищувати 20. Динамічна сторінка є завжди, а статистичні можуть змінюватись за вашим бажанням.

Cтруктура блогу

Крок 20.Для того, щоб створити статистичні сторінки перейдіть спочатку за посиланням "Нова публікація" в верхньому правому куті вікна блогу.

Treningblogrik2011201234.JPG

Крок 21.Для того, щоб створити статистичні сторінки перейдіть спочатку за посиланням "Нова публікація" в верхньому правому куті вікна блогу. На даній сторінці ви побачите вкладки: Нова публікація, Редагувати дописи, Редагувати сторінки. З першими двома ви вже знайомі з 1 заняття. Зараз нас цікавить третя вкладка "Редагувати сторінки". Перейдіть до неї.

Treningblogrik201120126.JPG

Крок 22.Зараз жодної сторінки не створено. Для цього необхідно перейти за посиланням "Створити сторінку".

Treningblogrik2011201235.JPG

Крок 23.Відкриється вікно структура якого вам вже відома.

Завдання 11. Створіть першу сторінки "Про мене". На сторінці розмістить: ПІП, місце роботи, посаду, контакті телефони, фотографію та іншу інформацію за своїм бажанням. Після внесення інформації натисніть кнопку "Опублікувати сторінку"

Treningblogrik2011201236.JPG

Завдання 12. Виберіть в якому вигляді ваші сторінки будуть відображатись на сторінці блогу: на боковій панелі або в горизонтальному вигляді під назвою блогу. Після цього натисніть кнопку "Зберегти та опублікувати"

Treningblogrik2011201237.JPG

Крок 24.Для того, щоб переглянути створену сторінку, необхідно перейти за посиланням "Дивитись блог". Ви зможете побачити свою нову сторінку.

Крок 25.Перейдіть знову на сторінку створення статистичних сторінок (крок 20). Зверніть увагу, що з'явилась сторінка "Про мене", яку ви можете змінювати.

Treningblogrik2011201238.JPG

Завдання 13.Створіть всі потрібні статистичні сторінки

Личные инструменты
правила на Заповики
Сайт кафедры ИИТО
переход на сайт центра
 
Наша награда.