Практическая работа. Форматирование текста на Веб-странице.
Цель работы: Знакомство учащихся с приёмами форматирования веб-документа.
Теоретическая часть:
Для того, чтобы отформатировать текст, который будет располагаться на вашей веб-странице, необходимо воспользоваться следующими тегами:
Форматирование
Заголовки
* - от 1 до 6
Стандарт определяет 6 уровней заголовков
Конец строки
Начало абзаца
Выравнивание
*-ALIGN=
LEFT|CENTER|RIGHT
По левому краю, по правому, по центру
Цитата
Обычно выделяется отступом
Шрифт
Жирный
Курсив
Размер шрифта
От 1 до 7
Цвет шрифта
Практическая часть
Форматирование текста.
На базе первой простейшей Веб-страницы создайте текстовый документ, имеющий следующее оформление:
Устройства компьютера (заголовок 1)
Внешние (заголовок 2)
Принтер, сканер, монитор, клавиатура. (размер -2, цвет синий, шрифт Arial)
Внутренние (заголовок 2)
Винчестер, материнская плата, видеокарта.
Устройство компьютера
Внешние
Принтер, сканер, монитор, клавиатура
Внутренние
винчестер материнская плата видеокарта
Самостоятельно создайте Веб-страницу, на которой будет изображен текст в следующем виде:
Методика освоения новых программ
Знакомство с примерами, шаблонами и образцами документов.
Для того, чтобы оценить возможности новой программы, лучше всего воспользоваться уже имеющимися образцами документов, созданных с её помощью.
Эксперименты с пробными документами.
Цель эксперимента – проверка действия команд редактирования. Практическая работа. Веб-страницы с гиперссылками и изображениями.
Цель работы: Знакомство учащихся с различными возможностями перехода на другие страницы и вставки графических изображений
Теоретическая часть:
Важнейшую роль в оформлении страницы играют иллюстрации.
Для размещения рисунков в документе служит одиночный тег , который должен обязательно содержать атрибут SCR=, значение которого составляет адрес файла изображения.
Изображение переносится на страницу с сохранением размеров. Нужные размеры рисунка можно задать с помощью атрибутов WIDTH= (ширина) и HEIGHT= (высота).
Альтернативный текст – словесное описание изображения задаётся при помощи атрибута ALT=.
В качестве гиперссылки можно использовать изображения. Для этого теги разметки изображения должны быть помещены между тегами гиперссылок.
Практическая часть
Создайте папку и переименуйте её своей фамилией.
В папке создайте 2 документа в программе Блокнот, на основе которого можно сделать Веб-страницу. (сделайте заголовок, тело).
В свою папку скопируйте две картинки (большую для фона и маленькую) и одну анимацию, переименуйте их соответственно paint1.gif, paint2.gif, anim.gif. (расширения должны быть соответствующими вашим изображениям).
На основе первого документа сделайте страницу, содержащую все скопированные вами изображения. Код для разметки Веб-страницы будет следующим: