Scribd
Загрузить
10 просмотров

Web Zadaniya

Документ охватывает основы HTML, CSS и JavaScript, включая их синтаксис, структуры и методы. Он описывает редакторы HTML, элементы и атрибуты HTML, синтаксис CSS и способы добавления стилей, а также роль SQL в веб-программировании. Также рассматриваются массивы в JavaScript, методы работы с ними и основные операции с базами данных SQL.

Загружено:

jenok389
Авторское право
© © All Rights Reserved
Мы серьезно относимся к защите прав на контент. Если вы подозреваете, что это ваш контент, заявите об этом здесь.
Доступные форматы
Скачать в формате DOCX, PDF, TXT или читать онлайн в Scribd
10 просмотров

Web Zadaniya

Документ охватывает основы HTML, CSS и JavaScript, включая их синтаксис, структуры и методы. Он описывает редакторы HTML, элементы и атрибуты HTML, синтаксис CSS и способы добавления стилей, а также роль SQL в веб-программировании. Также рассматриваются массивы в JavaScript, методы работы с ними и основные операции с базами данных SQL.

Загружено:

jenok389
Авторское право
© © All Rights Reserved
Мы серьезно относимся к защите прав на контент. Если вы подозреваете, что это ваш контент, заявите об этом здесь.
Доступные форматы
Скачать в формате DOCX, PDF, TXT или читать онлайн в Scribd
Вы находитесь на странице: 1/ 18

1.Редакторы HTML.

Основы HTML
редактор HTML это программа-инструмент, используемая для написания основы веб-
сайтов. И, несмотря на то, что практически любой текстовый редактор может использоваться для
создания сайтов, это вовсе не означает, что вам лучше использовать обычный текстовый редактор
вместо специально созданного инструмента разработчика.
 Visual Studio Code.
 Notepad ++
 Sublime Text.
 WebStorm на базе IntelliJ.
 Vim.
 Eclipse.
 Atom.
 Adobe Dreamweaver CC.
Основы HTML содержат основные правила языка HTML, описание структуры HTML-
страницы, отношения в структуре HTML-документа между HTML-элементами.
HTML-документ — это обычный текстовый документ, может быть создан как в обычном
текстовом редакторе (Блокнот), так и в специализированном, с подсветкой кода (Notepad++, Visual
Studio Code и т.п.). HTML-документ имеет расширение .html.

2.Синтаксис CSS. Селекторы CSS


CSS синтаксис
Таблицы стилей состоят из набора правил(1). Каждое правило состоит из одного или
нескольких селекторов(3) и блока определения(2), выделяющегося фигурными скобками.
Блок определения может содержать одно или несколько свойств(4) отделенных точкой с
запятой (;) (после последнего свойства точка с запятой необязательна). Каждое свойство должно
иметь значение(5) отделенное двоеточием (:).
Селекторы CSS
С помощью селекторов Вы можете выбирать элементы на странице, которые хотите
оформить.
В CSS существуют следующие виды селекторов:
-Селекторы выбора
Вы можете выбирать элементы на странице для оформления по названию тэга.
-Селектор id
Данный вид селекторов позволяет производить более точную выборку и используется,
когда необходимо выбрать только один определенный элемент на странице, с предварительно
заданным идентификатором.
Идентификатор для элемента задается с помощью атрибута id (<p
id="идентификатор">текст</p>).

-Селектор class
Данный вид селекторов позволяет выбирать для оформления не единственный элемент, а
группу элементов.
С помощью атрибута class можно задать, что элемент относится к группе (<p
class="имя_группы">текст</p>).
-Комбинирование селекторов
Для более точного выбора элементов в CSS может использоваться комбинирование
селекторов.

3.Элементы HTML. Атрибуты HTML


Элемент HTML — это основная структурная единица веб-страницы, написанная на языке
HTML. Данный элемент вы можете увидеть в исходном коде для всех веб-страниц после задания
типа документа на первой строке на странице. DOCTYPE определяет, какую версию (X) HTML
эта страница использует.
HTML-атрибуты это специальные слова, которые управляют поведением HTML-элемента.
Они добавляют дополнительную функциональность, либо меняют поведение элемента по
умолчанию. Атрибуты элемента выражаются внутри начального тега элемента. Атрибут имеет
имя и значение.

4.Способы добавления CSS. Комментарии в CSS


Наиболее правильный вариант определения общих стилей для сайта - это подключение
внешнего файла CSS с помощью тега <link>.
Чтобы подключить CSS файл, в head области страницы используйте следующую
конструкцию:
<link href="URL_адрес_CSS_файла" rel="stylesheet" type="text/css">
В атрибуте href необходимо указать URL адрес файла, содержащего набор стилей CSS.
Атрибуты rel="stylesheet" и type="text/css" указывают, что указанный файл является таблицей
стиля в формате CSS.
Вы можете привязать неограниченное количество файлов CSS к одной странице сайта.
Однако подключение большого количества объемных CSS файлов приведет к увеличению веса
страницы, и соответственно может привести к увеличению времени загрузки и обработки
страницы.
Второй способ этот метод подойдет когда нужно вставить (определить) стили для группы
уникальных элементов страницы, то есть, набор стилей, которые используются только в пределах
одной страницы и не нужны для корректной работы остальных страниц сайта.
В любом месте областей <head> и <body> HTML документа используйте тег <style>,
внутри которого поместите необходимые CSS правила.

Чтобы закомментировать часть CSS-кода, вам понадобится обычный слэш ( / ) и астериск


( * ). Для добавления как встроенного, так и многострочного комментария в CSS вы начинаете со
слэша и астериска ( /* ). Их же, но в обратном порядке ( */ ) вы ставите в конце комментария.

5.Заголовки HTML. HTML-абзацы


Спецификация HTML описывает шесть видов заголовков: <h1> , <h2> , <h3> , <h4> , <h5>
и <h6> . Число в названии элемента отражает его приоритет. При этом <h1> самый общий, а <h6>
наиболее специфичный.
Каждый абзац начинается с тега <p> и заканчивается необязательным закрывающим тегом
</p>. В любой книге для выделения следующего абзаца используется отступ первой строки, еще
называемый «красная строка». Это позволяет читателю легко отыскивать взглядом новую строку и
повышает, таким образом, читабельность текста.

6. Цвета CSS. Цвета CSS RGB


CSS предлагает 145 названий цветов, от самых простых (black, white, orange, yellow, blue и
др.) до более специфичных (lawngreen, orchid, crimson и др.).
С помощью RGB
Вначале указывается ключевое слово rgb, а затем в скобках, через запятую указываются
компоненты цвета, например rgb(255, 128, 128) или rgb(100%, 50%, 50%)

7.Стили HTML. Форматы HTML


Что такое style в HTML?
HTML-элемент <style> содержит стилевую информацию для документа или его части. По
умолчанию стилевые инструкции внутри этого элемента считаются написанными на CSS.
Файл HTML - это веб-страница, созданная с использованием языка гипертекстовой
разметки HTML (HyperText Markup Language). Файл содержит HTML-код разметки,
описывающий расположение и форматирование элементов на странице: текста, изображений,
таблиц, видео, ссылок, блоков с динамическим содержимым и т. д.

8. HEX цвета в CSS. HSL цвета в CSS


Шестнадцатеричные цвета (hex)
Цвет в шестнадцатеричном формате записывается в виде трех двузначных чисел от 00 до
FF (перед ними обязательно ставится символ решетки #), что соответствует трем компонентам:
Red, Green, Blue (цветовая модель RGB).
HSL - аббревиатура, которая расшифровывается как Hue (оттенок), Saturation
(насыщенность) и Lightness (яркость). Он основан на цветовом круге RGB. У каждого цвета есть
угол и процентное значение для указания насыщенности и яркости.

9.Основы языка WEB программирования HTML


Основы HTML содержат основные правила языка HTML, описание структуры HTML-
страницы, отношения в структуре HTML-документа между HTML-элементами.
HTML-документ — это обычный текстовый документ, может быть создан как в обычном
текстовом редакторе (Блокнот), так и в специализированном, с подсветкой кода (Notepad++, Visual
Studio Code и т.п.). HTML-документ имеет расширение .html.

10. Массивы JavaScript. Методы массива JavaScript.


Массив - это упорядоченная коллекция значений. Значения в массиве называются
элементами, и каждый элемент характеризуется числовой позицией в массиве, которая называется
индексом. Массивы в языке JavaScript являются нетипизированными: элементы массива могут
иметь любой тип, причем разные элементы одного и того же массива могут иметь разные типы.
Элементы массива могут даже быть объектами или другими массивами, что позволяет создавать
сложные структуры данных, такие как массивы объектов и массивы массивов.
Методов массивов множество, но перечислим только 3:
1. some()
Этот метод проверяет, удовлетворяет ли какой-либо элемент массива условию, заданному в
передаваемой функции. Он вернет значение true, если хотя бы один элемент совпадет с
проверяемой функцией, и значение false — если нет.
2. reduce()
Этот метод принимает функцию, которая имеет в качестве аргумента аккумулятор и
значение. Он применяет функцию к аккумулятору и каждому значению массива, чтобы в
результате вернуть только одно значение.
3. every()
Этот метод проверяет, удовлетворяют ли все элементы массива условию, заданному в
передаваемой функции. Он вернет значение true, если каждый элемент совпадет с проверяемой
функцией, и значение false — если нет.

11.Роль SQL в Web-программировании.


SQL — простыми словами, это язык программирования структурированных запросов,
который используется в качестве эффективного способа сохранения данных, поиска их частей,
обновления, извлечения из базы и удаления. Язык универсален и обладает чётко определённой
структурой за счёт устоявшихся стандартов. Взаимодействие с базами данных происходит быстро
даже в ситуациях, когда объёмы данных велики (Big Data). Кроме того, эффективное управление
возможно даже без особых познаний кода.

12.CSS повторы в фоновых изображениях. CSS вставка фона


Background-repeat: Определяет, как будет повторяться фоновое изображение, установленное с
помощью свойства background-image. Можно установить повторение рисунка только по
горизонтали, по вертикали или в обе стороны.
Значения: background-repeat: no-repeat | repeat | repeat-x | repeat-y | inherit
Фон вставляется через свойство background-image.

13.Роль CSS в Web-программировании.


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

CSS используется для задания используемых шрифтов и цветов, расположения отдельных


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

14.Удаление и обновление данных в языке SQL.


Удаление из базы данных происходит с помощью команды "DELETE" (переводится с английского
как "УДАЛИТЬ"). Функция удаляет не одну строку, а несколько, при этом выбирает для удаления
строки по логике функции "SELECT". То есть чтобы удалить данные из базы, необходимо точно
определить их. Приведём пример SQL команды для удаления одной строчки:
DELETE FROM `USERS` WHERE `ID` = 2 LIMIT 1;
Благодаря этому запросу из таблицы "USERS" будет удалена одна запись, у которой в столбце
"ID" стоит значение "2".
Функция обновления "UPDATE" (переводится с английского как "ОБНОВИТЬ") довольно
часто используется в проектах сайтов. Как и в случае с функцией "DELETE", фкнция обновления
не успокоится до тех пор, пока не обновит все поля, которые подходят под условия, если нет
лимита на выборку. Поэтому необходимо задавать однозначные условия, чтобы вместо одной
строки нечаянно не обновить половину таблицы. Приведём пример использования команды
"UPDATE":
UPDATE `USERS` SET `NAME` = 'Мышь' WHERE `ID` = 3 LIMIT 1;

15.Использование CSS-технологии на странице HTML.


Добавление CSS с помощью тега style
Этот метод подойдет, когда нужно вставить (определить) стили для группы уникальных элементов
страницы, то есть, набор стилей, которые используются только в пределах одной страницы и не
нужны для корректной работы остальных страниц сайта.
В любом месте областей <head> и <body> HTML документа используйте тег <style>,
внутри которого поместите необходимые CSS правила.

16.Синтаксис JavaScript. Операция вывода JavaScript.


JavaScript синтаксис - это набор правил, по которым создаются программы JavaScript.
JavaScript синтаксис определяет два типа значений: фиксированные значения и
переменные значения.
Фиксированные значения называются Литералами. Значения переменных называются
Переменными.

JavaScript Литералы
Два наиболее важных правила синтаксиса для фиксированных значений:
1.Числа записываются с десятичными знаками или без них
2.Строки - это текст, заключенный в двойные или одинарные кавычки

JavaScript Переменные
В языке программирования переменные используются для хранения значений данных.
1.JavaScript использует var ключевое слово для объявления переменных.
2.Знак равенства используется для присваивания значений переменных.
Во время написания программы, а также при её отладке часто возникает необходимость
увидеть, как работает программа. Нужно узнать, доходит ли выполнение программы до
определённого места и какие значения имеют переменные в этот момент. Для этого существуют
функции вывода.
Функция alert() выводит на экран окно с сообщением. Текст сообщения всегда пишется в
кавычках. Все функции вывода могут выводить не только текст, но и значения переменных.
Метод document.write() добавляет текст на страницу. Это может быть не просто текст, но и
тэги, они будут работать. Однако, не рекомендуется использовать этот метод для добавления
элементов страницы. Они могут отображаться неправильно.

17.Изменить фон в CSS. Пределы CSS.


Свойство background-color просто добавляет цвет фона на страницу или к определенному
элементу. Мы использовали в примере background-color, чтобы установить фоновый цвет для
элемента <body> и внутри элемента <div>. Свойство background-image позволяет указать
картинку, которая будет отображаться в качестве фонового изображения для всей страницы или
для отдельного элемента.
Свойство overflow управляет отображением содержания блочного элемента, если оно
целиком не помещается и выходит за область заданных размеров. Значения:
Visible: Отображается все содержание элемента, даже за пределами установленной высоты
и ширины.
Hidden: Отображается только область внутри элемента, остальное будет скрыто.
Scroll: Всегда добавляются полосы прокрутки.
Auto: Полосы прокрутки добавляются только при необходимости.
Inherit: Наследует значение родителя.

18.Роль JavaScript в Web-программировании.


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

19. Ввод и получение данных с помощью языка SQL


Работу с базами данных SQL, как структурированный язык запросов, выполняет
практически идеально. Более того, он считается основным инструментом для взаимодействия с
реляционными БД, позволяющим проводить с ними самые разные манипуляции. Помимо трех
основных команд (CREATE, UPDATE и DELETE), используются и несколько других. Перечислим
их ниже с примерами для MySQL (поэтому везде после операторов стоит точка с запятой). Итак,
прежде всего создаем базу данных с текстовым наполнением. Здесь перечислим основные
команды, которые пригодятся нам в работе
 SHOW DATABASES — просмотр доступных БД
 CREATE DATABASE — создание новой БД
 USE <database_name> — выбор БД для дальнейшей работы
 SOURCE <file.sql> — выполнение одной или нескольких команд, содержащихся в
указанном файле.
 DROP DATABASE — удаление всей БД
 SHOW TABLES — вывод всех доступных таблиц в активной БД
 CREATE TABLE — создание новой таблицы в активной БД.

20. Поля CSS. CSS Padding. CSS высота и ширина.
padding-bottom
Устанавливает значение поля от нижнего края содержимого элемента.
padding-left
Устанавливает значение поля от левого края содержимого элемента.
padding-right
Устанавливает значение поля от правого края содержимого элемента.
padding-top
Устанавливает значение поля от верхнего края содержимого элемента.
padding
Устанавливает значение полей вокруг содержимого элемента.
Поле (margin) - Это расстояние от внешней границы элемента до границы окна браузера
или же элемента родителя.. ну границы того блока в который вложен наш элемент.
Отступом (padding) - Называют расстояние от внутренней границы элемента до его
содержания текста, картинок таблиц..
На рисунке наглядно показаны эти расстояния, а так же место занимаемое бордюром
(border) про него тоже не следует забывать.
Расстояния margin и padding указываются:
 px - В пикселях или любых других допустимых CSS единицах измерения.
 % - В процентах.
 auto - Размер полей и отступов автоматически рассчитывается браузером

21. Контейнеры CSS. Схемы CSS


Когда вы слышите слово оболочка или контейнер, это фактически означает, что группа
элементов обернута или содержится внутри другого элемента. Без использования дополнительных
элементов мы можем добавить оболочку к элементу body
Зачем нужны контейнеры
Использование контейнера страницы может иметь много преимуществ, о которых вы
должны знать как дизайнер или разработчик. Вот некоторые из них:
Сделать контент более читабельным. Без контейнера такой контент, как текст и
изображения, может растягиваться на всю ширину экрана. Для маленьких экранов это может
показаться нормальным. Однако для большого экрана это крайне раздражает.
Содержимое веб-страниц должно быть размещено в некоем элементе, ширина которого,
ограничивающая ширину содержимого, позволяет пользователям удобно работать с материалами
сайта. Такие элементы называют «обёртками» (wrapper) или «контейнерами» (container).
Контейнером называют элемент html-страницы, который предназначен для выделения
определенного ее фрагмента. Это может быть абзац, заголовок, цитата, текстовый фрагмент и
проч. Браузер никак не выделяет контейнер на html-странице.
Выбор схемы позиционирования: свойство ‘position’
Свойства ‘position’ определяет алгоритм позиционирования CSS2, используемый для
определения положения блока.
static
Данный блок является обычным блоком, позиционируемым в соответствии с нормальным
потоком. Свойства ‘left’ и ‘top’ не применяются.
relative
Положение блока рассчитывается в соответствии с нормальным потоком (оно называется
нормальным положением). Затем блок смещается относительносвоего нормального положения.
Когда для расположения блока B используется модель относительного позиционирования, тогда
положение следующего блока рассчитывается так, как будто блок B не был смещен.
absolute
Положение блока (возможно и размер) указывается с помощью свойств ‘left’, ‘right’, ‘top’ и
‘bottom’. Они указывают величину смещения относительно контейнера блока. Абсолютно
позиционируемые блоки изымаются из нормального потока. Это значит, что они не влияют на
размещение последующих сестринских элементов. Следует заметить, что поля абсолютно
позиционируемых блоков не перекрываются ни с какими другими полями.
fixed
Положение блока рассчитывается в соответствии с моделью абсолютного
позиционирования, а затем он фиксируется относительно некоторого объекта. При использовании
устройств без разбивки блок фиксируется относительно области просмотра (и не перемещается
при прокрутке).
22) Web-сервер и протокол передачи гипертекста HTTP. Протокол передачи
гипертекста HTTPS
Что такое HTTP?
HTTP – широко распространённый протокол передачи данных, изначально
предназначенный для гипертекстовых документов, то есть документов, которые могут содержать
ссылки, позволяющие организовать переход к другим документам.
Чтобы сформировать HTTP-запрос, необходимо составить стартовую строку, а также
задать по крайней мере один заголовок – это заголовок Host, который является обязательным, и
должен присутствовать в каждом запросе. Дело в том, что преобразование доменного имени в IP-
адрес осуществляется на стороне клиента, и, соответственно, когда вы открываете TCP-
соединение, то удалённый сервер не обладает никакой информацией о том, какой именно адрес
использовался для соединения.. HTTPS широко используется для защиты информации от
перехвата, а также, как правило, обеспечивает защиту от атак вида man-in-the-middle — в том
случае, если сертификат проверяется на клиенте, и при этом приватный ключ сертификата не был
скомпрометирован, пользователь не подтверждал использование неподписанного сертификата, и
на компьютере пользователя не были внедрены сертификаты центра сертификации
злоумышленника.
Что такое HTTPS?
HTTPS (Hypertext Transport Protocol Secure) – это протокол, который обеспечивает
конфиденциальность обмена данными между сайтом и пользовательским устройством.
Безопасность информации обеспечивается за счет использования криптографических
протоколов SSL/TLS, имеющих 3 уровня защиты:
 Шифрование данных позволяет избежать их перехвата;
 Сохранность данных – любое изменение данных фиксируется;
 Аутентификация защищает от перенаправления пользователя.
Обязательное использование защищенного протокола передачи данных требует вся
информация, касающаяся проведения платежей в интернете: оплата товаров в интернет-магазинах
любым способом (индивидуальная платежная карта, онлайн системы платежей и пр.), оплата
услуг через интернет-банкинг, совершение платежей в онлайн сервисах (казино, online-курсы и
т.п.) и многое другое.

23) HTML-цитаты. Комментарии к HTML-коду


Для создания цитат в языке HTML используются два элемента: блочный
элемент <Ыockquote> и строчный элемент <q>. Тег <Ыockquote> используется для отображения
длинных цитат, занимающих целый абзац и отображает его с отступами от левого и правого краев.
Элемент <q> используется для коротких цитат, являющихся частью текущего абзаца. Как
правило, браузеры заключают содержимое элемента <q> в кавычки.
Тег <address> используется для указания контактной информации, адреса и телефонов. Он
может содержать почтовый адрес, а также адрес электронной почты или номер телефона.
Тег <cite> используется при оформлении ссылки на какой-то первоисточник, например на
книгу, веб-сайт или научную работу, для обозначения упоминаемого источника
Тег <dfn> используется для обозначения определения какого-либо нового термина.
<!-- любой текст -->
Текст внутри комментария не отображается браузером на странице. Комментарии обычно
используются в следующих случаях:
 Для комментирования кода. Всегда полезно оставить подсказку.
 Для временного отключения кода. Удалять код неудобно, так как его надо будет
восстанавливать, а закомментировать и потом раскомментировать — самое лучшее
решение.
Комментарии можно использовать в любом месте страницы, кроме тега <title> — внутри
него они не работают. Внутри тега <style> HTML-комментарии тоже не работают, так как в CSS
код комментируется другим способом

24) Способы загрузки интернета. Протокол FTP для передачи данных


Протокол FTP является разновидностью протокола для передачи данных, который
используется с целью копирования и перемещения файлов в интернете и внутри TCP-
FTP расшифровывается как File Transfer Protocol — протокол передачи файлов.
Он отличается от других протоколов тем, что если в процессе передачи возникает какая-то
ошибка, то процесс останавливается и выводится сообщение для пользователя. Если ошибок
не было, значит, пользователь получил именно тот файл, который нужен, в целости и без
недостающих элементов.
По FTP-протоколу можно скачивать что угодно: фильмы, музыку, документы, программы,
драйверы и картинки. Сейчас многие производители железа выкладывают драйверы от устройств
на FTP-серверы, чтобы их могли скачать все желающие.
В корпоративной среде FTP используется для организации локального хранилища
внутренних документов и файлов для работы. Например, там могут храниться видеолекции или
архивные сканы документов. Ещё FTP позволяет загружать свои файлы на сервер, чтобы их мог
скачать любой желающий.

25) Комментарии JavaScript. Операторы JavaScript.


Как мы знаем из главы Структура кода, комментарии могут быть однострочными,
начинающимися с //, и многострочными: /* ... */.
Обычно мы их используем, чтобы описать, как и почему работает код.
. Избегайте комментариев:
 Которые объясняют, как работает код, и что он делает.
 Используйте их только в тех случаях, когда невозможно сделать настолько простой и
самодокументированный код, что он не потребует комментариев.
Как и любой другой язык программирования, язык Javascript поддерживает комментарии.
Т.е. комментарии - это некие символы (знаки), которые позволяют сделать так, чтобы какая-то
часть кода не обрабатывалась браузером.
Если нам нужно вывести из действия какую-то строку кода, нам нужно перед этой строкой
поставить 2 символа "//".
 Пишется он следующим образом:
 /*
 Комментарий
 */
 Весь код, который находится внутри этой конструкции является комментарием и не
обрабатывается браузером.
 Зачем нам нужны комментарии?
1) Оперативно выводить из действия какой-либо кусок кода. Часто на практике нужно
сделать так, чтобы часть кода временно не работала. Комментарии отлично подходят для
решения этой задачи.
2) С помощью Javascript комментариев вы можете оставлять для себя какие-то заметки
по ходу написания программы.
 Бывает так, что сейчас вы помните, для чего вы пишите ту или иную часть кода,
пройдет время и вы можете про это забыть.
 Чтобы такой ситуации не возникало, желательно оставлять комментарии.
Операторы
В JavaScript есть следующие типы операторов. Данный подраздел описывает каждый тип и
содержит информацию об их приоритетах друг над другом.
 Операторы присваивания
 Операторы сравнения
 Логические операторы
 Унарные операторы
JavaScript поддерживает бинарные и унарные операторы, а также ещё один специальный
тернарный оператор - условный оператор. Бинарная операция использует два операнда, один
перед оператором и другой за ним:

26) Иконки CSS. Ссылки CSS.


Как установить иконки?
Самый простой способ, чтобы установить иконки на вашу страницу HTML веб-сайта,
можно из библиотеки иконок, таких как Font Awesome.
Добавить имя указанного класса иконки встроенного элемент HTML (<i> или <span>).
Все иконки в библиотеке иконок ниже, масштабируются вектором, которые могут быть
настроены с помощью CSS размер, цвет, тень и т.п.
CSS-ссылки содержат свойства, которые отвечают за внешний вид гипертекстовых ссылок
HTML-документа. Ссылки представляют собой основной способ навигации по сайту, поэтому
применение CSS-стилей для оформления улучшит их визуальное восприятие.
Большинство браузеров выделяют четыре основных состояния гиперссылок, каждому из
которых соответствует свой псевдокласс селектора:
o Непосещенная — a:link
o Посещенная — по которой уже выполнялся переход — a:visited
o Не нажатая — над которой находится указатель мыши — a:hover
o Нажатая — которая удерживается мышью — a:active

27) Цвета HTML. Изображения HTML.


В ранних спецификациях W3C было определено всего 16 ключевых цветов. В более
поздних спецификациях дополнительно было определено ещё 130 различных названий цветов.
Следующая таблица содержит имена, и образцы цветов, которые ассоциируются с этими именами.
Таблица (палитра) цветов html предоставляет вам возможность самостоятельно подобрать нужный
вам тон. Значение цвета отображается в трех форматах: Hex, RGB и HSV.
 Hex состоит из трех двух символьных значений в шестнадцатеричной системе
счисления. Например: #ff00b3, где первая пара чисел - красный, вторая - зеленый, а третья - синий.
 RGB (RedGreenBlue) имеет вид "200,100,255", обозначающее количество
соответствующего тона(красный,зеленый,синий) в получаемом цвете.
 HSV (Hue, Saturation, Value - тон, насыщенность, значение) - цветовая модель, в
которой в качестве координат являются:
o Hue — цветовой тон, может варьироваться в пределах от 0° до 360°.
o Saturation — насыщенность, варьируется в пределах 0—100 или 0—1. Чем
больше этот параметр, тем «чище» цвет, поэтому этот параметр иногда называют чистотой цвета.
А чем ближе этот параметр к нулю, тем ближе цвет к нейтральному серому.
o Value (значение цвета) - задает яркость, значение так же может варьироваться в
пределах 0—100 или 0—1.
Как разместить картинку на странице?
Существуют и другие типы мультимедиа, однако логичнее начать со скромного <img>
элемента, используемого для вставки
Чтобы разместить изображение на странице, нужно использовать тег <img>. Это пустой
элемент (имеется ввиду, что не содержит текста и закрывающего тега), который требует минимум
один атрибут для использования — src (произносится эс-ар-си, иногда говорят его полное
название, source). Атрибут src содержит путь к изображению, которое вы хотите встроить в
страницу, и может быть относительным или абсолютным URL, точно так же, как значения
атрибута href для элемента <a>.

28.Переменные JavaScript. JavaScript Const-работа с константами.


Для хранения данных в программе используются переменные. Переменные предназначены
для хранения каких-нибудь временных данных или таких данных, которые в процессе работы
могут менять свое значение. Для создания переменных применяются операторы var и let. Каждая
переменная имеет имя. Значения переменных, объявленных с использованием ключевых слов var
или let, могут быть перезаписаны. Если же вместо этих ключевых слов используется const, то
объявленной и инициализированной с его помощью константе новое значение присвоить нельзя.

29.HTML-ссылки. Добавление CSS в HTML


Ссылки являются основой документов и позволяют переходить с одной веб-страницы на
другую. сама ссылка может вести не только на HTML-файлы, но и на файл любого типа, причем
этот файл может размещаться совсем на другом сайте. Для создания ссылки необходимо сообщить
браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать
ссылку. Атрибут href определяет URL. Внешние стили – это один из самых распространенных
способов подключения стилей CSS.Он подразумевает создание отдельного файла, содержащего в
себе CSS-код. Затем на этот файл ссылаются HTML-страницы. Обычно для оформления всего
сайта используется один файл.Чтобы добавить внешние стили на веб-страницу, воспользуйтесь
тегом <link> с указанием атрибутов href и rel="stylesheet":

30.Тип данных JavaScript. Функции JavaScript.


Тип данных определяет тип и поведение данных—он сообщает компилятору или
интерпретатору, как программист намерен использовать фрагмент данных. Любая функция
JavaScript — это объект, и, следовательно, ею можно манипулировать как объектом. Функция
может, хотя это и необязательно, принимать параметры. Функции возвращают единственное
значение.

31.HTML-формы. HTML-атрибуты формы


HTML-формы требуются для сбора данных от посетителей сайта. Например, при
регистрации на Uber, Netflix или Facebook пользователь вводит свое имя, почту и пароль.
Атрибуты:
action – это веб-адрес (URL) программы, которая обрабатывает данные формы.
Method – это HTTP метод, который используется браузером для отправки формы.
GET – данные отправляются внутри URL, параметры разделяются знаком «?».

32.Создание вложенных запросов в базе данных. Соединение таблиц.


Вложенный запрос — это запрос, который используется внутри инструкции SELECT,
INSERT, UPDATE или DELETE или внутри другого вложенного запроса. Операции соединения
подразделяются на два вида - внутренние и внешние. Оба вида соединений задаются в
предложении WHERE запроса SELECT с помощью специального условия соединения. Внешнее
соединение возвращает все строки из одной таблицы и только те строки из другой таблицы, для
которых условие соединения принимает значение true.

33.HTML формы. HTML-элементы формы.


Для того чтобы создать простую HTML форму, нужно поместить в код страницы тег
<form> и разместить внутри него элементы формы.Тег <form> является корневым элементом
HTML формы. Элемент Input
Это самый популярный элемент HTML-формы. Используется для создания текстовых
полей, в которые пользователь вводит информацию (например: пароль, адрес почты и т. д.).

34.Фоны CSS. CSS фоновые изображения.


С помощью свойства background можно задать положение, цвет, изображение,
повторяемость и привязку фона, как для отдельных элементов, так и полностью для всего сайта,
что по своей сути, кстати, является заданием определённых настроек для тега <body>.
background-image
Данное свойство используется для вставки фоновой картинки, указывая при этом ссылку на
неё.

35.База данных. Реляционные базы данных.


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

36.Сортировка массива JavaScript. JavaScript методы итерации массивов.


Массивы предоставляют множество методов. Как удалить элемент из массива?Так как
массивы – это объекты, то можно попробовать delete: Метод every() используют для проверки всех
элементов массива на соответствие условию. Метод some() используют для проверки какого-либо
одного элемента массива на соответствие условию.

37. заголовки и абзацы html


В HTML каждый абзац заключён в элемент <p> в начале и в конце.
Каждый заголовок заключён в элемент заголовка <h1>. Имеется шесть элементов
заголовка: <h1> (en-US), <h2> (en-US), <h3> (en-US), <h4> (en-US), <h5> (en-US) и <h6> (en-US).
Каждый элемент представляет разный уровень контента в документе; <h1> представляет главный
заголовок, <h2> представляет подзаголовки, <h3> представляет под-подзаголовки и так далее.

38. Серверные языки программирование и платформы. Введение в серверное


программирование.
К серверным web языкам программирования относятся такие языки, как PHP, Perl,
ASP.NET, Java, Python, Groovy, Ruby. Для работы с ними вполне достаточно установить на
персональном компьютере локальный сервер. Такие языки нужны для приема и хранения
информации на сервере.
код серверной части выполняется на веб-сервере и его основная роль состоит в
контролировании отправляемой пользователю информации (тогда как код клиентской части в
основном определяет структуру и способ преподнесения информации пользователю).

39. Языки программирования питон. Особенности и характеристика


Python — мультипарадигмальный язык программирования. Полностью поддерживаются
объектно-ориентированное, структурное, обобщённое, функциональное программирование и
метапрограммирование. Базовая поддержка аспектно-ориентированного программирования
реализуется за счёт метапрограммирования.
Одним из важнейших отличий этого языка от Java или C заключается в том, что для
написания приложений здесь используется меньше кода.
Python характеризуется ясным синтаксисом. Читать код на нем легче, чем на других языках
программирования, так как в Питоне мало используются такие вспомогательные синтаксические
элементы как скобки, точки с запятыми.

40. Тексты CSS. CSS шрифты.


Модуль CSS-текст описывает функции CSS, которые управляют переводом исходного
текста в форматированный и переносом строк. Различные свойства CSS обеспечивают контроль
над преобразованием регистра, обработкой пробелов, правилами переноса и переносом текста и
строк, выравниванием, интервалами и отступами.
Шрифты, использующие общий стиль дизайна, обычно группируются в семейства
шрифтов, классифицируемые набором стандартных свойств шрифта. Свойство font-family
используется для выбора начертания шрифта. закончить список вы должны типовым шрифтом,
который имеет 5 видов: serif, sans-serif, monospace, cursive и fantasy.

41. Создание и удаление базы данных. Типы данных.


Для создания базы данных используется команда CREATE DATABASE.
Для удаления базы данных применяется команда DROP DATABASE
Тип данных — это спецификация, определяющая, какого рода данные могут храниться в
объекте БД: целые числа, символы, данные денежного типа, метки времени и даты, двоичные
строки и так далее.

42. Таблицы HTML. Списки HTML.


Для создания таблицы служит тэг <TABLE>. Как известно таблица состоит из строк, а
строки, в свою очередь состоят из ячеек. Для определения строк служит тэг <TR>, для создания
ячеек - <TH>, <TD>.
Тэг <TH> используется для создания ячеек с заголовками.
Тэг <TD> - для обыкновенных ячеек с данными.
HTML-списки используются для группировки связанных между собой фрагментов
информации. Существует три вида списков:
◦ маркированный список — <ul> — каждый элемент списка <li> отмечается маркером,
◦ нумерованный список — <ol> — каждый элемент списка <li> отмечается цифрой,
◦ список определений — <dl> — состоит из пар термин <dt> — <dd> определение.

43. Создание вложенных запросов в базе денных. Соединение таблиц.


Вложенный запрос — это запрос на выборку, который используется внутри инструкции
SELECT, INSERT, UPDATE или DELETE или внутри другого вложенного запроса. Подзапрос
может быть использован везде, где разрешены выражения.
Соединения таблицы перечисляются в предложении запроса FROM; Соединение (JOIN) -
одна из самых важных операций, выполняемых реляционными системами управления базами
данных (РСУБД). РСУБД используют соединения для того, чтобы сопоставить строки одной
таблицы строкам другой таблицы. Например, соединения можно использовать для сопоставления
продаж - клиентам или книг - авторам.

44.Цвета и изображения html


Тег <img> предназначен для отображения на веб-странице изображений в графическом
формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если
необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер
<a>.
Для того, чтобы изменить цветовой фон страницы применяется тег bgcolor="#цвет". Вместо
слова цвет вставляются цвета HTML модели RGB, из 3 основных цветов - красный, зеленый,
синий. Каждый цвет состоит из 2 знаков от 0 до 9или букв от A до F. Пример записи черного цвета
- "#000000".

45.Способы загрузки интернета. Протокол передачи данных ftp


Протокол FTP используется для передачи файлов. Многие хостинговые компании
используют протокол FTP для загрузки файлов на веб-сервер, которые потом передаются по
протоколу HTTP.
Протокол FTP использует два соединения управляющее соединение и соединение для
передачи данных. Использование отдельного соединения для передачи данных, приводят к
проблемам в работе FTP с межсетевыми экранами и устройствами NAT. Для решения этой
проблемы был придуман пассивный режим FTP при котором соединение для передачи данных
устанавливается со стороны клиента. Еще одна проблема низкая безопасность.

46. Типы ввода HTML. Атрибуты ввода HTML.


Каждый сайт в интернете создан с применением HTML. Этот язык разметки обладает
массой ценных возможностей. В частности, HTML-элементам можно назначать атрибуты,
применение которых позволяет расширять возможности элементов.
Некоторые атрибуты общеизвестны, а вот о некоторых кое-кто, возможно, и не знает.
Сегодня мы поговорим о таких вот малоизвестных HTML-атрибутах.
1. Accept
Как известно, HTML позволяет создавать поля для выгрузки файлов. При этом, пользуясь
атрибутом accept таких полей, можно указывать типы файлов, которые пользователям сайта
разрешено выгружать на сервер.
Например, можно сделать так, чтобы поле позволяло бы выбирать только файлы с
расширениями .jpg и .png:
2. Multiple
Атрибут multiple можно назначать тегам <input> и <select>. Он позволяет пользователям
выбирать в соответствующих полях, описываемых этими элементами, несколько значений
Например, этот атрибут можно назначить полю, используемому для выгрузки файлов на сервер,
что позволит одновременно выгружать несколько файлов.
3. Download
Атрибут download позволяет сделать так, чтобы браузер, при щелчке по ссылке с этим
атрибутом, не переходил бы по ней, а предложил бы пользователю скачать то, адрес чего в ней
содержится.
4. Translate
Атрибут translate используется для указания на необходимость перевода некоего
содержимого на другой язык. Это — глобальный атрибут, его можно назначать любым HTML-
элементам.
5. Poster
Атрибут poster применим к элементам Изображение picture.jpeg будет выводиться до тех
пор, пока не будет нажата кнопка запуска воспроизведения видео.

47. Создание и заполнение таблиц в базе данных. Операторы управления данными.


В базе данных можно хранить данные в виде таблиц — тематических списков строк и
столбцов. Например, вы можете создать таблицу "Контакты" для хранения имен, адресов и
телефонных номеров или таблицу "Товары" для хранения сведений о товарах.
Есть несколько способов создать таблицу: вы можете создать новую базу данных, вставить
таблицу в существующую базу данных или импортировать таблицу из другого источника данных,
например книги Microsoft Office Excel, документа Microsoft Office Word, текстового файла или
другой базы данных, либо связать таблицу с этим источником. Когда вы создаете новую базу
данных, в нее автоматически вставляется новая пустая таблица. Затем вы можете ввести в нее
данные, чтобы начать определение полей.
Про операторы:
Основу языка SQL составляют операторы, условно разбитые не несколько групп по
выполняемым функциям.
Можно выделить следующие группы операторов (перечислены не все операторы SQL):
Операторы DDL (Data Definition Language) - операторы определения объектов базы данных
Оператор SELECT является фактически самым важным для пользователя и самым
сложным оператором SQL. Он предназначен для выборки данных из таблиц, т.е. он, собственно, и
реализует одно их основных назначение базы данных - предоставлять информацию пользователю.
Оператор SELECT всегда выполняется над некоторыми таблицами, входящими в базу
данных.

48. Границы CSS. Изменение фона CSS.


Фоновый цвет
Свойство background-color определяет цвет фона для любого элемента в CSS. Свойство
принимает любой допустимый цвет <color>. background-color распространяется на сам контент и
отступы от него (padding).
Свойство background-image позволяет отображать изображение в качестве фона элемента.
В приведённом ниже примере у нас есть два блока — в одном фоновое изображение больше, чем
размеры блока, а в другом - маленькое изображение звезды.
Про границы:
Для установки стиля границ используются следующие ненаследуемые свойства border-style,
border-top-style, border-bottom-style, border-left-style, border-right-style (см. пример №1). Все они
могут принимать ряд значений, которые определяют внешний вид границы:
none – граница не отображается, браузер обнуляет ее толщину (значение используется по
умолчанию);
dotted – линия границы будет иметь точечный вид;
dashed – линия границы будет иметь пунктирный вид;
solid – линия границы будет сплошной;
double – линия границы будет двойной;
groove – линия границы будет иметь объемный рифленый вид с эффектом вдавленности;
ridge – линия границы будет иметь объемный рифленый вид с эффектом выпуклости;
inset – линия границы будет иметь объемный вид с эффектом вдавленности;
outset – линия границы будет иметь объемный вид с эффектом выпуклости.

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


JavaScript-приложению обычно нужно работать с информацией.
Для создания переменной в JavaScript используйте ключевое слово let.
-const Значение констант не может быть изменено новым присваиванием, а также не может
быть переопределено. Константы (const) подчиняются области видимости уровня блока так же,
как переменные, объявленные с использованием ключевого слова let.
В JavaScript есть два ограничения, касающиеся имён переменных:
Имя переменной должно содержать только буквы, цифры или символы $ и (нижний
пробел)
Первый символ не должен быть цифрой.

50. База данных. Реляционные базы данных.


База данных (БД) — это стандартный программный сервис для упорядоченного хранения
данных. Повсеместно используется в том числе в клиент-серверной архитектуре. Например, вы
заполняете свой профиль или делаете заказ в интернет-магазине, а система сохраняет ваши данные
в базе, чтобы воспользоваться ими впоследствии (то есть БД не только сохраняет-оперирует
данными, но и хранит их).
На сегодняшний день насчитывается более 50 разных видов баз данных. Однако, несмотря
на разнообразие, существует несколько категорий, на которые их можно разделить:
Иерархические базы данных, Объектные или объектно-ориентированные, Реляционные
Реляционные базы данных — БД, которые используются для хранения и предоставления
доступа к взаимосвязанным элементам информации. Ранние способы записи информации были
очень неэффективны. Для того, чтобы найти необходимые данные, разработчик должен был
хорошо понимать структуру БД и ориентироваться в ней. Поэтому на смену старому методу
записи данных пришла реляционная модель.

51. Таблицы HTML. Списки HTML.


HTML-таблицы упорядочивают и выводят на экран данные с помощью строк или столбцов.
Таблицы состоят из ячеек, образующихся при пересечении строк и столбцов.
Каждой таблице можно добавить связанный с ней заголовок, расположив его перед
таблицей или после неё.
HTML-списки используются для группировки связанных между собой фрагментов
информации. Существует три вида списков:
-маркированный список — <ul> — каждый элемент списка <li> отмечается маркером,
-нумерованный список — <ol> — каждый элемент списка <li> отмечается цифрой,
-список определений — <dl> — состоит из пар термин <dt> — <dd> определение.
Каждый список представляет собой контейнер, внутри которого располагаются элементы
списка или пары термин-определение.
52. Сортировка массива JavaScript. JavaScript методы итерации массивов.
Сортировка массивов в JavaScript делается через метод array.sort(), этот метод возможно
также недооценен, как и неверно многими понимаем. Во время вызова sort(), сам по себе он
сортирует массив в алфавитном порядке, но не всё так просто, если попытаться зайти дальше.
Давайте более детально посмотрим на работу этого метода.
Методы массивов
Массивы предоставляют множество методов.
Добавление/удаление элементов
Мы уже знаем методы, которые добавляют и удаляют элементы из начала или конца:
 arr.push(...items) – добавляет элементы в конец,
 arr.pop() – извлекает элемент из конца,
 arr.shift() – извлекает элемент из начала,
 arr.unshift(...items) – добавляет элементы в начало.

53. JavaScript массивы. Методы массива JavaScript.


Массивы обычно описываются как «объекты, подобные спискам»; они представляют собой
в основном отдельные объекты, которые содержат несколько значений, хранящихся в списке.
Объекты массива могут храниться в переменных и обрабатываться во многом так же, как и любой
другой тип значения, причём разница заключается в том, что мы можем получить доступ к
каждому значению внутри списка отдельно и делать суперполезные и эффективные вещи со
списком, а также делать то же самое для каждого из значений. Представим, что у нас есть список
продуктов и их цены, хранящиеся в массиве, и мы хотим их просмотреть и распечатать на счёте-
фактуре, общая сумма всех цен и распечатка общей цены внизу.
Если бы у нас не было массивов, мы должны были бы хранить каждый элемент в отдельной
переменной, а затем вызывать код, выполняющий печать и добавляющий отдельно каждый
элемент. Написание такого кода займёт намного больше времени, сам код будет менее
эффективным и подверженным ошибкам.
Методы массивов
arr.push(...items) – добавляет элементы в конец,
arr.pop() – извлекает элемент из конца,
arr.shift() – извлекает элемент из начала,
arr.unshift(...items) – добавляет элементы в начало.

54. Способы загрузки интернета. Протокол передачи данных FTP.


FTP (File Transfer Protocol) — это протокол доступа, предназначенный для удаленной
передачи файлов. Простыми словами, FTP позволяет посмотреть содержимое папок на удаленном
сервере, через интернет. Протокол до сих пор повсеместно используется для передачи файлов и
доступа к хостам.
FTP расшифровывается как File Transfer Protocol — протокол передачи файлов.
Он отличается от других протоколов тем, что если в процессе передачи возникает какая-то
ошибка, то процесс останавливается и выводится сообщение для пользователя. Если ошибок
не было, значит, пользователь получил именно тот файл, который нужен, в целости и без
недостающих элементов.
По FTP-протоколу можно скачивать что угодно: фильмы, музыку, документы, программы,
драйверы и картинки. Сейчас многие производители железа выкладывают драйверы от устройств
на FTP-серверы, чтобы их могли скачать все желающие.
В корпоративной среде FTP используется для организации локального хранилища
внутренних документов и файлов для работы. Например, там могут храниться видеолекции или
архивные сканы документов. Ещё FTP позволяет загружать свои файлы на сервер, чтобы их мог
скачать любой желающий.

55. Цвета CSS. HSL цвета CSS.


HSL означает тон, насыщенность и светлота. Он основывается на цветовом колесе RGB. У
каждого цвета есть некие угловые и процентные значения для насыщенности и светлости
(интенсивности). Изменяя цветовой угол, мы можем получить цвета, сходные по насыщенности и
яркости с базовым. Примеры использования: Изменение цвета при наведении курсора мыши
Когда цвет в определенном компоненте должен казаться темнее при наведении курсора, формат
HSL идеально подходит для этого. Комбинирование тонированных цветов HSL может быть
удобен, когда у нас есть дизайн, который использует один и тот же цвет, но с разными оттенками.
Цветовые палитры Изменяя яркость, мы можем создавать наборы оттенков определенного цвета,
который будет использоваться для всех элементов пользовательского интерфейса. Цвета в
формате HSL – это очень мощный инструмент. Они могут сэкономить время и усилия на
разработку и даже способны помочь изучить варианты использования цветов с дизайном сайта.
Нужно только правильно их использовать. Синтаксис color: hsl(0, 100%, 50%); color: hsl(120,
100%, 50%);

56.Создание и удаление базы данных. Типы данных.


Создание базы данных Для создания базы данных используется команда CREATE
DATABASE. Она имеет следующий синтаксис: 1 CREATE DATABASE [IF NOT EXISTS]
имя_базы_даных; В конце команды указывается имя базы данных. Первая форма CREATE
DATABASE имя_базы_даных пытается создать базу данных, но если такая база данных уже
существует, то операция возвратит ошибку.
Для удаления базы данных применяется команда DROP DATABASE, которая имеет
следующий синтаксис: первая DROP DATABASE [IF EXISTS] имя_базы_даных; Первая форма
DROP DATABASE имя_базы_даных пытается удалить базу данных, но если такая база данных
отсутствует на сервере, то операция возвратит ошибку. Вторая форма DROP DATABASE IF
EXISTS имя_базы_даных пытается удалить базу данных, если на сервере имеется бд с таким
именем.
Виды баз данных • иерархические; • объектные или объектно-ориентированные; •
объектно-реляционные; • реляционные; • сетевые; • функциональные. Типы баз данных,
называемых также моделями БД или семействами БД, представляют собой шаблоны и структуры,
используемые для организации данных в системе

57.Web-сервер и протокол передачи гипертекста HTTP.


Протокол передачи гипертекста HTTPS. HTTP (англ. HyperText Transfer Protocol —
«протокол передачи гипертекста») — протокол прикладного уровня передачи данных, изначально
— в виде гипертекстовых документов в формате HTML, в настоящее время используется для
передачи произвольных данных. Задача, которая традиционно решается с помощью протокола
HTTP — обмен данными между пользовательским приложением, осуществляющим доступ к веб-
ресурсам (обычно это веб-браузер) и веб-сервером. На данный момент именно благодаря
протоколу HTTP обеспечивается работа Всемирной паутины. ПРОТОКОЛ ПЕРЕДАЧИ
ГИПЕРТЕКСТА – HTTP В «сердце» web находится протокол передачи гипертекста (HTTP),
являющийся протоколом прикладного уровня. Протокол HTTP реализуется с помощью двух
программ: клиента и сервера, которые, находясь на разных оконечных системах, обмениваются
HTTP-сообщениями. Web-сервер содержит объекты, каждый из которых идентифицируется своим
URL-адресом.

58.Цвета CSS. HEX цвета CSS.


Цвет в формате HEX — это ни что иное, как шестнадцатеричное представление RGB. Цвета
представляются в виде трёх групп шестнадцатеричных цифр, где каждая группа отвечает за свой
цвет: #112233, где 11 — красный, 22 — зелёный, 33 — синий. Все значения должны быть между
00 и FF. В этом контексте «hex» — это сокращение слова «hexadecimal» (англ.
«шестнадцатеричный»). Речь идет о шестнадцатеричной системе счисления, где основание чисел
— 16, а не привычное нам 10 (в десятичной системе). Эта система счисления используется и в
HTML, и во многих языках программирования. Сколько всего цветов в HEX? Гораздо точнее цвет
определяется шестнадцатеричным кодом, всего существует 16777216 комбинаций. Поэтому
дизайнеру может быть полезно распознавать цвет, просто взглянув на его hex-код CSS предлагает
145 названий цветов, от самых простых (black, white, orange, yellow, blue и др.) до более
специфичных (lawngreen, orchid, crimson и др.)
В CSS цвет текста задается с помощью свойства color , а его значение можно записать
несколькими способами – в шестнадцатеричном (hex) виде, в формате RGB или HSL либо указав
ключевое слово. Во избежание неправильного отображения цвета, заданного при помощи
ключевого слова, лучше указывать его hex-значение. Названия цветов не чувствительны к
регистру. Синтаксис color: teal;

59.Введение в серверное программирование. Серверные языки программирования и


платформы.
Серверные языки программирования нужны для реализации бизнес-логики, то есть
разработчик при помощи языка программирования описывает возможные сценарии использования
сайта или приложения. Языков программирования, используемых для серверной веб-разработки,
достаточно много: РНР, Ruby, Java, C, Рython, Perl и другие. серверное программирование состоит
из ряда модулей, рассматривающих создание динамических веб-сайтов; сайтов, которые
доставляют персонализированную информацию в ответ на HTTP запрос. Web-сервер не
приспособлен обрабатывать данные . Его задача: прием от Web-обозревателя запроса на файлы
(Web-страницы, таблицы стилей, графические изображения, фильмы, звуки, архивы, исполняемые
файлы и т. п.), поиск этих самых файлов на жестких дисках серверного компьютера и отправка
найденных файлов назад Web-обозревателю. Это его основная задача. Серверные программы
делятся на следующие четыре вида. 1 Исполняемые программы, работающие через интерфейс CGI
(Common Gateway Interface — общий интерфейс обмена), так называемые CGI-npoграммы. Эта
разновидность серверных программ — самая старая, однако отнюдь не устаревшая. 2 Расширения
Web-сервера (приложения формата ISAPI, NSAPI, модули расширения Apache и т. П

60.Редакторы HTML. Основы HTML.


HTML-реда́ктор — редактор исходного кода веб-страниц, поддерживающий язык разметки
HTML. Обычно делятся на редакторы исходного кода и WYSIWYG-редакторы, которые тоже
могут иметь возможность редактирования исходного кода. Редакторы HTML являются
специализированным ПО, а значит, предоставляют ряд удобств для написания HTML-разметки.
ТОП 10 лучших HTML редакторов • Visual Studio Code. • Notepad ++ • Sublime Text. • WebStorm на
базе IntelliJ. • Vim. • Eclipse. • Atom. • Adobe Dreamweaver CC.
HTML-документ — это обычный текстовый документ, может быть создан как в обычном
текстовом редакторе (Блокнот), так и в специализированном, с подсветкой кода (Notepad++, Visual
Studio Code и т.п.). HTML-документ имеет расширение .html.Каждый элемент обозначается в
исходном документе начальным (открывающим) и конечным (закрывающим) тегом (за редким
исключением).Элементы, представленные одиночными тегами, не могут хранить в себе
содержимого напрямую, оно прописывается как значение атрибута, например, элемент <input
type="button" value="Кнопка"> создаст кнопку с текстом Кнопка внутри. HTML-элементы могут
иметь атрибуты (глобальные, применяемые для всех HTML-элементов, и собственные). Атрибуты
прописываются в открывающем теге элемента и содержат имя и значение, указываемые в формате
имя атрибута="значение". Атрибуты позволяют изменять свойства и поведение элемента, для
которого они заданы. HTML-документ состоит из двух разделов — заголовка — содержимое
элемента <head> и содержательной части — содержимое <body>.

Вам также может понравиться