Борисов — Качество. Качественные сервисы интернет. HTML5 CSS3 JavaScript jQuery

Борисов — Качество
Правильный браузер!
Если у Вас «слабый» компьютер, используйте браузер Google Chrome!
Обновите браузер до последней версии!
Чтобы прочувствовать все прелести, используйте другой браузер, например:
Google Chrome,
FireFox,
Opera,
Safari,
Internet Explorer 10!
Комментарии
Проекты
  • HTML5
  • CSS3
  • JavaScript
  • jQuery
  • КАК?
X

Оставь свой отзыв о сайте

Друзья! Пишите здесь свои пожелания, замечания, отзывы, предложения.

Буду рад видеть ваши комментарии.

X

Качественные WEB-системы и сервисы

Борисов — Качество

Качественные WEB-системы и сервисы

Полезный интернет

Пузотёрок НЕТ

Максим Борисов

X

Борисов Максим Дмитриевич

Максим Борисов

Автор и создатель нескольких сайтов, в том числе и сайта borisov-quality.com.

Ведущий собственной рассылки «Полезный интернет», на которую можно подписаться на сайте MaxBorisov.com, и разработчик проекта «Полезный интернет. Комплексный подход», на который можно оформить подписку на сайте Maxipart.RU.

На сайте доступно много интересной и полезной информации...

Принимает непосредственное участие в создании сообщества владельцев внедорожников Puzoterok.NET.

Подробную информацию обо всех проектах можно узнать на сайте WEB-системы.

Личный сайт и блог расположен по адресу: MaxBorisov.com.


Созданию сайта borisov-quality.com послужили несколько причин:

  • Отсутствие качественных сайтов, или, точнее сказать, их малое количество;
  • Сложность поиска нужной информации;
  • Стремление структурировать интересную и полезную информацию;
  • Желание видеть красивые сайты с понятным интерфейсом;
  • Желание не натыкаться на тизерную рекламу и другую чепуху.

А также другие аспекты. Результат Вы видите сейчас на своих экранах. Сайтом borisov-quality.com я хочу показать, что сайты могут быть не только унылыми и двухмерными, но также симпатичными и интересными.

Желаю Вам терпения!
Пробуйте, дерзайте, стремитесь!
Успехов Вам в создании хороших сайтов!

_____________
Максим Борисов

X

HTML5

HTML5

HTML5 (англ. HyperText Markup Language, version 5 — «язык разметки гипертекста, версия 5») — язык для структурирования и представления содержимого для всемирной паутины, а также основная технология, используемая в Интернете. Это пятая версия HTML-стандарта (изначально создан в 1990 году, последней версией являлся HTML4, стандартизированный в 1997 году) находится в стадии разработки по состоянию на ноябрь 2012 года. Основной её целью является улучшение языка, поддерживающего работу с новейшими мультимедийными приложениями. При этом сохраняется лёгкость чтения кода для человека и ясность исполнения для компьютеров и приспособлений (веб-браузеры, синтаксические анализаторы и т.д.).

Разметка.

HTML5 вводит несколько новых элементов и атрибутов, которые отражают типичное использование разметки на современных веб-сайтах. Некоторые из них — семантические замены для использования универсальных блочных (<div>) и строчных (<span>) элементов, например, <nav> (блок навигации по сайту), <footer> (обычно относится к нижней части страницы или последней строке HTML кода) или <audio> и <video> вместо <object>. Некоторые устаревшие элементы, которые можно было использовать в HTML 4.01, были исключены, включая чисто оформительские элементы, такие как <font> и <center>, чьи эффекты выполняются с помощью «каскадных таблиц стилей». Также в поведении WEB снова заострено внимание на важности скриптов DOM (например, Javascript).

Логотип HTML5.

18 января 2011 года W3C (англ. World Wide Web Consortium — «Консорциум Всемирной паутины») ввёл логотип, чтобы представить возможности использования и/или добавить интерес к HTML5. В отличие от других знаков, выпущенных ранее компанией W3C, он не подразумевает соответствие определенному стандарту. С 1 апреля 2011 года этот логотип считается официальным.

__________________________________
Информация взята из открытых источников

X

CSS3

CSS

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

Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.

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

Уровни CSS:

Уровень 1 (CSS1)

Рекомендация W3C, принята 17 декабря 1996 года, откорректирована 11 января 1999 года. Среди возможностей, предоставляемых этой рекомендацией:

  • Параметры шрифтов. Возможности по заданию гарнитуры и размера шрифта, а также его стиля — обычного, курсивного или полужирного;
  • Цвета. Спецификация позволяет определять цвета текста, фона, рамок и других элементов страницы;
  • Атрибуты текста. Возможность задавать межсимвольный интервал, расстояние между словами и высоту строки (то есть межстрочные отступы);
  • Выравнивание для текста, изображений, таблиц и других элементов;
  • Свойства блоков, такие как высота, ширина, внутренние (padding) и внешние (margin) отступы и рамки. Так же в спецификацию входили ограниченные средства по позиционированию элементов, такие как float и clear.

Уровень 2 (CSS2)

Рекомендация W3C, принята 12 мая 1998 года. Основана на CSS1 с сохранением обратной совместимости за несколькими исключениями. Добавление к функциональности:

  • Блочная вёрстка. Появились относительное, абсолютное и фиксированное позиционирование. Позволяет управлять размещением элементов по странице без табличной вёрстки;
  • Типы носителей. Позволяет устанавливать разные стили для разных носителей (например монитор, принтер, КПК);
  • Звуковые таблицы стилей. Определяет голос, громкость и т. д. для звуковых носителей (например для слепых посетителей сайта);
  • Страничные носители. Позволяет, например, установить разные стили для элементов на чётных и нечётных страницах при печати;
  • Расширенный механизм селекторов;
  • Указатели;
  • Генерируемое содержимое. Позволяет добавлять содержимое, которого нет в исходном документе, до или после нужного элемента;

В настоящее время W3C больше не поддерживает CSS2 и рекомендует использовать CSS2.1

Уровень 2, ревизия 1 (CSS2.1)

Рекомендация W3C, принята 7 июня 2011 года.

CSS2.1 основана на CSS2. Кроме исправления ошибок, в новой ревизии изменены некоторые части спецификации, а некоторые и вовсе удалены. Удаленные части могут в будущем быть добавлены в CSS3.

Уровень 3 (CSS3)

Разрабатываемая версия.

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

Уровень 4 (CSS4)

Разрабатывается W3C с 29 сентября 2011 года.

__________________________________
Информация взята из открытых источников

X

JavaScript

JavaScript

JavaScript — прототипно-ориентированный скриптовый язык программирования. Является диалектом языка ECMAScript.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

Основные архитектурные черты:

  • Динамическая типизация;
  • Слабая типизация;
  • Автоматическое управление памятью;
  • Прототипное программирование;
  • Функции как объекты первого класса.

На JavaScript оказали влияние многие языки. При разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке.

Название «JavaScript» является зарегистрированным товарным знаком компании «Oracle Corporation».

Поддержка браузерами.

На сегодняшний день поддержку JavaScript обеспечивают современные версии всех наиболее часто используемых браузеров. В Internet Explorer, Mozilla Firefox, Safari, Google Chrome, Opera имеется полная поддержка третьей редакции ECMA-262. При этом в Mozilla Firefox предпринята попытка осуществления поддержки четвёртой редакции спецификации, а первым браузером, в котором появилась неполная поддержка спецификации 3.1, явился Internet Explorer 8.

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

По мнению создателя языка, поддержка в Internet Explorer компанией Microsoft одного из существующих и применяющихся в других браузерах быстрых движков JavaScript способно привести к появлению приложений, работающих с трёхмерной графикой, написанных на JavaScript 3D-игр, использованию JavaScript в задачах, в которых ранее применялась технология Adobe Flash.

__________________________________
Информация взята из открытых источников

X

jQuery

jQuery

jQueryбиблиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM (англ. Document Object Model — «объектная модель документа»), обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API (англ. Application Programming Interface — «интерфейс программирования приложений») по работе с AJAX (англ. Asynchronous Javascript and XML — «асинхронный JavaScript и XML»).

Возможности:

  • Движок кроссбраузерных CSS-селекторов Sizzle, выделившийся в отдельный проект;
  • Переход по дереву DOM, включая поддержку XPath как плагина;
  • События;
  • Визуальные эффекты;
  • AJAX-дополнения;
  • JavaScript-плагины.

Философия.

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

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

__________________________________
Информация взята из открытых источников

X

КАК СОЗДАТЬ САЙТ?

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

Это — теория, и те определения, что представлены в разделах (HTML5, CSS3, JavaScript, jQuery) — тоже теория. И этой теории вполне достаточно, чтобы понять, как делаются сайты. Точнее сказать, чтобы не забивать себе голову лишними определениями, которые в создании сайта не имеют роли. Но всё же являются частью основы для практических действий.

Подытожим. Что необходимо для самостоятельного создания интерактивных сайтов? Во-первых, это — ЗНАНИЕ:

  • HTMLразметка сайта, т.е. каркас или скелет, — расположение различных элементов на странице.
  • CSSвнешний вид сайта: цвета, шрифты, тени, позиционирование и др.
  • JavaScriptинтерактивность сайта: анимация, плавное исчезновение и появление, вставка и удаление элементов страницы, а также многое другое.
  • jQueryбиблиотека JavaScript, которая не только облегчает процесс написания кода, но и улучшает возможности JavaScript. Существует множество плагинов jQuery, при помощи которых возможно сделать сайт таким, каким хочется. Девиз jQuery, «write less, do more» — «пиши меньше, делай больше», — красноречиво говорит о возможностях библиотеки.

Во-вторых, это — практические действия.

Даже изучив всю теорию, прочитав множество книг, учебных пособий, ничего не получится, если не практиковаться. Лишь из практики появляется опыт и закрепляются знания.

В-третьих — методы обучения.

Безусловно все мы знаем, что есть магазины, в которых можно купить книги, и по ним изучать основы HTML, CSS, JavaScript. В свою очередь авторы этих книг знают, что чем толще учебник, тем он солиднее. И поэтому льют очень много воды ввиде «предысторий создания...», «фамилий создателей...», «появления одного из другого...», т.е. много теории. И теории по сравнению с практикой много больше.

Как было сказано выше, теория тоже очень важна. Но зацикливаться на ней не стоит. Достаточно изучить определения, и понять, что — для чего нужно. А учебные пособия использовать как справочники.

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

Итак, как же заложить хорошую основу, получить отличные знания?

Порассуждаем...

Все мы учились или учимся в школе или в другом учебном заведении. Для чего мы это делаем? Ведь можно купить учебник и заниматься самостоятельно. А суть в том, что, когда учитель «всё разжёвывает и кладёт в рот», а затем ученик выполняет домашнее задание, знания мощным фундаментом укладываются в голове. Да так, что если потребуется практическое применение этих знаний, то стоит лишь заглянуть в справочник, как знания тут как тут.

Учебные курсы по HTML, CSS, JavaScript и jQuery, которые являются на сегодняшний день лучшими в РУ-нете, не просто учебные пособия. Это — интерактивные видео курсы, в которых Вам будут подробно рассказаны и показаны основы сайтостроение.

Чтобы узнать подробнее о курсах, кликните на соответствующую вкладку выше.

Бесплатный курс по HTML (33 видеоурока!)

Бесплатный курс по HTML

Данный комплекс уроков по HTML взят из платного сборника, под названием «Все Технические Моменты Онлайн-Бизнеса в Видеоформате» Евгения Попова. Пройдя этот курс, Вы научитесь создавать каркасы сайтов.

Этот курс предоставляется Вам бесплатно. Всё, что от Вас требуется, — это ввести свои данные в форму подписки слева. И на Ваш Email-адрес будет выслан курс по HTML.

Список уроков, которые вошли в курс:

  • Введение в HTML
  • Понятние тэга. Создание каркаса страницы
  • Параграфы и заголовки
  • Списки
  • Атрибуты
  • Изображения
  • Ссылки часть 1
  • Ссылки часть 2
  • Таблицы часть 1
  • Таблицы часть 2
  • Жирный и курсивный текст
  • Введение в формы
  • Текстовые поля форм
  • Радиокнопки
  • Чекбоксы
  • Элемент выбора в форме (селект)
  • Текстовая область
  • Создание кнопок
  • Объединение декоративное (fieldset)
  • Блокировка и только чтение
  • Обработчик
  • Локальный сервер
  • Отправка данных методами GET и POST
  • Функция отправки письма
  • Тэги внешних объектов
  • Предварительное форматирование
  • Карта изображения
  • Мета-теги
  • Комментарии
  • XHTML
  • Валидация документа
  • Тэги DIV и SPAN
  • Заключительный

Бесплатный курс по CSS (45 видеоуроков!)

Бесплатный курс по CSS

Данный комплекс уроков по CSS взят из платного сборника, под названием «Все Технические Моменты Онлайн-Бизнеса в Видеоформате» Евгения Попова. Пройдя этот курс, Вы научитесь верстать графические шаблоны любой сложности.

Этот курс также предоставляется Вам бесплатно. Всё, что от Вас требуется, — это ввести свои данные в форму подписки слева. И на Ваш Email-адрес будет выслан курс по CSS.

Список уроков, которые вошли в курс:

  • Установка расширений
  • Принцип работы CSS
  • Подключение и 3 базовых селектора
  • Групповые селекторы
  • Селекторы потомков
  • Псевдоселекторы ссылок
  • Семейство шрифтов
  • Размер шрифта
  • Жирный, курсив
  • Декор
  • Выравнивание и красная строка
  • Высота строки, расстояния
  • Сокращенная запись
  • Рамки
  • Работа со списками
  • Наследование
  • Каскадность и приоритетность
  • Блочная модель, margin и padding
  • Ширина и высота блока, выравнивание
  • Конфликты полей
  • Блочные и встроенные элементы
  • Фоновый цвет и изображение. Введение
  • Повтор фонового изображения
  • Позиционирование фонового изображения
  • Фиксация фона
  • Краткая запись фоновых свойств
  • CSS и таблицы
  • CSS и формы часть 1
  • CSS и формы часть 2
  • Свойство float введение
  • Создание простого каркаса на основе float
  • Очистка обтекания
  • Колонки одной высоты
  • Позиционирование введение
  • Абсолютное позиционирование
  • Относительное позиционирование
  • Фиксированное позиционирование
  • Z-индексы
  • Видимость элементов
  • Максимальная и минимальная ширина сайта
  • Браузеры
  • Решение проблем IE6
  • Два способа подключения стилей
  • Наследование ненаследуемых свойств
  • Заключительный

Курс по JavaScript и jQuery

Посмотрите видеопрезентацию курса от его автора — Евгения Попова:


Скачать эту презентацию (архив 32,1 МБ)

Курс по JavaScript и jQuery

Что такое Javascript?

Если набрать в строке ввода текста поискового сайта Google вопрос «Что такое Javascript?», то буквально первая ссылка приведёт на страницу с перечислениями определений, найденными на веб-страницах. Чего тут только нет! Это и объектно-ориентированный скриптовый язык, и межплатформенный инструмент для написания сценариев, и язык программ, исполняемых браузером, и много других определений на целую страницу текста.

Но среди всей это занудной, хотя и правильной, информации нет отражения того, чем по своей сути является Javascript.

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

И так можно перечислять очень и очень долго то, чем на самом деле является Javascript, и что скрывается за сухими фразами «скриптовый язык программирования».

Считаете, что освоить такой замечательный инструмент сложно? Уверяю Вас, Вы ошибаетесь.

Просто попробуйте, и Вам понравится.

Купон на скидку: BQ_872

_____________________

Евгений Попов — автор ряда видеокурсов по сайтостроению. В том числе и видеокурса «Javascript + jQuery для начинающих в видеоформате».

Напешы на стине | | | | | | |????? |||||||||||||||||||||пИсарь - пИшет |||||||||||||||жи, ши - пиши с "И" ||||||||||||||||||||много стЕн |||||||||||Ага!!!||||||Напиши на стене:
Включи ЗВУК
Нажми F11
и
КЛИКНИ ПО КНОПКЕ
закрыть

Здравствуй, дорогой друг!

Этот сайт демонстрирует возможности таких интернет технологий, как

HTML5, CSS3, JavaScript и jQuery

Надеюсь, тебе понравится на сайте.
Здесь много интересной информации!

Сейчас закрой это окно и затем нажми кнопку на стене!

ПРИГОТОВЬСЯ К ПРЕДСТАВЛЕНИЮ!

Да, и не забудь!
ДОСМОТРИ ПРЕДСТАВЛЕНИЕ ДО КОНЦА, А ПОСЛЕ НЕГО...
На все объекты можно воздействовать.
Некоторые даже возможно перемещать!

Добро пожаловать в мир 3D-сайтов :)

HTML и CSS - бесплатные видеокурсы
«HTML» и «CSS»
Изучите Видеокурсы
Бесплатно!
Станьте хозяином своих сайтов прямо сейчас! Введите Ваше Имя и Ваш E-Mail:

Ваш E-Mail в безопасности