Практична робота № 13-15 (частина 2).
Наскрізне завдання зі створення і розкручування комерційного сайту за власною бізнес-ідеєю. Робота з сервісами Google Sites, Google Blogger (включення блогу до складу комерційного сайту)
Мета: використовуючи набуті на попередніх заняттях знання, навички роботи с сервісами Google Sites, Google Blogger, отримати навички обґрунтування вартості, створення, розкручування комерційного сайту, його підключення до платіжних систем.
Завдання для виконання
І. Робота з сервісом створення блогів Google Blogger.
Робота - індивідуальна.
За зразок виконаної роботи можна вважати навчальний блог http://lavrru.blogspot.com, блог кафедри інформаційної діяльності в економічних системах з фаху “Документознавство та інформаційна діяльність” http://dtaid.blogspot.com/ або блог створений студенткою гр. Ф-51м 2010-2011 н.р. Лугівською Олесею - http://time-prestige.blogspot.com/
1. Зайти до власного облікового запису Google.
2. Відкрити повний список сервісів
3. Вибрати сервіс Blogger
4. Натиснути на посилання “Створити блог”
5. Ввести назву та адресу блогу:
5.1. Ввести заголовок блогу.
5.2. Ввести адресу блогу, перевірити її на доступність (блог з такою назвою вже може існувати). Ваша адреса буде схожою на наступну: dialoginua.blogspot.com
5.3. Пройти тест CAPTCHA.
5.4. Натиснути кнопку “Продовжити”.
6. Вибрати початковий шаблон (його можна буде змінити пізніше).
7. Натиснути на посилання “Налаштувати дизайн блогу”.
8. Використовуючи ліву панель розробника шаблонів Blogger, налаштуйте блог на свій смак. Для збереження змін натисніть кнопку “Зберегти зміни” у правому верхньому куті.
9. Для перегляду створеного блогу натисніть на посилання “Переглянути блог”
10. Щоб повернутися до режиму редагування блогу натисніть на посилання “Дизайн” в правому верхньому куті сторінки.
11. До головної сторінки можна додати гаджети (пристосування, додатки), натиснувши на посилання “Додати гаджет”. В списку доступних додатків наведена велика їх кількість як офіційних (від розробників Google), так і неофіційних - від сторонніх розробників. Додавати гаджети можна в будь-якій кількості, а також вибирати довільне місце розташування їх на сторінці за допомогою методу drag&drop.
ІІ. Підключення блогу до сервісу FeedBurner (розсилка новин блогу)
Сервіс FeedBurner відслідковує зміни на блозі та розсилає новини електронною поштою всім особам, які підписані на них.
1. Перейти за посиланням www.feedburner.com
2. Ввести ще раз пароль від свого аккаунту (якщо знадобиться).
3. Ви потрапите на сторінку FeedBurner. Якщо мова автоматично не визначилася, натисніть на посилання Languages та виберіть там російську мову.
4. Введіть адресу блогу та натисніть на кнопку “NEXT”.
5. Вибрати Atom та натиснути “Next”.
6. Записати адресу свого фіду: http://feeds.feedburner.com/blogspot/...
Натиснути “Next”.
7. Фід створений.
7.1. За посиланням, наведеним на цій сторінці (аналогічне тому, яке ви записали на попередньому кроці) ви можете перейти до сторінки фіду та переглянути його. Оскільки публікацій на блозі ще не було, він буде пустий. В правій частині сторінки перераховані способи, за допомогою яких відвідувачі блогу можуть отримувати новини.
7.2. Натисніть кнопку “Next”.
8. На наступній сторінці ввімкнути потрібні опції (див. малюнок) та натиснути кнопку “Next”.
9. Ви потрапите на сторінку керування фідом.
9.1. Активуйте сервіс SmartFeed у вкладці “Оптимизируй”.
9.2. Перейдіть на вкладку “Публикуй”. Виберіть сервіс “Подписки по электронной почте” та активуйте його, натиснувши на відповідну кнопку.
9.3. З’явиться сторінка з двома полями із кодом.
Перше поле містить код, який додає на сторінку форму для введення адреси електронної пошти та кнопку “Subscribe” (підписатися).
Друге поле містить код, який додає на блог посилання, перейшовши за яким користувач потрапить на сторінку де йому запропонується ввести власний e-mail.
Виберіть будь-який варіант (далі пояснення буде йти на основі другого варіанту). Скопіюйте код, наприклад, до текстового файлу (блокнот).
Натисніть на кнопку “Сохранить” внизу сторінки.
Якщо ви вибрали другий варіант, скопіюйте код до блокноту. Замість тексту Subscribe to Блог фірми “Діалог” by Email ми вставимо малюнок (наприклад такий: http://i.piccy.info/i5/58/11/701158/9.jpg)
Створюємо HTML-код, який прикріпить до малюнку посилання, перейшовши за яким можна підписатися на розсилку новин.
Для цього у наведеному вище коді замість тексту “Subscribe to Блог фірми "Діалог" by Email” вставте наступний код: <img src="http://i.piccy.info/i5/58/11/701158/9.jpg" />
Після цього весь код елементу буде виглядати так:
<a href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/Rmqof&loc=en_US"><img src="http://i.piccy.info/i5/58/11/701158/9.jpg" /></a>
Мета додавання одного з посилань на блог - можливість підписатися на розсилку новин на електронну пошту користувача.
9.4. На сторінці “Публикуй” активуйте сервіс FeedCount. Налаштуйте зовнішній вигляд Chicklet - малюнка, на якому зображена кількість пидписаних осіб. Натиснувши на нього, користувач перейде до сторінки, на якій зможе вибрати сервіс, за допомогою якого зможе переглядати останні зміни, які відбулися на вашому блозі (стрічка новин).
9.5. Після цього з’явиться код елемента. Його треба буде вставити на блозі у якості гаджета (скопіюйте його до блокноту). Натиснути кнопку “Сохранить” внизу сторінки.
10. Перейдіть до блогу. Натисніть на посилання “Дизайн” у верхньому лівому куті сторінки.
11. Натисніть посилання “Додати гаджет”.
12. У списку виберіть гаджет HTML/JavaScript.
13. Введіть заголовок гаджету “Підписка на новини”. Вставте код Chicklet’a.
14. Вставте створений код на підписку по E-mail із малюнком.
15. Можна додати пару тег <center></center> щоб елементи розміщувалися по центру гаджета.
ІІІ. Остаточне оформлення блогу та додавання дописів (новин)
1. Додайте до свого блогу гаджети.
2. Оформіть його на свій смак.
3. Додайте різноманітні елементи, лічильники кількості відвідувань блогу (по аналогії з додаванням коду feedburner у якості гаджету) тощо.
Для додавання лічильника можна скористатися сервісами:
4. Додати до блогу декілька дописів (новин, публікацій).
5. Додати у якості гаджету посилання на ваш сайт, створений у першій частині роботи №13-15.
6. Додати на саійті посилання на блог.
7. Відправити адресу блогу викладачу на перевірку (sci.Lavr@gmail.com). В темі листа вказати прізвище, групу та номер роботи.