Оптимизация сайта – приведение сайта в понятный для поисковых систем вид. Условно, процесс оптимизации сайта можно разделить на 3 этапа:.внутренняя оптимизация (работа над внутренними моментами оптимизации - код, текст, структура); внешняя оптимизация (работа над сайтом "извне", т.е. работа над внешними факторами - внешние ссылки); поддержка результата (непрерывные работы по мониторингу позиций и корректировке проводимых работ по сайту (внутренней и внешней оптимизации).
47. Понятие и назначение стиля: Лист стилей (CSS - Cascading Style Sheets) - позволяет сосредоточить описания признаков форматирования Вэб-страниц в одном месте и дает возможность избежать необходимости их повторного ввода в дескрипторах.Внутренний лист стилей размещается в промежутках между дескрипторами <HEAD></HEAD> отдельной Вэб-страницы и начинается с объявления тэга <STYLE>. При создании листа стилей надо указать наименование дескриптора, свойства которого надо будет определить, а затем перечислить значения этих параметров. Листы стилей являются очень удобным средством форматирования Вэб-страниц, т.к. позволяют сконцентрировать управление внешним видом страницы в одном месте.Еще более удобным является создание внешнего листа стилей, который позволяет сконцентрировать в одном месте управление внешним видом всего сайта.
Основные команды CSS.
Определение цвета элементов и свойств фона:
color—цвет текста в пределах данного элемента; значение: цвет. Пример: color: #f00;
background-color—цвет фона в пределах данного элемента; значение: цвет. Пример: background-color: #ffc;
background-image—фоновое изображение в пред елах данного элемента; значение: url(path/filename.ext).
Пример: background-image: url(../bgr.gif);
background-repeat—повторение фонового изображения в пределах данного элемента; значения: no-repeat,
repeat, repeat-x, repeat-y (не повторять (изоб ражение появится только один раз), замостить всю
площадь, повторять только по горизонтал и, повторять только по вертикали).
Пример: backgr ound-repeat: no-repeat;
Определение свойств шрифта:
font-family—гарнитура; значения: названия шрифтов. Для обеспечения совместимости следует завершать
список возможных гарнитур родовым названием группы ш рифтов (serif, sans-serif или monospace),
например: font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
или "Times New Roman", Times, serif; или "Courier New", Courier, monospace;
font-size—кегль; значения: относительный размер в процент ах или абсолютный размер в пикселях или
пунктах. Для стабильного воспроизведения относительного размера ш рифтов разных элементов
документа необходимо (1) определить размеры шр ифта для всех элементов, (2) опр ед елить их
единообразно. Пример: font-size: 16pt
font-style—"стиль" шрифта; значения: italic (наклонный или курсив) или normal Пример: font-style: normal
font-weight—жирность; значения: bold (полужирный) или normal Пример: font-style: normal
Определение свойств отображения текста:
text-align—выравнивание; значения: left, right, center или justify (по левому, по правому краю, по центру,
по обоим краям). Пример: text-align: center
text-decoration—подчеркивание; значения: underline или none Пример: text-decoration: underline
text-indent—абзацный отступ; значения: относительный размер в процентах или в долях ширины литер m
или x данного шр ифта или абсолютный размер в пикселях или пункт ах. Пример: text-indent: 1em;
Определение свойств текстового бокса:
margin-top, margin-bottom, margin-left, margin-right—отступоткраевокна. Значения: относительный
размер в процентах или в д олях ширины литер m или x данного шрифта или абсолютный размер в
пикселях или пунктах. Пример: margin-left: 40px;
padding-top, padding-bottom, padding-left, padding-right—отступ от зоны рамки текстового блока (самой
рамки может и не быть). Значения: относительный размер в процентах или в долях ширины литер m
или x данного шр ифта или абсолютный размер в пикселях или пункт ах. Пример: padding-left: 3px;
border-width—ширина рамки. Значения абсолютный размер в пикселях или пунктах. Пример: border-width:
1px;
border-color—цвет рамки. Значение: цвет. Пример: border-color: #f00;
border-style—стильрамки. Отображается довольно неоднозначно, здесь приводятся только однозначно
отображающиеся значения. Значения: none, solid, double (нет, цельная, двойная). double работает
когда border-width не менее 3px. Пример: border-style: double;
border-top, border-bottom, border-left, border-right—рамкасверху, снизу, слева, справа. Используется
вместе с –width, -color, -style для определения свойств разных частей рамки текстового бокса. Значения
описаны выше. Пример: border-left-style: none;
float—расположение элементов. Значения: left, right, none (прижать влево, прижать вправо, по умолчанию).
Удобен, например, для верстки текста в несколько колонок без применения таблицы: все <div> ш ириной
менее экрана, у которых выставлен float:left, будут заполнять экран друг за другом, начиная слева.
Используется также для позиционирования кар тинок. Пример: float: left;
49. Виды стилей: - встроенный (самый простой способ задать стиль. Он задаётся с помощью параметра STYLE со списком свойств и их значений). – на уровне документов (определяется тэгом STYLE,который находится внутри тэга HEAD. Всё что находится внутри тэга STYLE рассматривается браузером как стилевые правила.) – внешний стиль( создаются отдельные файлы со стилями и присоединяются к документам. В данном случаи стиль находится в файле с расширением CSS. Для указания адреса стиля используют тэг LINK,кот.находится в HEAD. Адрес может быть как абсолютным так и относительным).
50 JavaScript - это новый язык программирования, используемый в составе страниц HTML для увеличения функциональности и возможностей взаимодействия с пользователями. Он был разработан фирмой Netscape в сотруднечестве с Sun Microsystems на базе языка Sun's Java.С помощью JavaScript на Web-странице можно сделать то, что невозможно сделать стандартными тегами HTML. Скрипты выполняются в результате наступления каких-либо событий, инициированных действиями пользователя. Создание Web- документов, вклучающих программы на JavaScript, требует наличее текстового редактора и подходящего браузера. Некоторые просмоторщики включают в себе встроенные редакторы, поэтому необходимость во внешнем редакторе отпадает.программы JavaScript могут работать только внутри браузера
