Файл: Основы программирования на языке HTML (Основные сведения о языке программирования).pdf

2.3 Добавление стилей в документ

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

Можно использовать различные виды стилей, например жирный и наклонный.

Таблица №1: Основные стили текста

Комбинирование стилей позволяет вам отображать в одной строке несколько элементов различными стилями, например:

<b>Жирный</b> - <i>наклонный <b>наклонный жирный</b></i>

Однако не стоит забывать, что добавление большого количества стилей и их комбинаций приводит к плохой читабельности.

Дополнительные стили:

· big - большой

· small - маленький

· sub - подстрочный

· sup – надстрочный текст

Таблица №2: Дополнительные стили текста

Размер шрифта <FONT SIZE>. Вы можете изменять размер шрифта при помощи тэга: <FONT SIZE=+|- n>

Шрифт может иметь размер от 1 до 7. Можно указать как прямо, так и смещение относительно базового значения размера шрифта. Базовое значение можно изменить при помощи тэга: <BASEFONT SIZE=n>

Изменение цвета шрифта <FONT SIZE>. Вы можете изменить цвет шрифта при помощи тэга: <FONT COLOR="#RGB>

Цвет указывается в RGB-формате посредством указания размерности каждой компоненты цвета в шестнадцатеричном формате. Например, белый цвет обозначается "000000", черный - "FFFFFF", синий - "0000FF" и т.п.

<FONT COLOR="#FF0000"> Красный </FONT> <FONT COLOR="#00FF00"> Зеленый </FONT> <FONT COLOR="#0000FF"> Синий.

2.4 Оптимизация графики для web

Web использует два типа растровых файлов: в форматах JPEG(хорошо масштабируется в браузере, но плохо передает ровные плоскости цвета, в компрессии уступает GIF-формату.) и GIF ( хорошо передает цветовые и тоновые раскаты, размытые границы)

Подбирайте минимальное количество цветов вручную (для качественной передачи антиалиасного одноцветного изображения на одноцветном фоне достаточно 5-8 цветов, двух-трехцветного изображения - 15-25 цветов) Если исходное изображение Grayscale, перед индексацией переведите его в RGB-гамму.

По возможности избегайте включения опции "dithering"- она увеличивает размер файла. Эта опция необходима, только если в изображении присутствует цветовой или тоновой раскат (напр. тень). Назначая прозрачный фон, после применения "dithering" убедитесь, что фон не стал "клетчатым".

Перед индексированием необходимо выделить наиболее важные элементы изображения. Цвета внутри выделенной области индексируются корректнее остальных.

3. Алгоритм практической работы

3.1 Подготовка

Для создания сайта я использовал две программы:

Notepad++ для написания кода самого сайта

Google Chrome — браузер, в котором можно ознакомиться с результатом написанного сайта.

3.2 Создание сайта «Унисверситет Университет»

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

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

В верху слева установлен логотип университета с ссылкой на официальный сайт «http://synergy.ru». По центру расположилась информация об университете. А в самом низу, контактные данные и режим работы приемной комиссии..

Заключение

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

Мне конечно далеко до профессионала, но я бы хотел чтоб знания, полученные в результате данной работы пригодились бы мне и в будущем. Я буду и дальше изучать программирование на языке HTML, CSS, PHP, Java и совершенствоваться как веб-разработчик.