что подразумевается под веб технологиями
Веб-технологии
В прошлой статье я писал про способы создания сайтов, стоит добавить, что выбор того или иного способа зависит от того, какими веб-технологиями владеет или планирует овладеть разработчик. Что же такое веб-технологии, какие они бывают и что изучать начинающему веб-разработчику?
Веб-технологии
Веб-технологиями (интернет-технологиями), обычно называют технологии создания и поддержки различных информационных ресурсов в сети Интернет: сайтов, блогов, форумов, чатов, электронных библиотек, энциклопедий и т.д.
Основные веб-технологии:
1) HTML – Hyper Text Markup Language (язык гипертекстовой разметки). Этот язык, используемый для определения структуры и описания содержания веб-страницы в структурированной форме. Если сравнить процесс создания сайта с постройкой дома, то HTML – это каркас дома: крыша (header), стены, перегородки и окна (body, div), подвал (footer).
2) CSS – Cascading Style Sheets (каскадные таблицы стилей). Это язык, содержащий набор свойств для определения внешнего вида документа (страницы). Если вернуться к строительству дома, то здесь CSS – это штукатурка, краска, обои, линолеум и т.д., то есть внутренняя отделка, «косметика».
3) PHP – Personal Home Page (личная домашняя страница), но в настоящее время более подходящим словосочетанием является Hypertext Preprocessor (гипертекстовый препроцессор). PHP – это скриптовый язык программирования, созданный для генерации HTML-страниц на веб-сервере и работы с базами данных. Т.е. при помощи PHP можно генерировать html-страницу непосредственно в процессе обработки действий пользователя.
При помощи PHP выполняются основные операции, которые необходимы для функционирования сайта: обработка данных, поиск информации, работа с БД, обработка веб-форм, обработка действий пользователя.
Здесь мне сложнее привести пример сравнения с постройкой дома, но я попробую. Возможно, примером PHP будет бригада строителей, которая работает на объекте, заказчик говорит что нужно сделать и бригада в кротчайшие сроки выполняет работу, как бы изменяя объект в соответствие с запросами заказчика.
4) JavaScript – это язык управления сценариями просмотра веб-страниц на стороне клиента (т.е. на компьютере пользователя).
Основная идея JavaScript состоит в возможности изменения свойств объектов HTML-структуры, их стилей, и возможности управления элементами страницы при взаимодействии с пользователем. При этом обновление страницы не происходит.
— при нажатии на кнопку, изменяется цвет фона страницы;
— при наведении курсора мыши на гиперссылку, открывается новое окно или изменяется текст в параграфе.
Возможности JavaScript огромны. При помощи JavaScript можно создать очень удобный, красивый и динамичный сайт.
Если вернуться к примеру с домом, тут JavaScript – это выключатель, вытяжка, жалюзи или система «умный дом» (управление отоплением, сигнализация, управление освещением, датчики движения и т.д.).
Что изучать начинающему веб-разработчику?
Те, кто планирует заниматься созданием сайтов любым из способов должны изучить такие «буквари» веб-разработчика как HTML и CSS. Это основы и с ними полезно познакомиться всем кто работает с сайтами, даже веб-дизайнеру полезно это знать, чтобы найти общий язык с верстальщиком.
Обобщение
Это далеко не все веб-технологии, но они являются одними из самых основных. Позже планирую добавить информацию о других не мене важных веб-технологиях (Ajax, MySQL и т.д.). В качестве обобщения приведу следующую схему:
Надеюсь информация была полезна, и у вас сформировалось представление о том какие существуют веб-технологии и для чего они используются. Если есть какие-то идеи, возражения по поводу примеров и схемы — жду комментариев. Спасибо за внимание!)
Введение в web-технологии — понятия Интернет и всемирная паутина
Вступление
Сразу замечу, что понятие веб-технологии гораздо шире чем Интернет. Всемирная паутина лишь элемент веб-технологий, которые в свою очередь лишь логический элемент Интернет технологий. Более подробно об этом в статье Интернет технологии это что такое?
Хорошим примером комплексного применения логических элементов интернет технологий являются всем хорошо знакомые онлайн географические карты.
Такие элементы интернет технологий, как web API и языки программирования JS и HTML, дают возможность создания и использования онлайн конструкторов карт, динамических карт с привязкой местоположения пользователя, карт для постройки маршрута и т.д.
Веб-инструменты под названием «конструкторы карт», позволяют создать схемы проезда и указатели местоположения конкретных географических объектов. Например, показать на карте местоположение магазина.
Сервисы API Карт позволяют использовать картографические данные в веб-проектах, через геодекодеры JS API и HTTP API. Например, построить маршрут от точки А до точки Б или показать пользователю магазины по его местоположению.
Введение в web-технологии
Еще раз замечу. Не стоит путать понятия Интернет и всемирная паутина (WWW).
Интернет это глобальная сеть компьютерных сетей, а WWW это один из сервисов Интернет. Но эта путаница скорее говорит о глобальной популярности всемирной паутины (WWW) и подчеркивает ее значимость для пользователей.
Веб–технологии это логическая составляющая Интернет–технологий, которые включают в себя:
1) Интернет-сервисы
2) Работа в Интернет
3) Информационные ресурсы Интернет
Основные понятия веб-технологий
Основные понятия веб-технологий: веб-страница и веб-сайт. Их не стоит путать.
Веб-страница – это минимальная единица сервиса WWW. По-сути это документ, который уникализирован в WWW своим URL адресом.
Веб-сайт – это набор веб-страниц связанных общей тематикой. Веб-сайт находится на одном сервере (хостинге) и принадлежит одному владельцу. Как вариант, веб-сайт может состоять из одной веб-страницы (сайт – визитка).
Совокупностью всех веб-сайтов и образуют всемирную паутину, часто называемую веб или WWW – сервиса Интернет, созданного для поиска и обмена нужной информации.
Как строятся веб-страницы
Динамический HTML
Чтобы браузеры отображали созданные веб-страницы, а браузеры видят веб-страницу, как набор объектов, был создан стандарт DOM (Document Object Model). Согласно ему, веб-страница должна представляться в виде набора объектов, а сам стандарт DOM называется объектная модель документа.
Язык разметки XML
Язык разметки XML или XML – ExtensibleMarkupLanguage это описание синтаксиса современного языка HTML. Читать: Основы HTML…
Выводы
Подводя итоги, отмечу, что основная цель в изучении веб-технологий это создание или изменение веб-страниц, которые будут правильно отражаться в браузерах. Также введение в web-технологии поможет вам читать коды ваших веб-страниц, что, несомненно, нужно для любого владельца веб ресурсов.
Лекции Технопарка. 1 семестр. Web-технологии
Сегодня этим постом мы открываем цикл еженедельных публикаций учебных материалов Технопарка. Если кто-то ещё не знает, Технопарк — это совместный образовательный проект Mail.Ru Group и МГТУ им. Н. Э. Баумана. На данный момент здесь проходит обучение по 20 IT-дисциплинам 91 наиболее талантливый студент. Технопарк существует с 18 ноября 2011 года, а первые счастливчики приступили к занятиям в декабре 2011 года.
Обучение в Технопарке совершенно бесплатное, оно проходит после занятий в университете. Стать участниками проекта могут студенты 3-5 курсов. Хотя для 2 и 6 курсов можем сделать исключение. Обучение длится 2 года, оно разбито на 4 семестра, в каждом из которых проходят по 3-4 предмета. Первый блок первого семестра посвящён всему, что связано с web-технологиями, от истории возникновения до программирования и безопасности web-приложений.
Лекция 1. Введение
На вводном занятии вы познакомитесь с краткой историей развития интернета, основными трендами в развитии web-приложений, облачных сервисов и мобильных приложений. Также на лекции разобрано устройство и работа несложного web-приложения, обсуждены такие фундаментальные понятия, как система адресации в интернете, домены, HTML-страницы и протокол HTTP. Напоследок кратко рассказано о CGI-скриптах, их назначении и особенностях работы.
Лекция 2. Сетевые протоколы
Вторая лекция посвящена сетевым протоколам. Сначала даны теоретические основы о модели OSI и вложенности протоколов, рассмотрено назначение и устройство протоколов TCP и IP, подробно рассказано о доменах, доменных зонах и делегировании. Затем лектор рассказывает о том, что собой представляет протокол HTTP, о назначении HTTP-заголовков, кодах ответа сервера и прочих нюансах передачи данных в сети. В оставшуюся часть лекции затрагиваются все вопросы, касающиеся электронных писем: какова структура e-mail, как составляются заголовок и тело письма, устройство и работа протоколов SMTP, POP3 и IMAP. В конце обсуждаются сугубо практические темы: составление списков рассылок, методы борьбы со спамом, назначение и работа расширения SPF, использование обратной зоны DNS.
Лекция 3. Web-серверы
На этой лекции рассмотрена общая схема работы web-сервера: что такое сокеты, конструкция запросов, файловая структура и ведение логов. Рассказано о различиях между frontend- и backend-серверами, а также об использовании серверов для получения статического контента и проксирования запросов. Далее затрагиваются азы конфигурирования сервера, рассказывается о таких понятиях, как MIME и Content-Type. После рассмотрения роли web-сервера в качестве сервера приложений, лектор переходит к информационному блоку об интерфейсах взаимодействия с языком программирования. А в конце лекции рассказывается о модели обработки запросов и способах сравнения производительности разных web-серверов.
Лекция 4. Серверная разработка
Вначале проведён небольшой обзор языков, используемых для разработки серверов. Затем подробно изучен протокол CGI, устройство CGI-скриптов и библиотеки для работы с ними. Лектор рассказывает о том, как обрабатывать входные данные и работать с БД. Рассматривается работа с объектами и их списками, а также с формами. Затем вы узнаете, как использовать перенаправления, где и в каком виде хранятся данные на клиенте, как использовать cookie и сессии. Напоследок будет рассмотрена работа с шаблонами: использование шаблонизаторов, для чего нужны подшаблоны и особенности наследования шаблонов.
Лекция 5. Реляционные базы данных
Из этой лекции вы узнаете о том, что такое реляционные БД, для чего они используются и как развивались. Затем рассмотрены основные понятия, связанные с работой в реляционных БД, типы данных в SQL и работа с ними (нормализация, управление данными, выборки). Также лектор рассказывает о способах проверки целостности базы, использовании внешних ключей, а в конце лекции — о преимуществах и недостатках наиболее распространённых СУБД.
Лекция 6. MVC-фреймворки
MVC — это схема использования нескольких шаблонов проектирования. На лекции рассказывается о том, что это вообще такое и как эту схему применять на практике. Далее подняты вопросы маршрутизации URL и обработки HTTP-запросов. Затем рассказывается о визуализации данных с помощью представления и использовании шаблонов.
Лекция 7. Django (часть 2)
В конце предыдущей лекции была затронута тема реализации MVC во фреймворке Django. Здесь этот вопрос рассматривается уже подробно. В частности, вы узнаете о том, как написать скрипт управления django-приложением, что такое middleware и зачем оно нужно. Также вы познакомитесь с представлениями-классами (Class Based Views), расширениями фильтров и тэгов в шаблонизаторе и многим другим.
Лекция 8. HTML и CSS
После просмотра этой лекции вы многое узнаете о вёрстке web-страниц. Здесь рассказывается об истории развития и особенностях таких языков разметки, как HTML, XML и XHTML. В лекции преподаются основы вёрстки, рассматриваются основные тэги и атрибуты, без которых нельзя создать даже простейшую страницу. Вы узнаете, какие бывают типы элементов страницы, как создавать таблицы и списки. Затем рассказывается о каскадных таблицах стилей (CSS), их создании и использовании.
Лекция 9. Javascript
Здесь вы познакомитесь с основами языка программирования JavaScript: с его синтаксисом, способами подключения к web-странице и моделями обработки событий. Заодно вы узнаете, что такое AJAX и как подключать JS-библиотеки. Остаток лекции посвящён использованию библиотеки jQuery и её плагинов.
Лекция 10. Rich Internet Applications
На данной лекции рассказывается о том, что собой представляют Rich Internet Applications, web-приложения, доступные через интернет. Они появились благодаря недостаткам, присущим HTML, CSS и JavaScript. Вы узнаете о возможностях, преимуществах и недостатках RIA, их устройстве и наиболее популярных видах использования.
Лекция 11. Безопасность web-приложений
Последняя лекция этого блока в Технопарке. На ней рассказывается об основных аспектах безопасности, которые необходимо знать web-разработчику: как реализована авторизация в протоколе HTTP, как можно сделать систему авторизации с помощью web-приложения, базовые понятия криптографии, средства безопасности в браузерах и какие бывают виды атак на web-приложения.
Web-технологии
Вы будете перенаправлены на Автор24
Web-технологии — это технологии формирования и поддержки разных информационных ресурсов в сети интернет.
Введение
Когда появились Web-технологии, пользоваться компьютерной техникой начали абсолютно новые категории граждан. Список социальных категорий населения, подсоединяющихся к сети интернет с целью поиска информации во всемирной паутине, постоянно увеличивается за счёт людей, которые не считают себя специалистами в сфере информационных технологий. Web-технология в корне изменила понятия об информационной обработке, как и работе с компьютерной техникой тоже.
Оказывается стандартные характеристики, описывающие прогресс в сфере вычислительного оборудования, а именно, производительность, пропускная способность, объём памяти, практически не включали в свой состав главное системное «узкое место», именуемое пользовательским интерфейсом. Устаревшая техника взаимоотношений пользователя с информационной системой тормозила продвижение передовых технологий и нивелировала преимущества от их внедрения. И лишь когда интерфейс пользователя, обеспечивающий взаимодействие человека и компьютера, разработчики довели до простого и естественного понимания обычными людьми, произошёл невообразимый взрывной рост интереса к достоинствам и возможностям компьютерного оборудования.
Сущность Web-технологий
Web-технологиями является весь набор средств, позволяющих организовать WWW (World Wide Web), то есть всемирную паутину. Так как каждый сеанс является взаимодействием двух сторон, а именно, сервера и клиента, то и Web-технологии делятся на следующие группы:
Технологии клиентской стороны включают в свой состав весь набор технологий по созданию веб-страниц (HTML, JavaScript, DHTML и другие), а технологии серверной стороны состоят из технологий доступа к информационным базам данных в сети интернет (CGI, PHP).
Готовые работы на аналогичную тему
Для случая WWW в качестве клиентов используются программы веб-обозревателей, то есть веб-браузеры, являющиеся программами для просмотра веб-страниц. В качестве серверов выступают так называемые веб –серверы, которые обрабатывают запросы веб –обозревателей и отправляют им необходимые файлы.
Все ресурсы в сети, такие как, документы в формате HTML, графические изображения, видео файлы, программы и так далее, обладают своим адресом, который можно закодировать при посредстве универсального ресурсного идентификатора URI (Universal Resource Identifier).
Чтобы люди могли понимать друг друга, они должны говорить на одном и том же языке. То же самое касается и компьютерного оборудования, но в этом варианте языком общения является протокол, то есть совокупность правил, определяющих процедуры информационного обмена. Веб –сервер и веб –обозреватель применяют для информационного обмена протокол HTTP (HyperText Transfer Protocol), то есть протокол обмена гипертекстом. Это протокол высокого уровня, работающий «сверху» стандартного протокола низкого уровня TCP/IP (Transfer Control Protocol/Internet Protocol), то есть протокол управления обменом/протокол Интернета. Протокол трансляции гипертекстовых данных HTTP служит для пересылки гипертекстовой документации от севера до клиента. Протокол HTTP считается протоколом прикладного уровня.
При информационном обмене среди пользователей интернет протокол ТСР выполняет разбиение информации в сообщении на отдельные участки, именуемые пакетами, добавляет во все пакеты служебную информацию, позволяющую в дальнейшем восстановить исходные данные.
Протокол IP формирует для каждого пакета заголовок, содержащий адрес назначения, и пересылает их. Пакеты пересылаются между специализированными компьютерами, именуемые маршрутизаторами. Маршрутизатор определяет оптимальный маршрут пересылки пакета, исходя из минимизации трафика. Это означает, что пакеты, являющиеся частями одного сообщения, могут доставляться к получателю разными маршрутами.
Когда весь набор пакетов доставлен адресату, его компьютер отделяет от пакетов заголовки IP и осуществляет проверку целостности и общее количество пакетов, используя служебную информацию ТСР. И уже затем реализуется восстановление пересылаемого сообщения. В случае повреждения одного или нескольких пакетов, или они не достигли приёмника сообщения, компьютер отправляет запрос на повтор пересылки нужных пакетов.
Следует отметить, что можно не набирать адрес необходимого ресурса в полноформатном виде. Обычно для попадания на начальную страницу узла может быть достаточным лишь указание протокола и имени сервера. А далее нужная страница определяется по гиперссылкам.
Чтобы соединить локальную сеть компании с интернетом, применяется специальный сетевой шлюз. Шлюз является отдельным компьютером локальной сети, который часто выполняет функции маршрутизатора. Обязанностью шлюза являются пересылка протоколов локальной сети в сетевой интернет протокол ТСР/IP. Скорость трансляции информационных данных по сети интернет определяется скоростью модема (или скоростью обмена в локальной сети) и пропускной способностью канала с интернетом. Пропускная способность канала может быть определена как количество информационных данных, пересылаемых по линии в единицу времени.
Информатика. 11 класс
Конспект урока
Информатика, 11 класс. Урок № 12.
Урок посвящен знакомству с веб-технологиями. В ходе урока школьники научатся характеризовать структуру веб-страницы. Описывать взаимодействие веб-страницы с сервером. Разрабатывать веб-страницу.
Веб-сайт, веб-страница, веб-браузер, гиперссылка, язык HTML.
Рассмотрим более подробно, что же такое World Wide Web (WWW) или Всемирная паутина. Всемирная паутина (World Wide Web, WWW) — это система связанных между собой документов. Каждый отдельный документ, имеющий собственный адрес, называется Web-страницей.
Web-страница (документ) может содержать самую разную информацию: текст, рисунок, звукозапись. Каждая страница хранится в отдельном файле, имя которого имеет расширение htm или html.
Каждая Web-страница может иметь множество связей с другими страницами, которые хранятся как на том же самом компьютере, так и на других компьютерах сети. Связи между страницами осуществляют гиперссылки.
Гиперссылка — это некоторое ключевое слово или объект в документе, с которым связан указатель для перехода на другую страницу в «паутине». Обычно изображение гиперссылки каким-то образом выделяется на странице, например цветом или подчеркиванием. При подведении к гиперссылке указателя мыши он принимает вид руки с указывающим пальцем. Если при этом щелкнуть левой кнопкой мыши, то произойдет переход по указателю к связанному документу. Текст, в котором используются гиперссылки, называется гипертекстом.
Несколько веб-страниц, объединенных общей темой и дизайном, а также связанных между собой ссылками и обычно находящихся на одном сервере, образуют Web-сайт.
Сайт принадлежит некоторому лицу или учреждению. Web-сайт организуется на Web-сервере провайдера сетевых услуг.
Web-сервер — это компьютер, на котором установлено специальное программное обеспечение, обладающее соответствующим функционалом. Программа, позволяющая хранить и пересылать веб-страницы, также называется веб-сервером. Пользователи, имеющие доступ к сети, просматривают веб-документы при помощи программ-клиентов — Web-браузеров.
Взаимодействие клиент-сервер происходит по протоколу HTTP (англ. HyperText Transfer Protocol — протокол передачи гипертекста). Принцип взаимодействия WWW-клиента и WWW-сервера на основе протокола HTTP предполагает следующую последовательность действий:
— клиент формирует сообщение-запрос и передает серверу;
— сервер получает сообщение, анализирует и обрабатывает запрос, формирует сообщение-ответ и направляет его клиенту.
Возникает вопрос: как сконструировать Web-страницу с ее текстами, рисунками, шрифтовым, цветовым и звуковым оформлением? Надо создать текстовый файл, содержащий описание страницы на языке HTML — языке разметки гипертекста. Вообще говоря, HTML-документ может быть создан при помощи любого текстового редактора, хотя нередко используются специализированные HTML-редакторы и так называемые конвертеры. Выбор редактора, который будет применяться для создания HTML-документов, зависит исключительно от личных пристрастий автора. Для этих целей можно использовать стандартное приложение Блокнот.
А теперь давайте проанализируем самую простую страницу, описанную с помощью этого языка.
Добро пожаловать на мою страничку
Каждая пара тегов и ,
Познакомимся с другими тегами, присутствующими на странице.
— указатель начала описания электронного документа на языке HTML.
— тег, располагающийся еще до описания самой страницы документа, в его заголовке. Текст внутри контейнера . выводится программой просмотра страниц в верхней заголовочной части уже готового экрана с документом и помогает ориентироваться при поиске нужных документов.
— указатель начала описания собственно странички документа. В нем присутствуют достаточно важные атрибуты. И один из них — BGCOLOR — определяет фон нашей странички.
Фоном может быть не просто цвет, но и любая картинка, которая сохранена в формате JPG или GIF. Для создания такого фона нужно использовать атрибут BACKGROUND (например, BACKGROUND=»klen.gif»).
Важно помнить, что контейнеры должны располагаться строго один внутри другого. Пример верной записи:
И пример записи неверной:
Рассмотрены только некоторые элементы языка HTML. Подробное описание этих и других тэгов легко найти в любом справочнике по HTML.
HTML — один из так называемых «веб-стандартов» («стандартов Web»), предназначен, прежде всего, для логической разметки документа. Оформление современных веб-сайтов задаётся с помощью стилевых файлов. Ещё одним из «веб-стандартов» является технология CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, составленного с использованием языка разметки. Каскадные таблицы стилей предназначены для облегчения оформления веб-страниц. Вынесение оформления в отдельную структуру позволяет накладывать его на различные веб-страницы и легко менять весь дизайн, редактируя только стили и не затрагивая сам документ. Другое преимущество CSS состоит в том, что стили предлагают намного больше возможностей для форматирования, нежели простой HTML. Кроме того, стили могут храниться во внешнем файле.
Эта технология позволяет принципиально разделить содержание и представление документа:
— описание содержания и логической структуры веб-страницы производится с помощью HTML или других языков разметки;
— описание внешнего вида веб-страницы производится с помощью CSS.
Такое разделение позволяет применять единый заранее разработанный стиль оформления для многих схожих документов, также быстро изменять оформление документов за счёт изменения этого стиля, хранящегося в отдельном CSS-файле. Перенос правил представления данных в отдельный файл ведёт к уменьшению времени загрузки страниц сайта — описание представления данных загружается браузером только один раз, а далее, при переходе с одной страницы сайта на другую, браузер загружает только структуру страницы и хранимые на ней данные.
Заключительный и очень важный этап в создании сайтов — это размещение сайта в Интернете, или публикация Web-сайта. Для того чтобы разместить сайт в Интернете, необходимо найти подходящее место на одном из его серверов. Размещение сайта в Интернете может быть как платным, так и бесплатным. Крупные компании обычно размещают свои сайты на платных хостингах. В этом случае они получают удобный для запоминания и прочтения домен второго уровня и, как правило, обслуживание размещенного сайта, то есть техническую поддержку. Однако в Интернете существует множество провайдеров, которые позволяют своим клиентам размещать Web-сайты бесплатно (бесплатный хостинг). Например, к ним относятся многие почтовые сервера.
Когда вы выбрали сервер, на котором будете размещать свой сайт, вам необходимо от провайдера Интернет-услуг получить следующие сведения:
Обычно провайдер инструктирует пользователей о том, как можно осуществить публикацию. Для этих целей можно использовать средства браузера, FTP-клиенты, а также специальные программные средства для публикации Web-страниц.