Тема 8. Розробка гіпертекстового документу з використанням форм (2 год)

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

навчитися створювати веб-сторінку з використанням форм.

Завдання

1. Створити НТМL-код веб-сторінки, який відображатиме вказаний форматований текст.

2. Відкрити папку, в якій зберігатиметься файл лабораторної роботи на жорсткому диску.

3. У текстовому редакторі створити НТМL-сторінку Прізвище7.html з використанням тегів, що налаштовують бажаний вигляд веб-сторінки, доповнивши її:

3.1. текстовими полями;

3.2. прапорцями та перемикачами;

3.3. кнопками;

3.4. списками;

3.5. написами (текстовими рядками).

4. Зберегти документ на жорсткому диску з розширенням Прізвище7.html у створеній папці.

5. Закрити текстовий редактор.

6. Завантажити браузер (ІnternetЕхрloer, MozillaFirefox) та відкрити файл Прізвище7.html. або запусти­ти файл, що відображається в папці піктограмою веб-сторінки.

7. Переглянути отриманий результат.

8. Проаналізувати відтворення веб-сторінки.

9. При необхідності внести зміни ви­конати у меню ВИГЛЯД команду ПЕРЕГЛЯД НТМL-КОДУ. Зберегти зміни та оновити веб-сторінку (F5).

10. У висновку описати використані теги.

Тема 9. Створення та адміністрування веб-сайту на безкоштовному сервері (2 год)

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

навчитися виконувати автоматизоване створення веб-сайту, ви­бирати тип та дизайн оформлення веб-сторінок, адмініструвати створений сайт.

Завдання

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

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

Сайт "Моделі одягу" з гіперпосиланнями на зображення та описом кіль­кох типів одягу.

Сайт "Сузір'я" з гіперпосиланнями на зображення і коротким описом і кількох сузір'їв.

Сайт "Автомобілі" з гіперпосиланнями на зображення та описи кількох марок автомобілів.

Сайт "Мій ВУЗ" з гіперпосиланнями на зображення планів та опису кількох поверхів навчального закладу.

Сайт "Туризм" з гіперпосиланнями на зображення та коротким описом і кількох країн.

Сайт "Телефони" з гіперпосиланнями на зображення та описом кількох моделей телефонів.

Сайт "Прапори" з гіперпосиланнями па зображення та описом прапорів кількох країн.

Сайт "Зачіски" з гіперпосиланнями на зображення та описом кількох типів зачісок.

Сайт "Кондитерські вироби" з гіперпосиланнями на зображення та описом кількох кондитерських виробів.

Сайт "Сучасні комп'ютери" з гіперпосиланнями на зображення та опи­сом кількох типів комп'ютерів.

Сайт "Кінофільми" з гіперпосиланнями на кадри та опис кількох сучас­них фільмів.

Сайт "Узори" з гіперпосиланнями на зображення та описом кількох узо­рів для вишивання.

Сайт "Меблі" з гіперпосиланнями на зображення та описом кількох ти­пів меблів.

Сайт "Страви" з гіперпосиланнями на зображення та описом кількох страв.

Сайт "Птахи" з гіперпосиланнями на зображення та описом кількох видів птахів.

Сайт "Квіти" з гіперпосиланнями на зображення та описом кількох видів квітів.

1. Створити папку, в яку помістити підготовлені графічні файли з необхідними зображеннями та придумати текстовий супровід для головної сторінки та сторінок розділів.

2. Запустивши браузер, скористатися адресою безкоштовного хостинґу http://www.ucoz.ru.

3. Зареєструватися на сайті – створити лоґін та пароль проекту в запропонованій на сайті формі та заповни­ти інші поля форми.

4. Переглянути шаблони.

5. Вибрати дизайн сайту і мову.

6. Активувати необхідні модулі (інформація про сайт, блог, форум, фотоальбом, гостьову книгу, зворотній зв'язок тощо).

7. Наповнити сайт:

8.1.Створити головну сторінку сайту, вибравши оформлення цієї сторінки. У цій сторінці наразі не створювати гіперпосилань. Лише описати призначення сайту. Сторінка створюється покроково шляхом заповнення запропонованих форм.

8.2. Створивши головну сторінку, виконати автоматизоване створення інших сто­рінок, у які вставляти підготовлені зображення та друкувати придумані тек­сти, також подбати про вибір оформлення сторінок. Сторінкам розділів доцільно надавати імена, що відповідають наповненню цих сторінок.

8.3. У модулі форум – задати тему для обговорення, що відповідає тематиці сайту, та прокоментувати тематику сайту свої одногрупників на їх сайтах.

8.4. У модуль фотоальбом додати 10 зображень, які відповідають тематиці сайту.

8.5. Ознайомитися з закладкою зворотній зв'язок, відправити відгук одногрупникам.

8. Оформити висновок до лабораторної роботи, вмістивши у ньому інформацію про створений сайт, його веб-сторінки та описати можливості форуму.

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