Порядок виконання лабораторної роботи
1. Запустіть текстовий редактор (наприклад, Блокнот) і почніть створення документа НТМ. Уведіть теги структурних елементів і дайте документу заголовок, наприклад Імітація абзацних відступів.
2. Уведіть невеликий абзац тексту, що буде використовуватися як еталон. Збережіть документ.
3. Відкрийте оглядач Internet Explorer і відкрийте в ньому створений документ. Відрегулюйте ширину вікна програми так, щоб досліджуваний абзац займав кілька рядків. Переконайтеся, що він виводиться без відступу.
4. Додавання пробілів. Поверніться до редагування документа. Розмістіть після еталонного абзацу горизонтальну лінійку (тег <НR>). Скопіюйте еталонний абзац через буфер обміну, помістивши копію нижче лінійки. Додайте в початок скопійованого абзацу кілька пробілів. Збережіть документ.
5. Поверніться в програму Internet Explorer і клацніть на кнопці Обновить. Подивіться на доданий абзац. Поясніть, чому створити абзацний відступ у такий спосіб не вдається.
6. Метод елемента списку. Поверніться до редагування документа. Розмістіть після останнього абзацу горизонтальну лінійку. Скопіюйте еталонний абзац через буфер обміну, помістивши копію нижче лінійки. Додайте в початок скопійованого абзацу тег <DD>. Збережіть документ.
7. Поверніться в програму Internet Explorer і клацніть на кнопці Обновить. Подивіться на доданий абзац. Переконайтеся, що з'явився абзацний відступ. Чи правильно використовується код НТМ в отриманому документі? Чи можна рекомендувати такий метод створення абзацного відступу? Чому?
8. Метод нерозривних пробілів. Поверніться до редагування документа. Розмістіть після останнього абзацу горизонтальну лінійку. Скопіюйте еталонний абзац через буфер обміну, помістивши копію нижче лінійки. Додайте в початок скопійованого абзацу повторену кілька разів комбінацію символів . Збережіть документ.
9. Поверніться в програму Internet Explorer і клацніть на кнопці Обновить. Подивіться на доданий абзац. Переконайтеся, що з'явився абзацний відступ. Чи можна рекомендувати такий метод створення абзацного відступу? Чому?
10. Метод попередньо відформатованного тексту. Поверніться до редагування документа. Розмістіть після останнього абзацу горизонтальну лінійку. Скопіюйте еталонний абзац через буфер обміну, помістивши копію нижче лінійки. Додайте в початок скопійованого абзацу тег <РRЕ>, що задає попередньо відформатованний текст, і кілька пробілів. Наприкінці абзацу додайте тег </РRЕ>. Збережіть документ.
11. Поверніться в програму Internet Explorer і клацніть на кнопці Обновить. Подивіться на доданий абзац. Переконайтеся, що з'явився абзацний відступ. Зверніть увагу на спосіб обробки пробілів і символів кінця рядка в попередньо отформатированом тексті. У чому особливість використовуваного шрифту? Висловіть свою думку про використання цього методу створення абзацного відступу.
12. Метод невидимого зображення. Поверніться до редагування документа. Розмістіть після останнього абзацу горизонтальну лінійку. Скопіюйте еталонний абзац через буфер обміну, помістивши копію нижче лінійки. Додайте в початок скопійованого абзацу тег <IMG>, укажіть використовуваний файл зображення і задайте відступ по горизонталі в 10 пикселів (HSPACE="10"). Файл зображення повинний являти собою картинку у форматі GIF, що складається з одного пиксела (1х1), заданого прозорим кольором. Збережіть документ.
13. Поверніться в програму Internet Explorer і клацніть на кнопці Обновить. Подивитеся на доданий абзац. Переконаєтеся, що з'явився абзацний відступ.
14. Проаналізуйте усі використані методи і висловіть свою думку про принципову доцільність їхнього використання і про те, який з них найбільш зручний.
ЗМІСТ ЗВІТУ
Звіт повинен містити:
Мета роботи.
Додавання пробілів.
Методи елементу списку.
Метод нерозривних пробілів.
Метод попередньо відформатованого тексту.
Метод невидимого зображення.
Висновок.
- Методичні вказівки
- Застосування мови нтмl. Структура документа нтмl.
- Елементи нтмl
- Функціональні блокові елементи
- Гіпертекстові посилання
- WеЬ-графіка
- Вивчення прийомів форматування абзаців
- Створення гіперпосилань
- Створення зображення і використання його на Web-сторінці
- Лабораторна робота № 2 Прийоми форматування тексту, прийоми створення списків, створення таблиць, створення опису фреймів.
- Стислі теоретичні відомості Форматування тексту
- Таблиці
- Відображення декількох документів
- Робота в редакторі Frontpage Express
- Створення і редагування документа
- Порядок виконання лабораторної роботи Прийоми форматування тексту
- Прийоми створення списків
- Створення таблиць
- Створення опису фреймів
- Лабораторна робота № 3 Дослідження методів створення абзацного відступу в документах
- Застосування майстрів і шаблонів
- Публікація Web-документів
- Порядок виконання лабораторної роботи
- Лабораторна робота № 4 Візуальний редактор html Macromedia Dreamweaver mx Основні теоретичні відомості
- Створення нового сайта в Dreamweaver. Палітра Site
- Форматування тексту в Macromedia Dreamweaver mx
- Робота з графічною інформацією в Dreamweaver mx
- Робота з таблицями засобами Macromedia Dreamweaver
- Зауваження:
- Література