Тема 10. Створення і ведення блогу (2 год)

Мета: Сформувати у студентів навички необхідні для підготовки html-файлу

навчитися створювати журнал-блоґ, дописувати повідомлення в журнал, створювати коментарі, відповідати на коментарі, створювати список друзів.

Завдання

1. Увійти на сайт WWW.livejournal.com.

2. Скористатися гіперпосиланням Створення рахунку.

3. Заповнити форму для створення журналу. Для початку вибрати безкоштовний тип рахунку.

4. У формі треба вказати адресу електронної пошти.

5. Створити юзерпик або кілька юзерпиків для свого журналу.

6. Ознайомитися з виглядом створеного журналу.

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

8. Закрити вікна.

9. Обмінятися електронними адресами створених журналів зі своїми одногрупнйками.

10. Скористатися адресою журналу вашого одногрупника.

11. Створити коментар для будь-якого повідомлення в журналі свого одногрупника.

12. Скористатися адресою вашого журналу http://логiн. livejournal.com..

13. Ввести у форму, що розташована в лівому верхньому куті, свої лоґін та пароль.

14. Якщо у вашому блозі-журналі появився коментар до повідомлення, створити відповідь на коментар.

15. Видалити один з коментарів з вашого журналу, скориставшись відповідним гіперпосилан­ням.

16. Додайте новий запис у свій журнал, скориставшись гіперпосиланням Новий запис.

17. Ознайомитись з гіперпосиланнями навігаційної панелі Подивитись нові коментарі та Керувати записами.

18. Прочитати відповіді на поширені запитання (Faq), включаючи відповіді про спільноти, які є доступними в цьому сайті.

19. Закрити вікна.

20. Оформіти висновок до лабораторної роботи, вмістивши в ньому інформацію про можливості блоґу, про відмінності використання блоґів, форумів, чатів, опишіть цікаві для вас спільноти сайту WWW.livejournal.com.

Тема Індз. Оформлення, публікування веб-сайту та його реєстрація у пошуковій системі

Мета: навчитися виконувати планування, створення та оформлення веб-сайту, враховуючи принципи ергономічного розміщення контенту, дизайну кольору, форми, текстури та шрифтів, вибирати доменне ім'я для сайту та виконувати ре­єстрацію на веб-хостинґу, завантажувати файли на сервер хостинґу, а також по­пуляризувати створений сайт за допомогою реєстрації у пошукових системах та банерних мережах.

Завдання

1. Розробити дизайн статичного комерційного веб-сайту. Це означає, що треба вибрати галузь, в якій працює фірма, та запропонувати певний стиль та схему сайту. Крім того, треба вибрати кольорову схему, підібрати шрифти, визначитися з використанням різних просторових форм на сторінці.

2. Створити веб-сайт із кількох сторінок (не менше трьох, не більше п'яти) засобами мови HTML або будь-якого редактора (конструктора) веб-сайтів (uCoz, Notepad++ , wordpress, dreamweaver, websitex5, sitecraft.ru, seoprodvig.ru тощо).

3. Вибрати варіант виконання веб-сайту або запропонувати свій.

Варіанти виконання веб-сайтів:

1. Сайт компанії, що продає одяг;

2. Сайт компанії, що продає книги;

3. Сайт компанії, що продає автомобілі;

4. Сайт компанії, що продає шкільне приладдя;

5. Сайт компанії, що продає мобільні телефони;

6. Сайт компанії, що продає кондитерські вироби;

7. Сайт компанії, що продає комп'ютерне обладнання;

8. Сайт компанії, що продає меблі;

9. Сайт компанії, що продає квіти;

10. Сайт компанії, що продає картини;

11. Сайт компанії, що займається туризмом;

12. Сайт компанії, що займається прокатом кінофільмів;

13. Сайт компанії, що займається постачанням піци;

14. Сайт компанії, що займається викладенням комп'ютерних курсів;

15. Сайт компанії, що надає косметологічні послуги.

4. Визначити тип сайту: брошурний чи комерційний; текстовий чи графічний.

5. Визначити мету сайту.

6. Підібгати матеріали для розміщення на сайті: назву компанії, її логотип, на­прями діяльності, опис товарів та послуг, ілюстрації.

7. Визначите формаційну архітектуру сайту та її тип.

8. Створити навігаційну схему сайту.

9. Розробити дизайн домашньої сторінки сайту.

10. Розробити дизайн решти сторінок сайту.

11. Визначити використання прийомів групування, вирівнювання, створення рит­му балансу, пропорції, єдності.

12. Визначити дизайн шрифтового оформлення сайту – дібрати гарнітуру, кегель та накреслення шрифтів.

13. Вибрати кольорову схему для сайту із врахуванням гармонійності та балансу кольорів.

14. Реалізувати сайт засобами мови HTML або редактора сайту.

15. Вибрати один з безкоштовних хостинґів для розміщення сайту та доменне ім'я для ресурсу. Зареєструватися на вибраному хостинґу.

16. Розмістити відредагований веб-сайт на одному із хостинґів, зареєструвати його у банерній мережі та пошуковій системі.

17. Завантажити сайт на хостинґ за допомогою файл-менеджера.

18. Створити додаткову сторінку до свого сайту, яка містить гіперпосилання на веб-ресурси однокласників. Завантажити створену сторінку на сервер хостинґу.

19. Внести зміни в одну зі сторінок сайту – додати на неї гіперпосилання на щойно створену сторінку дружніх ресурсів. Завантажити оновлену сторінку на сервер хостинґу.

20. Зареєструватися у банерній мережі та зареєструвати розміщений сайт як май­данчик для показу банерів.

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

22. 3а допомогою графічного редактора створити анімований банер для свого сайту. Завантажити створений банер до банерної мережі. Налаштувати його про­файл – час та дні, тематичні та географічні категорії показу.

23. Вибрати 15-20 ключових слів для опису свого сайту.

24. Перевірити сайт на його оптимальність для пошукових систем: наповненість тегів <ТITLЕ>, <МЕТА>, справність гіперпосилань.

25. Зареєструвати сайт у пошукових системах Яндекс, Google.

26. Знайти в Інтернеті два веб-сайти на схожу тематику.

27. Проаналізувати створений сайт на наявність помилок оформлення чи навіга­ції.

28. Порівняти створений сайт та веб-вузли з Інтернету та оцінити їх за такою схемою:

Назва сайту
URL-адреса сайту
Дата оцінювання
Чи корисна інформація розміщена на сайті?
Чи зрозуміло викладений матеріал?
Коли оновлювалися матеріали сайту?
Чи досить нова інформація розміщена иа сайті? (досить наявного оновлення?)
Чи наведена контактна інформація?
Скільки розділів має сайт?
Чи є карта сайту?
Чи потрібна карта сайту?
Сайт має функцію пошуку?
Сайт має форми для заповнення користувачем?
Сайт має фіксовану ширину?
Чи є на сайті гіперпосилання, що не працюють, або сторінки без зв'язку з ін­шими?
Текст можна прочитати на обраному тлі?
Можна змінювати розмір тексту?
Для сайту вибрана доречна кольорова гама?
Чи змінюється колір відвіданих та не відвіданих гіперпосилань?
Чи є альтернативний текст у зображеннях?
Чи є на сайті помилки правопису?
Сайт вантажиться досить швидко?

Загальна оцінка сайту (за 10-бальною шкалою).

29. Оформити висновок ІНДЗ, вмістивши у ньому інформацію про створений сайт, особливості його дизайну, про вибраний хостинґ та доменне ім'я сайту. Описати можливості, які надає цей хостинґ. Написати ключові слова та опис сайту, що були використані при реєстрації у пошукових системах. Вказати оцінку сайту.

30. Розробити концепцію для презентації сайту. Вона повинна містити детальний план виступу перед аудиторією з презентацією власного сайту. Обов’язково зазначити причини, які спонукали створити сайт, і результати першого тижня його роботи. Тривалість виступу – до 5 хв.