Не забывайте каждый раз сохранять текст Web-страницы при ее корректировке в программе Блокнот и обновлять страницу при ее просмотре в программе браузера

12 3 Следующая ⇒

Продублированый слой назовите Gem Reflection

Жмем сочетание клавишCTRL+ SHIFT + ALT + E

15. Новый слой переименуется в слой 1 — layer 1.

16. Делаем видимым слой с Градиентной заливкой (Gradient Fill)

17. Переименуем слой layer 1 в Gem. Продублируем его

19. В этом шаге тексту добавим тень. Просто отразим слой по вертикали- Изображение - Трансформация - Отразить по вертикали (Edit - Transform - Flip Vertical). Зажав клавишу SHIFT перетаскиваем отражение вниз как на скрине

20. Создаем Маску слоя и выбираем градиент Gradient tool. Протяните вертикальную линию как на скрине

Смотрим на то что получилось:

Для практической работы использовались следующие материалы:

Шрифт Poetsen One

Фон / Текстура Glitter_by_renesmits.jpg

Задание № 3. Некоторые специальные команды форматирования текста

Существуют специальные команды, выполняющие перевод строки и задающие начало нового абзаца. Кроме того существует команда, запрещающая программе браузера изменять каким-либо образом изменять форматирование текста и позволяет точно воспроизвести на экране заданный фрагмент текстового файла.

Тег перевода строки   отделяет строку от последующего текста или графики.

Тег абзаца  тоже отделяет строку, но еще добавляет пустую строку, которая зрительно выделяет абзац.

Оба тега являются одноэлементными, тег – двойной, т.е. требуется закрывающий тег.

1. Внесите изменения в файл RASP.HTML

<HTML>

<HEAD>

<TITLE>Учебный файл HTML</TITLE> </HEAD>

<BODY> Расписание

 занятий 

на вторник

</BODY>

</HTML>

2. Сохраните внесенные изменения, переключитесь на панели задач на программу браузера, обновите Web-страницу.

Как изменилось отображение текста на экране? Выглядеть ваша Web-страница будет примерно так, как показано на рисунке 2.

Страница 3 из 16

Рис. 2

Задание № 4. Выделение фрагментов текста

1. Внести изменения в текст файла RASP.HTML

<HTML>

<HEAD>

<TITLE>Учебный файл HTML</TITLE> </HEAD>

<BODY> Расписание занятий на вторник

</BODY>

</HTML>

2. Посмотрите полученную Web-страницу.

Возможно использование комбинированных выделений текста.

Расписание занятий на вторник

Но при этом необходимо помнить следующее правило использования комбинированных тегов:

<Тег_1><Тег_2>... </Тег_2></Тег_1> – правильная запись.

<Тег_1><Тег_2>... </Тег_1></Тег_2> –ошибочная запись.

Обратите внимание на «вложенность» тегов, она напоминает «вложенность» скобок.

Задание № 5. Задание размеров символов Web-страницы

Существует два способа управления размером текста, отображаемого браузером:

· использование стилей заголовка,

· задание размера шрифта основного документа или размера текущего шрифта. Используется шесть тегов заголовков: от <H1> до <H6> (тег двойной, т.е. требует закрытия). Каждому тегу соответствует конкретный стиль, заданный параметрами настройки браузера.

1. Внесите изменения в файл RASP.HTML

Страница 4 из 16

<HTML>

<HEAD>

<TITLE>Учебный файл HTML</TITLE> </HEAD>

<BODY>

<H1>Расписание</H1>

 занятий на вторник </BODY>

</HTML>

2. Просмотрите свою Web-страницу. На экране вы увидите то, что отображено на рисунке 3.

Рис. 3

Задание № 6. Установка размера текущего шрифта

Тег шрифта  позволяет задавать размер текущего шрифта в отдельных местах текста в диапазоне от 1 до 7.

1. Внесите изменения в текст RASP.HTML

<HTML>

<HEAD>

<TITLE>Учебный файл HTML</TITLE>

</HEAD>

<BODY>

Расписание

занятий на вторник

</BODY>

</HTML>

2. Самостоятельно измените размер текста «занятий на вторник», используя тег .

3. Измените оформление текста HTML-документа, используя тег выделения фрагментов и тег перевода строки и абзаца.

Задание № 7. Установка гарнитуры и цвета шрифта

Тег  предоставляет возможности управления гарнитурой, цветом и размером текста. Изменение гарнитуры текста выполняется простым добавлением к тегу  атрибута FACE. Например,для отображения текста шрифтом Arial необходимо записать:



Страница 5 из 16

Для изменения цвета шрифта можно использовать в теге  атрибут COLOR=”X”. Вместо “X” надо подставить английское название цвета в кавычках(“ ”),либо его шестнадцатеричноезначение. При задании цвета шестнадцатеричным числом необходимо представить этот цвет разложенным на три составляющие: красную (R – Red), зелѐную (G – Green), синюю (B – blue), каждая из которых имеет значение от 00 до FF. В этом случае мы имеем дело с так называемым форматом RGB.

Примеры записи текста в формате RGB приведены в Таблице 1:

Таблица 1

Запись текста в формате RGB

Цвет RRGGBB Цвет RRGGBB Цвет RRGGBB

Black Purple FF00FF Green 00FF00

Черный Фиолетовый Зеленый

White FFFFFF Yellow FFFF00 Azure 00FFFF

Белый Желтый Бирюзовый

Red FF0000 Brown Blue 0000FF

Красный Коричневый Синий

Orange FF8000 Violet B000FF Gray A0A0A0

Оранжевый Лиловый Серый

1. Внесите изменения в файл RASP.HTML

<HTML>

<HEAD>

<TITLE>Учебный файл HTML</TITLE>

</HEAD>

<BODY>



Расписание занятий на вторник

</BODY>

</HTML>

2. Самостоятельно измените размер, цвет, гарнитуру стиль текста документа.

Задание № 8. Выравнивание текста по горизонтали

1. Внесите изменения в файл RASP.HTML

<HTML>

<HEAD>

<TITLE>Учебный файл HTML</TITLE> </HEAD>

<BODY>



 Расписание 

 занятий на вторник 

</BODY>

</HTML>

Страница 6 из 16

2. Просмотрите изменения в браузере. На экране вы увидите то, что показано на рисунке 4.

Рис. 4

Задание № 9. Задание цвета фона и текста

При изображении фона и цвета браузеры используют цвета, установленные по умолчанию, – они заданы параметрами настройки браузера. Если вы хотите задать другие цвета, то это надо сделать в начале файла HTML в теге <BODY>. Атрибут BGCOLOR= определяет цвет фона страницы, атрибут TEXT= задает цвет текста для всей страницы, атрибуты LINK= и VLINK= определяют соответственно цвета непросмотренных и просмотренных ссылок (последние два примера будут рассмотрены позже).

1. Внесите изменения в файл RASP.HTML

<HTML>

<HEAD>

<TITLE>Учебный файл HTML</TITLE>

</HEAD>

<BODY BGCOLOR="#FFFFCC" TEXT="#330066"> 

 Расписание 

 занятий на вторник



</BODY>

</HTML>

2. Просмотрите изменения Web-страницы в браузере.

Задание № 10. Размещение графики на Web-странице

Тег <IMG> позволяет вставить изображение на Web-страницу. Оно появится в том месте документа, где находится этот тег. Тег <IMG> является одиночным.

Необходимо помнить, что графические файлы должны находиться в той же папке, что и файл HTML, описывающий страницу. Графика в Web, как правило, распространяется в трех форматах:

GIF, JPG, PNG.

Страница 7 из 16

Для выполнения следующего задания поместите файл с именем CLOCK.JPG (или другим именем) в рабочую папку.

12 3 Следующая ⇒

Поделиться с друзьями:

Дата добавления: 2015-07-13; Просмотров: 296; Нарушение авторских прав?; Мы поможем в написании вашей работы!

Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет

studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление

Генерация страницы за: 0.104 сек.