МДК 02.01 Разработка, внедрение и адаптация программного обеспечения отраслевой направленности




ВОПРОСЫК ЭКЗАМЕНУ

Специальности 09.02.05 Прикладная информатика (по отраслям), базовая подготовка

МДК 02.01 Разработка, внедрение и адаптация программного обеспечения отраслевой направленности

 

  1. HTML. Основные понятия. История зарождения языка HTML.
  2. Технологии web 1.0, web 2.0, web 3.0.

Web 1.0 — контент (содержание) интернет-ресурсов формирует сравнительно небольшая группа профессионалов, а подавляющее большинство пользователей сети Интернет фигурирует в качестве простых "читателей". В первом десятилетии сети Интерент, или Web 1.0, была разработана сама основа Интернет, которая позволила дать доступ к огромным объемам информации широкому кругу пользователей сети.

 

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

 

Web 3.0 — мы на пороге третьей декады - Web 3.0. Семантического Веб (Semantic Web). Семантическая паутина (Semantic Web) – «часть глобальной концепции развития сети Интернет, целью которой является реализация возможности машинной обработки информации, доступной во Всемирной паутине. Основной акцент концепции делается на работе с метаданными, однозначно характеризующими свойства и содержание ресурсов Всемирной паутины, вместо используемого в настоящее время текстового анализа документов» (Википедия).То есть - это некая сеть над Сетью, содержащая метаданные о ресурсах Всемирной паутины и существующая параллельно с ними.

 

  1. Классификация и использование сайтов.

  1. Требования к HTML-документам. Юридические аспекты использования web-страниц. Требования к содержанию и оформлению сайтов.
  2. Жизненный цикл сайта.

Стадия роста
Это стадия от момента создания до момента привлечения большей части среднемесячной целевой аудитории, то есть тех, кому сайт данной тематики интересен в принципе. Длительность стадии зависит от того, насколько эффективно продвижение сайта.

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

Стадия спада/роста
И если все хорошо (синяя линия), то посещаемость ресурса растет вместе с ростом его целевой аудитории в сети Интернет. А если все не важно (голубая линия), то аудитория переходит к более совершенным конкурентам. А если совсем все плохо (серая линия): продвижения не было и сайт не в лучшей форме, то в сети появляется еще один памятник.

  1. Стадии определения концепции проекта, разработки структуры, визуального оформления сайта.

Концепция решает три задачи:

· Определить основные идеи и направления развития и согласовать их с клиентом.

· Получить оценку этих идей от будущих пользователей.

· Сформировать идеологическую базу, единое видение проекта у всех участников.

Определение основных идей имеет исключительно прикладное значение для моделирования сайта: от этих идей мы отталкиваемся, проектируя и функциональную, и информационную структуру, и контент.

 

  1. Стадии тестирования, рассмотрения основных ошибок и производства сайта.

· Функциональное тестирование

· Тестирования удобства пользования (юзабилити)

· Тестирование производительности

· Тестирование интерфейса пользователя (UI testing)

· Тестирование безопасности.

  1. Стадии контроля качества, запуска, продвижения и сопровождения сайта.

· Определение целей.

· Формирование ядра запросов и их группировка

· Анализ конкуренции по каждому из запросов.

· Аудит сайта.

· Внутренняя оптимизация.

· Добавление сайта в поисковые системы и другие ресурсы.

· Внешняя оптимизация.

  1. Использование CASE-технологий для описания создания, публикации и администрирования web-сайтов.

 

Основной целью CASE-технологии является разграничение процесса проектирования программных продуктов от процесса кодирования и последующих этапов разработки, максимально автоматизировать процесс разработки. Для выполнения поставленной цели CASE-технологии используют два принципиально разных подхода к проектированию: структурный и объектно-ориентированный.

 

  1. Спецификация HTML. Браузеры. Выбор, настройка.

HTML 5.0

HTML 4.01

HTML 4.0

 

  1. Особенности HTML 5.

• Улучшение с точки зрения юзабилити сайтов;
• Несколько новых тегов, которые помогут разработчикам в классификации контента;
• Удобство в работе с сайтами, у которых много аудио- и видеоматериалов.
• Отличную альтернативу Flash и Silverlight;
• Более качественное сканирование и индексацию веб-сайтов в поисковых системах;
• Плюсы в разработке мобильных приложений.

 

  1. Понятие тэга. Структура документа в HTML. Теги служебной информации.

 

Тег — элемент языка разметки гипертекста (например, XML, HTML)

 

  1. Логическое и физическое форматирование HTML документа. Тэги логического и физического форматирования. Дополнительные возможности форматирования. Абзацы, горизонтальные линии, цитаты.

 

Физическое: <b>(жир), <i>(курсив), <u>, <strike>, <s>, <tt>, <small>, <big>, <sup>(верхний индекс), <sub>(нижний индекс), <p>, <font>, <pre>(текст пишется как есть)

Логическое: <em>(важная часть текста курсивом), <q>(цитата), <dfn>(как определение)

 

  1. Организация списков средствами HTML. Нумерованные и ненумерованные списки. Списки определений.

 

Нумерованный список:

<p>Название списка</p>

<ol>

<li>Первый пункт списка</li>

<li>Второй пункт списка</li>

<li>Третий пункт списка</li>

<li>Четвертый пункт списка</li>

<li>Пятый пункт списка</li>

</ol>

Ненумерованный:

<p>Название списка</p>

<ul>

<li>Первый пункт списка</li>

<li>Второй пункт списка</li>

<li>Третий пункт списка</li>

<li>Четвертый пункт списка</li>

<li>Пятый пункт списка</li>

</ul>

  1. Вставка изображений в документ HTML. Выравнивание изображений, задание размеров изображений. Относительные и абсолютные размеры. Всплывающие подсказки. Атрибут Ispan

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Мои рисунки</title>

</head>

<body>

<p><img src="images/dzen.png" alt="Письма мастера дзен"></p>

</body>

</html>

  1. Вставка видео и звука в документ HTML. Использование разных вариантов тегов.
<audio src="URL"></audio><audio> <source src="URL"></audio> <video> <source src="URL"> </video>
  1. Вставка простых таблиц в HTML-документы. Тэги для вставки таблицы. Выравнивание таблицы в HTML документе. Выравнивание информации в ячейках таблицы. Объединение ячеек
<table> <tr> <td>...</td> </tr></table>

 

  1. Встроенные таблицы. Использование таблицы для макетирования страниц. Управление отображением рамок вокруг таблицы, отдельных ячеек таблицы. Задание отступа от текста до границы ячейки. Задание отступа между отдельными ячейками таблицы
  2. Гиперссылки. Относительная и абсолютная адресация. Якоря. Использование графических изображений для создания ссылок
<a href="URL">...</a><a name="идентификатор">...</a>

 

  1. Карта изображения. Виды карт изображения. Структура. Тэги для построения карты изображений.

Карты-изображения позволяют привязывать ссылки к разным областям одного изображения. Реализуется в двух различных вариантах — серверном и клиентском. В случае применения серверного варианта браузер посылает запрос на сервер для получения адреса выбранной ссылки и ждет ответа с требуемой информацией. Такой подход требует дополнительного времени на ожидание результата и отдельные файлы для каждой карты-изображения.

В клиентском варианте карта располагается в том же HTML-документе, что и ссылка на изображение.

 

  1. Программное обеспечение для создания карт изображений. Программа Map Designer v1.4
  2. Баннеры, как основной вид рекламы в Internet. Основные виды, стандартные размеры, создание баннеров.
<iframe src="banner.html" width="468" height="60" align="left"> Ваш браузер не поддерживает плавающие фреймы! </iframe>

 

  1. JavaScript - язык разработки клиентских веб-приложений. Синтаксис JScript. Структура языка. Объектная модель браузера. Объектная модель документа.

· Скрипты могут находиться в любом месте HTML-документа.

· Теги HTML нельзя помещать внутри JS-программы.

· JS программа помещается между тегами <script>... </script>, исключение составляют обработчики событий.

· Встретив тег <script>, браузер построчно анализирует содержимое документа до тех пор, пока не будет достигнут тег </script>. После этого производится проверка скрипта на наличие ошибок и компиляция JS программы в формат, пригодный для выполнения на компьютере пользователя.

· Главная часть JS программы может быть помещена в контейнер <head>... </head>, поскольку он считывается при загрузке HTML - документа одним из первых. Теоретически скрипт можно помещать в любом месте HTML - документа, хотя лучше это делать перед контейнером <body>... </body>, т.е. в заголовке документа.

Синтаксис тега:
<script language="JavaScript"> [текст программы] </script>

 

  1. JavaScript. Включения

Если Вы хотите, чтобы JavaScript код не смешивался с HTML разметкой размещайте его в секции head.

<html><head><script type='text/javascript'>function example(){ alert('Если Вы видите это сообщение, значит страница была полностью загружена.');}</script></head><body onload='example()'></body></html>

 

  1. JavaScript. Команды

 

Раньше мы уже видели пример команды: alert('Привет, мир!') выводит сообщение.

Для того, чтобы добавить в код ещё одну команду – можно поставить её после точки с запятой.

Например, вместо одного вызова alert сделаем два:

alert('Привет'); alert('Мир');

 

Как правило, каждая команда пишется на отдельной строке – так код лучше читается:

alert('Привет');alert('Мир');

 

  1. JavaScript. Комментарии

Со временем программа становится большой и сложной. Появляется необходимость добавить комментарии, которые объясняют, что происходит и почему.

Комментарии могут находиться в любом месте программы и никак не влияют на её выполнение. Интерпретатор JavaScript попросту игнорирует их.

Однострочные комментарии начинаются с двойного слэша //. Текст считается комментарием до конца строки:

 

// Команда ниже говорит "Привет"

alert('Привет');

 

alert('Мир'); // Второе сообщение выводим отдельно

 

  1. JavaScript. Переменные

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

Для объявления или, другими словами, создания переменной используется ключевое слово var:

var message;

После объявления, можно записать в переменную данные:

var message;

message = 'Hello'; // сохраним в переменной строку

Эти данные будут сохранены в соответствующей области памяти и в дальнейшем доступны при обращении по имени:

var message;

message = 'Hello!';

 

alert(message); // выведет содержимое переменной

Для краткости можно совместить объявление переменной и запись данных:

var message = 'Hello!';

Можно даже объявить несколько переменных сразу:

var user = 'John', age = 25, message = 'Hello';

 

  1. JavaScript. Операторы

delete Удаляет объект, свойство объекта или элемент массива по указанному индексу.

function in

instanceof используется для проверки, принадлежит ли объект данному типу

new

this

typeof

void

Аксессоры

object.property и object["property"]

Арифметические операторы

+, -, *, /, %, ++, --

Запятая

,

Логические операторы

&&, ||,!

Операторы присваивания

=, +=, -=, *=, /=, >>=, <<=, >>>=, &=, |=, ^=

Операторы сравнения

==,!=, ===,!==, >, >=, <, <=

Побитовые операторы

&, |, ^, ~, <<, >>, >>>

Строковые операторы

+, +=

Условный оператор

condition? ifTrue: ifFalse

 

  1. JavaScript. Выражения

Выражение – это любая часть исходного кода программы, которая вычисляет значение и больше ничего не делает: она никак не изменяет состояние программы.

Выражения делятся на простые (их также называют первичными) и сложные. Простые выражения являются самостоятельными выражениями, они не включают в себя ещё более простых выражений. К простым выражениям относятся: ключевое слово this, идентификаторы и литералы. Сложные выражения состоят из простых выражений

 

  1. JavaScript. Конструкции

break

Завершает текущий цикл или конструкции switch и label и передает управление на следующий вызов

continue

Прекращает текущую итерацию цикла и продолжает выполнение со следующей итерации

do..while

Задает цикл с проверкой условия после каждой итерации

for

Создать цикл, указав начальное состояние, условие и операцию обновления состояния

for..in

Перебрать свойства объекта, для каждого свойства выполнить заданный код

function

Объявить функцию

if

Выполняет тот или иной блок кода в зависимости от того, верно ли условие

label

Указать идентификатор для использования в break и continue

return

Возвратить результат работы функции

switch

Сравнивает значение выражения с различными вариантами и при совпадении выполняет соответствующий код

throw

Инициировать("бросить") исключение

try..catch

Ловить все исключения, выпадающие из блока кода

var

Объявить переменную (или несколько) в текущей области видимости

while

Задает цикл, который выполняется до тех пор, пока условие верно. Условие проверяется перед каждой итерацией.

with

Добавить новую область видимости

Блок

Группировка javascript-вызовов внутри фигурных скобок

 

  1. JavaScript. Окна

Всплывающее окно («попап» – от англ. Popup window) – один из старейших способов показать пользователю ещё один документ.

В этой статье мы рассмотрим открытие окон и ряд тонких моментов, которые с этим связаны.

Простейший пример:

window.open("https://ya.ru");

…При запуске откроется новое окно с указанным URL.

Большинство браузеров по умолчанию создают новую вкладку вместо отдельного окна, но чуть далее мы увидим, что можно и «заказать» именно окно.

 

  1. JavaScript. Функции

Зачастую нам надо повторять одно и то же действие во многих частях программы.

Например, красиво вывести сообщение необходимо при приветствии посетителя, при выходе посетителя с сайта, ещё где-нибудь.

Чтобы не повторять один и тот же код во многих местах, придуманы функции. Функции являются основными «строительными блоками» программы.

Примеры встроенных функций вы уже видели – это alert(message), prompt(message, default) и confirm(question). Но можно создавать и свои.

function showMessage() { alert('Привет всем присутствующим!');}

 

  1. JavaScript. Циклы

При написании скриптов зачастую встает задача сделать однотипное действие много раз.

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

Для многократного повторения одного участка кода – предусмотрены циклы.

while (условие) { // код, тело цикла}
  1. JavaScript. События

Чтобы хорошо обработать событие, недостаточно знать о том, что это – «клик» или «нажатие клавиши». Могут понадобиться детали: координаты курсора, введённый символ и другие, в зависимости от события.

Детали произошедшего браузер записывает в «объект события», который передаётся первым аргументом в обработчик.

<input type="button" value="Нажми меня" id="elem"> <script> elem.onclick = function(event) { // вывести тип события, элемент и координаты клика alert(event.type + " на " + event.currentTarget); alert(event.clientX + ":" + event.clientY); }</script>

 

  1. JavaScript. Ошибки

Структура ошибки следующая:

 

Uncaught TypeError: эта часть сообщения обычно не особо полезна. Uncaught значит, что ошибка не была перехвачена в catch, а TypeError — это название ошибки.

 

undefined is not a function: это та самая часть про ошибку. В случае с сообщениями об ошибках, читать их нужно прямо буквально. Например, в этом случае, она значит то, что код попытался использовать значение undefined как функцию.

 

  1. Основные понятия о фреймовых структурах. Основные типы фреймовых структур. Достоинства и недостатки использования фреймов в HTML-документах.

 

Для создания фрейма используется тег <frameset>, который заменяет тег <body> в документе и применяется для разделения экрана на области. Внутри данного тега находятся теги <frame>, которые указывают на HTML-документ, предназначенный для загрузки в область

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "https://www.w3.org/TR/html4/frameset.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Фреймы</title> </head> <frameset cols="100,*"> <frame src="menu.html" name="MENU"> <frame src="content.html" name="CONTENT"> </frameset></html>

 

  1. Плавающие фреймы. Тэги для вставки плавающего фрейма в HTML-документ. Параметры для выравнивания и задания размеров плавающего фрейма

 

Во фрейм можно загружать HTML-документ и прокручивать его содержимое независимо от остального материала на веб-странице. Размеры фрейма устанавливаются самостоятельно согласно дизайну сайта или собственных предпочтений.

Создание плавающего фрейма происходит с помощью тега <iframe>, он имеет обязательный атрибут src, указывающий на загружаемый во фрейм документ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Плавающий фрейм</title> </head> <body> <p><iframe src="hsb.html" width="300" height="120"></iframe></p> </body></html>
  1. Презентация веб-сайта. Типы сайтов.

 

  1. Классификация редакторов web-документов. Рассмотрение пакета программного обеспечения для создания веб-сайтов.

 

WYSIWYG редакторы. Это графические редакторы, которые позволяют строить макет страницы и задавать стили визуально, как в хорошо известном текстовом процессоре MS Word. Они являются удобным инструментом для построения дизайна страницы, хотя, как известно каждому опытному веб дизайнеру, код все равно придётся "причесывать" для достижения отличного результата.

 

Текстовые редакторы. Это инструмент для непосредственного редактирования HTML и CSS кода. Некоторые редакторы имеют общее назначение и в них нет специальных опций поддержки веб кода. Другие специализированы для использования веб языков, таких как HTML, CSS, JavaScript и PHP, и имеют встроенные свойства для быстрого ввода HTML тегов, CSS свойств, и так далее. Многие из таких редакторов позволяют просматривать веб страницу в отдельном окне.

 

  1. Использование программы Front Page

Для того чтобы создать сайт при помощи FrontPage, нет необходимости учить HTML. FrontPage позволяет довольно просто набрать текст, который можно поместить на Web - страницу, расположить в нужных местах рисунки. Используя FrontPage, можно создавать эффекты, для которых обычно требуются скрипты или программы DHTML.

 

  1. Использование программы Xara Web Style для создания элементов дизайна

 

Графический редактор, предназначенный для создания веб-графики - баннеров, кнопок, трехмерных заголовков, логотипов, подложек и т.п. Несмотря на свои многочисленные возможности, пользоваться им сможет даже начинающий веб-дизайнер: в программу включено множество заготовок, знай себе меняй текст, размер и текстуру. Изюминка программ от фирмы Xara - возможность работать с векторной графикой, имеющей такое явное преимущество перед "обычной", как неизменность качества создаваемой картинки даже при ее многочисленных преобразованиях (изменение размера, текста, цвета и т.п.).

 

  1. Интерактивный Web-документ. Основы интерактивности. Тег FORM как средство диалога между пользователем и сервером. Основные параметры тэга FORM. Методы пересылки данных на сервер

 

Тег <form> устанавливает форму на веб-странице. Форма предназначена для обмена данными между пользователем и сервером. Область применения форм не ограничена отправкой данных на сервер, с помощью клиентских скриптов можно получить доступ к любому элементу формы, изменять его и применять по своему усмотрению.

<form action="URL">...</form>

 

  1. Поля заполняемых форм (теги INPUT, SELECT, TEXTAREA)

 

Тег <input> является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем. Главным образом <input> предназначен для создания текстовых полей, различных кнопок, переключателей и флажков.

<input атрибуты>

Тег <select> позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором, как показано далее.

<select> <option>Пункт 1</option> <option>Пункт 2</option></select>

 

Поле <textarea> представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста. В отличие от тега <input> в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.

<textarea атрибуты> текст</textarea>

 

  1. Каскадные таблицы стилей. Преимущества стилей

CSS (/siːɛsɛs/ англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

 

в таблице стилей можно задать оформление не только для какого-то одного конкретного элемента, но и для всех элементов, удовлетворяюши указанному селектору. Не требуется записывать в HTML оформление для каждого заголовка. Если теперь потребуется изменить оформление — например, во всех заголовках на всех страницах сайта поменять шрифт Verdana на шрифт Tahoma — достаточно будет обновить одну строку в таблице стилей. Если бы оформление создавалось средствами HTML, пришлось бы в каждом файле перебирать все заголовки и менять «Verdana» на «Tahoma»;

многие эффекты оформления доступны только в CSS, их нельзя добиться с помощью HTML. Среди таких эффектов, например, разрядка текста, надчеркивание и измененный междустрочный интервал, разнообразные рамки, а также наложение элементов друг на друга. Чтобы не запутаться в том, какое оформление сделано средствами HTML, а какое - средствами CSS, лучше делать все с помощью таблиц стилей;

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

 

 

  1. Каскадные таблицы стилей. Базовый синтаксис CSS

 

 

  1. Каскадные таблицы стилей. Значения стилевых свойств

 

Правильно

'Гостиница "Турист"'
"Гостиница 'Турист'"
"Гостиница \"Турист\""

 

Правильно: P { text-align: right; }
Неверно: P { text-align: "right"; }

 

Цвет в стилях можно задавать тремя способами: по шестнадцатеричному значению(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F), по названию(#000000) и в формате RGB(от 0 до 255).

 

  1. Каскадные таблицы стилей. Классы и идентификаторы

Идентификаторы

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

Классы

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

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

Тег1 Тег2 {... } Дочерним называется элемент, который непосредственно располагается внутри родительского элемента

Соседними называются элементы веб-страницы, когда они следуют непосредственно друг за другом в коде документа. Рассмотрим несколько примеров отношения элементов.

<p>Lorem ipsum <b>dolor</b> sit amet.</p>

 

 

  1. Каскадные таблицы стилей. Наследование. Каскадирование

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

Ниже приведены приоритеты браузеров, которыми они руководствуются при обработке стилевых правил. Чем выше в списке находится пункт, тем ниже его приоритет, и наоборот.

  1. Стиль браузера.
  2. Стиль автора.
  3. Стиль пользователя.
  4. Стиль автора с добавлением!important.
  5. Стиль пользователя с добавлением!important.

 

 

  1. Каскадные таблицы стилей. Псевдоклассы. Псевоэлементы

 

Псевдоэлементы позволяют задать стиль элементов не определённых в дереве элементов документа, а также генерировать содержимое, которого нет в исходном коде текста.

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

Селектор:Псевдоэлемент { Описание правил стиля }

 

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

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

 

Селектор:Псевдокласс { Описание правил стиля }

 

 

  1. Технология «Клиент – Сервер» Основные понятия.

«Клиентсервер » (англ. clientserver) — вычислительная или сетевая архитектура, в которой задания или сетевая нагрузка распределены между поставщиками услуг, называемыми серверами, и заказчиками услуг, называемыми клиентами. Фактически клиент и сервер — это программное обеспечение.

 

  1. Веб-серверы. Терминология. Основные понятия. Функционал. Средства защиты веб-сервера.

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

  • автоматизация работы веб-страниц;
  • ведение журнала обращений пользователей к ресурсам;
  • аутентификация и авторизация пользователей;
  • поддержка динамически генерируемых страниц;
  • поддержка HTTPS для защищённых соединений с клиентами.

 

 

  1. Классификация веб-серверов. «Мелкие сервера».

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

Сервер базы данных (database server) – средство не столько хранения и доступа, сколько обработки массивов информации. Через клиентские запросы запрашиваемая информация извлекается, данные обрабатываются, структурируются, изменяются в зависимости от настроек сервера. Руководят работой таких серверов СУБД (Системы Управления Базами Данных), самые известные из них - MS SQL Server, Oracle, MySQL. В зависимости от количества пользователей и размера базы данных, а также перспективы их увеличения в будущем, определяют такие важные характеристики сервера базы данных, как мощность и масштабируемость.

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

Сервер рабочей группы – многофункциональное аппаратное решение для группы компьютеров (как правило, не более 20). Объединяет в себе возможности файлового сервера, сервера приложений, базы данных, принт/факс-сервера, почтового и других, в зависимости от потребностей. При общем использовании сервер рабочей группы обязан разграничивать доступ к данным и права пользователей. Обычно имеет один процессор, чаще всего используется в небольших фирмах, где нет нужды в выделении серверов для отдельных задач.

К онтроллер домена (Domain Controller server) – главный компьютер в локальной сети, имеющей иерархическую структуру – домене. Через контроллер домена осуществляется централизованное управление ресурсами домена – учетными записями компьютеров и пользователей. При помощи службы директорий Active Directory он сохраняет данные о пользователях и осуществляет их аутентификацию для доступа к ресурсам локальной сети. Работает под управлением серверных ОС от MS Windows, начиная с Windows 2000 Server. Контроллер домена – важный элемент сетевой инфраструктуры крупных компаний. Кроме того, он может выполнять роль файлового сервера и сервера печати.

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

Серверы FTP – неотъемлемая часть технического обеспечения Всемирной Паутины. Их задача – перемещать файлы по запросу простых файловых менеджеров с помощью стандартного протокола File Transfer Protocol. Самые «продвинутые» серверы FTP умеют разделять файлы по типам и местам размещения, ограничивать доступ к ним или предоставлять возможности совместного использования в сети Интернет.

Прокси-сервер – посредник между пользователями локальной сети и Интернетом. Обеспечивает безопасный выход в интернет, защищая от нежелательного доступа извне и при необходимости ограничивая выход на определенные ресурсы пользователям локальной сети. Кроме того, выполняет ряд других функций: учет и экономия трафика путем сжатия данных, кэширование, анонимизация доступа.

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

 

  1. Web-сервер HFS. Возможности, наполнение, настройки.

HFS — программа под Windows, предназначенная для организации доступа к файлам посредством HTTP. Удобный интерфейс, отсутствие необходимости настройки дополнительных клиентов (FAR, Total Commander и прочих), простота — вот основные достоинства, которые оценит пользователь системы. Кроме того, программа бесплатна.

 

  1. Веб-программирование. Использование PHP для веб-разработок. Движок сайта. Сервисы.

Веб-программирование — раздел программирования, ориентированный на разработку веб-приложений

 

PHP (рекурсивный акроним словосочетания PHP: Hypertext Preprocessor) - это распространенный язык программирования общего назначения с открытым исходным кодом. PHP сконструирован специально для ведения Web-разработок и его код может внедряться непосредственно в HTML.

 

Движок сайта CMS.

 

 

  1. Использование веб-сервера Apachе и «джентельменского набора» Denwer. Установка, настройка и создание базы данных.

Apache HTTP-сервер (произносится /ə.ˈpæ.ʧi/, назван именем группы племён североамериканских индейцев апачей; кроме того, является сокращением от англ. a patchy server; среди русских пользователей общепринято искажённое апа́ч) — свободный веб-сервер.

Apache является кроссплатформенным ПО, поддерживает операционные системы Linux, BSD, Mac OS, Microsoft Windows, Novell NetWare, BeOS.

Основными достоинствами Apache считаются надёжность и гибкость конфигурации. Он позволяет подключать внешние модули для предоставления данных, использовать СУБД для аутентификации пользователей, модифицировать сообщения об ошибках и т. д. Поддерживает IPv6.

  1. CMS. Назначение, сравнительные характеристики, популярность, параметры выбора. CMS Joomla, установка создание и редактирование сайта, выбор шаблона, работа с меню,
  2. Заливка сайта на CMS Joomla на хостинг

 

-



Поделиться:




Поиск по сайту

©2015-2024 poisk-ru.ru
Все права принадлежать их авторам. Данный сайт не претендует на авторства, а предоставляет бесплатное использование.
Дата создания страницы: 2017-06-11 Нарушение авторских прав и Нарушение персональных данных


Поиск по сайту: