Проект "Бібліотека №?. ОСББ"
© В.Петриченко Миколаїв 2015
Ні, це не брошура. Це дистанційний учбовий курс, орієнтований на бібліотекарів та громадських активістів. Автор передає певні знання, читач сприймає, ставить запитання, вивчає методичні матеріали, робить вправи, здає залік і одержує сертифікат – все як завжди у таких випадках. Спілкування рознесено у часі і просторі, але все відбувається абсолютно так само, як зазвичай на тренінгах, вебінарах, навчальних конференціях чи семінарах. Детальніше про проект на посиланні, що є на нижньому колонтитулі. То наш основний допоміжний методичний матеріал. А саме: приклад сайту, подібного до того, який читач зможе зробити і сам. З часом, як попрацює належним чином в рамках цього курсу. І тепер починаємо. 1 Сайт? На раз! Власне, що таке "на раз"? Це скорочене від "раз-два-три", тобто згадка про щось не надто складне, але таке, що робиться в кілька прийомів. Оце саме про ваш майбутній сайт. Хтось не повірить. Бо чув про те, що сайти – то надто складі і дорогі штуки, щоб про них таке от казати. Це правда, є такі сайти, що і дорогі, і складні, але ж у нашому випадку йдеться про інше. Про сайт, що може бути центральним пунктом для певної невеличкої інформаційної системи. В якій крім нього передбачено ще дискусійну групу Facebook. Але центральний, головний елемент системи – то саме офіційний сайт, це питання принципове. І от його-то, цей сайт я і називаю не надто складним і доволі простим у формуванні. "На раз", як було сказано. Хоча і з додатком у ще пару кроків. За моїми спостереженнями, багато-багато різних організацій дуже виграли б від того, аби в них був би свій сайт. Так, тут і бібліотеки, і різні організації нашого громадянського суспільства – асоціації, фонди, групи, партійні осередки. Тому як приклад обрано звичайну міську бібліотеку, що взялась допомогти у своєму районі формувати ОСББ. Як ви не знаєте, що це таке, то і не треба. Для нас важливо зараз просто мати якесь предметне поле, ви його можете замінити на те, що вам добре відоме. Це як зберетесь той сайт таки зробити. Ну от і всі початкові зауваження, починаємо працювати. 1.1
Гугль-пошук
Може, не всі були в пошуковому сервісі Гугль? Тоді знайдіть цю систему і запитайте в неї, як створити сайт? Безкоштовно, скоро, красиво – там буде багато пропозицій, але ви зверніть увагу на запрошення увійти на Гугль – воно праворуч зверху. А хіба ви не в Гуглі? Ні, пошук-пошуком, його Гугль забезпечує для вас без жодних акаунтів, але в нього є для вас ще багато чого цікавого. І воно міститься в Гугль-акаунті. В який ми зараз і зайдемо.
Скрін 1. Пошукова система Гугль
Сайт? На раз!
http://mykbibbosbb.blogspot.com/
2
1.2
Гугль-акаунт
Зрозуміло, щоб входити в акаунт Гугль, його треба спочатку для себе завести. Як це робити, ми розповідати не будем – абсолютно так само, як і будь який інший: треба дати Гуглю свою електронну пошту і визначити пароль. Пошта має бути справжньою, бо на неї підуть повідомлення.
Скрін 2. Вхід в акаунт Гугль 1.3
Гугль-Блогер
А зайшовши у свій Гугль-акаунт ми одержуємо можливість використати, як і обіцяно, багато різних додатакових можливостей, окрім пошуку. Зараз нас цікавить компонент Гугль-акаунту під назвою Blogger (далі Блогер). Справа в тому, що формально те, що ми зробимо, вважається Гуглем не сайтом, а блогом. Треба сказати, що і компонент Сайт також є у Гугля. Він більш потужний, а відтак і більш складний у використанні. Отже, як кажуть "вам шашечки чи їхати?". Думаю, що нам треба саме їхати і не надто швидко, тобто, одержати Інтренет-об'єкт, який міг би нам забезпечити певні можливості, властиві зазвичай сайтам. А як він формально називається згідно з корпоративною чи фаховою термінологією не є суттєвим. Тому вирушаємо у Блогер для того, щоб створити сайт.
Скрін 3. Додаткові можливості Гугль: Блогер.
Сайт? На раз!
http://mykbibbosbb.blogspot.com/
3
1.4
Блог. Чи сайт.
Зайшовши у Блогер побачимо одну кнопку "Новий блог". Дійсно, в нас же це перший. От на неї і натиснемо.
Скрін 4. Панель управління Блогером 1.5
Акт творення
Блогер запропонує уточнити: що саме ми хотіли б мати? З його точки зору це всього лише два рядки. В першому ви пишете назву чи заголовок майбутнього сайту-блогу, в іншому задаєте латиною унікальну комбінацію, за якою сайт-блог буде відомий всьому Інтернету. Все. Виглядає це ось так:
Скрін 5. Визначення блогу І з точки зору змісту це дійсно все, що треба Гуглю. Далі ми будемо говорити про художнє оформлення сайту, але ще трошки про зміст. Сайт – об'єкт Інтернету. Його найголовніша властивість або чеснота – це можливість бути легко знайденим тими людьми, для яких він може бути корисним. От наприклад, назвати сайт "Бібліотека №8" або "Книжкові обрії"? Зрозуміло: максимально просто і чітко, жодної поетики чи романтизму, це зашкодить пошуку. А пошук – то альфа Інтернету. І тепер про оздоблення або художнє вирішення зовнішнього вигляду сайту. Ми казали тільки що про важливість готовності сайту до ефективного пошуку, але і художній бік справи теж важливий, хоча і в іншому аспекті.
Сайт? На раз!
http://mykbibbosbb.blogspot.com/
4
1.6
Шаблон
Шаблон визначає зовнішній вигляд вашого сайту. Як назву треба було написати, то шаблон треба просто обрати з тих, що пропонує Блогер. Оскільки їх дуже багато, тих шаблонів, то показувати щось тут чи рекомендувати – абсолютно марна справа. Ви можете самостійно походити по тих шаблонах і обрати собі саме такий, що більше до вподоби. А можете зробити це пізніше. Жодного впливу на зміст вашої інформації, що буде представлена в сайті, це не має. Суто художній момент. Але зневажати ним не можна. По одежці зустрічають, правда? А шаблон – то саме одежка вашого сайту. 1.7
Публікація
Власне, на обранні шаблону створення блогу як такого завершено. Але блоги створюють для того, щоб робити в них дописи (або публікації в термінології Гугль). Або жаргоном "пости". І для того, щоб побачити наш новостворений блог в усій його красі, оцінити шаблон (може й змінити одразу), ми маємо зробити пару тестових дописів або публікацій.
Скрін 6. Перелік публікацій Думати багато не треба: заголовок "Перша" и текст "Текст першої" – от і все. Потім вже будемо працювати над змістом, зараз важливо побачити все це як певну цілісність.
Скрін 7. Створення публікації Оце і все на сьогодні. Хоча бажаючі можуть не відкладати на потім, а відразу переходити до другої порції. Але спочатку підіб'ємо підсумки.
Сайт? На раз!
http://mykbibbosbb.blogspot.com/
5
1.8
Результат - 1
Мабуть, є відчуття, що вас ошукали. Обіцяно "на раз", а як придивитись… Так, всі тренери чи викладачі зобов'язані це робити: підбадьорювати, казати, що все дуже просто, всі ваші знайомі вже вміють це робити, нічого там складного… А що тут було складного? Так, сім елементарних мікро-кроків замість одного великого. Але ми його зробили? Не знаю. Буду сподіватись, що хтось зробив і належить тепер до тої частини людства, що вміє робити сайти. Підкреслимо, що вже зроблене є повноцінним сайтом і його вже можна використовувати: писати в ньому те, що вас цікавить, передавати посилання на цей текст комусь в Мережі, одержувати коментарі. Функціонально це повноцінний сайт. Хоча і не надто досконалий. Втім, ви мабуть в Мережі такі бачили? Так, простецькі, але вони працюють. Хоча і викликають критику тих, хто, можливо, жодного сайту сам і не зробив. І я точно знаю, що багато хто з тих, хто зараз читає, цього теж не вміє. І не захоче навчитись. Чому? От цього не знаю. А тепер дозвольте вас поздоровити з набуттям кваліфікації контент-менеджер. Красиво? А то. Ні, серйозно, те, що ви вже вмієте – це 90% того, що треба вміти контент-менеджеру. Є ще різна дрібнота, пов'язана з технічними особливостями різних систем, але головне ви вже вмієте. І можете одержати сертифікат контент-менеджера ІІ категорії. Звісно, як зробили свій перший, нехай простенький, але працюючий сайт. Коли ж подолаєте решту курсу і навчитесь різним додатковим штукам, ну тоді вже можете претендувати на звання контент-менеджера І категорії. Але з тими, хто хоче свій простий і невибагливий сайт вдосконалити, нам треба рушати далі. Ми ж розуміємо, завдання, що стоїть перед сайтом, скоріше за все більш складне, ніж просто підготувати п'ять чи десять текстів і розмістити їх в мережі на протязі місяця чи року. А це потребує від сайту додаткової якості. Чи складності. Чи складності, що забезпечує якість.
2 Сайт? На два. Сьогодні продовжуємо будувати сайт – порція номер два. Власне, "сьогодні" – це для тих, хто зробив перерву. А хто нетерплячий, той просто продовжує і цікаво було б знати, от скільки часу треба буде на повний курс? Я думаю, години дві, от сили три. Але той, хто і не починав, нехай теж подивиться, може з часом таки передумає. 2.1
Сторінки
Ми вже побачили, що публікації або дописи розташовуються на головній сторінці нашого сайту зверху-вниз. Як листочки календаря. Це дає умовно-вертикальний вимір сайту чи блогу. А є ще умовно-горизонтальний. В ньому умовно поруч з головною сторінкою, що містить тільки дописипублікації (з коментарями), розташовують інші сторінки, присвячені окремим важливим питанням. Чому я кажу "умовно поруч"? Тому що на великій кількості програм чи сайтів, що ми бачимо кожного дня, ці сторінки (або можливості чи режими перегляду сайту) переключаються за допомоги рядка меню, розташованого саме горизонтально у верхній частині екрану. Виникає психологічна ілюзія, що вони розташовані поруч, як сторінки у книжці. Так і називаються ж сторінки (на відміну від публікацій).
Скрін 8. Сторінки Сайт? На раз!
http://mykbibbosbb.blogspot.com/
6
Мабуть, управління сторінками не випадково розміщено відразу за публікаціями. Публікації ми вже вміємо робити, настала черга сторінок. Так, натискаємо на Нова сторінка і одержуємо абсолютно той самий екран, що і для публікації (див. Скрін 7). Це теж не випадково. З точки зору створення тексту, що побачить відвідувач вашого сайту, вони абсолютно однакові. І тепер поговоримо саме про цей процес створення тексту більш докладно. 2.2
Посилання
Ну, про шрифти і заголовки не будемо, тут все ясно, а от Прив'язка, Малюнок і Відео – то засоби, про які треба сказати більше. Бо саме ці можливості роблять ваш сайт саме сайтом, а не паперовим листом до знайомого. А хтось пише зараз ті листи? Починаємо з кнопки Прив'язати. Мається на увазі посилання на інше місце в Інтернеті.
Скрін 9. Прив'язка – засіб формування Інтернет-посилань. Подивіться, що там написано. Текст для відображення – це те, що бачить відвідувач, наприклад "Нова версія" або "Звіт про третій квартал". Але його можна і не писати. Тоді відвідувая побачить власне Веб-адресу, що її подано вами у другому рядку. Нагадаю, що для того, щоб одержати для вставки потрібну Веб-адресу, треба з віконця браузера, коли він стоїть у потрібному місті, зробити копію цього тексту. Наприклад: http://mykbibbosbb.blogspot.com/ Копіювати, після того як текст виділено мишею, можна як правою клавішею миші, так і комбінаціями клавіш клавіатури: Ctrl+Insert для того, щоб забрати текст в буфер і Shift+Insert для вставки у віконці прив'язки Блогера. Зробіть спробу щось скопіювати і вставити. Не більше двох-трох вправ треба для того, щоб все це зрозуміти і навчитись на все останнє життя такої важливої операції. Не дарма кажуть, що посилання – то душа Інтернету.
Сайт? На раз!
http://mykbibbosbb.blogspot.com/
7
2.3
Малюнки, фотографії
Теж важливо, правда, ну що то за сайт без фоток? І вставляти їх дуже просто. Чи з комп'ютера, чи з якогось іншого місця. Наприклад, з особистого фото-сховища Пикаса, або з Диску Гугль – все це в вас вже є, бо все це є частиною акаунта Гугль. Тож треба просто обрати.
Скрін 10. Вставка в текст публікації чи сторінки малюнка Тут показано, як Блогер запитує про те, де він має взяти той малюнок, що його ви хочете бачити в тексті публікації чи сторінки. Мабуть, цей матеріал найбільше складний? Він носить такий технічний, електронний характер. Може комусь видається не зовсім зрозумілим. Наберіться терпіння, якщо в вас щось не виходить, то завжди можна про це поговорити з кимось, хто є поруч. Можна піти до дискусійної групи, що є на нашому учбовому сайті – вона саме для того і створена. Нічого складного тут нема, є просто дещо незвичне для тих, в кого освіта більш гуманітарна ніж технічна. Але то тільки для першого разу, далі піде легко і без жодних проблем. Точно як з велосипедом чи ковзанами, як людина поїхала, то вже й забула, як навчалась. А зі сторінками треба вчинити так само як і з публікаціями. Зробити дві на пробу. Щоправда, ви їх не побачите у складі свого сайту. Бо Блогер не одержав команду про те, що їх можна показувати іншим людям. Ви їх бачите як напівфабрикат, над яким ще працюєте, а коли вже визнаєте за готові, то тоді… Тоді буде третя порція нашого курсу.
Сайт? На раз!
http://mykbibbosbb.blogspot.com/
8
2.4
Відео
Зрозуміло, вже вміючи вставляти малюнки, вирішити питання з відео набагато легше. Адже нічого нового тут не буде. Ну, трошки з Ютюбом не так, як з малюнком чи відео з рідного комп'ютера, але то дрібниці. Тим більше, що це вже остання порція на сьогодні. В другому розділі.
Скрін 11. Вставка відео Так, шукаєте на Ютюбі те, що цікаво, і вставляєте. Пробуйте.
2.5
Результат - 2
Зараз ви вже в одному кроці від кваліфікації контент-менеджера І категорії. Дійсно, тепер ваш сайт розгорнутий по горизонталі, в ньому є всі види медіа – ну, просто приємно глянути. Але вміст сторінок, що ми навчились робити, фото, відео – все це навертає нас до питання не про форму подання інформації, за що відповідає контент-менеджер, а про сенс того, що є на сторінках. Зрозуміло, що то надто складне і кожного разу дуже специфічне питання. Одне діло – ОСББ, що ми його взяли до прикладу, інше – гурток вишиванок. Більш докладно про це на сторінці нашого навчального сайту і в дискусійній групі. Не будемо зараз на це відволікатись. Зазначимо тільки, що кожен з нас навчався чомусь роками й десятками років. Той досвід, що є у освіченого й досвідченого фахівця, в яке порівняння він може йти з тим, що ми навчились робити сьогодні? Але – увага! - тепер всі ті ваші знання і вміння – вони відкриті для Інтернету. Бо в вас є свій сайт. І ви тепер можете… Ні, ще не можете, бо його сторінки не видно відвідувачам. Ну, то вже залишилось останнє.
Сайт? На раз!
http://mykbibbosbb.blogspot.com/
9
3 Сайт? На три. І нарешті останній крок. 3.1
Макет
У нас є суттєвий боржок перед розділом про сторінки. Ми їх зробили, але не показали відвідувачам. Зараз це надолужимо. Переходимо в режим Макет. Виглядає він як певна таблиця чи пустографка і то не випадково. Макет і є саме пустографкою, в яку Блогер вставляє ту інформацію, що ви її визначили як публікацію чи сторінку. Якщо шаблон, про який йшлося з самого початку, забезпечує художній вигляд нашого сайту, то макет є його просторовим вирішенням.
Скрін 11. Макет блогу. Після додаткового налаштування в Шаблоні Але у вас в блозі макет виглядає не так, правда? Бо я показую вже налаштований Шаблон, змінений від початкового, стандартного. А у вас ще стандартний. Зараз подивимось, як його можна змінити. Для цього треба повернутись до Шаблону. А може й не треба? Може стандартний нам підходить? Не знаю, подумайте.
Сайт? На раз!
http://mykbibbosbb.blogspot.com/
10
3.2
Налаштування Шаблону в частині Макету
В Шаблоні є ще кнопка Налаштування, з якої можна змінити окремі складові стандартного Шаблону, зокрема і Макет, що нас цікавить зараз, але не тільки. Ось як це виглядає:
Скрін 12. Шаблон блогу – кнопка Налаштування дозволяє його змінювати В тому налаштуванні можна змінювати кольори, шрифти, тло – все, що виглядає не так, як вам би того хотілось. Але, увага! Макети зроблені професійними художниками, не треба їх надто радикально змінювати, це порушить художній баланс, стиль. Ну, якщо один колір чи шрифт, та і то, не дуже вже радикально.
Скрін 13. Налаштування Шаблону. Початковий вигляд
Сайт? На раз!
http://mykbibbosbb.blogspot.com/
11
Втім, нас турбує макет, то ми маймо цим і зайнятись. Зайшовши в налаштування шаблону, зліва бачимо перелік того, що можна змінювати і зокрема Макет. Входимо саме у зміну Макету, вона вииглядає так:
Скрін 14. Вибір Макету в ході налаштування Шаблону. Зараз помаранчова смужка виділяє те, що є актуально для нашого учбового сайту. Як вам до вподоби, то обираєте так само другий зліва у другому рядку. Як хочете чогось іншого – зробіть експерименти, подивіться, що з того вийде. Всі ті сірі прямокутники – то місце для розміщення гаджетів, про які далі докладніше, а зараз поки що просто обираємо макет, зберігаємо свій вибрі і йдемо далі - в саме той Макет, з якого ми починали цей розділ (скрін 11). Для того, щоб як і було обіцяно, показати вже підготовлені сторінки відвідувачу. Для цього заходимо в гаджет (блок, визначення частини поля сторінки) Сторінки… Але у вас на макеті нема такого гаджета?
Сайт? На раз!
http://mykbibbosbb.blogspot.com/
12
3.3
Гаджети
Дійсно, у вас є тільки місце, де спочатку треба вставити гаджет Сторінки. А таких гаджетів є багато, ось деякі (потрібний нам на першому місті, але це тільки тут – в Блогері список більший):
Скрін 15. Деякі з гаджетів Блогера На нашому учбовому блозі використані такі гаджети: Сторінки, Архів блогу і Список посилань. Вставляємо їх там, де хочемо бачити. Можна як на демо-сайті. Можна якось по-іншому. Це ж ваш сайт, от і порядкуйте. Для вставки обраних гаджетів ми їх просто "приплюсуємо" – в цьому полягає операція вставки. В тих місцях макету, де ми їх хотіли б бачити. І після того, як вставлено гаджет Сторінки, заходимо вже в нього і визначаємо, які саме сторінки треба показувати і в якому порядку. Виглядає це так:
Скрін 16. Гаджет Сторінки.
Сайт? На раз!
http://mykbibbosbb.blogspot.com/
13
3.4
Результат-3
І тепер вже нарешті зовсім все. Все, що ставили за мету, виконано. Спасибі за співпрацю, тепер відпочивайте - і за діло. Як за яке? За вдосконалення сайту. Можу передбачити, що тепер вже ви не скоро заспокоїтесь – хочеться ж все краще і краще… Стоп! А де ж сертифікат? Контент-менеджера І категорії! Ну, як ви вже дочитали і повставляли у свій сайт все, про що тут було написано, і сторінки в вас вишикувались як треба, то можна переходити до сертифікації. Про це докладніше на сайті. Чи в дискусійній групі. Бо тут ми розглядаємо теоретичні питання – вже закінчили – а практичні будемо вирішувати практично. До зустрічі в групі.
Сайт? На раз!
http://mykbibbosbb.blogspot.com/
14