Практическое занятие №2. Наименование: Форматирование текста на веб – страницах

Наименование: Форматирование текста на веб – страницах

1. Цель: Научится применять основные теги форматирования при создании веб - страницы

2. Подготовка к занятию: по предложенной литературе повторить тему «Теги форматирования текста» и ответить на следующие вопросы:

2.1 Какие основные теги логического форматирования вам известны?

2.2 Какие основные теги физические форматирования вам известны?

3. Литература:

3.1 Шомас Е.А. Конспект лекций по дисциплине «Веб - дизайн»

3.2 Шомас Е.А., Программное обеспечение компьютерных сетей, учебно – методическое пособие, гриф УМЦ 2010

3.3 Клименко Р.А. Веб-мастеринг на 100%. – СПб.: Питер, 2013. – 512 с.

4. Перечень оборудования и программного обеспечения:

4.1 ПЭВМ, подключенные к сети Интернет

4.2 Браузеры

4.3 Текстовый редактор

5. Задание:

5.1 В строке заголовка должен отражаться номер практической работы

5.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.

5.3 Далее заголовком третьего уровня напишите Логическое форматирование: Cогласно следующему образцу выполните логическое форматирование текста.

5.4 Заголовок третьего уровня – Физическое форматирование: Необходимо провести физическое форматирование текста согласно следующему образцу:

5.5 Оформить фразу по приведенному ниже образцу.

В слове УТРО все буквы должны иметь разные цвета. В слове ПРОХЛАДОЙ оформить буквы ПРО – красным цветом, ОЙ – синим.

Порядок выполнения работы:

6.1 По предложенной литературе изучить необходимый материал и ответить на вопросы для допуска к практическому занятию;

6.2 Выполнить задание практического занятия;

6.3 Дать ответы на контрольные вопросы;

6. Содержание отчета:

7.1 Наименование и цель работы

7.2 Код программы

7.3 Ответы на контрольные вопросы

7.4 Вывод о проделанной работе

7. Контрольные вопросы:

8.1 Что такое форматирование?

8.2 Чем логическое форматирование отличается от физического?

8.3 Какие элементы форматирования применяется для больших блоков текста?

ПРИЛОЖЕНИЕ:

Логические элементы для форматирования определяют не внешний вид текста, а его тип, и в зависимости от него браузер тот или иной вид внешнего форматирования.

Тег ABBR определяет текст как аббревиатуру. С помощью атрибута title можно задать всплывающую подсказку с расшифровкой аббревиатуры.

Тег ACRONYM указывает, что текст является акронимом (неким устоявшимся сокращением, например, США, СНГ). Имеет атрибут title.

Тег CITE отмечает цитату или сноску, взятую из другого источника.

Тег CODE указывает на программный код, который может содержать, например, функции, переменные, небольшие куски программы.

Тег DEL помечает текст как удаленный и может использоваться при внесении изменения в документ.

Тег DFN выделяет текст как определение.

Тег EM выдает важные фрагменты текста.

Тег INS отмечает текст как вставку и применяется для выделения изменений, вносимых в документ. У этого элемента есть два атрибута: cite должен содержать URL документа, в котором описаны причины добавления фрагмента, а datetime должен содержать дату и время изменения.

Тег KBD помечает текст, вводимый пользователем с клавиатуры.

Тег Q обозначает текст как цитату.

Тег SAMP определяет текст, как пример и обычно используется для выделения результатов работы программы.

Тег STRONG предназначен для постановки акцента на текст.

Тег VAR используется для выделения переменных из программ.

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

Тег В задает полужирное написание шрифта.

Тег I отображает текст курсивом

Тег ТТ задает моноширинный текст

Тег U отображает текст подчеркнутым шрифтом

Тег S зачеркивает текст горизонтальной линией

Тег BIG – отображает текст, расположенный внутри, шрифтом большего размера, чем остальной текст.

Тег SMALL – отображает выделенный текст шрифтом на единицу меньшего размера относительно окружающего теста

Тег SUB – подстрочное написание символов

Тег SUP – надстрочное написание символов

Тег SPAN позволяет выделить текст и определить для него особые параметры отображения с помощью таблиц стилей. Пример: <span style=”background-color:red”>текст с фоном</span>

Тег FONT – задает параметры шрифта для текста. Параметры текста задаются с помощью атрибутов тега:

- face – название шрифта

- size – размер шрифта

- color – цвет шрифта

Не нашли, что искали? Воспользуйтесь поиском: