- •Програмні засоби
- •Лабораторна робота № 1
- •Хід роботи Теоретичні відомості
- •Завдання для виконання
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Лабораторна робота № 2
- •Хід роботи Теоретичні відомості
- •Завдання для виконання
- •Завдання для самостійного виковання
- •Запитання для контролю
- •Лабораторна робота № 3
- •Хід роботи Теоретичні відомості
- •Завдання для виконання
- •Введення нової адреси I завантаження Web-сторінки.
- •Завантаження адреси вже переглянутих сторінок
- •Управлшня процесом перегляду Web-сторінок
- •Зміна кодової сторінки відображення Web-сторінки
- •Відкриття гіперпосилання у поточному вікні
- •Відкриття гіперпосилання у новому вікні, вкладці
- •Пошук даних на завантаженій сторінці
- •Збереження завантаженої сторінки
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Адреси пошукових серверов
- •Україномовні пошукові системи
- •Російськомовні пошукові системи
- •Англомовні пошукові системи
- •Правила пошуку необхвдної інформації
- •Пошук даних у мережі Інтернет
- •Завдання для самостійного виконання
- •Завдання для самостійного виконання
- •Завантаження повідомлення
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Форматування тексту
- •Гіперпосилання
- •Завдання для виконання
- •Завдання для самостийного виконання
- •Графіка
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Редактор Web-сторінок Конструктор
- •Завантаження редактора Web-сторінок Mozilla Конструктор Інтерфейс редактора Web-сторінок Конструктор
- •Відміна, вилучення заданого форматування
- •Форматування тексту абзаців, заголовків
- •Видшити необхідний текстовий фрагмент.
- •Форматування стилями
- •Зміна стилю форматування
- •Створення таблиць
- •Вставка таблиці
- •Виділення елементів таблиці
- •Зміна властивостей таблиці
- •Послуги зміни параметрів таблиці. Вкладка Таблиця
- •Послуги зміни параметрів вибраних комірок. Вкладка Комірки
- •Форматування списків
- •Створення списку послугами меню
- •Перетворення елементів списку на звичайний текст
- •Використання графічних зображень
- •Вставка зображень
- •Зміна властивостей зображення
- •Послуги встановлення властивостей зображення
- •Створення гіперпосилань
- •Створення гіперпосилань у межах сторінки
- •Створення прив'язки
- •Створення гіперпосилань для переходу до прив'язки
- •Створення гіперпосилань на інші сторінки
- •Використання зображень як гіперпосилань
- •Збереження Web-сторінок у текстовому форматі
- •Завершения роботи
- •Завдання для виконання
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Лабораторна робота № 10
- •Завдання для виконання
- •Завдання для самостійного виконання
- •Запитання для контролю
- •Теми рефератів
Завдання для самостійного виконання
Розробити логотип фірми «Зодіак» для розміщення його на Web-сторінці y форматі .gif та .png.
Розробити анімований логотип фірми «Зодіак» для розміщення його на Web-сторінці у форматі .gif (самостійно).
Підготувати фотографію привілейованого працівника фірми «Зодіак» для розміщення на сайті фірми. Фотографію підготувати у форматі .jpeg (.jpg).
4. Доповнити сторінку фірми «Зодіак», файл H1_1-npiзвище.html, розробленими графічними елементами.
Запитання для контролю
Способи формування графічних зображень. Пристрої введення графічних зображень.
Растровий та векторний спосіб подання графічної інформації. Типи графічних зображень для використання у Web-сторінках.
Основні характеристики зображення. Колірна роздільна здатність.
Основні характеристики зображення. Роздільна здатність.
Основні характеристики зображення. Коларна модель.
Основні характеристики зображення. Колірна палітра. Палітра для графічних зображень на Web-сторінках.
Системи опрацювання графічної інформації.
Формати збереження графічних файлів. Формати збереження графічних файлів для використання у Web-сторінках.
Як додати графічне зображення до Web-сторінки?
Які параметри може мати тег IMG?
За допомогою якого тегу вставляють гіперпосилання?
Яке призначення параметрів LINK, VLINK, ALINK?
Як графічне зображення зробити гіперпосиланням?
Які види посилань є у межах однієї Web-сторінки?
Що таке якір?
Як вставити у web-документ звук чи відеозображення?
ЛАБОРАТОРНА РОБОТА № 9
Тема. Розробка HTML-сторінок з використанням Web-редактора Mozilla Конструктор.
Мета: навчити розробляти HTML-сторінки (сайти), використовуючи редактор HTML-сторінок Mozilla Конструктор.
Час виконання: 2 год.
ХІД РОБОТИ
Теоретичні відомості
Планування майбутньої Web-сторінки, сайту
Визначитися з темою майбутньої Web-сторінки, сайту.
Для сайту визначитися з необхідною кількістю сторінок.
Визначити способи переходу на інші сторінки за допомогою меню, окремого списку доступних сторінок сайту або використовуючи посилання у тексті сторінок.
Дабрати необхідні графічні зображення.
Визначитися зі способом подання текстового матеріалу: виділення шрифтами, структурування на розділи, таблиці, списки тощо.
Розробити орієнтовний макет кожної сторінки Web-сайту, вказавши розміщення основних структурних блоків:
а) заголовок;
б) абзац, текст;
в) таблиця;
г) список;
д) рисунок;
е) посилання.
7. Обрати засоби розробки Web-сторінки, сайту.
Редактор Web-сторінок Конструктор
До складу інтернет-переглядача Mozilla входить потужний WYSIWYG («що бачимо, те одержуємо» ) редактор Web-сторінок Конструктор. Створювана Web-сторінка відображається так само, як ïï бачитиме користувач у переглядачі. Для роботи з конструктором не обов'язково знати мову розмітки HTML, оскільки основні елементи мови гіпертекстової розмітки доступні за допомогою послуг меню або панелей інструментів. Але за необхідності можна редагувати вихідний текст сторінки у HTML-вигляді.
Основні переваги Конструктора:
україномовний інтерфейс;
можливість безпосереднього завантаження з Інтернету для редагування Web-сторінок;
зберігання створених чи відредагованих Web-сторінок безпосередньо на cepeвepi;
можливість створення складного дизайну Web-сторінок з використанням готових тегів HTML;
відповідність Web-сторінок стандартам www Consortium (http://www.w3.org);