Web-school

Селекторы — это часть правила CSS, которые позволяют определить к какому элементу веб страницы следует применять правила. Они могут быть: простыми, сложными, составными (список селекторов). К простым селекторам относятся: Простые селекторы Классы задаются элементам с помощью атрибута class=»имя_класса». Например:<div class=»content»> Блок с основным контентом </div> Главная и отличительная особенность классов в том, что один класс может быть присвоен  нескольким тегам одновременно. Соответственно...

Таблицы в настоящее время стали неотъемлемой частью web страниц. Во времена создания сайтов только с помощью голого HTML кода таблицы использовались для верстки страниц. Таблица с невидимыми границами отлично представляла собой образ модульной сетки, в которой очень удобно размещать информацию, выровненную на странице. Но с появлением каскадных таблиц стилей CSS, языка программирования JavaScript необходимость в верстке страниц с помощью таблицы отпала и на смену табличной верстке пришла блочная верстка, которая имела множество преимуществ перед табличной...

Семантические элементы в HTML5 доступно описывают свой смысл и назначение как для браузеров так и для разработчиков. Ранее, до HTML5, вся разметка страницы строилась на элементе <div> с присвоенными ему классами и идентификаторами. Классы и идентификаторы присваивались для настройки отображения элемента на веб-странице. В HTML5 появились совершенно новые семантические элементы. Они позволяют более понятно структурировать контент, выполнить его группировку. А так же позволяют размечать текстовое содержимое страницы...

Арифметические операции в JS Всем со школы известны простейшие арифметические операции такие как: сложение, вычитание, умножение и деление. В языке JS все они так же присутствуют. Ниже приведены основные арифметические операции языка: Сложение и конкатенация. Для сложения и конкатенации (склейки) строк используется один и тот же оператор (+). Следует помнить что если это действие выполняется над числами то произойдет сложение и в итоге мы получим сумму этих чисел. Но, если одна из переменных будет строкой то произойдет не сложение а склейка данных переменных...

PHP: Hypertext Preprocessor (изначально Personal Home Page, «Персональная домашняя страница») — наверное сейчас это самый распространенный язык разработки серверной части сайтов. Каждый год ему пророчили полное вымирание, но несмотря на конкуренцию он все еще на плаву. История развития данного языка берет свое начало в 1994 году, когда датский программист Расмус Лердорф создал набор скриптов на языке Perl  (ту самую «Персональную домашнюю страницу», которая легла в основу основ PHP). Написанные им скрипты позволяли вести статистику просмотров его резюме на сайте...

Ширина содержимого: свойство width. С помощью свойства width можно задать ширину содержимого блока. Данное свойство нельзя применить к строчным элементам. Ширина содержимого строчных элементов определятся исходя из ширины их одержимого. !!! Отрицательные значения не допускаются. !!! Свойство не наследуется дочерними элементами. Значения свойства width: Синтаксис свойства:width: 100px; width: 10em; width: 50%; width: auto; width: inherit; Минимальная и максимальная ширина. Для задания максимальной и минимальной ширины используются свойства max-width и min-width...

Array Данный тип позволяет создавать массивы пронумерованных элементов. Массив — это набор переменных, к которым происходит обращение по одному и тому же имени, но с разным индексом (номером элемента массива). Массивы используются для удобного хранения множества сходных по назначению переменных. Кроме этого удобство использования массивов заключается в том что можно изменять значения элементов массива  и работать с ним в цикле. Объявление массива в JavaScript Создание массива можно произвести с помощью конструкции следующего вида: var имя_массива = new Array(значение1, значение2, значение3 ...

Структура сайт на HTML5 немногим отличается от обычной структуры. В новой версии языка разметки введены новые семантические элементы которые позволяют лучше структурировать страницу сайта и придать каждому блоку определенный смысл. Мы рассмотрим основные нововведения HTML5 которые облегчают разработку сайта. Самая простая структура тела сайта имеет стандартные части (в большинстве случаев), это заголовок, меню, боковая панель, основное содержимое и подвал. Семантические элементы HTML5 помогают упростить работу с этими частями...

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

Аудио в HTML5 предоставляет возможность разработчикам работать с аудио контентом на странице сайта. Не так давно, до появления HTML5, добавление звуковых файлов на страницу было возможно только как фоновую. Минусом было то что он проигрывался все время пока пользователь находится на странице. Отсутствовала возможность его отключения пользователем. Но благодаря новшествам HTML5 появилась возможность добавлять аудио содержимое на страницы сайта. Причем не используя множества дополнительных модулей...

В JavaScript переменная — это определенная ячейка памяти компьютера, в которой хранятся какие-либо данные. Данная ячейка должна обязательно иметь имя, для того чтобы можно было к ней обращаться и совершать различного рода операции с данными хранящимися в ней. Объявление переменной Для того чтобы использовать переменную в своем скрипте ее нужно объявить, то есть задать имя переменной. Имя переменной задается с помощью команды var: var имя_переменной; В имени переменной могут быть использованы: символы латинского алфавита и числа...

Псевдоклассы CSS позволяют изменять динамическое состояние элемента веб страницы. В качестве динамического состояния может выступать нажатие на элемент, наведение курсора и тп. Внешний вид элементов изменяется с помощью селекторов. Но что если вам необходимо в таблице изменить все четные строки. То есть добавить цветную заливку или изменить в них цвет текста. Можно прописать класс для каждой четной строки вручную, но это займет время и увеличит размер страницы. Простым решением будет использовать псевдокласс :nth-child(even) для селектора tr...