43579 (662687), страница 5

Файл №662687 43579 (Мировые информационные ресурсы) 5 страница43579 (662687) страница 52016-07-312016-07-31СтудИзба

Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Регистрация/авторизация

Текст из файла (страница 5)

Бывают шести уровней:

… … …

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

Допустимо использование атрибута ALIGN.

Данные дескрипторы имеют большое значение для повышения информационной ценности документа в ”глазах” поисковой системы. (Дескрипторы заголовка – один из основных инструментов для повышения ценности).

6. Дескриптор <HR> – одиночный горизонтальный дескриптор.

Там где находится данный дескриптор, отображается горизонтальная черта.

Атрибуты:

ALIGN
COLOR –цвет черты (значения как у background).
WIDTH – ширина линии (в пунктах).
SIZE – толщина линии (в пунктах).
NOSHADE – без тени.

7. Парный дескриптор <FONT>… FONT >.

Предназначен для определения шрифта (начертания) отображаемого текста (курсив и так далее).

Атрибуты:

FACE – название шрифта.

Пример:

FASE=”Times New Roman”

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

COLOR
SIZE=3 - по умолчанию. (Размер символов может быть от 1 до 7).

8.Одиночный дескриптор <BASEFONT>

Данный дескриптор устанавливает базовое значение текстовых значений Web страниц, находящихся после <BASEFONT>. Атрибуты как у дескриптора <FONT>.

9. Парный дескриптор <PRE>… PRE > - дескриптор пре форматирования.

Используется для форматирования текста стандартными способами (табуляцией, последовательностью пробелов и так далее).

Пример:

_ _ _ _ _ _ _ _ _ _ _ _ _ _
|_ _ _ _ _ _ _|_ _ _ _ _ _ _|

|_ _ _ _ _ _ _|_ _ _ _ _ _ _|

10. Парный дескриптор <DIV>… DIV >

Используется для выравнивания группы элементов таблицы (группа – несколько текстовых или графических элементов). Все, что внутри таблицы выравнивается.

Пример:

<DIV>

Align

</DIV>

10. Парный дескриптор <Center>… Center >

Все содержимое контейнера данного дескриптора выравнивается по центру.

Советы по форматированию текстовых фрагментов

1.Использовать мягкий контраст между фоном и текстом (например, черный и белый).

2.Использовать как можно меньшее число шрифтов (2-3). Принято для отображения заголовков использовать шрифты типа Arial (то есть без засечек), а шрифты с засечками для самого текста (например, ТАЙМС).

3.Реже используйте выделения, подчеркивания и жирные шрифты.

Существуют так же дескрипторы:

<b>…b> - выделяет текст в контейнере с помощью жирного шрифта.
<i>…i> - выделяет текст в контейнере с помощью наклонного текста (курсив).

Пример логического форматирования.
1) Парный дескриптор <CITE>… CITE >
Используется для цитат. Обычно браузером отображается в виде курсива (наклонного текста).
2) Парный дескриптор <BLOCKQUOTE>…</BLOCKQUOTE>
Используется для выделения больших цитат. (Браузер обычно делает отступ от левого края).
В большинстве случаев браузер не допускает пересечение дескрипторов.
Пример пересечения:
<PRE>
<FONT>

PRE >

FONT >

(В лучшем случае просто не запустится).

Но есть и исключения, например <b>…<i>…b>…>

В том месте, где пересеклись дескрипторы и <b>, текст будет выделен жирным курсивом.

3) Парный дескриптор <U>…U> - подчеркивание.

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

Используются для отображения символов, которые являются в HTML управляющими и не могут быть отображены обычными способами.
Например, (>) - больше или (<) – меньше. Браузер ее воспринимает как начало контрольной последовательности.
Для того чтобы все-таки отобразить эту скобку необходимо набрать последовательность:

&lt - отобразится левая скобка.

&gt - отобразится правая скобка.

&copy - отобразится значок авторского права.

&deg - отобразится значок температуры.

&nbsp; отобразится символ пробела (жесткого пробела). Если пробел указан с помощью данного специального символа, то разрыв строки не допускается, так как браузер будет видеть слова и пробелы как одно слово.

Сложное форматирование

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

abc
def
Данная конструкция формирует нумерованный список, при этом дескриптор

является дескриптором, который определяет способ форматирования. В браузере отобразится:
1.abc или a. abc
2.def b. def
1. Парный дескриптор <LI>…LI> (от английского слова List - список) используется для отображения элементов списка. Атрибутов не имеет.
2. Парный дескриптор <OL>…OL> - формирует нумерованный список (или упорядоченный).

Изменение способа нумерации производится с помощью атрибута TYPE.

Например:

TYPE=[1/a/A/I] , где
1 - арабские цифры.
а – прописные буквы.
А – заглавные буквы.
I – римские цифры.

Атрибут START позволяет указать номер, с которого начинается нумерация.

Например, если START=3, то нумерация начнется с трех или с буквы “c”.
2. Парный дескриптор <UL>…UL>
Формирует не упорядоченный список (маркерный).

abc

def

Например:
TYPE=disc, square, circle>
abc
UL>
Где disc – жирная точка; square - квадрат; circle – не закрашенная окружность.
При отображении элементов списка браузер делает отступ слева.
Многоуровневые списки.
Например:
TYPE=disc, square, circle>
abc

def

ghi
UL>
UL>
Отобразиться:

abc

def

ghi

Браузер будет делать очередной отступ слева.
Таблицы.
1. Парный дескриптор <TABLE>…TABLE>
В его контейнере должны быть сформированы элементы таблицы (ячейки) в которых и будет информация.
2. Парный дескриптор <TR>…TR> - формирует строку таблицы.
3. Парный дескриптор <TD>…TD> - формирует ячейку внутри строки.
Пример:

1
2

3
4

Атрибуты дескриптора <TABLE>:

Атрибут WIDTH – определяет ширину таблицы (в процентах или пикселях).

Пример:

Атрибут HEIGHT – высота (принимает такие же значения, как и атрибут WIDTH).

Атрибут ALIGN – выравнивание таблицы по ширине относительно краев окна.

Атрибут BORDER – определяет ширину рамки (если значение данного атрибута 0, то рамки отсутствуют).

Атрибут bgcolor – для формирования фона таблицы с помощью цвета.

Атрибут background - для формирования фона таблицы с помощью картинки.

Атрибут cellpadding – для указания отступов от краев ячейки (в пикселях).

Атрибут cellspacing – расстояние между ячейками.

Если значение атрибута больше нуля,
то таблица выглядит так:

Обычная таблица

Атрибут bordercolor – цвет границ ячеек (рамки).

Атрибуты дескриптора <TR>:

Атрибут ALIGN – выравнивание текста в ячейках.

Атрибут VALIGN – определяет вертикальное выравнивание текста в ячейках.

Возможные значения атрибута VALIGN:

=TOP – по верху.

=MIDDLE – по центру.

=BOTTOM – по нижнему краю ячейки.

3)Атрибут bgcolor – для указания фона строки.
Атрибуты дескриптора <TD>:

Атрибут ALIGN.

Атрибут VALIGN.

Атрибут bgcolor.

Вышеперечисленные атрибуты действуют так же, как для дескриптора .
Дополнительно атрибуты:

Атрибут COLSPAN – объединение ячеек, находящихся в одной строке. Значение атрибута равно количеству близлежащих ячеек находящихся в одной строке, которые будут объединены.

Пример:

1

3
4

Атрибут ROWSPAN – объединение ячеек, находящихся в одном столбце. Значение атрибута указывает количество близлежащих ячеек находящихся в одном столбце, которые будут объединены.

Пример:

1
2

4

Форматирование текстовых фрагментов HTML документа

Кроме ширины и высоты таблицы в целом можно регулировать ширину и высоту ячеек (то есть использовать такие же атрибуты в дескрипторе , в пикселях и в процентах).

Если они не указаны, то браузер выравнивает размер ячейки по ширине текста.

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

Пример:

Чтобы добавить такую таблицу в контейнере дескриптора ячейки пишут следующее:

Фон отдельных ячеек могут отображать не все браузеры.

Размещение графических изображений в HTML документе

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

JPG

GIF

1.Формат JPG.
Плюсы - Графическое изображение, сохраненное в данном формате, имеют наименьший объем.
Минусы – при сохранении происходит довольно сильное сжатие картинки, а при сжатии изображение теряет качество и наблюдается эффект пикселизации.
Пример:
Картинка сжалась в девять раз.

Девять пикселей заменяются одним пикселем среднего цвета.
Изображение сохраняется в формате .jpg в том случае, если необходимо сохранить максимальное количество оттенков.
2.Формат GIF.
При сохранении картинок в этом формате также происходит сжатие, но пикселизации не происходит.
Минусы – изображение сохраняется с помощью ограниченного количества цветов (обычно 256 цветов) => изображение будет не очень красочным.
С помощью формата .gif сохраняются навигационные кнопки, навигационные графические элементы и фоновые изображения.
Для внедрения изображения используется одиночный дескриптор <IMG>.

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

Пример:

Атрибут WIDTH – ширина внедряемого изображения (в пикселях).

Атрибут HEIGHT - высота внедряемого изображения (в пикселях).

Атрибуты VSPACE, HSPACE – устанавливают отступ текста от внедряемого в HTML документ изображения.

Атрибут BORDER – задает толщину рамки вокруг изображения.

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

Пример:
ALT=”Здесь была картинка”.
Обычно атрибут используют при размещении навигационных изображений (ссылок), а так же при размещении изображений, о которых надо дать знать поисковой системе.

Атрибут ALIGN – выравнивание.

Возможные значения:
=LEFT, CENTER, RIGHT.
Добавляются значения: =TOP, MIDDLE, BOTTOM.

Если не используются атрибуты WIDTH, HEIGHT, то изображение внедряется оригинального размера.

Если используется только один атрибут, например HEIGHT, то браузер уменьшит или увеличит ширину пропорционально изображению.

Использование гипрессылок

Гипрессылка – это URL адрес того документа, который привязан к одному из элементов Web страницы (текстовому или графическому).
Для внедрения ссылок в HTML документ применяется парный дескриптор <A>…A>.
Пример:
Все, что находится внутри контейнера, называется элемент привязки (текстовый фрагмент или графический элемент).
В результате на экране отображается подчеркнутый выделенный текст.
Пример привязки к изображению:
Изображение, к которому привязывается ссылка, называется навигационной картинкой (изображением).
В случае привязки к картинке ссылки вокруг картинки формируется рамка (чаще всего синего цвета). Чтобы ее убрать, необходимо указать:
Значением атрибута HREF может быть абсолютный адрес (URL адрес) или относительный адрес (имя файла, в котором хранится HTML документ, указываемый с помощью ссылки). Например, HREF=”1.htm”. Браузер будет искать данный документ в текущей папке, то есть в той, в которой находится активный документ.
Исключение составляет дескриптор <BASE>
>
В случае использования данного дескриптора в заголовке HTML документа (то есть контейнера HEAD)относительные адреса (указанные в виде значений HREF) будут восприниматься браузером не относительно текущей папки, а относительно URL адреса, указанного в значении атрибута URL.

Использование дескриптора …

для указания отдельных элементов HTML документов.

1. Атрибут NAME используется для указания места, до которого необходимо пролистать
HTML документ.
Пример:
A>
В этом случае внутри дескриптора находится якорь – это элемент HTML документа, который может быть адресован с помощью гиперссылки. Якорь не выделяется браузером.
Для того чтобы с помощью ссылки адресоваться к якорю надо после URL адреса добавить # и указать имя якоря.
Пример:
Название якоря может формироваться без указания URL адреса HTML документа.
Пример:
Данный якорь будет искаться в текущей папке.
При использовании абсолютного адреса необходимо использовать аббревиатуру http (например, http://www.kirov.ru).

HTML форма

Форма (в документе HTML) – это средство, позволяющее организовать диалог пользователя и Web сайта.
Основные виды HTML форм:

Кнопки.

Списки.

Текстовые поля.

Переключатели (флажки).

Радиокнопки.

Элементы управления HTML форм позволяют пользователю вводить информацию с помощью браузера и отправлять её на обработку Web сайту.
Для обработки форм, заполненных пользователем, на Web сайте используется программа-обработчик. В ответ на данную форму эта программа формирует HTML код.
Группа дескрипторов, формирующих HTML форму.
1. Парный дескриптор <FORM> - задает свойство формы и содержит в своем контейнере элементы этой формы.
Атрибуты:

Атрибут NAME – для задания имя формы.

Например, NAME=”anketa”.
! Каждый элемент HTML формы, как и сама форма, должны быть обязательно поименованы.

Атрибут METHOD – определяет, каким способом HTML форма будет отправляться к программе-обработчику.

Есть два варианта:
1)=POST – используется чаще всего.
2)=GET – используется для отправки HTML формы с помощью URL адреса.
(По умолчанию задается метод GET).

Атрибут ACTION – задает местоположение программы-обработчика. Значением атрибута служит адрес (абсолютный или относительный).

Например,
ACTION=”executive.php” – файл, в котором хранится программа-обработчик.
Или ACTION=“mailto:a@kirov.ru” – пользовательская форма будет отсылаться по указанному электронному адресу.

Атрибут ENCTYPE – тип кодировки.

Варианты:
=”text/htm/”
=”text/plain” – обычный текст без элементов форматирования.

Элементы HTML форм

1.Текстовые поля.
Бывают двух видов:

Многострочное. Парный дескриптор <TEXTAREA>…TEXTAREA>

Атрибуты:

Атрибут NAME.

Атрибут ROWS – высота поля в строчках.

Атрибут COLLS – ширина поля в символах.

Размещенный в контейнере дескриптора <TEXTAREA> текст будет отображаться внутри этого текстового поля (по умолчанию).

Однострочное. Формируется с помощью одиночного дескриптора <INPUT>.

(Данный дескриптор также используется для переключателей, радиокнопок).
Атрибуты:

Атрибут NAME.

Атрибут TYPE – задает тип создаваемого элемента. Для создания однострочного поля значение атрибута TYPE=”Text”.

Атрибут SIZE – ширина поля в символах.

Атрибут MAXLENGTH – максимальная длина вводимого текста.

Атрибут VALUE – используется для хранения значения элемента формы.

Пример:
Мы можем задать значение поля по умолчанию VALUE=”Например, пошел дождь”.

2.Переключатель или флажок.

Формируется с помощью дескриптора <INPUT>, атрибут TYPE которого принимает значение TYPE=”CHECKBOX”.
У данного дескриптора имеются также атрибуты:

Атрибут NAME.

Атрибут CHESKED – если он указан, то флажок будет установлен.

3.Радиокнопка.
(Выглядит как жирная точка).
Достигается с помощью двух дескрипторов <INPUT>, имеющих одинаковое имя. Например, NAME=”1”.

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

5.Кнопка.

Используется для вызова клиентских скриптов (сценариев).
Выглядит так:

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

Выглядит так:

Кнопка сброса формы.

Предназначена для установления первоначального значения формы.
Выглядит так:

6.Списки выбора (меню) – это многоуровневая конструкция.
Парный дескриптор < SELECT >…SELECT > (дескриптор первого уровня) формирует свойства меню.
Атрибуты:

Атрибут NAME.

Атрибут SIZE.

Если данный атрибут равен единице, меньше единицы или не указан, то формируется выпадающее меню.

Выглядит так:

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

Выглядит так:

Внутри контейнера дескриптора
Характеристики
Тип файла
Документ
Размер
1,43 Mb
Материал
Мировые информационные ресурсы
Тип материала
Реферат
Предмет
Информатика
Учебное заведение
Неизвестно

Список файлов реферата
mirovye-informacionnye-resursy-1469936824-43579.zip
43579.rtf

Поделитесь ссылкой:

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

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

Студизба ван лав ❤
Очень офигенный сайт для студентов. Много полезных учебных материалов. Пользуюсь студизбой с октября 2021 года. Серьёзных нареканий нет. Хотелось бы, что бы ввели подписочную модель и сделали материалы дешевле 300 рублей в рамках подписки бесплатными.

Отличный сайт
Лично меня всё устраивает - и покупка, и продажа; и цены, и возможность предпросмотра куска файла, и обилие бесплатных файлов (в подборках по авторам, читай, ВУЗам и факультетам). Есть определённые баги, но всё решаемо, да и администраторы реагируют в течение суток.

Маленький отзыв о большом помощнике!
Студизба спасает в те моменты, когда сроки горят, а работ накопилось достаточно. Довольно удобный сайт с простой навигацией и огромным количеством материалов.

Студ. Изба как крупнейший сборник работ для студентов
Тут дофига бывает всего полезного. Печально, что бывают предметы по которым даже одного бесплатного решения нет, но это скорее вопрос к студентам. В остальном всё здорово.

Спасательный островок
Если уже не успеваешь разобраться или застрял на каком-то задание поможет тебе быстро и недорого решить твою проблему.

Всё и так отлично
Всё очень удобно. Особенно круто, что есть система бонусов и можно выводить остатки денег. Очень много качественных бесплатных файлов.

Отзыв о системе "Студизба"
Отличная платформа для распространения работ, востребованных студентами. Хорошо налаженная и качественная работа сайта, огромная база заданий и аудитория.

Отличный помощник
Отличный сайт с кучей полезных файлов, позволяющий найти много методичек / учебников / отзывов о вузах и преподователях.

Отлично помогает студентам в любой момент для решения трудных и незамедлительных задач
Хотелось бы больше конкретной информации о преподавателях. А так в принципе хороший сайт, всегда им пользуюсь и ни разу не было желания прекратить. Хороший сайт для помощи студентам, удобный и приятный интерфейс. Из недостатков можно выделить только отсутствия небольшого количества файлов.

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

43579 (662687), страница 5

Текст из файла (страница 5)

Советы по форматированию текстовых фрагментов

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

Сложное форматирование

Форматирование текстовых фрагментов HTML документа

Размещение графических изображений в HTML документе

Использование гипрессылок

Использование дескриптора …

для указания отдельных элементов HTML документов.

HTML форма

Элементы HTML форм

Характеристики

Список файлов реферата