Автоматизоване створення веб-сайту

Демонстрація сайту гімназії (процес буде на практичній роботі)

 

V ІІ. ЗАСВОЄННЯ НОВИХ ЗНАНЬ І ВМІНЬ

Запитання до класу:

Який тип сайту описано:

• складається з декількох сторінок і має унікальний, але простий і функціональний дизайн; ідеально підходить для компаній, які хочуть розмістити інформацію про себе й свої послуги в Інтернеті; основні розділи сайту: Про компанії, Продукція або послуги, Прайс-листи, Контактна інформація; (Сайт-візітка)

•  сайт, призначений для автоматизації внутрішнього докумен­тообігу, обліку показників компанії, управління персоналом, може бути оснащений функціями обміну інформацією між ви­лученими філіями; позитивно впливає на репутацію й імідж компанії; дизайн повинен відповідати фірмовому стилю компанії; використовується мінімум графіки, основна увага звертається на текст; (Корпоративний сайт)

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

• складний розважальний інтерактивний проект, що передбачає велику відвідуваність та складність дизайну; {Ігровий портал)  

• може бути самостійним сайтом, а може бути розділом сайту; най­частіше робиться на піддомені основного сайту й призначений для організації спілкування відвідувачів сайту між собою й з адміністратором сайту; (Сайт-форум)

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

VIII. ПІДБИТТЯ ПІДСУМКІВ УРОКУ.

IX. ДОМАШНЄ ЗАВДАННЯ

1. Завдання за підручником: опрацювати п.4.2 та 4.3 (ч. 1)

2. Перегляньте НТМL-код трьох сайтів в Інтернеті. Запишіть п'ять тегів без атрибутів, та п'ять — з атрибутами. З'ясуйте їх призначення.

УРОК № 28

ТЕМА. ОСНОВИ ВЕБ-ДИЗАЙНУ. АВТОМАТИЗОВАНЕ РОЗРОБЛЕННЯ ВЕБ-САЙТІВ.

ОГЛЯД СЕРВІСІВ ВЕБ 2.0

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

Сформувати поняття:

• Веб-дизайн;

• Кольорова гама;

• навігація;

• хостинг;

• веб 2.0;

Пояснити:

• правила використання шрифтів;

• особливості кольорового оформлення;

• залежність зовнішнього вигляду сайта від браузера, що використовується;

Формувати навички:

• створювати вміст веб-сайту;

• Формувати вміння чітко й лаконічно висвітлювати думки;

• Виховувати уважність, дисциплінованість під час роботи за ПК.

Тип уроку: формування та комплексне застосування знань, умінь, навичок.

Обладнання та наочність: дошка, комп'ютер, інструкції з ТБ в ком­п'ютерному кабінеті.   

Базові поняття і терміни:  веб-дизайн, кольорова гама, навігація, браузер, статична веб-сторінка.

Програмне забезпечення: MS FrontPage.

ХІД УРОКУ

I. ОРГАНІЗАЦІЙНИЙ ЕТАП

II. ПЕРЕВІРКА ДОМАШНЬОГО ЗАВДАННЯ

Фронтальне опитування

1) Як переглянути веб-код сторінки в Інтернеті?

2) Які існують обов'язкові теги в кожній веб-сторінці?

3) Назвіть п'ять тегів без атрибутів. Яке їх призначення?

4) Назвіть п'ять тегів з атрибутами. Яке їх призначення?

III. АКТУАЛІЗАЦІЯ ОПОРНИХ ЗНАНЬ

Фронтальне опитування

1. Що таке ТСР/ІР?

2. Що таке браузер?

3. Що таке веб-сторінка?

4. Що таке система телеконференцій?

5. Що таке гіперпосилання?

6. Що таке початкова веб-сторінка?

⇐ Предыдущая1234Следующая ⇒

Поделиться: