- •Лабораторні роботи
- •Тема 1. Розробка веб-сторінки (4 год.)
- •Завдання
- •Завантажити браузер (ІnternetЕхрloer, MozillaFirefox) та відкрити файл Прізвище.Html. Або запустити файл, що відображається в папці піктограмою веб-сторінки.
- •3.2. Переглянути отриманий результат.
- •Переглянути отриманий результат.
- •Тема 2. Створення маркованих і нумерованих списків (2 год.)
- •Завдання
- •Тема 3. Графіка на веб-сторінках (4 год.)
- •Завдання
- •Тема 4. Створення таблиць (4 год.)
- •Завдання
- •Тема 5. Створення нтмl-документу з використанням гіперпосилань та якорів (2 год).
- •Завдання
- •Тема 6. Вставка мультимедийної інформації (2 год).
- •Завдання
- •Тема 7. Призначення і створення динамічних ефектів (2 год.)
- •Завдання
- •Тема 8. Розробка гіпертекстового документу з використанням форм (2 год)
- •Завдання
- •Тема 9. Створення та адміністрування веб-сайту на безкоштовному сервері (2 год)
- •Завдання
- •Тема 10. Створення і ведення блогу (2 год)
- •Завдання
- •Завдання
Лабораторні роботи
Тема 1. Розробка веб-сторінки (4 год.)
Мета. Сформувати у студентів навички необхідні для підготовки html-файлу
навчитися створювати веб-сторінку з налаштуванням функціональних розділів документу з відтворенням символів, абзаців, тла сторінки.
Завдання
1. Створити папку (наприклад, з ім’ям сайт), в якій зберігатиметься файл лабораторної роботи
1.1. Відкрити текстовий редактор Notepad (Блокнот).
Для створення НТМL-документу створити файл такого змісту:
<HTML>
<HEAD>
<TITLE> Моя сторінка в Інтернеті </TITLE> </HEAD>
<BODY>
...Інформація для відтворення браузером...
</BODY>
</HTML>
1.2. Зберегти файл на жорсткому диску у визначеній папці. Наприклад, він матиме ім'я Прізвище.html. Закрити текстовий редактор.
Завантажити браузер (ІnternetЕхрloer, MozillaFirefox) та відкрити файл Прізвище.html. або запустити файл, що відображається в папці піктограмою веб-сторінки.
1.4. Переглянути отриманий результат.
Проаналізувати відтворення веб-сторінки. При необхідності внести зміни, виконати у меню ВИГЛЯД команду ПЕРЕГЛЯД НТМL-КОДУ. Зберегти зміни та оновити веб-сторінку (F5).
2. Відредагувати створений веб-файл:
2.1. Тло сторінки рожевого кольору;
2.2. Заголовок шрифтом гарнітури Times New Roman,червоного кольору, жирного прямого накреслення, кеглю 7, виключити по центру;
2.3.Підзаголовок шрифтом гарнітури Times New Roman, синього кольору, жирного курсивного накреслення, кеглю 5, виключити вліво;
2.4. Підзаголовок шрифтом гарнітури Times New Roman, чорного кольору, жирного прямого накреслення, кеглю 3, виключити вправо;
2.5.Основний текст скласти шрифтом гарнітури Times New Roman, чорного кольору, світлого прямого накреслення, кеглем 2, виключити вліво, розбити на три абзаци;
2.6. Вставити в документ горизонтальну лінію;
2.7. Під лінією вставити текст і здійснити перехід на новий рядок без створення абзацу;
2.8. Створити в документі так звану «рухому стрічку»;
2.9. Створити фрагмент тексту з ефектом «мерехтіння тексту».
2.10.
3. Зберегти файл на жорсткому диску у визначеній папці.
Завантажити браузер (ІnternetЕхрloer, MozillaFirefox) та відкрити файл Прізвище.Html. Або запустити файл, що відображається в папці піктограмою веб-сторінки.
3.2. Переглянути отриманий результат.
3.3.Проаналізувати відтворення веб-сторінки. При необхідності внести зміни виконати у меню ВИГЛЯД команду ПЕРЕГЛЯД НТМL-КОДУ. Зберегти зміни та оновити веб-сторінку (F5).