Створення сайту (блогу) з вивчення дисципліни «інформатика та інформаційні технології за професійним спрямуванням»

Блог – це веб-сайт, головний зміст якого – записи, зображення чи мультимедіа, що регулярно додаються. Для блоґів характерні короткі записи тимчасової значущості.

Блог можна переглянути у веб-браузері. Зазвичай блог містить гіпертекст із навігаційними гіперпосиланнями на інформацію або інші Web-сторінки.

У загальному випадку блог являє собою сукупність текстів, малюнків, звукових та візуальних ефектів.

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

Всі структурні елементи веб-сайту (блогу) можна поділити на дві групи: пасивні та активні (або керуючі).

Прикладами пасивних елементів є заголовки, списки, таблиці та фрейми.

Ці елементи призначені для того, щоб надати інформації зручний для сприйняття вигляд, а також для систематичного розміщення інформації на веб-сайті.

До активних елементів належать посилання, текстові поля, кнопки, радіо-кнопки, меню тощо.

Ці елементи не тільки формують зовнішній вигляд блогу, але й дозволяють користувачеві виконувати ті чи інші наперед визначені дії.

Структура навчального блогу:

У верхній частині блогу розташована назва блогу, яка дублюється на всіх інших сторінках блогу. Ця частина відображається у вікні браузера і відвідувач насамперед звертає увагу на неї.

Під назвою блогу, праворуч – розташовані корисні посилання на Бердянскький державний педагогічний університет та Міністерство освіти і науки України та архів блогу, які теж дублюються при натисканні на інші сторінки та гіперпосилання.

Розташування назви блогу, корисних посилань та архіву зображено на рис. 1.

Рис. 1. Розташування назви блогу «ІНФОРМАТИКА ТА ІНФОРМАЦІЙНІ ТЕХНОЛОГІЇ ЗА ПРОФЕСІЙНИМ СПРЯМУВАННЯМ», корисних посилань та архіву

 

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

Горизонтальне меню зазвичай розташовують в верхній частині сторінки, під назвою блогу, у місці, звідки відвідувач починає її переглядати

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

Рис. 2. Горизонтальне меню блогу (меню-сторінки)

 

На будь-якому веб-сайті першою відкривається головна сторінка (рис. 3). Її розробці приділяють особливу увагу, оскільки дослідження показали, що люди не здатні читати інформацію, що відображається на моніторі комп’ютера або телефону, так уважно, як книжки або журнали. Вони зазвичай лише поверхово переглядають її, наприклад, як рекламу. Якщо головна сторінка містить те, що шукає відвідувач, він читає її далі, а якщо ні – переходить до інших джерел, сайтів, яких в Інтернеті дуже богато.

Рис. 3. Головна сторінка блогу

 

На головній сторінці розташований опис навчальної дисципліни по модулям (рис. 4). Переглядаючи програму навчальної дисципліни, студент має можливість зорієнтуватись в темах, які охоплюють курс предмету.

Рис. 4. Опис навчальної дисципліни на сторінці «Головна»

 

У верхній частині блогу, праворуч в меню від головної сторінки розташована сторінка «Навчальні ресурси».

Ця сторінка містить в собі гіперпосилання, що мають свій заголовок: Модуль 1, Модуль 2 і т. д. (рис. 5).

Рис. 5. Сторінка «Навчальні ресурси»

 

При натисканні по гіперпосиланню (Модуль 1, Модуль 2 і т. д. відповідно) – відкривається гіперпосилання на лекцію та лабораторну роботу, які пропонується завантажити на локальний диск та відео для найкращого засвоєння вивченої теми розділу (модуля).

Наприклад, зміст гіперпосилання «Модуль №1» зображено на рис 6.

Рис. 6. Зміст гіперпосилання «Модуль 1»

 

Праворуч в меню від «Навчальні ресурси» розташовано сторінку «Тестування», в якій знаходяться тестові завдання для перевірки знань студентів з відповідних тем розділу дисципліни (рис. 7).

Рис. 7. Зміст сторінки «Тестування»

 

При натисканні по гіперпосиланню відбувається перехід до середовища тестування (рис. 8).

Рис. 8. Середовище тестування з теми №1 «Апаратне та програмне забезпечення сучасного ПК»

 

На сторінці «Про нас» розміщено інформацію про склад кафедри «Фундаментальних та інженерно-педагогічних дисциплін і інформатики» (рис. 9), контактну інформацію (рис. 10).

Рис. 9. Зміст сторінки «Про нас», яка містить інформацію про склад кафедри

Рис. 10. Сторінка «Про нас» → Контактна інформація

 

Також на цій сторінці можна переглянути презентацію БДПУ для зацікавлення майбутніх спеціалістів студентським життям, яке відбувається в університеті та зокрема на Факультеті комп’ютерних та енергозберігаючих технологій (рис. 11).

 

Рис. 11. Сторінка «Про нас» → презентація БДПУ

Праворуч в меню від сторінки «Про нас» розташовано сторінку «Додатковий матеріал по дисципліні», в якій знаходяться гіперпосилання на: план самостійної роботи, питання для самоперевірки, методичні рекомендації до самостійних робіт та питання до заліку (рис. 12).

При натисканні на дане відповідне гіперпосилання відбувається завантаження.doc файлу на ПК.

Рис. 12. Зміст сторінки «Додатковий матеріал по дисципліні»

 

Завдання:

Створити веб-сторінку за обраною темою за допомогою візуальних редакторів.

 

Основна література

1. Інформатика та комп’ютерна техніка: Навч.-метод. посібник / За редакцією О. Д. Шарапова. – К.: КНЕУ, 2005.– 534с. – С. 122 – 153, 165 – 177, 186 – 196с.

2. 11. Семчук А. Р., Юрченко І. В. Економічна інформатика: теорія, програмування, практикум – 2-ге видання виправлене та доповнене. – Чернівці: МВІЦ «Місто», 2004. – 386с. – С. 97 – 141с.

3. 12. Берлинер Э. М., Глазырина И. Б., Глазырин Б. Э. Microsoft Office 2003. – М.: ООО «Бином-Пресс», 2004 г. – 576с. – С. 61 – 141, 155 – 241с.

Питання та завдання для самоконтролю та самоперевірки

 

1. Який вигляд має Web-сторінка у загальному випадку?
2. Які структурні елементи можуть входити до складу Web-сторінки?
3. Яка різниця між активними та пасивними елементами Web-сторінки?
4. Що таке віртуальний PC курсор?
5. У яких станах може знаходитись віртуальнийPC курсор і яким чином можна змінити його стан?
6. Як встановити фокус на початок Web-сторінки?
7. Яким чином можна послідовно ознайомитись із змістом Web-сторінки?
8. Як встановити фокус на кінець Web-сторінки?

9. Які клавіатурні команди пересувають фокус тільки по активних елементах Web-сторінки?