Оформление тела Веб-страницы
Атрибут | Действие | Значения атрибута |
BACKGROUND="URL" | Фоновая картинка | *.jpg, *.gif,.png. графический файл расположен в одной папке с Вашим документом |
BGCOLOR="цвет " | Цвет фона | |
TEXT=”color” | Цвет текста | |
LEFTMARGIN="40" | Определяет ширину левого и правого полей документа | Пикселы |
MARGINWIDTH="40" | Определяет ширину верхнего и нижнего полей документа | Пикселы |
Таблица цветов НТМL
pink | Розовый | blue | синий |
cyan | оттенок бирюзового | teal | ярко-голубой |
orange | Оранжевый | gray | серый |
brown | Коричневый | yellow | желтый |
fuchsia | ярко-фиолетовый | olive | оливковый |
aqua | Бирюзовый | purple | фиолетовый |
silver | светло-серый | red | красный |
black | Черный | green | зеленый |
Практическая часть
Создание простейшей Веб-страницы:
Создайте стандартный текстовый файл.
Откройте его редактором "Блокнот".
Сначала напечатайте основные теги:
<HTML>
<HEAD>
<TITLE>Добро пожаловать!!!</TITLE>
</HEAD>
<BODY> Здравствуйте!!!
</BODY>
</HTML>
Сохраните документ с расширением *.htm.
Создайте веб-страницу с оформленным фоном и текстом.
HTML-код будет выглядеть следующим образом:
<HTML>
<BODY BACKGROUND="paint1.bmp" BGCOLOR="red" TEXT="cian" LEFTMARGIN="40" MARGINWIDTH="40">
...
Текст документа (5-6 предложений на любую тему).
...
</BODY>
</HTML>
|
Сохраните документ с расширением *.htm.
Самостоятельно создайте две веб-страницы с разными фонами и цветами текстов (5-6 предложений).
Практическая работа №9. Форматирование текста на Веб-странице.
Цель работы: Знакомство учащихся с приёмами форматирования веб-документа.
Теоретическая часть:
Для того, чтобы отформатировать текст, который будет располагаться на вашей веб-странице, необходимо воспользоваться следующими тегами:
Форматирование
Шрифт
Практическая часть
Форматирование текста.
На базе первой простейшей Веб-страницы создайте текстовый документ, имеющий следующее оформление:
Устройства компьютера (заголовок 1)
Внешние ( заголовок 2)
Принтер, сканер, монитор, клавиатура. (размер -2, цвет синий, шрифт Arial)
Внутренние (заголовок 2)
Винчестер, материнская плата, видеокарта.
<body>
<h1> Устройство компьютера </h1>
<h2> Внешние </h2>
<P> <font size = -2 face=”arial” color=blue> Принтер, сканер, монитор, клавиатура </font>
<h2> Внутренние </h2>
<p> <b> винчестер </b> <i> материнская плата </i> <U> видеокарта </U>
</body>
Самостоятельно создайте Веб-страницу, на которой будет изображен текст в следующем виде:
Методика освоения новых программ
Знакомство с примерами, шаблонами и образцами документов.
Для того, чтобы оценить возможности новой программы, лучше всего воспользоваться уже имеющимися образцами документов, созданных с её помощью.
Эксперименты с пробными документами.
Цель эксперимента – проверка действия команд редактирования.
| Поделиться: |
Читайте также:
Последнее изменение этой страницы: 2021-04-04; просмотров: 232; Нарушение авторского права страницы; Мы поможем в написании вашей работы!
infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 18.221.15.15 (0.007 с.)