Веб – технологиями называются технологии, применяемые во Всемирной паутине. Вся информация в сети Интернет содержится в форме веб – страницы (минимальная логическая единица). Определенное количество веб – страниц, принадлежащих одному хозяину и находящихся на одном сервере, образуют веб – сайт. Веб – страница и веб – сайт – это основные понятия, используемые в веб – технологиях. Совокупность всех сайтов и составляет сеть Интернет. Виртуальные технологии – это инструменты, с помощью которых происходит создание страниц и сайтов.
Для смысловой разметки виртуальной страницы используют язык HTML, управлять отображением содержания виртуальных страниц помогают таблицы стилей. Использование языка и стиля позволяет менять оформление сайта без изменения соответствующих тегов. Перед тем, как продолжить статью, хочу порекомендовать персональный блог о веб-технологиях, он здесь.
Динамизм веб – страниц зависит от использования такого инструмента, как язык написания скриптов. Технология JavaScript является стандартным языком скрипта, с ее помощью виртуальной странице придаются элементы интерактивности, контролируются встроенные фреймы и всплывающие окна, организуются активные элементы в виде бегущей строки, часов, иных видов анимации. Инструмент Java располагается на компьютере пользователя и не требует выполнения, каких – то работ на сервере.
Как строятся веб-страницы
- Веб-страница строится на основе языка разметки гипертекста. Официальное название этого языка HTML (Hyper Text Markup Language).
- Для отражения содержимого на веб-страницы созданы и служат каскадные таблицы стилей, иначе CSS.
- В создании динамических страниц, на помощь разработчикам «приходят» языки скриптов. Самый популярный язык JavaScript.
- В принципе, с помощью этих трех языков HTML, CSS, JavaScript можно создать любую, даже самую сложную, веб — страницу, а созданные веб-страницы собрать в веб-сайт.
Динамический HTML
Чтобы браузеры отображали созданные веб-страницы, а браузеры видят веб-страницу, как набор объектов, был создан стандарт DOM (Document Object Model). Согласно нему, веб-стрнаница должна представляться в виде набора объектов, а сам стандарт DOM называется объектная модель документа.
- DOM связан с JavaScript, а по сути, эта модель связывает веб-страницы со скриптами или языками программирования.
- Связку HTML, CSS, JavaScript и DOM называют динамическим HTML или Dynamic HTML, а иногда DHTML.
Виртуальные технологии второго поколения. Особенности и возможности виртуальных сайтов второго поколения
Развитие виртуальных технологий привело к созданию и распространению новой разновидности сайтов. В отличие от традиционных, содержимым их наполняют сами пользователи. Контроль таких сайтов осуществляется не средствами публикации, а в основном интерактивными инструментами. Это различные блоги, форумы, социальные сети, онлайн – игры, сообщества и прочие подобные виртуальные ресурсы. От сайтов первого поколения они отличаются тем, что получают бесплатный контент от своих участников, которые управляют им, самостоятельно раскручивая и увеличивая его посещаемость. Ресурсы сайтов этого типа не зависят от позиции одного пользователя, их наполняет творчество и самовыражение многих пользователей.
Отличительной особенностью является возможность пользователя иметь свою личную уникальную зону для общения с другими пользователями, размещения фотографий, личных записей, формирования круга друзей и тому подобных действий.
Интерфейс сайта построен таким образом, что, перезагружаясь, страница всегда выдает данные, нужные пользователю. Все сервисы сайта интегрированы, взаимосвязаны и взаимозависимы друг от друга.
Сайты этого типа постоянно развиваются, дополняясь новыми разработками по части создания групп и сообществ. Их настройки просты, легки, понятны пользовательской аудитории.
В качестве популярных примеров веб – сайтов второго поколения можно привести Википедию, Ютуб, Мой мир, LiveJournal, eBay и другие.
Топ 10 современных веб-техналогий
1. Web Components
Это новый стиль элементов для HTML5, который базируется на стандартах W3C. Компоненты позволяют создавать пользовательские элементы многократного использования для структур динамических страниц, таких как виджеты с вкладками, слайдеры изображений и выпадающие меню. Вместо того чтобы создавать всплывающее меню с маркированным списком, можно использовать тег <dropdown>.
На официальном сайте Web Components доступно множество практических примеров, но очень мало пояснений того, где они могут пригодиться.
На данный момент еще слишком рано использовать Web Components в реальных проектах. Но через несколько лет все может измениться. Вот почему я считаю, что все веб-разработчики должны ознакомиться с этой современной веб технологией.
2. Tumult Hype 2.0
Mac-приложение Hype от Tumult вышло пару лет назад, но его последняя версия 2.0 наконец-то заняла свою нишу. Hype позволяет конструировать интерактивный анимированный веб-контент по ключевым кадрам с помощью инструментов рисования и временной шкалы. А затем экспортировать результат парой щелчков мыши в стандартные HTML5, CSS и JavaScript с картинками, работающие во всех настольных и — что немаловажно — мобильных браузерах. Это как аналог Flash Professional (приложение от Adobe), но для HTML5 и гораздо дешевле.
Автор изучал Hype 2.0 несколько недель и уверен, что хотя приложению не хватает многих продвинутых функций Flash Professional, оно вполне пригодно для создания профессионального интерактивного веб-контента. Оцените игры и инфографику, сделанные на Hype.
Главное в новой версии 2.0: бесплатное приложение Hype Reflect для моментального предпросмотра на iPhone и iPad, значительно улучшенная поддержка мобильного контента, улучшенная поддержка аудио, а также движения по кривой траектории. В Macworld есть неплохой обзор (EN) новых возможностей приложения.
3. Polymer
Когда вы познакомитесь с Web Components, вам может понадобиться библиотека Polymer. Этот проект с открытым исходным кодом запустил Google. Он предназначен для создания стандартизированных веб-компонентов.
Эта библиотека упрощает разработку, если вы работаете с Web Components API. С ее помощью вы получите встроенные элементы для добавления таких функций, как видео, слайдеры и даже виджеты Google Maps.
Целью Polymer является создание модульной структуры. Вот почему она позволяет создавать собственные виджеты на основе Web Components API. Таким образом появляется возможность добавить несколько виджетов на одну страницу без повторной записи кода.
Библиотека Polymer неразрывно связана с Web Components, и две эти технологии значительно изменяют методы модульной разработки сайтов.
4. Sketch
Мечта веб-дизайнера. Хотя популярность фотошопа среди веб-дизайнеров трудно пошатнуть, многие ищут более рациональные и доступные решения, лучше приспособленные конкретно для веб-дизайна.
Sketch от Bohemian Coding предназначен именно для этой роли. Как и Hype, приложение Sketch работает под Mac и прошло путь от относительно простого дизайнерского инструмента до красивой, полнофункциональной программы, чрезвычайно удобной для интерфейсных дизайнеров. Sketch может похвастаться:
- Векторной графикой для неразрушающего редактирования и независимости от разрешения;
- Встроенной поддержкой типографской сетки;
- Поддержкой нескольких страниц и рабочих областей в одном документе;
- Удобной нарезкой и обрезкой изображений;
- Стилями слоев для простого добавления эффектов, например заливки, границ и теней.
Саймон (Simon) в команде Elated Communications использует эту программу почти для всей своей веб-дизайнерской работы. Его статья (EN) о Sketch — отличный обзор ее возможностей.
5. AMP
Google всегда пытается улучшить интернет. Проект Accelerated Mobile Pages (сокращенно AMP) позволяет адаптировать любую веб-страницу для мобильных устройств по стандартному шаблону.
Нужно просто добавить небольшой код на свою страницу и позволить Google сделать все остальное. Если ваш сайт AMP-оптимизирован, он будет загружаться быстрее. Таким образом, сайт будет больше похож на оригинальное приложение.
Учитывая стремительный рост количества пользователей мобильных устройств, это технология веб разработки, на которую стоит обратить внимание. Она не подходит для интерактивных сайтов, но для блогов и новостных ресурсов технология AMP может стать революционным решением.
Данная информация была взята из мною созданного сайта http://myinfo-mani.ru.
Перейдя по которой вы узнаете еще больше и найдете для себя много интересного.