- •Методичні вказівки
- •Застосування мови нтмl. Структура документа нтмl.
- •Елементи нтмl
- •Функціональні блокові елементи
- •Гіпертекстові посилання
- •WеЬ-графіка
- •Вивчення прийомів форматування абзаців
- •Створення гіперпосилань
- •Створення зображення і використання його на Web-сторінці
- •Лабораторна робота № 2 Прийоми форматування тексту, прийоми створення списків, створення таблиць, створення опису фреймів.
- •Стислі теоретичні відомості Форматування тексту
- •Таблиці
- •Відображення декількох документів
- •Робота в редакторі Frontpage Express
- •Створення і редагування документа
- •Порядок виконання лабораторної роботи Прийоми форматування тексту
- •Прийоми створення списків
- •Створення таблиць
- •Створення опису фреймів
- •Лабораторна робота № 3 Дослідження методів створення абзацного відступу в документах
- •Застосування майстрів і шаблонів
- •Публікація Web-документів
- •Порядок виконання лабораторної роботи
- •Лабораторна робота № 4 Візуальний редактор html Macromedia Dreamweaver mx Основні теоретичні відомості
- •Створення нового сайта в Dreamweaver. Палітра Site
- •Форматування тексту в Macromedia Dreamweaver mx
- •Робота з графічною інформацією в Dreamweaver mx
- •Робота з таблицями засобами Macromedia Dreamweaver
- •Зауваження:
- •Література
Порядок виконання лабораторної роботи Прийоми форматування тексту
Видаліть весь текст, що знаходиться між тегами <BODY> і </BODY>. Текст, що буде вводитися в наступних пунктах цієї вправи, необхідно помістити після тега <BODY>, а його конкретний зміст може бути будь-яким.
Уведіть тег <BASEFONT SIZE="5" COLOR="BROWN">. Він задає висновок тексту за замовчуванням збільшеним шрифтом і коричневим кольором.
Уведіть довільний абзац тексту, що буде виводитися шрифтом, заданим за замовчуванням. Почніть цей абзац з тега <Р>.
Уведіть теги: <Р> <FONT SIZE="-2" FACE="ARIAL" COLOR="GREEN">.
Уведіть черговий абзац тексту, закінчивши його тегом </FONT>.
У наступному абзаці використовуйте за своїм розсудом парні теги: <У> (напівжирний шрифт), <1> (курсив), <U> (підкреслення), <S> (викреслювання), <SUB> (нижній індекс), <SUP> (верхній індекс).
7. У наступному абзаці використовуйте за своїм розсудом парні теги: <ЇМ> (виділення), <STRONG> (сильне виділення), <CODE> (текст програми), <KBD> (клавіатурне введення), <SAMP> (приклад висновку), <VAR> (комп'ютерна змінна).
Збережіть отриманий документ під ім'ям format.htm.
Запустіть оглядач Internet Explorer (Пуск > Программы > Internet Explorer).
Дайте команду Файл > Открыть. Клацніть на кнопці Обзор і відкрийте файл format.htm.
Вивчіть, як використані елементи HTML впливають на спосіб відображення тексту.
Поверніться в програму Блокнот і змініть документ так, щоб елементи, що задають форматування, були вкладені один в одного. Збережіть документ під тим же ім'ям.
Поверніться в програму Internet Explorer і клацніть на кнопці Обновить на панелі інструментів. Подивіться, як змінився вид сторінки.
Прийоми створення списків
Якщо ця вправа виконується не відразу після попередньої, відкрийте документ first.htm у програмі Блокнот.
Видаліть весь текст, що знаходиться між тегами <BODY> і </BODY>. Текст, що буде вводитися в наступних пунктах цієї вправи, необхідно помістити після тега <BODY>, а його конкретний зміст може бути будь-яким.
Вставте в документ тег <OL TYPE=T>, що починає упорядкований (нумерований) список.
Вставте в документ елементи списку, випереджаючи кожний з них тегом <LI>.
Завершіть список за допомогою тега </OL>.
Збережіть отриманий документ під ім'ям list.htm.
Запустіть оглядач Internet Explorer (Пуск > Программы > Internet Explorer).
Дайте команду Файл > Открыть. Клацніть на кнопці Обзор і відкрийте файл list.htm.
Вивчіть, як упорядкований список відображається в програмі Internet Explorer, звертаючи особливу увагу на спосіб нумерації, заданий за допомогою атрибуту TYPE=.
10. Поверніться в програму Блокнот і встановіть текстовий курсор після закінчення введеного списку.
Вставте в документ тег <ULTYPE="SQUARE">, що починає неупорядкований (маркірований) список.
Вставте в документ елементи списку, випереджаючи кожний з них тегом <LI>.
Завершіть список за допомогою тега </UL>. Збережіть документ під тим же ім'ям.
Поверніться в програму Internet Explorer і клацніть на кнопці Обновить на панелі інструментів. Подивіться, як змінився вид сторінки, звернувши увагу на спосіб маркірування, заданий за допомогою атрибута TYPE=.
Поверніться в програму Блокнот і встановіть текстовий курсор після закінчення введеного списку.
Вставте в документ тег <DL>, що починає список визначень.
Вставте в список обумовлені слова, випереджаючи відповідні абзаци тегом <DT>.
Вставте в список відповідні визначення, випереджаючи їх тегом <DD>.
Завершіть список за допомогою тега </DL>. Збережіть документ під тим же ім'ям.
Поверніться в програму Internet Explorer і клацніть на кнопці Обновить на панелі інструментів. Подивіться, як виглядає при відображенні Web-сторінки список визначень.