Партнерка на США и Канаду по недвижимости, выплаты в крипто
- 30% recurring commission
- Выплаты в USDT
- Вывод каждую неделю
- Комиссия до 5 лет за каждого referral
</BODY>
Созданную страницу необходимо сохранить в виде файла. Принято сохранять титульный файл сайта, то есть тот, который первым загружался в браузер, под именем index. htm.
Рекомендуется создать для размещения сайта специальную папку и сохранять все файлы разрабатываемого сайта в этой папке.
HTML – код Web – страницы будет иметь вид:
<HTML>
<HEAD>
<TITLE> Партии</TITLE>
</HEAD>
<BODY>
Партийная жизнь школы
</BODY>
</HTML>
На этом этапе необходимо запомнить основные правила:
1. Открыть текстовый редактор БЛОКНОТ
2. Внести HTML – код
3. Сохранить файл под именем index. htm в папке сайта
4. Просмотреть данный файл в окне браузера
5. Просмотреть HTML – код страницы
{ВИД-Просмотр HTML – кода}
Форматирование текста.
Пока наша страница выглядит не слишком привлекательной. Мелкий шрифт и чёрные буквы на белом фоне почти не обращают на себя внимания. С помощью HTML - тегов можно задать различные параметры форматирования текста. Чтобы придать тексту требуемый вид воспользуемся тегами:
<p> - тег абзаца; используется с закрывающим тегом </p>. Каждый абзац начинается с новой строки. Между абзацами браузер оставляет небольшой промежуток.
<b> - полужирный текст; используется с закрывающим тегом </b>. Любой текст становится полужирным.
<br> - перевод строки.
<hr> - горизонтальная разделительная линия
<h1> - заголовок 1-го уровня используется с закрывающим тегом </h1>.
Чтобы выполнить форматирование имеющегося HTML – документа, разместим теги в нужных местах текста:
<p><b><h1 align=center> Партия ПИОНЕРЫ.</h1></p></b><hr>
Параметры тегов
Некоторые теги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. Так, заголовок по умолчанию выровнен по левому краю страницы, однако принято заголовок размещать по центру. Задать тип выравнивания заголовка для тега заголовка позволяет атрибут ALIGN, которому требуется присвоить определённое значение:
Left – левый
Right – правый
Center – центр
Justify – выровненный
Эти инструкции аналогичны переменным и записываются в нутрии тега через пробел. Например:
<p align=right>Текст</p> - обозначение выравнивания по правому краю.
С помощью тега FONT и его атрибутов можно задать параметры форматирования шрифта любого фрагмента текста. Атрибут FACE позволяет задать гарнитуру шрифта (например FACE=”Arial”), атрибут SIZE – размер шрифта (например SIZE=4), атрибут COLOR – цвет шрифта (например COLOR=”#00FF00”)
Задать цвет текста можно следующим образом
<FONT COLOR=”#00FF00”>Текст</ FONT>
Чтобы определить цвет фона страницы, нужно в составе тега <BODY> записать инструкцию bgcolor. Цвет в большинстве случаев задаётся на основе трёх цветов: красного, зелёного и синего (цветовая схема RGB), где яркость каждой из этих цветовых составляющих определяется числами от 0 и до 255 в шестнадцатеричной системе исчисления. Перед числовой записью цвета всегда ставится знак «#». Например, зеленый цвет задается числом #00FF00, определяющим максимальную интенсивность зеленой и отсутствие других составляющих.
Названия цветов и значения RGB | |||
| Black = "#000000" |
| Green = "#008000" |
| Silver = "#C0C0C0" |
| Lime = #00FF00" |
| Gray = "#808080" |
| Olive = "#808000" |
| White = "#FFFFFF" |
| Yellow = "#FFFF00" |
| Maroon = "#800000" |
| Navy = #000080" |
| Red = "#FF0000" |
| Blue = "#0000FF" |
| Purple = "#800080" |
| Teal = "#008080" |
| Fuchsia = "#FF00FF" |
| Aqua = "#00FFFF" |
Добавим инструкции в теги, имеющиеся в HTML – коде нашей Web – страницы, а тег <hr> перенесём внутрь блока абзаца для уменьшения отступа. В результате должен получиться следующий текст:
<html>
<head>
<p><b><h1 align=center> ИНФОРМАЦИОННАЯ партия.</h1></p></b><hr>
</head>
<body bgcolor="#808080">
<p><h2 align=center> ПРОГРАММА : </h2></p>
<h3> В программу нашей партии входит:<p>
1. Проведение вечеров.<p>
2. Выпуск школьной газеты.<p>
3. Помощь в устроении классных вечеров
и обще школьных праздников.</p></h3>
Часть 3. Подключение графических объектов.
Компьютерная графика обладает огромным потенциалом, ведь один рисунок может дать больше информации, чем целая страница текста.
Для представления графических элементов в Интернете используются три основных формата растровой графики: GIF, JPEG и PNG.
Поддержка форматов GIF и JPEG осуществляется всеми графическими браузерами, формат же PNG имеет меньшее распространение. Другие форматы кодирования изображения могут, поддерживаются некоторыми браузерами, но в других не отображаться.
Форматы GIF, JPEG и PNG имеют некоторые особенности, которые в значительной степени определяют их использование в тех или иных случаях.
- Формат GIF поддерживает не более 256 цветов, чего в большинстве случаев бывает достаточно для кодировки небольших изображений с приемлемым качеством. Часто количество цветов уменьшают сознательно для снижения общего объема файла. Особенности этого формата является прогрессивная развертка, позволяющая начать вывод изображения сразу после загрузки, постепенно улучшая его качество в процессе загрузки. Другим частым применением формата GIF анимированная графика, определяемая возможностью присутствия в графическом файле соответствующих управляющих команд и хранения нескольких изображений (кадров анимации). По этому если необходимо разместить на странице небольшой по объёму рисунок (например, логотип) со средним качеством или с элементами анимации, то использование этого формата наиболее проблемно.
- Формат JPEG является в некотором смысле противоположностью формата GIF. В отличие от него, основное назначение формата JPEG заключается в кодировании полноцветных изображений (до 16,7 млн. оттенков). Использование сжатия с потерей качества позволяет добиться серьёзного уменьшения объёма графического файла с приемлемым уровнем потери качества изображения. Для хранения фотоизображений это наиболее подходящий формат.
При создании графики, ориентированной на использование в Web – страницах, важными являются следующие параметры.
- Размер изображения. Пользовательские дисплеи отличаются размерами по диагонали и используемым разрешением. Не рекомендуется использовать изображения, превышающие размеры окна браузера, развёрнутого на полный экран при типовом разрешении 800х600 точек.
- Разрешение изображения (dpi, «dot per inch» - количество точек на дюйм). Большое разрешение позволяет передать изображение с высочайшим качеством, однако это приводит к увеличению размеров файла. Кроме того, круг пользователей, которые смогут оценить это качество по достоинству, довольно мал. Стандартным считается разрешение 72 точки на дюйм.
- Глубина цвета. Использование большого количества цветов в изображениях в большинстве случаев не оправдывает себя (если только это не изображение фотографического качества). Большинство графических элементов может быть представлено с глубиной цвета в 8 битов (256 цветов).
Теговое включение графики.
В языке HTML существует отдельный тег для вставки в текст изображений - <img> он используется без закрывающего тега, а изображение размещается там, где тег вставлен в текст.
Параметры изображения и имя файла, в котором он находится, определяется инструкциями тега.
Инструкция src определяет имя графического файла. Пример:
<img src=”logo. gif”>
Среди других инструкций тега <img> существуют следующие:
- Alt – альтернативное текстовое описание рисунка;
- Height – переопределение высоты рисунка;
- Width – переопределение ширины рисунка;
- Border – задание ширины границ.
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 |
