3.8.2 Стили сайта

Весь внешний вид сайта описывается в файле setinstyle.css, который хранится на сервере в папкеcss/cms.

• Первыми описываются глобальные селекторы, такие как htmlиbody. Их следует обнулить т.е. указать минимальные значения для отступов и других свойств. Делается это для того, чтобы браузеры, которые имеют собственныеcssнастройки, не изменили стиль сайта.

• Далее указываются настройки для общих селекторов, которые не используют классы. Это такие селекторы как p– абзац,h1,h2,h3,h4 – заголовки разных уровней,a– ссылки,a:hover– ссылки при наведении мышкой, и др. Здесь указываются параметры для текста и отступов:

Margin – внешний отступ

Padding – внутренний отступ

Color– цвет текста

Font-size– размер текста и др.

• В стилях используется селектор ul:not([class]), где :not([class]) обозначает, что стиль должен применяться ко всем тегам ul, которые не обозначены никакими классами.

• Селекторы, перед которыми стоят точки обозначают классы, которые применялись к каким-либо html-тегам. Их создают, чтобы определить стиль для конкретного элемента.

• В некоторых случаях необходимо к разным селекторам применить одинаковые стили. Для экономии места следует селекторы записывать через запятую.

input, textarea, select{

width: 220px; (ширина элемента)

}

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

.main_menu .level-0 li:hover .level-1{

display:block; (определяет, как элемент показан)

position:absolute; (Устанавливает способ позиционирования элемента относительно окна браузера или других объектов на веб-странице)

top: 70px; (позиционирует элемент относительно верхнего края)

left: 0px; (позиционирует элемент относительно левого края)

z-index:100; (позиционирует элемент относительно осиz, т.е. наложение элементов друг на друга)

width:192px; (ширина элемента)

font-size:15px; (размер текста)

line-height:1.3em; (межстрочный интервал)

background-color:#533c29; (цвет фона)

border-top:0; (размер верхней границы)

}

3.8.3Php

На данном сайте используется форма заказа изделий, которая обрабатывается с помощью файла mail.php. Он хранится в папкеphp.

• $_POST['title'] – содержит данные из поля «тема».

• $_POST['mess'] – содержит данные из поля «изображение».

• $_POST['name'] – содержит данные из поля «имя».

• $_POST['tel'] – содержит данные из поля «телефон».

• $_POST['email'] – содержит данные из поля «e-mail».

• trim() - убирает все лишние пробелы и переносы строк.

• htmlspecialchars() - преобразует специальные символы в HTML сущности.

• substr($_POST['title'], 0, 1000) – максимальное количество допустимых знаков – 1000.

• Проверка на ошибки. Если неправильно заполнены поля, то браузер отображает ошибку.

• Подключение файла класса для отправки почты.

• Подключение изображения, если было. Оно прикрепляется в виде картинки к телу письма.

• После отправки письма браузер выводит сообщение об успешной отправке.

3.8.4 Java Script

С помощью JavaScriptна сайте реализована функция слайдера.