Языки программирования. Этапы разработки ПО

Этапы разработки ПО
Когда заканчивается сопровождение ПО?

web-приложения
Скрипты
Интерет-магазины
Cms-системы
CMS (система управления контентом) – это программное обеспечение,
позволяющее систематизировать,
публиковать и изменять сайт без сильных технических знаний в области веб-мастеринга.

web-приложения
Cms-системы. Поддержка.
Шаблоны
набор файлов, которые представляют правила и стили интернет ресурса (цветовая гамма, оформление, расположение блоков и меню).

HTML - язык разметки
Основа –теги. Htmlbook.ru
-->
Пример
Текст, соответствующей теме…
Элементы p, h1, body не декларируют явно оформление -->
Пример
Текст, соответствующей теме…
Элементы p, h1, body не декларируют явно оформление

HTML - язык разметки
Основа –теги. Htmlbook.ru
-->
Пример
Текст, соответствующей теме…
Первая буква этого предложения написана шрифтом Arial, выделена красным цветом и увеличена в размерах.
Элементы p, h1, body не декларируют явно оформление -->
Пример
Текст, соответствующей теме…
Первая буква этого предложения написана шрифтом Arial, выделена красным цветом и увеличена в размерах.
Элементы p, h1, body не декларируют явно оформление

HTML - язык разметки. HEAD
содержит информацию для браузеров и поисковых систем.

HTML - язык разметки. Ссылки

HTML - язык разметки. MAP

HTML - язык разметки. MAP
alt="левая верхняя область" target="_blank">
alt="левая нижняя область" target="_blank">

HTML - язык разметки. Формы(элемент FORM)

HTML - язык разметки. элемент FORM

HTML - язык разметки. Формы. Текстовое поле
value
Значение поля по умолчанию или надпись на кнопке.
size
Размер поля типа text.
maxlength
Ограничение на количество символов, которые можно ввести в поле типа text.

Формы. Выпадающие меню Select
Атрибут selected –для выделения элемента

Формы. Флажки ( checkbox )
Может быть 1 элемент,
может ни 1 быть выбранным

Формы. Переключатели(radiobutton )
НЕ Может быть 1 элемент,
Только 1 может быть выбранным

Формы. Отправка. Сброс значений

Формы. Html5 forms

Формы. Html5 forms. Поле COLOR

Формы. Html5 forms. Поле COLOR.Результат работы

Формы. Html5 forms. Поле DATE

Формы. Html5 forms. Поле Number

Формы. Html5 forms. Атрибуты. Pattern
Введите инвентарный номер –формат 3 цифры, 2 буквы:

Формы. Html5 forms. Атрибуты. Requered

Формы. Html5 forms. Атрибуты. Step

CSS –каскадные таблицы стилей

CSS –Способы определения стилей для тегов

CSS –Определение стиля для тегов на конкретной странице

CSS –Подключение файла стилей
Стили rel="stylesheet" type="text/css" href="main.css">

CSS –Содержание файла main.css

CSS –преимущества CSS
Код легче поддерживать
Быстрее загружается страница
Единообразный дизайн
Доступность стилевых таблиц других авторов

CSS –селектор класса
.example{}: селектор класса
соответствует всем элементам, которые имеют атрибут class с указанным значением
Пример
.news {
font-size: 10pt;
font-family: 'Arial', 'Helvetica', sans-serif;
font-style: normal;
font-weight: normal;
}

CSS – группировка селекторов
h1, h2, p
{ text-align: center; color: red;}

CSS – группировка селекторов
Файл new.html
1 Параграфу присвоен стиль класса news,
2 Параграфу присвоен стиль класса news2
Файл main.css
.news {
}
.news {
}

Каскадность стилей
В порядке увеличения приоритета
Cтили по умолчанию;
2. Cтили по умолчанию переопределяются стилями, указанными в заголовке LINK ;
3. Стили LINK переопределяются описаниями стилей STYLE;
4. Стили STYLE переопределяются атрибутом STYLE в любом из элементов разметки.

ФОН: Цвет, картинка, повтор картинки

Регулярные выражения
Регуля́рные выраже́ния (англ. regular expressions) — формальный язык поиска и осуществления манипуляций с подстроками в тексте, основанный на использовании метасимволов

Регулярные выражения. Пример
/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/

Регулярные выражения. Шаблоны
Н456СХ
С344НК
В123КЕ
У123НО
Х322КН

Регулярные выражения. Пример программы на Perl
$s = "1+2-3*4";
if ($s =~ /(\d)(?=-)/) # Наити цифру за которой стоит '-'
{
print "$1\n"; # Результат '2'
} else {
print "ошибка поиска\n";
}

Регулярные выражения. Основные термины
Символы
Метасимволы
Квантификаторы

Регулярные выражения. Основные термины
Метасимволы
класс символов (например, любая цифра [0-9] или \d)
уточняющий символ (например, ^).
повторитель (например, +).

Регулярные выражения. Основные термины
Символы
Обычный символ представляет в выражении сам себя.
Пример
A,g,a, 1,….

Регулярные выражения. Метасимволы
Класс символов

Регулярные выражения. Метасимволы
Класс символов

Регулярные выражения. Метасимволы
Класс символов

Регулярные выражения. Метасимволы
Квантификаторы

Регулярные выражения. Метасимволы
Квантификаторы

Регулярные выражения. Метасимволы
Квантификаторы

Регулярные выражения. Альтернативы
Альтернативы
x|y
Совпадает с 'x' или 'y'.

Регулярные выражения. Pattern
type="text"
name="username"
placeholder="Username"
pattern="[a-z]{1,15}"
title="Username should only contain lowercase letters. e.g. john">

Регулярные выражения. online.
https://regexr.com/

Регулярные выражения. online.
https://regexr.com/

Регулярные выражения. online.
https://regexr.com/

Регулярные выражения. online. Примеры. Пароль.
https://regexr.com/

Регулярные выражения. online. Примеры. Пароль.
https://regexr.com/

Регулярные выражения. Якоря
Якоря
^ - начало строки
$ - конец строки

Регулярные выражения. Экранирование символов
Экранирование делается с помощью обратного слеша
Для каких символов? Для специальных символов
Пример *5 *4 *6 \*[0-9]
//f //g \/\/[a-z]
\1 \7 \\[0-9]

Регулярные выражения.
Задание – Фамилия (с заглавной буквы, остальные в нижнем регистре)