Форматирование текста Открытая лекция по дисциплине «Web-технологии» - презентация

1 Форматирование текста Открытая лекция по дисциплине «Web-технологии»

2 План лекции 1.Выделение смысловых фрагментов в документе. 2. Физическое форматирование текста. 3. Логическое форматирование текста.

3 image.jpg

4 Атрибуты тега Цвет фонаВGCOLOR=# ХХХХХХ ЗначениеАтрибут Значение #ХХХХХХ определяет цвет в терминах RGB. Цвет текстаТЕХТ=# ХХХХХХ Цвет гипертекстовых ссылок LINK =# ХХХХХХ Цвет посещенных гипертекстовых ссылок VLINK =# ХХХХХХ

5

6 Представление цвета в HTML Название цветаШестнадцатиричное значение BlackЧерный# WhiteБелый#FFFFFF GreyСерый# SilverСеребристый#C0C0C0 GreenТемно-зеленый# LimeЯрко-зеленый#00FF00 OliveОливковый# YellowЖелтый#FFFF00

7 Представление цвета в HTML Название цветаШестнадцатиричное значение AquaСветлый сине-зеленый#00FFFF TealТемный сине-зеленый# BlueСиний#0000FF NavyТемно-синий# FuchsiaЯрко-розовый#FF00FF PurpleФиолетовый#800080

8

9 Атрибуты тега Leftmargin=n Тopmargin =n

10 Специальные символы Числовой код Именная заменаСимволОписание #034; quot; Кавычка #038; amp; Амперсанд #060; lt; Знак меньше #169; copy; Копирайт #174; reg; Зарегистрированная торговая марка #177; plusmn; Плюс - минус #171; laquo; «Левая угловая кавычка #187; raquo; »Правая угловая кавычка

11 Специальные символы " Это предложение взято в кавычки." A ± B Символ & не может быть помещен в текст непосредственно.

12 < Специальные символы <

13 Разделение текста на абзацы align="left" ="right" ="center" ="justify"

14 Сайт – упорядоченная совокупность Web-страниц,… Сайт – совокупность Web-страниц с повторяющимся дизайном, объединенных по смыслу,… Сайт – упорядоченная совокупность Web-страниц,… Сайт – совокупность Web-страниц с повторяющимся дизайном, объединенных по смыслу,… Сайт – упорядоченная совокупность Web-страниц,… Сайт – совокупность Web-страниц с повторяющимся дизайном, объединенных по смыслу,…

15 Выделение блока текста Первый абзац. Выравнивание по ширине страницы. Второй абзац. Выравнивание по ширине страницы. Третий абзац. Выравнивание вправо. Четвёртый абзац. Выравнивание снова по ширине страницы, т.к. тег создания абзаца дан опять без параметров. align="left" ="right" ="center" ="justify"

16 Выделение блока текста Первый параграф форматирован с помощью тега параграфа и выровнен относительно левого края страницы. Второй параграф форматирован с помощью тега, чтобы сместить его левую и правую стороны примерно на 40 пикселей от краев страницы. Последний параграф форматирован как первый. Он помещен в тег параграфа и прижат к левому краю страницы.

17 Оформление заголовков ТегРезультат Заголовок Заголовок Заголовок Заголовок Заголовок Заголовок Пример записи для форматирования:

18 Глава 1. Сайт как средство позиционирования организации в Интернет 1.1. Сайты: общая характеристика, средства реализации Понятие сайта

19 Горизонтальные линии Сайт – упорядоченная совокупность web-страниц,…. Текст….

20 Атрибуты align="left" ="right" ="center"

21 Пример использования атрибутов

22 Создание неразрывной строки Для создания неразрывной строки используется тег. В этом случае браузер не будет переносить строку, даже если она выходит за границы экрана.

23 В цветовой модели RGB для каждого из цветов возможны N 1 N 2 N 3 = 2 8 = 200 =256 уровней интенсивности.

24 Текст

25 , где «Шрифт» - название шрифта Windows, а размер указывается цифрой от 1 до 7. Размер шрифта в пунктах Синий

26 Задание относительных размеров шрифтов Текст

27 Полужирное начертание Полужирное начертание, размер шрифта больше от предыдущего на единицу

28 a=c sin a, b=c cos a, a=b tg a Теорема Пифагора a 2 +b 2 =c 2 Соотношения в прямоугольном треугольнике

29 Теги логического форматирования текста Студент - это не сосуд, который надо заполнить знаниями, а факел, который нужно зажечь. Л. Арцимович

30 Теги логического форматирования текста Внимание! Сбор возле музея в

31 Теги логического форматирования текста Unicode - это международный стандарт кодировки символов. DeFeNition

32 Теги логического форматирования текста Пример программного кода for i = 1 to 3 for j = 1 to 2 print a(i, j);

33 Теги логического форматирования текста В программах сортировки обычно используются циклы с i - тыми элементами.

34 Теги логического форматирования текста Одно из правил SGML, согласно которым осуществляется разметка, состоит в том, что допускается лишь полная вложенность одного элемента в другой.

35 Теги логического форматирования текста Элемент CENTER определяет блок, содержимое которого должно центрироваться обозревателями по горизонтали. В HTML 4.0 этот элемент морально устарел.

36 Теги логического форматирования текста Элемент CENTER определяет блок, содержимое которого должно центрироваться обозревателями по горизонтали. В HTML 4.0 этот элемент морально устарел.

37 Теги логического форматирования текста Чтобы войти в систему наберите "GUEST" заглавными буквами.

38 Теги логического форматирования текста Это обычный текст А это уже текст с использованием тега <samp>.

39 Использование предварительно отформатированного текста «Если крикнет рать святая: "Кинь ты Русь, живи в раю!" Я скажу: "Не надо рая, Дайте Родину мою."» С. Есенин for i = 1 to 10 print i next i preformatted

40 Комментарии Пример HTML документа Web-технологии

41

42