Основные команды 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;

28. Классы ( class) определяют способ разбиения стилей на очень точные части. Всякий раз, когда вы хотите, чтобы определенный фрагмент текста как-то отличался от остальных, вы можете создать собственный тег HTML. Каждый тип форматирования текста, который вы определяете, называется стилевым классом (style class).За стилевым классом в таблице стилей закрепляется имя. Это имя задается как обычное имя, но с точкой в качестве первого символа. Предположим, что в документе вам нужны два различных вида заголовков H1. Можно создать стилевой класс для каждого из них, помещая следующий код в таблицу стилей:

<style>

Н1.serif { font: 34pt "Times New Roman", Times, serif; color: #DC143C;}

H1.sans{font:18pt Arial;

color: #FF8C00; text-align: center;}

</style>

Для выбора между двумя стилями класса в теге <hl> (аналогичные правила действуют и для других тегов, имеющих описание а таблице стилей) используется атрибут class=имя_стиля.

Обратите внимание - здесь имя стиля употребляется без точки.

29. Виды стилей: - встроенный (самый простой способ задать стиль. Он задаётся с помощью параметра STYLE со списком свойств и их значений). – на уровне документов (определяется тэгом STYLE,который находится внутри тэга HEAD. Всё что находится внутри тэга STYLE рассматривается браузером как стилевые правила.) – внешний стиль( создаются отдельные файлы со стилями и присоединяются к документам. В данном случаи стиль находится в файле с расширением CSS. Для указания адреса стиля используют тэг LINK,кот. находится в HEAD. Адрес может быть как абсолютным так и относительным).

30. Принцип каскадирования применяется в случае, когда какому-то элементу HTML одновременно поставлено в соответствие более одного правила CSS, то есть, когда происходит конфликт значений этих правил. Чтобы разрешить такие конфликты вводятся правила приоритета. Наиболее низким приоритетом обладает стиль браузера;Следующим по значимости является стиль, заданный пользователем;И наиболее высоким приоритетом обладает стиль, заданный непосредственно автором страницы. И далее, уже в этом авторском стиле приоритеты расставляются следующим образом:Самым низким приоритетом обладают стили, наследуемые в документе элементом от своих предков;Более высоким приоритетом обладают стили, заданные во внешних таблицах стилей, подключённых к документу;Ещё более высоким приоритетом обладают стили, заданные непосредственно селекторами всех десяти видов (см. подраздел «виды селекторов»), содержащимися в контейнерах style данного документа. Нередки случаи, когда к какому-нибудь элементу имеют отношение, задают его вид, несколько таких селекторов. Такие конфликты между ними разрешаются с помощью расчёта специфичности каждого такого селектора и применения этих селекторов к данному элементу в порядке убывания их специфичностей. При расчёте специфичности селектора принимается во внимание: количество идентификаторов (#id) в селекторе —- ((1,0,0) за каждый объявленный идентификатор в селекторе правила CSS);количество классов (.class) и псевдоклассов (:pseudoclass) в селекторе —- ((0,1,0) за каждый объявленный класс и псевдокласс в селекторе правила CSS);количество тегов в селекторе —- ((0,0,1) за каждый объявленный тег в селекторе правила CSS). (Принцип расчёта таков, что, например, (1,0,0) будет иметь большую специфичность, соответственно — бо́льший приоритет, чем даже (0,10,0), а (0,1,0) будет иметь большую специфичность, больший приоритет, чем (0,0,10). Если же рассчитанные таким образом специфичности окажутся одинаковыми, то к элементу будет применено правило, описанное селектором, расположенным в документе ниже других.)Ещё более высоким приоритетом обладают стили, объявленные непосредственно в теге данного элемента посредством атрибута style этого тега;И наконец самым высоким приоритетом обладают стили, объявленные автором страницы или пользователем, с помощью сопроводительного слова!important. Если таких свойств несколько, то предпочтение отдаётся в первую очередь стилям, заданным пользователем, а для остальных свойств (которые будут являться задаваемыми автором страницы) потребуется определить их специфичности по принципам, описанным выше, и применять эти свойства в порядке убывания этих их специфичностей.

31.PHP ( его полное название: PHP: Hypertext Preprocessor) - это язык, предназначенный для быстрого создания динамических web-страниц. Синтаксис языка похож на С, Java и Perl, однако имеет и свои, присущие только ему особенности. В официальной документации PHP определяется как server-side HTML-embedded scripting language (встраиваемый в HTML скриптовый язык с обработкой на сервере). Из этого определения можно выделить два основных момента:1. Обработка кода PHP производится на сервере, а не в браузере клиента, как, например JavaScript 2. Код PHP может быть встроен непосредственно в тело HTML страницы, что выгодно отличает его от Perl. PHP — это интерпретируемый язык программирования, код которого встраивается непосредственно в HTML-страницы. При запросе пользователя web-сервер просматривает документ, выполняет найденные в нем PHP-инструкции, а результат их выполнения возвращает пользователю. При этом статическая часть документа, написанная на языке HTML, фактически является шаблоном, а изменяемая часть формируется при исполнении PHP-инструкций. Для удаленного пользователя подобные документы ничем не отличаются от обычных статических HTML-документов, за исключением того, что в расширении имени файла для таких документов может стоять не htm или html, а phtml или php3(4). Сами скрипты находятся на сервере и их содержимое посетителю сайта просмотреть невозможно. Файлы скриптов имеют расширение *.php3 или *.phtml. При активации скрипта серверная программа выполняет все команды php этого скрипта, не затрагивая статическую часть документа (HTML-код) и результат возвращается программе-браузеру. В итоге пользователь видит обычную веб-страницу, отличающеюся от других только расширением.

В настоящее время PHP поддерживается подавляющим большинством представителей хостинга. Входит в LAMP — «стандартный» набор для создания вебсайтов (Linux, Apache, MySQL, PHP (Python или Perl)).

32.JavaScript - это новый язык программирования, используемый в составе страниц HTML для увеличения функциональности и возможностей взаимодействия с пользователями. Он был разработан фирмой Netscape в сотруднечестве с Sun Microsystems на базе языка Sun's Java.С помощью JavaScript на Web-странице можно сделать то, что невозможно сделать стандартными тегами HTML. Скрипты выполняются в результате наступления каких-либо событий, инициированных действиями пользователя. Создание Web- документов, вклучающих программы на JavaScript, требует наличее текстового редактора и подходящего браузера. Некоторые просмоторщики включают в себе встроенные редакторы, поэтому необходимость во внешнем редакторе отпадает. программы JavaScript могут работать только внутри браузера.

33. Типы данных в JavaScript: -числовые (десятичные числа 5,3; 3; 6,67.; восьмеричные 01234; - 077; шестнадцатеричные OXFF; - OXCCFF; математические константы MATH. PI / E / LOG 2 E;) –строковые (это нуль или более символов UNICODE заключённых в одинарные или двойные кавычки) –логические (TRUE, FALSE), -литеральные (NULL отсутствие определённого значения) В сценариях JavaScript переменные могут хранить данные любых типов: числа, строки текста, логические значения, ссылки на объекты, а также специальные величины, например "нулевое" значение null или значение NaN, которое сообщает о допустимости операции. Переменная в языке JavaScript объявляется с помощью ключевого слова var.

34. Операторы служат для управления потоком команд в JavaScript. Один объект может быть разбит на несколько строк или наоборот в одной строке может быть несколько операторов. Необходимо знать следующее, во-первых,блоки операторов, такие как определения функций, должны быть заключены в фигурные скобки. Во-вторых, точка с запятой служит разделителем отдельных операторов. Если пропустить точку с запятой, поведение программы станет непредсказуемым. Так как JavaScript не имеет жестких требований к форматированию текста программы, можно вставлять символы перевода строки и отступа для лучшей читабельности текста. Ниже описаны операторы, которые используются в JavaScript: break (Оператор Прерывает текущий цикл for и while, передавая управление первому оператору после цикла.) comment (Комментарии - это специальные замечания программиста, чтобы объяснить, что делает данный скрипт, и они игнорируются интерпретатором. JavaScript поддерживает следующий стиль комментариев: Однострочные комментарии начинаются с символа (//).Многострочные комментарии начинаются /* и заканчиваются */.) continue (Передает управление оператору проверки истенности условия в цикле while и оператору обнавления значения счетчика в цикле for.) for (Создает цикл с тремя необязательными выражениями, заключенными в круглых скобках и разделенными точкой с запятой, сопровождаемыми блоками утверждений, выполненных внутри цикле) for...in ( Присваевает переменной поочередно все свойства объекта. Для каждого свойства цикл for...in выполняет операторы, содержащиеся в теле цикла) function ( Объявляет функции языка JavaScript, требует указания имени name и списка параметров param. Оператор функция вы не можете вложить в другую функцию) if...else ( Оператор if...else - это условный оператор, который выполняет первый набор утверждений, если значение condition истинно. В противном случае выполняет второй набор утверждений, заключенные в операторе else, если условие ложно. Если набор утверждений (statments), заключенные в фигурные скобки {} содержит один оператор, то скобки можно опустить. Условные операторы могут быть вложены друг в друга без ограничений.) return ( Оператор return указывает значение, которое будет возвращено функцией.) var ( Оператор var объявляет переменную varname и дополнительно может присваевать ей значение. Имя переменной varname может быть любой идентификатор, и значение может быть любое выражение. Область действия переменных, является текущая функция или, если переменные, объявленные вне функции, то весь текущий документ.) while ( Оператор while - это оператор цикла, который повторяет цикл, пока значение condition есть истинно (true). Как только значение condition становится ложным (false), то управление переходит к первому оператору после фигурной скобки, закрывающей тело цикла while) with ( Оператор with устанавливает объект по умолчанию для набора операторов. Любые ссылки на свойства без явного указания объекта предполагают объект по умолчанию. Заметьте, что круглые скобки требуются вокруг объекта.)

35. Общий вид условного оператора в JavaScript такой:

if (условие) { //Блок операторов}else { //Блок операторов Сначала идёт ключевое слово if, которое сообщает браузеру, что дальше идёт условный оператор. Внутри скобок указывается условие, которое, соответственно, возвращает true или false. Если выражение в скобках было true (истинно), то выполняется первый блок операторов, если условие false (ложно), то выполняется блок операторов в else. Также блок else не является обязательным, и дальше я приведу такой пример.

var x = prompt("Введите число"); if (x < 5) alert ("Введённое число меньше пяти"); else alert("Введённое число больше пяти");

37. В JavaScript имеется два вида функций: встроенные и определяемые. Программист имеет возможность создавать собственные функции. Определение функции состоит из объявления параметров и блока инструкций JavaScript. Перед тем как воспользоваться функцией, ее необходимо предвариетельно определить. Декларация функции имеет вид:function имя (аргументы) { операторы}Здесь имя - идентификатор, задающий имя функции, аргументы - необязательный список идентификаторов, разделенных запятыми, который содержит имена формальных аргументов функции, а операторы - любой набор операторов, который называется телом функции и исполняется при ее вызове.Эта функция называется area и имеет один формальный аргумент radius. При вызове этой функции вместо формального аргумента подставляется его фактическое значение, функция вычисляет площадь круга на основе этого значения и возвращает полученное число через оператор return.Переменные,декларированные в теле функции, являются локальными, т. е. недоступны вне ее тела.При вызове функции в JavaScript действуют следующие правила передачи аргументов функции: Аргументы примитивных типов передаются функции по значению. Объекты (и встроенные, и определенные пользователем) передаются по ссылке. Это означает, что все изменения свойств объекта в теле функции производятся непосредственно в самом объекте, а не в его локальной копии и, следовательно, сохраняются после возврата из функции. В JavaScript функция выступает в качестве одного из основных типов данных. Одновременно с этим в JavaScript определен класс объектов Function. В общем случае любой объект JavaScript определяется через функцию. Для создания объекта используется конструктор, который в свою очередь вводится через Function. Таким образом, с функциями в JavaScript связаны следующие ключевые вопросы:функция как тип данных;функция как объект; функция как конструктор объектов.

38. Объектная модель документа - интерфейс программирования приложений для HTML и XML-документов. Согласно DOM документу можно поставить в соответствие дерево объектов, обладающих рядом свойств, которые позволяют производить с ним различные манипуляции:получение узлов, изменение узлов, изменение связей между узлами, удаление узлов. Объект - это главный тип данных JavaScript. Объекты в JavaScript, по-сути, являются совокупностями методов и свойств.Переменная любого (отличного от объекта) типа данных, прежде чем к ней можно будет получить доступ, конвертируется в объект, и только после этого выполняются действия над ее значением. Тип данных Object сам определяет объекты.Сценарии JavaScript могут использовать объекты следующих видов: клиентские объекты, входящие в модель DOM, т.е. отвечающие тому, что содержится или происходит на Web-странице в окне браузера. Они создаются браузером при разборе (парсинге) HTML-страницы. Примеры: window, document, location, navigator и т.п. серверные объекты, отвечающие за взаимодействие клиент-сервер. встроенные объекты, представляющие различные типы данных, свойства, методы, присущие самому языку JavaScript, независимо от содержимого HTML-страницы. Примеры: Array, String, Date, Number, Function, Boolean, Math. пользовательские объекты, которые создаются программистом в процессе создания сценария с использованием конструкторов типа объектов (класса).

39.Объект Document особенно важен при разработке сценариев. Все значения свойств - строковые.title - текст заголовка документа (содержимое элемента title);fgColor и bgColor - цвет текста и цвет фона документа;linkColor, vLinkColor, aLinkColor - цвета непосещенных, посещенных и активных гиперссылок;lastModified (только для чтения) - дата изменения документа;referrer (только для чтения) - URL документа, ссылка в котором привела к загрузке текущего документа;URL (и устаревшее location) - URL документа. Методы объекта Document open() - открывает новый документ; при этом для текущего документа все его содержимое удаляется.close() - закрывает ранее открытый документ, фиксируя внесенные изменения.clear() - очищает содержимое документа.write() - записывает в документ заданную в качестве аргумента строку.writeln() - аналогичен предыдущему, но выведенная в документ строка заканчивается символом перевода строки. Методы write() и writeln() весьма полезны и часто используются для динамического формирования содержимого документа.

40. Методы объекта Window Перечислю главные: alert: Вывод диалога с сообщением и кнопкой ОК. close: Закрытие окна. confirm: Вывод диалога с кнопками ОК и Cancel. open: Открытие окна. prompt: Вывод диалога с полем ввода. setTimeout: Установка таймера. clearTimeout: Сброс таймера. свойства: document -ссылка на документ, который будет загружен в окно браузера. Self- ссылка на окно, которое будет загружено в текущее окно браузера. Statusbar- вызов строки состояния окна. Toolbar- вызов панели управления окна. Top- переход на окно самого верхнего уровня, если текущее окно является фреймом. Parent переход на предыдущее окно, если текущее окно является фреймом. Screen- ссылка на объект screen (параметры экрана). Frames- ссылка на фрейм. Navigator- ссылка на объект navigator. history -ссылка на папку журнала для браузера. Location- ссылка на часть документа, находящегося в текущем окне. Name- имя либо окна, либо фрейма. Status назначение текста, которое отобразится в нижней строке браузера. defaultStatus- текст в строке состояния браузера по умолчанию. Closed- закрытие текущего окна браузера.

41. Сочетание JavaScript и HTML4 дает возможность простого изменения содержимого документов в случае если теги поддерживают изменение атрибутов, либо с помощью функции write мы можем перезаписать содержимое документа. При применении функции write должна происходить дозапись в конец документа, однако может происходить и удаление предыдущего и запись нового документа. В таком случае, лучше не надеясь на сохранение предыдущего документа, осуществлять перезапись во фрейм.Фундаментальным носителем, обеспечивающим доступ к извлекаемому сервером содержимому, являются сценарии с внешними связями. Когда требуется извлечь содержимое сервера, с помощью программного кода JavaScript в страницу добавляется дескриптор <script>, для src которого указывается адрес URL исполняемой про-граммы сервера. Этой серверной программе можно передать "аргументы", добавив в URL параметры запроса, во многом аналогично тому, как это делалось выше в случае изображений, файлов cookie и перенаправлении. Когда соответствующая программа сервера получает запрос, она обрабатывает информацию, закодированную в URL, а затем возвращает в качестве ответа программный код JavaScript, который записывает нужное динамическое содержимое. Программный код JavaScript в ответе связан со страницей с помощью дескриптора <script>, так что браузер загрузит и выполнит его, а в результате будет выполнено обновление страницы.

42. Dynamic HTML или DHTML — это способ создания интерактивного веб-сайта, использующий сочетание статичного языка разметки HTML, встраиваемого (и выполняемого на стороне клиента) скриптового языка JavaScript, CSS (каскадных таблиц стилей) и DOM (объектной модели документа). Он может быть использован для создания приложения в веб-браузере: например для более простой навигации или для придания интерактивности форм. DHTML может быть использован для динамического перетаскивания элементов по экрану. Также он может служить как инструмент для создания основанных на браузере видеоигр. onClick ondblClick onLoad onUnLoad onMouseDown onMouseUp onMouseOver onMouseMove onMouseOut onFocus onBlur

43.SQL. Для сколь-либо интенсивно(хотя бы несколько раз в секунду) производимой генерации динамических веб-страниц следует использовать систему управления базами данных (СУБД). Скрипты CGI-BIN и PHP, не использующие СУБД, не обеспечивают требуемой производительности. В частности, СУБД необходима для создания Интернет-магазинов, а также (если эти ресурсы используются достаточно активно) прайс-листов, каталогов, гостевых книг и форумов. Мы предоставляем возможность использовать СУБД MySQL и PostgreSQL - распространённые СУБД, популярные среди разработчиков веб-серверов. MySQL– высокопроизводительная и достаточно надежная программная система.Она обеспечивает доступ к данным в таблицах не только из скриптов, но и непосредственно из командной строки Unix Shell - это очень удобно для быстрого редактирования. Установлено ограничение на максимальное количество запросов в секунду. Оно не позволяет крупным сайтам забирать все ресурсы MySQL. Поэтому СУБД оперативно работает даже для небольших и не очень активно используемых ресурсов.

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

Дата добавления: 2015-10-21