версия — это… Что такое веб-версия?
Веб-сайт — Запрос «сайт» перенаправляется сюда; см. также другие значения. Веб сайт (от англ. website: web «паутина», «сеть» и site «место», букв. «место в сети») или просто сайт в компьютерной сети объединённая под одним адресом (доменным … Википедия
Веб-программирование — Веб программирование. Бурно развивающийся раздел программирования, ориентированный на разработку динамических Internet приложений. Языки веб программирования это соответственно языки, которые в основном предназначены для работы с интернет… … Википедия
Веб-броузер — Веб обозреватель, или браузер (от англ. Web browser, броузер неправильно[1][2]) программное обеспечение для поиска, просмотра веб сайтов, то есть для запроса веб страниц (преимущественно из Сети), для их обработки, вывода и перехода от одной… … Википедия
Веб-браузер — Веб обозреватель, или браузер (от англ.
Веб-обозреватель — Веб обозреватель, или браузер (от англ. Web browser, броузер неправильно[1][2]) программное обеспечение для поиска, просмотра веб сайтов, то есть для запроса веб страниц (преимущественно из Сети), для их обработки, вывода и перехода от одной… … Википедия
Веб‑браузер — Веб обозреватель, или браузер (от англ. Web browser, броузер неправильно[1][2]) программное обеспечение для поиска, просмотра веб сайтов, то есть для запроса веб страниц (преимущественно из Сети), для их обработки, вывода и перехода от одной… … Википедия
Веб 2.0 — Для улучшения этой статьи желательно?: Переработать оформление в соответствии с правилами написания статей. Викифицировать статью. Найти и оформить в виде сносок ссылки на ав … Википедия
Веб-картография — Информация в этой статье или некоторых её разделах устарела. Вы можете помочь проекту, обновив её и убрав после этого данный шаблон … Википедия
Веб-девелопмент — Бурно развивающийся раздел программирования, ориентированный на разработку динамических Internet приложений. Языки веб программирования это соответственно языки, которые в основном предназначены для работы с интернет технологиями. Языки веб… … Википедия
Веб программирование — Бурно развивающийся раздел программирования, ориентированный на разработку динамических Internet приложений. Языки веб программирования это соответственно языки, которые в основном предназначены для работы с интернет технологиями. Языки веб… … Википедия
Веб-адрес
Мессенджер WhatsApp запустил версию для ПК
Вчера мобильный мессенджер WhatsApp запустил версию для ПК. В работе мессенджера на ПК есть несколько ограничений: для работы веб-версии смартфон пользователя с установленным на него приложением WhatsApp должен быть подключен к интернету, кроме того, веб-версия недоступна для владельцев устройств Apple.
В среду мессенджер WhatsApp объявил о запуске версии для ПК. «Сегодня впервые миллионы из вас получат возможность пользоваться WhatsApp в веб-браузере. Наша веб-версия — это просто расширение вашего телефона: веб-браузер отображает разговоры и сообщения с вашего телефона — это означает, что сообщения по-прежнему живут на вашем телефоне»,— говорится в заявлении, опубликованном в блоге компании.
Для того чтобы установить клиент WhatsApp, пользователю нужно перейти по указанной на сайте ссылке и отсканировать указанный там QR-код. В работе веб-версии мессенджера есть несколько ограничений. Для работы веб-версии смартфон с установленным на него приложением должен быть подключен к интернету, кроме того, на нем должна стоять последняя версия WhatsApp. Веб-версия, кроме того, недоступна пользователям устройств на базе iOS «из-за ограничений платформы Apple».
WhatsApp был основан в 2009 году, мессенджер позволяет обмениваться сообщениями, фотографиями, видеороликами и звуковыми файлами. WhatsApp — один из самых популярных мобильных мессенджеров, в начале января компания объявила, что его ежемесячная аудитория превысила 700 млн человек. За год аудитория выросла с 400 млн до 700 млн. Годовая подписка стоит $0,99, в течение первого года сервисом можно пользоваться бесплатно.
В феврале прошлого года социальная сеть Facebook купила WhatsApp за $22 млрд. Сделка вызвала обеспокоенность европейских телекоммуникационных компаний. Больше всего европейских операторов мобильной связи беспокоили планы WhatsApp добавить к своим услугам и бесплатные телефонные разговоры, что может ухудшить положение телекоммуникационных компаний, которые и так терпят убытки в течение последних пяти лет. В октябре европейские регуляторы одобрили сделку. WhatsApp и подобные ему программы, позволяющие бесплатно обмениваться текстовыми сообщениями, называют «убийцами SMS». По оценкам компании Strategy Analytics, выручка сотовых операторов от SMS и MMS снизилась в 2013 году на 4%, до $104 млрд. Развитие сервисов, позволяющих обмениваться сообщениями через интернет, приведет к падению выручки операторов от «традиционных» сообщений к 2017 году на 20% в мире.
Яна Рождественская
Как Facebook купила WhatsApp
В феврале 2014 года крупнейшая в мире социальная сеть Facebook сообщила о покупке за $19 млрд одного из наиболее популярных сервисов по обмену сообщениями — WhatsApp. Аналитики задавались вопросом о дальнейшей судьбе WhatsApp, однако Facebook пообещала, что бренд будет сохранен, а глава WhatsApp Ян Коум войдет в состав совета директоров всей Facebook. Читайте подробнее
Веб версия вконтакте что это – «ВКонтакте» представила новый дизайн веб-версии социальной сети
Веб-версия «ВКонтакте» получит новый дизайн
Совсем недавно руководство крупнейшей отечественной социальной сети «ВКонтакте» провело конкурс, в котором участникам необходимо было сделать редизайн веб-версии сервиса. О вкусных призах, тенденциях дизайнерской моды и победителях поговорим ниже.
Об изменении дизайна веб-страничек «ВКонтакте» стало известно еще в июле:
«Дизайн сайта будет меняться, но не сразу. Целью этого конкурса пока являлся только поиск талантливых ребят, с которыми мы могли бы продолжить сотрудничество в дальнейшем. В том числе и над редизайном сайта»
Для создания соревновательного момента и мотивационного духа были закуплены MacBook Pro и iPad Air, которые и получили победители. Достойная награда за проделанную работу, не так ли?
Победителями конкурса (исходя из данных в соц сети) стали Павел Шумаков, Павел Князев, Денис Прокопов, Илья Гришин и Богдан Кононец. Каждый из них получил топовый MacBook Pro и возможность отправиться в Сан-Франциско для посещения конференции UX Week 2014.
Бронзу взяли Артем Носенко, Павел Григорьев, Шарыпин Денис, Евгений Зиновьев, которые получили «утешительные призы» в виде iPad Air.
Топовые работы:
Как видите, если вы являетесь пользователями iPhone и iPad, то при просмотре работ не покидало некое чувство дежавю. Как показывает практика, тенденции моды как-раз таки крутятся вокруг дизайн iOS 7/iOS 8.
О выборе окончательного варианта и финального обновления интерфейса пока ничего не известно.
С вами был ArviZami
appstoreshop.com
Веб-сайт что это такое и для чего их создают — просто и понятно
Здравствуйте, уважаемые читатели. Сегодня будем разбираться с базовыми терминами. Не думайте, что будет скучно. Пусть даже вы имеете представление о том, о чем сегодня пойдет речь, кое-какая информация будет для вас новой. Уверяю.
Веб-сайт что это такое, как выглядят его «внутренности», что необходимо, чтобы его создавать, для чего он нужен человеку и многое другое вы узнаете из этой статьи.
Как и всегда информация будет изложена простыми словами, так что даже у далекого от этой темы новичка не останется никаких вопросов. Зато появятся кое-какие знания, которыми не сможет похвастаться человек, который не уделил 5 минут изучению этого, казалось бы, элементарного вопроса.
1. Что такое — веб сайт
Итак, начнем с определения. Что же такое сайт. Это совокупность документов с гипертекстовой информацией, доступной в Интернете. Информационная система, площадка, на которой человек (администратор) выкладывает какие-то сведения, а посетитель страницы может ее воспринять. Все очень сложно. Соглашусь. Давайте как-то попроще.
Любой сайт – это папка с файлами, написанная при помощи языков программирования. Если вы откроете любой из них, то ровным счетом ничего не поймете. Благо, у нас есть браузер, который считывает информацию и предоставляет ее в готовом виде, доступном для восприятия любому пользователю. Я уже подробно описывал для чего нужны браузеры и как они работают, можете почитать эту информацию в этом блоге.
Конечно, не все программисты мастерски владеют этими языками. В работе им могут помогать программы для создания и написания кода. Это существенно облегчает жизнь разработчикам. Однако, вы должны знать, что даже если вы используете Wix и другие конструкторы для создания сайта, он все равно будет написан при помощи кода. Просто вы его не увидите.
Существуют также картотеки, базы, в которых собрана вся информация о страницах и сведениях, которые размещены на сайтах. Вы нередко сталкивались с этими штуками. Самые популярные из них – Яндекс и Гугл.
Стоит вам ввести слово «рецепт варенья», как поисковая система тут же проанализирует все документы, которые находятся в интернете и выдаст вам подходящие страницы с нужной информацией.
2. Из чего состоит сайт
Пока папка с сайтом находится на вашем компьютере, его никто не видит, для того, чтобы мир увидел ваш электронный ресурс его необходимо выложить на хостинг. В этом случае у публики будет к нему доступ. О том, что такое хостинг я тоже уже подробно рассказывал. Помимо хостинга у сайта должно быть еще и уникальное название (домен), в этом случае любой желающий сможет отыскать информацию о нем и получить доступ к нужной папке.
Цитата.Давайте попробую объяснить чуть проще. У вас есть некая папка, на вашем компьютере. Никто из желающих не может получить к ней доступ, так как данные зашифрованы, а вы заботитесь о своей безопасности. Это нормально, ведь на компьютере хранится тонна приватных сведений не для посторонних глаз.
Где-то далеко-далеко у вашего «друга» есть флешка, доступ к которой может осуществить любой желающий. Этот друг предоставляет хостинг. Ваша задача передать, выложить, направить свою папку на его флешку, чтобы пользователи, как и вы, смогли бы увидеть проект. Ну, а чтобы отыскать нужный файл было элементарно, ему придумывают название, то есть используют домен.
Иногда сайты создаются прямо на этой флешке, если использовать «правильные» термины, она называется сервером. Некоторые хостинг-провайдеры предоставляют место у себя на диске бесплатно, но в этом случае они все равно будут преследовать свою выгоду. Об этом мне не хотелось бы говорить в рамках этой статьи. Полистайте этот блог и обязательно найдете всю информацию.
Мы плавно перешли к выгоде от создания сайта. Давайте лучше подробнее побеседуем об этом. Зачем создают сайты и какую пользу они приносят человечеству?
3. Какая выгода для создателя сайта
Сайт — это нематериальный актив, по сути, база, площадка, то же средство массовой информации, именно ее и продают администраторы. Некоторые занимаются распространением конкретных товаров, которые можно пощупать (телефоны, компьютеры, автомобили и так далее), другие меняют на деньги знания (книги, курсы, вебинары).
Реклама также может являться источником дохода для создателя сайта. Вы не продаете конкретный товар, а рассказываете о нем (или выставляете баннер) и получаете свой процент от продажи или нажатия на это сообщение.
4. Два инструмента для создания web-сайтов
4.1 Тильда + Видео-обзор основных функций
На самом деле, сделать свой сайт довольно просто в современном мире. Многие конструкторы очень хорошо зарекомендовали себя в этом качестве. Не буду рассказывать о преимуществах, подобных обзоров на Start-Luck можно найти не меньше десятка. Сразу выведу итог: один из лучших – Tilda. Именно с нее я и советую вам начать знакомство с сайтостроением.
4.2 CMS WordPress + Видео
Если же у вас есть желание узнать чуть больше о коде, то лучшим обучающим курсом для вас может стать «WordPress 4: пример создания блога». Все очень просто и доступно для новичка. Проблем точно не возникнет.
Курс «Wordpress 4 — пример создания блога».Для лучшего понимания, что такое CMS (попросту — движок сайта), посмотрите короткое видео:
Вот в принципе и все. Не забывайте о том, что у вас есть возможность подписаться на группу Start-Luck Вконтакте, которая поможет понять как зарабатывают деньги в интернете и даже начать свой информационный бизнес. До новых встреч и удачи.
start-luck.ru
«ВКонтакте» обновила веб-версию сайта новыми возможностями – Apple-iPhone.ru
Веб-версия почти лучше приложения.
Разработчики «ВКонтакте» выполнили мощное обновление мобильной веб-версии социальной сети. В мобильной версии «ВКонтакте» появились наиболее долгожданные функции: push-уведомления о сообщениях, комментариях и прочих событиях, возможность настройки источников в новостной ленте, поддержка двухфакторной аутентификации и многое другое.
Мобильная версия «ВКонтакте» продолжает обрастать функциями. С 20 февраля она пополнилась:
- Возможностью получать push-уведомления о различных событиях начиная от входящих сообщений, заканчивая заявками в друзья.
- Опцией удаления пользователей из черного списка.
- Возможностью включить или выключить двухфакторную аутентификацию.
- Настройками источников в пользовательской ленте новостей.
Кроме этого, по словам разработчиков, в мобильной версии была заметно упрощена навигация. Это должно положительно сказаться на пользовательском опыте.
Интересный момент. Многие пользователи социальной сети Facebook предпочитают заходить на свои страницы с мобильных устройств, используя обычный браузер, а не официальное приложение. Причина нелюбви пользователей к приложению Facebook заключается в том, что его неоднократно подозревали в слежке и перехвате личных данных. Кроме этого, и это уже никакие не подозрения, приложение Facebook крайне пагубно влияет на время автономной работы смартфонов, буквально «пожирая» заряд аккумулятора.
Немало пользователей «ВКонтакте» подозревают и отечественную социальную сеть в подобном. Именно для таких пользователей сегодняшнее обновление мобильной веб-версии окажется по-настоящему приятным. Веб-версия «ВКонтакте», доступная из любого браузера, еще сильнее приблизилась к официальному приложению по набору возможностей.
Доступ к мобильной веб-версии «ВКонтакте» можно получить по адресу m.vk.com.
Что еще почитать:
Поставьте 5 звезд внизу статьи, если нравится эта тема. Подписывайтесь на нас ВКонтакте, Facebook, Twitter, Instagram, YouTube, Telegram, Viber и Яндекс.Дзен.
Загрузка…
Вернуться в начало статьи «ВКонтакте» обновила веб-версию сайта новыми возможностями
www.apple-iphone.ru
Редизайн Вконтакте под 1440пк+ / Хабр
Рунет беден обзорами редизайна известных сайтов и сервисов. Эта статья не ради того, чтобы это исправить. Моя цель обсудить с сообществом решение одной из проблем веб-версии Вконтакте.В прошлогоднем конкурсе на редизайн ВК, авторы конкурса упомянули о проблемах веб-версии. Проблемой номер один они назвали узкую ширину сайта. Я согласен с командой Вконтакте и решил построить свое решение в борьбе с этой проблемой.
Проблема №1 — Узкий экран
Помимо ширины экрана я выделил еще 2 проблемы.
Проблема №2 — Разный стиль веб-версии и приложений
Проблема №3 — Месенджер
Мессенджер в ВК появился сравнительно недавно. Первая его версия заметно выбивалась по стилю и со временем это решили. Основная проблема месенджера на мой взгляд это то, что он живет параллельно с сайтом. Окно переписки маленькое. И хоть оно и масштабируется, но оно привязано к абсолютным координатам — пользоваться сервисом не удобно. На Фейсбуке месенджер также живет отдельно от сайта, плодя при этом множество маленьких окон-переписок.Теория — способы стать шире
Давайте сначала решим, что такое узкий экран. Текущая ширина ВК — 791пк. В конкурсном задании было сказано адаптировать сайт под разрешение от 1024пк. Как я вижу, решением проблемы узкого экрана будет интерфейс рабочий на разрешении 1024—1600пк. То есть интерфейс способный работать как на узком (1024пк) разрешении, так и на широком (1440+пк). Изучив варианты, я выделил 6 направлений. Привожу их на примере страницы новостей.
1. Физическое растяжение
Решение в лоб — делаем сайт резиновым.
Плюсы:
+ Легко реализовать
Минусы:
− Контент становится не читаемым
− Нужно полностью пересматривать некоторые разделы сайта (например, друзья)
2. Параллельное изложение
Прием был замечен в концепции редизайна Фейсбука 2006 года от iA — комментарии расположены справа от постов. 5 лет назад я опробовал его на одном из своих проектов.
Плюсы:
+ Посты располагаются линейно, не разрываясь комментариями
+ Комментарии к постам видны сразу без дополнительных переходов
Минусы:
− Неравномерная плотность информации на экране
− Версия под 1024пк с большим трудом может быть создана или вынуждена отличаться от широкой
− Нужно полностью пересматривать некоторые разделы сайта
3. Смещаемые панели
Подход ставший популярным в веб-сервисах: срм-системах, таск-менеджерах. Экран состоит из зависимых панелей. Панели появляются справа друг от друга, если экран не вмещает все, то левые панели скрываются по мере появления правых.
Плюсы:
+ На маленьких разрешениях можно переключать панели, на большом показывать все сразу
+ Схожесть интерфейса с версией под планшеты
Минусы:
− Не привычный для веб-пользователей вариант
− Сайт расположен не в центре экрана, а слева
− Большой обьем архитектурной работы
− Отсутствие линейного просмотра, требуется клик по новости для прочтения комментариев
4. Два окна
Интерфейс с двумя активными рабочими разделами на экране.
Плюсы:
+ Требует мало изменений в текущем интерфейсе
Минусы:
− Не ясно как работать с 2 режимами одновременно и зачем
5. Две колонки
Режим отображения информации схожий с таймлайном на Фейсбуке. Концепт, основанный на этом варианте, победил в конкурсе редизайна ВК.
Плюсы:
+ Легко компоновать информацию
+ Равномерная плотность данных на экране
Минусы:
− Раздваивается внимание при чтении новостей
− Фейсбук
6. Карточки
Переход от вертикального повествования в сторону сетки. Пример — Пинтерест.
Плюсы:
+ Легко масштабируется под любое разрешение
Минусы:
− Трудно воспринимать контент (трудно переучиваться)
− Нужно полностью пересматривать все разделы сайта
Свое решение я построил на 4-м подходе: экран с двумя активными окнами. Второе окно — месенджер. Это позволяет переписываться во время чтения новостей. При этом не используя 2 вкладки браузера.
На небольших (<1440пк) экранах окно чата сворачивается.
При желании оно открывается поверх основного контента. Сценарий ведения переписки во время чтения новостей работает также.
Сама панель пользователей с последними переписками остается на экране во всех разделах сайта:
Детали за кадромЕсли всмотреться в скриншоты, то видны и другие изменения в интерфейсе:
1. Фон. Появился фон для повышения контраста блоков.
2. Разделение на блоки. Посты расклеились на независимые блоки.
3. Лайки переехали вверх. Пожалуй самое спорное изменение и, вероятно, заслуживает отдельного обсуждения.
4. Пропало прежнее верхнее меню. Все его функции уже были задублированы в разделах сайта. На его место встал уровень вкладок. Таким образом удалось сократить один этаж навигации. Фильтры (редко используемая вещь) переехали в выпадающий список. Пропал еще один этаж навигации.
5. Два режима просмотра друзей. Один заимствован из веб-версии, другой из планшетной. Трудно оценить какой популярнее и удобнее.
6. Личные заметки. Появился блок личных заметок о каждом друге. Кому понравилось, берите тут — VK Memos.
7. Веб-звонки. Они уже были раньше в ВК, но были сделаны как отдельный режим работы. Сейчас это незаметная функция, не мешающая основному серфингу и общению.
Разве может быть редизайн социальной сети без прототипа страницы пользователя.
Текущая версия перегружена информацией: музыка, видео, группы, паблики, фотографии, фотографии на карте, фотоальбомы, друзья, общие друзья, друзья онлайн, подписчики… Я решил отрезать все лишнее:
На этом все, спасибо за внимание.
habr.com
Вконтакте проводит тестирование собственного мессенджера
От автора: Вконтакте начинает тестирование полновесного варианта своего мессенджера. Функционал нового приложения позволяет вести и создавать все типы диалогов, доступные в веб-версии социальной сети.
Отечественная социалка запускает бета-тестирование десктопной версии своего мессенджера. C помощью новой программы пользователи смогут совершать те же действия, что и в веб-версии «Вконтакте»: обмениваться фотографиями, записывать аудиособщения, публиковать видео и другое. По мнению разработчиков, приложение станет достойной альтернативой для тех пользователей, которые хотят всегда оставаться на связи с друзьями, не отвлекаясь на чтение новостей.
Евгений Зиновьев, один из создателей мессенджера, сообщил, что программа является полностью инновационным продуктом. При ее разработке были использованы самые новые технологии и решения. Теперь нужно представить десктопную версию сервиса на суд пользователей социальной сети.
Мессеннджер реализован в нескольких вариантах: под операционные системы macOS и Windows. Бета-версия программы уже доступна для скачивания на специальной странице «Вконтакте».
Источник: https://www.searchengines.ru/
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении
Узнать подробнееРедакция: Команда webformyself.
Современные тенденции веб-разработки
За ближайшие 5 дней мы составим ваш пошаговый алгоритм профессионального роста с нуля в сайтостроении…
Получитьwebformyself.com
«ВКонтакте» запустила бета-версию редизайна сайта — Офтоп на TJ
«ВКонтакте» отметила 1 апреля не первоапрельским розыгрышем: у веб-версии соцсети запустилась новая версия дизайна, запланированная ещё в 2014 году. TJ успел потестировать её заранее и выяснил, какие главные нововведения появились на сайте.
«Не прошло и десяти лет», — пишет операционный директор «ВКонтакте» Андрей Рогозов в блоге компании. Действительно, капитального изменения дизайна веб-версия соцсети не получала с самого основания «ВКонтакте» в октябре 2006 года.
Главное, что изменилось — сайт «ВКонтакте» стал шире. Если раньше он был примерно 765 пикселей в ширину (пережиток эпохи популярного разрешения экрана 800 на 600 точек), то теперь за счёт появления правого меню его увеличили до 975 пикселей, адаптировав под наиболее распространённое разрешение 1366 на 768 точек.
Левое меню лишилось дублирующихся приставок в ссылках на разделы: «Моей» осталась только «Моя страница». Порядок разделов в нём теперь соответствует мобильным приложениям: «Моя страница» по-прежнему главная, затем идёт лента новостей, сообщения, друзья и так далее. Ненужные пункты (кроме четырёх первых) можно скрыть.
Всеобщее увеличение означает и появление рекламных блоков большего размера: площадь маленьких баннеров выросла в 1,84 раза, больших — в 2,21.
Изменилась и шапка сайта: оригинальный русскоязычный логотип «ВКонтакте» заменили международным значком VK.com. Убрали ссылки на поиск людей, сообществ и раздел с помощью по соцсети, но добавили ссылку на страницу и редактирование информации о себе, а также увеличили размер музыкального плеера.
Вместо исчезнувших с панели разделов появился блок уведомлений, подобный тому, что присутствует на Фейсбуке. Когда происходит что-то новое, напротив иконки звонка появляется красный счётчик.
Новую запись можно опубликовать прямо из ленты новостей, как в Твиттере или Фейсбуке. В комментариях к записям сразу доступны четыре кнопки для прикреплений: фото, видео, аудио и документы. Раньше они были вынесены в список, открываемый по наведению мышки.
В ленте новостей поменялось расположение времени публикации и кнопок «Мне нравится» и «Поделиться». Визуально отдаётся приоритет ссылок, опубликованных с «родной» для соцсети обложкой, а обычные ссылки теперь выглядят значительно меньше, так как заголовок внизу больше не отображается.
По умолчанию в ленте по-прежнему работает хронологическое отображение записей, однако алгоритмическую ленту можно включить при помощи кнопки в правом меню. В этом случае новости поменяют порядок: сначала будут показываться те, которые алгоритм «ВКонтакте» посчитает наиболее интересными. По наблюдениям TJ, предпочтение отдаётся записям от друзей и от сообществ, посты которых часто лайкает пользователь и его друзья.
Изменился и стиль репостов: теперь они выглядят как цитирование в письмах. На аватарках друзей в ленте появился зелёный значок: это значит, что сейчас пользователь находится онлайн (раньше для этого использовалась текстовая подпись).
Раздел сообщений — ещё шире, чем главная страница (примерно 1090 пикселей): в нём уместили сразу левое боковое меню, список диалогов и окно с выбранной беседой.
В просмотрщике фотографий комментарии теперь располагаются справа — по аналогии с Фейсбуком.
В профилях пользователей появился блок с основной статистикой по аккаунту: числу подписчиков, общих друзей, фотографий и видео (напоминает Твиттер). Визуально увеличился блок недавно опубликованных снимков.
Во «ВКонтакте» рассказали TJ, что пока это бета-версия дизайна. Попробовать её смогут миллион пользователей, первыми подключившимися к тестированию: для этого нужно нажать соответствующую кнопку в ленте и подать заявку прямо из записи в блоге «ВКонтакте».
Пользователи смогут включить новый интерфейс для отображения по умолчанию, однако при необходимости есть возможность откатиться обратно на старую версию дизайна.
В дальнейшем в соцсети собираются собрать обратную связь от пользователей и внести в новый дизайн некоторые исправления. Когда именно дизайн станет доступен для всех пользователей, пока не известно.
tjournal.ru
VK by design / Блог компании ВКонтакте / Хабр
ВКонтакте — это множество интерфейсов для разных платформ. Сегодня Вы узнаете о том, как мы работаем над этими интерфейсами, создавая дизайн своих продуктов.
Немного о нас. В команде дизайна трудятся шестеро увлечённых творческих ребят 22-24 лет. Мы универсальны: дизайнер не прикован к одному направлению на века и может сегодня заниматься мобильной версией, а завтра — каким-то сервисом из десктопной.
Инструменты и подходы
Наши мобильные приложения состоят из более чем 500 разных экранов. Плюс полчища интерфейсов из веба, плюс m.vk.com. Нужно уметь эффективно организовывать работу со всем этим богатством.
Например, с иконками. Их действительно много. Один усидчивый дизайнер недавно перерисовал больше ста штук:
Раньше на каждом экране приложения использовались свои иконки в разных цветах и размерах. Например, newsfeed_search, wall_search_gray и т.д. Теперь мы сделали иконки универсальными и можем переиспользовать их. Всего одна иконка поиска вместо пяти разных.
Благодаря такому подходу создавать новые экраны стало проще: не нужно каждый раз нарезать иконки, разработчик просто берёт готовые в требуемом размере и использует цвет из макета. У иконок в коллекции интуитивно понятные названия, так что найти нужную можно даже без помощи дизайнера, что порой экономит время.
Все основные компоненты для каждой платформы собираются в коллекцию — UI Kit. Вот как это выглядит:
Мы создали собственную дизайн-систему, которая использует одни и те же иконки, кнопки и цвета в приложениях для Android и iOS. Стараемся придерживаться единого стиля на всех платформах вплоть до мелких деталей — не забывая, впрочем, об их отдельных особенностях вроде специфических контролов, теней у карточек или наличия сепараторов.
В 2015 году мы полностью перешли с Photoshop на Sketch для проектирования наших интерфейсов. Для распределения задач мы используем Trello, а рабочие файлы синхронизируются в Dropbox. Создаём прототипы в Principle, Framer и Origami, пробуем новые инструменты и плагины.
Ставим цели
Цель любого хорошего дизайна состоит в том, чтобы улучшить жизнь пользователя. И процесс всегда начинается с вопроса: как её можно улучшить?
Это требует совместной работы нескольких команд: мы изучаем обратную связь, анализируем сценарии взаимодействия с продуктом и уже на основе этого решаем, что было бы неплохо реализовать.
Когда задача попадает к дизайнерам, функциональность продукта уже определена. Мы должны решить, как сделать так, чтобы этим продуктом хотелось пользоваться, чтобы это было удобно и — в конечном счёте — чтобы это делало жизнь пользователя лучше. Визуальная эстетичность интерфейса при этом не имеет решающего значения, несмотря на расхожее мнение, что дизайн — это только про красоту. Удобство для нас на первом месте.
На примере кейсов из мобильных приложений ВКонтакте мы расскажем о том, с какими проблемами и целями команда дизайна сталкивается каждый день.
Навигация
В мобильном приложении ВКонтакте Вы можете сделать почти всё то же, что и в полной версии сайта. С одной стороны, это прекрасно. С другой — у нас слишком много всего. Даже самая убойная новая фича обречена остаться незамеченной в закромах бокового меню. В то же время самые востребованные разделы никак не выделяются.
Нужно упростить навигацию в приложениях, не жертвуя функциональностью. Мы сделали это с помощью таббара в нижней части экрана.
Сам по себе таббар — ни разу не новинка. Сейчас это стандартный подход к навигации на Android и iOS. У нас он когда-то тоже был:
Обратите внимание на 2011 год — всё довольно просто, если функциональность приложения вмещается в пять вкладок.
Тогда все фичи в первую очередь внедрялись в вебе, и в лучшем случае воплощались в API заметно позже, а то и вообще никогда. Но времена менялись: всё больше пользователей обзаводились смартфонами, парадигма Mobile First набирала обороты, и приложения стали уметь гораздо больше. На подходе были новые занимательные разделы и сервисы, и одной нижней панели им катастрофически не хватало.
Здесь наши пути с таббаром разошлись. Во всех следующих версиях использовалось только боковое меню, куда вмещались все разделы. Мы тасовали пункты, перерисовывали иконки и играли с цветами, но кардинально ничего не менялось. Настало время положить этому конец.
И, кажется, таббар — идеальный вариант. На дворе MMXVII, табы прочно обосновались в гайдлайнах Apple и Google. Так мы решим свою задачу — вынесем самое нужное на расстояние одного тапа и сохраним всё разнообразие возможностей в привычном меню.
Что ж, отлично. Осталось понять, что будет во вкладках. Здесь нужно отметить, что идеологически мы почти не практикуем A/B тестирование UX на больших выборках живых людей. Даже глобальный редизайн полной версии сайта после выкатки на часть пользователей допиливался только в отношении каких-то мелких деталей. Принципиальные вопросы вроде приоритета разделов мы решаем ретроспективно, планируя будущее на основе обширного опыта из прошлого.
Проанализировав множество разных статистик, мы (без особой, впрочем, интриги) выбрали четыре основных раздела: Новости, Поиск и Рекомендации, Сообщения и Уведомления. В пятой вкладке оставляем меню, где будет всё остальное.
А что же старое доброе меню? Здесь мы дали себе волю в создании концептов:
Но, как ни заманчиво взять и поменять вообще всё, мы должны не испугать Вас и не потерять в удобстве. Классический список занимает меньше места, для всех привычен и прост в использовании. На том и порешили.
Поиск и Рекомендации
Нашим пользователям нужно постоянно открывать что-то новое для себя. Хочется находить интересные записи, не ограничиваясь своей лентой новостей. И это должно быть максимально просто.
Рекомендации — это обновлённый раздел с большими амбициями. Теперь он не спрятан в глубине новостной ленты, а вынесен на видное место в новой навигации. Здесь мы предлагаем контент талантливых авторов с тематиками, которые интересны именно Вам. По сути, это такая залипательная штука, где можно найти что-то качественное и незнакомое с учётом личных предпочтений.
С точки зрения дизайна задача стояла нетривиальная. Нужно уметь красиво отображать разные типы контента и прикрутить туда глобальный поиск по всем разделам, да так, чтобы одно другому не мешало. Мы остановились на карточках:
И вот почему. Ленту из карточек удобно листать — обычно уже по превью понятно, хотите Вы прочитать лонгрид полностью или нет. Вам не придётся тратить время и долго скроллить огромные посты прежде чем найдётся тот, на котором Вы хотели бы остановиться. По тапу на карточке публикация открывается целиком, и при желании можно дальше листать ленту в полноразмерном режиме или вернуться к режиму превью.
С выбором иконки для этого раздела было непросто. В конце концов победила дружба лупа: ведь рекомендации тоже представляют собой поиск, просто без конкретного запроса.
Лента новостей
В марте мы начали показывать счётчик просмотров рядом с записями. В приложениях это тоже поддержали — но только на отдельном экране с постом. В ленте новостей просмотры не отображаются, и это нужно исправить.
Но нельзя просто взять и добавить счётчик. Это новый статичный значок, и важно не запутать пользователя. Мы изменили стиль иконок действий: из залитых они стали контурными. Такие иконки можно сделать контрастнее и крупнее, сохранив воздушность интерфейса — контурные значки не станут визуально «тяжёлыми». Они выглядят эстетичнее, не воспринимаются неактивными и привносят элемент игры: хочется заполнить «пустую» иконку своим действием. Благодаря разным стилям Вы можете легко понять, что здесь ждёт Вашего тапа, а что — просто информирует.
И самое главное — мы покрасили лайк. Да, теперь он красный (ну почти, #FF3347), сочный и заметный. Больше никаких сомнений, лайкнули Вы эту роскошную статью или ещё только собираетесь. Мы давно к этому шли. Первые эксперименты с цветом сердечка мы начали ещё в 2014 году, в процессе создания нового дизайна веб-версии ВКонтакте.
Аудиоплеер
После весенней реформы аудиораздела многое поменялось — у нас появились плейлисты, обложки треков и новые подборки в рекомендациях. Сам плеер при этом остался прежним.
Если добавить на экран все контролы, которые могут понадобиться пользователю, это будет похоже на космический корабль. Но выкидывать ничего не хочется.
Нужно было придумать удобный способ отображения большого количества контента в плеере. И вот что у нас получилось:
Мы сделали экран с текущей композицией центральным, предусмотрев возможность свайпом переходить к тексту песни и к плейлисту. Благодаря этому экраны не перегружены контролами, а пользователь может сосредоточиться именно на том, что ему сейчас нужно. А отдельная иконка списка не позволит запутаться в экранах — Вы всегда знаете, где искать плейлист.
Редактор историй
Каждую неделю в историях появляется несколько новых масок, и, конечно, мы хотим, чтобы Вы тоже их попробовали. Лезть за новой маской в большой подробный список лень. Кроме того, громоздкий каталог занимает почти треть экрана и закрывает часть лица.
Мы решили попробовать другой распространённый подход для быстрого переключения между масками:
Подводим итоги
Над воплощением дизайна в реальные методы, контролы и экраны работают самые разные люди. Всех нас объединяет одно — мы верим, что делаем жизнь миллионов пользователей (включая нас самих) лучше, продумывая каждую иконку, каждый раздел, каждый сервис. Насколько хорошо у нас это получается — оценивать Вам.
Уже совсем скоро будут официально запущены обновлённые приложения ВКонтакте для Android и iOS, где реализованы некоторые из описанных концептов.
«Мгновенно заметить лайк от топовой тян, написать ей «привет, как дела» и тут же вернуться к мемасикам в ленте — изи как никогда.»Муртол Лазвачев, активный пользователь ВКонтакте
habr.com
Что такое веб версия Ватсап и как пользоваться на компьютере
Есть вещи, которые удобнее делать на компьютере с относительно большим экраном, чем на смартфоне. Если уже есть аккаунт Ватсап на телефоне, то полезно получить доступ к нему на компьютере. Для этого понадобится веб версия Ватсап на компьютере.
Придется установить связь между аккаунтом на телефоне и на компьютере. После этого все сообщения будут синхронизированы на наших устройствах, и с ними можно будет работать как на телефоне, так и на компьютере. Мы будем видеть одинаковые сообщения на обоих устройствах. Все изменения, которые мы будем вносить, будут синхронно отображаться на компьютере и на телефоне.
Содержание:
1. Что такое веб версия Ватсап и каковы основные требования
2. Подключаем веб версию Ватсап на компьютере для телефона Андроид
3. Понадобится привязка устройства для веб версии Ватсапа на компьютере
4. Что такое веб версия Ватсап и как пользоваться на компьютере
Что удобнее делать на большом экране компьютера по сравнению с маленьким экраном телефона? Например, лучше смотреть фотографии и оценивать их качество. Проще скачивать хорошо получившиеся фото на компьютер и пересылать их, например, по электронной почте. Легче печатать длинные сообщения и т.п.
Что такое веб версия Ватсап и основные требования
Веб версия Ватсап (WhatsApp Web) – это доступ к аккаунту WhatsApp на вашем телефоне, причем Вы получаете эту возможность на компьютере.
Веб версия Ватсап на ПК (на компьютере): https://web.whatsapp.com/
Минимальные требования для того, чтобы пользоваться WhatsApp Web:
1) На телефоне должен быть уже действующий аккаунт Ватсап.
2) Необходим стабильный интернет, который подключен и на телефоне, и на компьютере.
3) Чтобы открыть веб-версию мессенджера, желательно использовать последнюю версию одного из следующих браузеров: Гугл Хром (Google Chrome), Мозилла (Firefox), Опера (Opera) или Сафари (Safari).
В Опере мессенджер Ватсап уже встроен в этот браузер (рис. 1). Чтобы открыть веб версию WhatsApp, достаточно открыть на своем компьютере Оперу, кликнуть на значок Ватсапа и выполнить синхронизацию с телефоном, о которой речь пойдет далее.
Рис. 1. Ватсап встроен в браузер Опера на компьютере.Как подключить веб версию Ватсап на компьютере для телефона Андроид
Для синхронизации компьютера и телефона необходимо, чтобы оба устройства были под рукой, и они должны быть подключены к интернету. Суть синхронизации между двумя устройствами состоит в том, чтобы на компьютере просканировать QR-код с помощью своего смартфона. Далее приведена инструкция, как это можно сделать.
1) Откроем веб версию Ватсап на компьютере (рис. 2). Для этого надо открыть браузер и перейти по ссылке https://web.whatsapp.com/.
Рис. 2. Веб версия Ватсап на компьютере.Можно сразу поставить галочку напротив пункта «Оставаться в системе» (красная линия на рис. 2), чтобы не завершать сеанс на компьютере. Тогда в следующий раз можно будет открыть веб версию Ватсапа на компьютере в том же браузере без дополнительных действий с QR-кодом.
2) Теперь берем в руки смартфон, открываем там Ватсап. На Андроиде тапаем на значок «Другие опции», который находится в правом углу и состоит из трех вертикальных точек (рис. 3):
Рис. 3. Нажимаем на телефоне в Ватсапе на значок из трех точек.После клика по значку с тремя точками откроется меню, которое показано на рисунке 4:
Рис. 4. Кликаем на телефоне «WhatsApp Web».Привязка устройства для веб версии Ватсапа на компьютере
В меню (рис. 4), появившемся на смартфоне, нажимаем на пункт «WhatsApp Web». На телефоне откроется экран с надписью «Используйте WhatsApp на других устройствах» (рис. 5):
Рис. 5. Нажимаем на телефоне «Привязка устройства».3) Кликаем по зеленой кнопке «Привязка устройства». Если на смартфоне используется биометрическая идентификация, то надо выполнить те инструкции, которые появятся на экране.
После клика по кнопке «Привязка устройства» на смартфоне появится окно «Сканировать QR-код» (рис. 6):
Рис. 6. Окно на экране телефона для сканирования QR-кода с экрана компьютера.Теперь нужно поднести смартфон к экрану компьютера, чтобы прочесть открытый там QR-код. Обращаю ваше внимание на то, что этот код должен быть полностью виден на компьютере. Если он не виден целиком, то, возможно, надо мышкой прокрутить бегунок (полосу прокрутки слева) в окне с кодом так, чтобы код целиком появился на экране. Можно еще попробовать нажать на клавишу CTRL на клавиатуре компьютера и, не отпуская ее, немного покрутить колесиком мышки. Все эти манипуляции необходимы, чтобы QR–код на компьютере был виден целиком, и его можно было прочитать с помощью телефона.
4) На рис. 7 слева находится рамка на компьютере, она обведена в красный квадрат. Другая рамка открыта на телефоне (справа на рис. 7) и тоже заключена в красный квадрат. Эти две рамки должны совпасть на компьютере и на смартфоне. Для этого телефон подносим к экрану компьютера и держим его так, чтобы рамка для QR-кода на телефоне совпала с рамкой кода на компьютере.
Рис. 7. Читаем QR-код в веб версии Ватсапа на компьютере с помощью телефона.Итак, благодаря телефону, был просканирован QR-код на экране компьютера. Тепрерь можно пользоваться Ватсапом и на компьютере, и на телефоне. При этом все сообщения на обоих устройствах будут синхронизированы.
Видео: Что такое веб версия Ватсап и как пользоваться на компьютере
Дополнительные материалы:
1. Как ответить на конкретное сообщение в WhatsApp и процитировать его
2. Форматирование сообщения в WhatsApp: как сделать текст жирным, курсивом или зачеркнутым
3. Как по QR-коду можно узнать происхождение молока
Программы или их веб-версии | Keddr.com
Вчера обратила внимание, что в панели задач моего ноутбука кроме иконок папок и браузера есть только ярлык Photoshop, и на этом все. Думаю, это как-то странно. Я же при этом одновременно общаюсь с людьми в Skype, Telegram, пишу новость в Evernote и вообще полноценно работаю. Переход из скачанных программ в веб происходит очень плавно, но уверенно. Много чего можно сделать в Сети: фото хранятся не в памяти компа, а в Google Photos, фильмы не в папке «Кино», а на Megogo или FS, и если вдруг отключат Интернет, у меня даже музыки на компе нет. И если конкретно это пример плохого перехода, то есть программы, которые переехали в браузер — и хорошо.
Каждый раз перед тем как скачать какую-то программу, я дважды проверю — а нет ли у нее веб-версии. Мой google-аккаунт привязан как минимум к трем компам, с которыми я чаще всего работаю, а это очень удобно — открыл Chrome — и все на месте, не надо ничего ставить или выходить из чужой страницы. Даже если вы решили воспользоваться чужим ПК, костяк важных сервисов будет вам доступен в браузере. Итак, что в июле 2015 года не обязательно скачивать на комп?
Skype
Несмотря на быстрорастущий рынок мессенджеров, Skype остается лидером для большинства пользователей Интернета. Помню, как в 2010 меня попросили установить ICQ для общения с начальством, а я такая: «Чего? Мы вообще в каком году? Может лучше скайп?». И, как видите, я не одна.
Раскачивался сервис с веб-версией достаточно давно, кто-то не прощупал его вообще, а кто-то, как я, только дорвался до прелестей, попав в категорию людей, которым можно, как тут же эти права отобрали. Короче, не прошло и сто год, как все-таки он стал доступен абсолютно всем желающим. Для того чтобы затестить его прямо сейчас, вам надо перейти по ссылке и войти в вашу аккаунт. Тут все обычно, никаких лишних движений — логин, пароль, голубой экран загрузки, информационное окошко и айда хардворкать.
К сожалению, это бета-версия веб-версии (тавтология намеренная), так что часть функций тут или не работает, или работает после дополнительной установки чего-нибудь. Так, чтобы совершать голосовые звонки в браузере, нужно поставить дополнительное расширение для Chrome. А вот передавать файлы в веб-версии пока нельзя (или автор не разобрался, тогда пишите в комментах).
Evernote
Я тот человек, у которого бесследно исчез документ из Evernote и который к программе относится с недоверием. Тем не менее, веб-версия у них есть и достаточно давно. Быстрая регистрация, возможность сохранить пароль на 30 дней, простой и интуитивный дизайн, блокноты, метки, поиск, возможность расшаривать документы — все это и делает Evernote любимым блокнотом тысяч юзеров. А все остальные пользуются Google Docs 🙂
Один из свежачков, перешли в веб-режим 20 января 2015. Как и сам мессенджер, жутко лаконичный и до одури простой. После вайбера открыть вотсап — это как из хором в хлев попасть (суровое ИМХО). Тем не менее, он есть, поэтому попал в наш материал. Тут стоит уточнить, что не имея мобильного приложения, в веб-версию не попадешь. Второе уточнение — не имея достойного или православного (по мнению создателей) браузера, вход вам тоже будет закрыт. А вот и весь список.
Полный обзор веб-версии WhatsApp мы уже делали и, судя по всему, там ничего не изменилось. Только вот скажите, читатели дорогие, а кто-то из вас пользуется этим мессенджером?
Telegram
Юный мессенджер, снискавший популярность за счет своей лаконичности, защищенности и скандального создателя. Сюда переходят те, кого раздражает расцяцкованность Viber или бреши в защите WhatsApp (а современные люди с каждым днем становится все больше параноиками), а остальных затаскивают скауты-фанатики типа меня. Правда, парочка последних обновлений добавили в Telegtam небольшой цирк-шапито с этими стикерами и ботами, но теперь, если мне скучно, а все заняты, я могу попросить бота прислать мне гифку улыбающегося PewDiePie, а получить воздушный поцелуйчик. Печалити… А сегодня, вот прям в 17.30, он взял и прилег, задедосили…
Удобная веб-версия, которая является полноценной без каких-либо ущербов, у мессенджера появилась давно, относительно создания. Тут все просто — вводите номер телефона, получаете код или на номер, или в открытом на телефоне мессенджере, вводите цифры и пользуетесь. Сообщения полностью синхронизируются, фотографии можно просмотреть, имеется поиск, секретные чаты или массовые чаты, тегирование в диалогах, цитирование, да все есть! Только что стикеры лежат одной кучей, но они для самых озабоченных, так что мучайтесь. И я вместе с вами буду.
Office Online
А вот вы знали, что он существует? А он существует! Бесплатно, без смс, но с регистрацией. Переходите по ссылке, вводите свой логин-пароль Microsoft аккаунта и пользуетесь. Не нужно регистрироваться в каждом приложении отдельно, данные вводите единожды. Можно поставить галочку и запомнить информацию. Главное — не забывайте периодически сохраняться при выполнении какого-либо задания.
По моим наблюдениям, сервис слегка туговат и может подтормаживать, но Microsoft не привыкать. К тому же, если на компе Word у вас нет, то и скачанный файлик через веб не откроешь. Зато его можно сохранить себе на комп.
Знает все, умеет многое, а если хотите подробнее, у вас два варианта: почитать материал Антона Позднякова или сразу приступить к практике.
Послесловие
Как видите, создатели мессенджеров уловили тренд. Если вспомните еще какие полезные веб-версии, обязательно пишите в комментах. К тому же, есть еще масса полезных расширений для браузера, которые тоже не являются программами, но о них вы почитаете в материале Сережи Шаманова. Напомню, что Viber существует именно в таком варианте. К тому же есть веб-аналоги программ от других создателей. Например, такой себе мини-фотошоп от Pixel. Попробовать его можно тут. Если вам интересны и такие варианты, пишите в комментах, мы обязательно найдем для вас массу необходимых ресурсов.
Веб-клиент
Веб-клиент — это одно из клиентских приложений системы «1С:Предприятие 8». В отличие от «привычных» клиентских приложений (толстого клиента и тонкого клиента), его не нужно предварительно устанавливать на компьютер пользователя. У веб-клиента нет исполняемого файла. Веб-клиента вы не найдете ни в меню, ни среди исполняемых файлов. Потому он и веб-клиент, что ему для начала работы не нужно иметь никаких файлов на компьютере пользователя.
Веб-клиент, в отличие от толстого и тонкого клиентов, исполняется не в среде операционной системы компьютера, а в среде интернет-браузера (Windows Internet Explorer, Mozilla Firefox, Google Chrome или Safari). Поэтому любому пользователю достаточно всего лишь запустить свой браузер, ввести адрес веб-сервера, на котором опубликована информационная база, — и веб-клиент сам «приедет» к нему на компьютер и начнет исполняться.
Веб-клиент использует технологии DHTML и HTTPRequest. При работе веб-клиента клиентские модули, разработанные в конфигурации, компилируются автоматически из встроенного языка «1С:Предприятия 8» и непосредственно исполняются на стороне веб-клиента.
Таким образом, независимо от клиентского приложения (толстый, тонкий, веб-клиент), вся разработка прикладного решения ведется полностью в конфигураторе 1С:Предприятия, серверный и клиентский код пишется на встроенном языке «1С:Предприятия 8».
Работа в интернет-браузере без установки системы на компьютер пользователя
Для работы в режиме веб-клиента требуется веб-сервер, настроенный на работу с «1С:Предприятием 8». Браузер клиента взаимодействует с веб-сервером по протоколу HTTP или HTTPS. Веб-сервер, в свою очередь, взаимодействует с «1С:Предприятием 8» в файловом или клиент-серверном варианте работы.
В качестве веб-сервера используется Apache или IIS.
Progressive Web Apps
В веб-клиенте реализована поддержка технологии PWA (Progressive Web Apps). Эта технология поддерживается браузерами (как настольными, так и мобильными). Она позволяет создавать веб-приложения, которые выглядят как нативные приложения и работают почти так же быстро, как нативные приложения.
В веб-клиенте есть команда, которая устанавливает его как отдельное PWA-приложение. В результате на рабочем столе появляется иконка для запуска приложения. Веб-клиент, запущенный из этой иконки, будет похож на нативное приложение — в нем не будет адресной строки браузера, кнопок Домой, Вперед, Назад и др.
Во встроенном языке реализована объектная модель, которая позволяет устанавливать PWA-приложения и обрабатывать события начала и окончания установки.
Аутентификация OpenID Connect
В веб-клиенте реализована поддержка провайдеров OpenID Connect. Для аутентификации в «1С:Предприятии 8», дополнительно к имеющимся способам, пользователи могут использовать свои учётные данные на других сайтах, поддерживающих OpenID Connect аутентификацию.
Веб-клиент на мобильных устройствах
Реализована ограниченная поддержка работы веб-клиента на мобильных устройствах — в браузере Google Chrome под ОС Android и в браузере Safari на iPhone/iPad. Доступны только основные функции веб-клиента.
ВЕБ — что такое web 2.0, веб-поиск, вебсайт, веб-браузер, web-сервер и все остальное с приставкой веб (онлайн)
Обновлено 24 июля 2021- Что такое веб? Чем отличается Web 2.0 от 1.0?
- Веб-поиск
- Веб-браузеры
- Веб-сайты, страницы и web-сервера
Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. Слово «веб» уже давно стало нарицательным и очень часто оно используется как синоним слова интернет. Но что же оно означает на самом деле? Что такое web-сервер, Веб 2.0, web-поиск, веб-сайт, web-страница, веб-браузер, вебмастер и прочая-прочая-прочая включающее это слово?
Естественно, что все эти слова имеют прямое отношение к интернету, но что они конкретно означают в двух словах не скажешь. Как мне кажется, лучше начать по порядку, чтобы в голове не образовывался сумбур. Не бойтесь, «много букв» не будет, но каждому термину все равно придется посвятить пару абзацев. А как вы думали? Высокие технологии — это дело такое…
Что такое веб и онлайн? Чем отличается Web 2.0 от 1.0?
Очень часто слово «веб» используют еще и вместо слова «онлайн» (только сейчас, начиная писать эту заметку, поймал себя на этой мысли). Люди добавляют к своем запросу слово веб или онлайн имея в виду, что хотят найти что-то доступное через браузер (например, пишут «ватсап веб» или «вибер онлайн»).
Т.е.» Web» и «онлайн» по сути тут выступают некими синонимами и означают возможность получения чего-либо через активное интернет-подключение. Почитать книгу онлайн, посмотреть фильм, послушать музыку через веб, пообщаться или поиграть через сеть — это все характеризуется словами «веб» или «онлайн». Кстати, сейчас люди все меньше покупают персональных компьютеров, но все больше мобильных гаджетов, основным преимуществом которых является постоянное подключение к сети.
Да и вообще, люди все меньше используют стационарные программы и все больше веб-приложения (онлайн-сервисы) с аналогичными характеристиками. Например, я уже писал про бесплатный онлайн аналог фотошопа, про онлайн html редакторы и прочие полезные онлайн-сервисы. А ведь когда-то этого не было. Даже трудно представить как жили люди до того, как появился интернет.
Так что же такое веб? По сути, это и есть интернет, сеть, глобальная паутина WWW и все то, о чем я уже писал в приведенной по ссылке статье. Получается, что это совокупность миллионов веб-сайтов, которые расположены на веб-серверах (аналогов обычных компьютеров, но с уклоном под выполнение определенных задач — нет монитора, много оперативной памяти и места на жестких дисках). Работают сервера в режиме 24 на 7 и доступны из любой точки мира благодаря связи через сеть интернет.
Но WEB (то, что мы называем сейчас WWW) появился значительно позже самого интернета (физической возможности соединения компьютеров в сеть). Только в конце восьмидесятых Тим Бернерс-Ли придумал и создал все необходимые для этого инструменты, а через несколько лет появился первый графический веб-браузер. Вот именно с середины девяностых и можно начинать отсчет эры всемирного веба — онлайн взаимодействия миллионов компьютеров пользователей и веб-серверов.
Принято считать, что тогда была эра так называемого «Веб 1.0», когда властвовали простенькие статичные веб-сайты (что это такое?) без всяких намеков на интерактивность. Последнее же (интерактивность — это контент формируемый посетителями) позволяли в какой-то мере реализовать лишь форумы, гостевые доски и чаты.
Причем все это было сделано довольно топорно (вычурные цвета, фон в виде текстуры), убого (помните информеры погоды или валюты чуть ли не на всех сайтах), версталось таблицами без использования CSS и Джава-скрипта.
С другой стороны все недостатки WEB 1.0 были обусловлены низкой скоростью интернет-каналов, которыми в то время обладали веб-пользователи (чаще всего это был диал-ап, со скорость загрузки в 5 мегабайт в час!). Современные навороченные сайты на таких скоростях интернета грузились бы по полчаса, а возможности браузеров и ПК того времени просто не позволили бы отобразить большую часть их функционала. В общем, все соответствовало своему времени и техническим возможностям.
Со временем веб-обозреватели (браузеры) совершенствовались, повышалась скорость интернет каналов (росла доля широкополосных подключений) и веб 1.0 начал потихоньку трансформироваться в WEB 2.0. Кроме этого, Веб 2.0 характеризуется еще и тем, что теперь очень большая часть контента сети создается самими пользователями, а не вебмастерами (владельцами сайтов).
Знаковым событием в этом плане стало появление и массовое распространение социальных сетей, блог-платформ типа Лайфджорнал, Википедии и других вики-проектов. Интерактивность веба теперь возведена во главу угла. Оборотной стороной медали стало то, что данные пользователей, которые они оставляют о себе при регистрации, могут быть похищены.
При этом остро встает вопрос кибербезопасности и конфиденциальность сети. С одной стороны, Веб 2.0 прост и удобен (уютен и понятен, ибо люди живут внутри привычного интерфейса любимой соцсети), но с другой стороны, вы сообщаете там о себе массу данных, что может в конце концов выйти боком…
Веб-поиск
Как вы понимаете, при текущих размерах веба одной из самых насущных проблем является поиск нужной информации. Это как миллиарды страниц разных книг раскиданных по всему миру, и среди них очень сложно будет отыскать что-то действительно ценное и интересное вам в данный момент, если не будет реализована возможность полноценного поиска.
На начальной стадии существования WEB-а достаточно было собрать самые актуальные веб-сайты в тематический каталог и вуаля — все под рукой. Сейчас же такой фокус не прокатит, хотя каталоги существуют и до сих пор (Яндекс каталог, дмоз, рамблер топ 100, яху и др.).
Оптимальным решением являются поисковые машины. Принцип работы поисковиков довольно прост — они сканируют все сайты интернета, изучают содержимое всех их веб-страниц и выдают в ответ на запрос пользователя веб-поиска наиболее подходящий ответ (в виде списка наиболее подходящих страниц, отсортированного по степени их релевантности запросу).
Однако, то что просто на словах, на деле осуществить очень сложно. Вы представьте только, сколько нужно задействовать веб-серверов, чтобы хранить на них копию всего интернета? А ведь эти данные еще нужно обработать и выдавать ответы на вопросы в реальном времени. Не даром самым крупным сборщиком компьютеров является компания, которая их не продает. Догадываетесь какая? Гугл, конечно же. Они все эти компьютеры (сервера) используют для реализации возможности веб-поиска. О, как!
Кстати, история становления Google весьма любопытна, равно как и история развития Яндекса (отечественного лидера поиска в рунете). Именно эти системы веб-поиска являются основными на нашем рынке. Конечно же, они несут такие расходы на обслуживание веб-серверов (миллионов компьютеров) и платят зарплату тысячам своих сотрудников не безвозмездно. Все окупается благодаря размещению в поисковой выдаче контекстной рекламы.
Это огромные деньги, и они позволяют нам с вами осуществлять веб-поиск бесплатно, пусть и с просмотром рекламы.
По поисковым системам мира и рунета у меня имеется отдельная статья, которую вы найдете по приведенной ссылке, посему не буду сильно акцентироваться на этом вопросе, а лишь приведу их список:
- Яндекс — самый популярный поисковик в рунете (русскоязычном сегменте веба)
- Гугл — мировой лидер поиска, но в России занимает пока лишь вторую позицию после Яндекса
- Поиск Майл.ру — серьезно уступает первым двум игрокам, но довольно часто этот веб-поиск используется посетителями сервисов, принадлежащих группе Майл.ру (одноклассники, мой мир, почта, игры и т.п.)
- Бинг — веб-поиск от Микрософт. У нас практически никем не используется
Веб-браузеры
Как я уже упоминал выше, именно с момента появления первого графического браузера (назывался он Мозаик и было это в далеком 1993 году) можно вести отчет веба. Раньше же это был просто интернет для узкого круга знающих людей, но после появления первого web-браузера «для людей» всемирная сеть WWW стала бешеными темпами набирать популярность.
Так что же такое браузер? Ну, это просто софтинка (программа), которая интерпретирует код гипертекстовой разметки сайтов в красивую картинку, где все блоки текста и графики размещены по своим местам и вам будет удобно всем этим добром пользоваться.
С появлением Веб 2.0 браузеры стали поддерживать такие технологии как Флеш (проигрывание видео с помощью Адобе Флеш Плеера и создание красивой навигации), Аякс (подгрузка информации на веб-страницу без ее обновления), джава скрипт (скрипты выполняемые на стороне пользователя, т.е. в браузере) и многое другое. Все это повысило интерактивность сайтов и веб-пользователям стало интересно «жить в сети».
На данный момент можно выделить несколько web-браузеров, которые пользуются наибольшей популярностью (как на стационарных компьютерах, так и на мобильных устройствах):
- Гугл Хром — «выскочка», который за несколько лет своего существования стал самым популярным веб-обозревателем на планете земля. В свое время я написал небольшую обзорную статью по браузере Гугла и расширениям для браузера от Гугла.
- Мазила Фаерфокс — веб-браузер, который можно считать наследником того самого Мозаика, который стал причиной такой популярности Web-а. Развивается очень давно, но уступил пальму первенства детищу Гугла. Раньше главной фишкой было наличие огромного количества расширений для Фаерфокса, но сейчас все конкуренты имеют подобную возможность и полный набор нужных плагинов. С особенностями этого обозревателя вы можете бегло ознакомиться в моей статье о Firefox.
- Опера — когда-то это был культовый web-браузер в рунете (платный, но доступный). Однако, несколько лет назад разработчики перестали поддерживать оригинальный движок и перешли на тот движок, что использует Гугл Хром (хромиум). Собственно, все расширения теперь от Хрома подходят и новой Опере, но лично я по-прежнему пользуюсь старушкой Опера 12, хотя многие сайты в этом браузере уже коряво отображаются. Но привычка — вторая натура.
- Яндекс Браузер — еще одна поделка на движке Хромиума, но со своими изюминками (безопасность и т.п.). Подробнее можете почитать в моей статьей про Яндекс web-браузер. Расширения к нему, естественно, подойдут и от Хрома, равно как и темы оформления.
Естественно, что вариантов подобных программ намного больше и вы можете узнать, где бесплатно скачать нужный вам веб-браузер в приведенной по ссылке статье. А также узнать как почистить куки в браузере, как использовать закладки и как обновить свой веб-браузер до последней версии.
Веб-сайты, страницы и web-сервера
Что же такое веб-сайт? Ну, это множество веб-страниц (хотя бывают и сайты-одностраничники, например, лендинг-пейджи), которое принадлежит одному адресному пространству (доменному имени — читайте про то, что такое домены и адреса). Чаще всего это самое адресное пространство (домен, например, ktonanovenkogo.ru) принадлежит одному физическому или юридическому лицу.
Т.е. мой блог ktonanovenkogo.ru является типичным сайтом (с тысячью веб-страниц типа той, которую вы сейчас читаете) объединенных одним адресным пространством и одним хозяином.
В эпоху WEB 1.0 сайты были статическими, т.е. каждая вебстраница представляла из себя отдельный физический файлик, лежащий в директории сайта на веб-сервере хостинга (по сути, это компьютер подключенный к сети в режиме 24 на 7). Чтобы изменить содержимое страниц, этот файлик нужно было открыть на редактирование и потом сохранить в обновленном виде. Если у веб-сайта было сто страниц, то и файликов хранилось на хостинге столько же, а то и больше.
В эпоху WEB 2.0 все стало проще и сложнее одновременно. Появились так называемые системы управления контентом (CMS или другими словами — движки). В них веб-страницы уже не хранятся на хостинге в виде файлов, а формируются движком на лету путем подставления в нужные места шаблона (графического оформления веб-сайта) нужных фрагментов текста, которые хранятся в базах данных.
И файлы движка, и таблицы баз данных опять же хранятся и подгружаются по запросу пользователя сайта с веб-сервера, расположенного у хостера (даже сейчас есть варианты бесплатного хостинга с поддержкой php и баз данных, где можно размещать сайты на движках без оплаты и без рекламы).
Причем веб-сервер не всегда представляет из себя целый компьютер, выделенный в ваше полное распоряжение (это так называемый выделенный web-сервер). Чаще всего вы получаете в свое распоряжение (как на платном хостинге, так и на бесплатном) лишь его часть (часть жесткого диска, часть оперативной памяти и часть процессорного времени). Поэтому веб-сервером чаще называют именно программную среду, которая позволяет функционировать вашему веб-сайту.
Поднять веб-сервер можно даже на своем собственно домашнем ПК (в этом вам помогут программы локального сервера Денвер и локального web-сервера Опенсервер). Это позволит вам работать над созданием веб-сайтов без предоставления к ним доступа из интернета. А когда все отладите и настроите, можно будет уже перенести web-проект на реальный сервер, расположенный на платном или бесплатном хостинге.
Ну вот, где-то так получается… Если что не понятно, то спрашивайте — постараюсь ответить.
Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru
Эта статья относится к рубрикам:
Какая у меня последняя версия веб-браузера?
Это замечательный факт, что сегодня доступно лота различных веб-браузеров. Доступность различных браузеров означает, что у пользователей всегда есть хороший выбор веб-браузеров, из которых они могут выбирать в соответствии со своими потребностями. Разные веб-браузеры, как правило, специализируются на разных аспектах работы в сети.
Номера последней версии:
Здесь у нас есть серия страниц, на которых будет указан номер последней версии для самых популярных веб-браузеров, плагинов и операционных систем.
Веб-браузеры — Номера последней версии:
Операционные системы — Номера последней версии:
Плагины— Номера последней версии:
- Последняя версия Flash
- Последняя версия Java
Номера версий на этих страницах будут автоматически обновляться каждый раз при выпуске новой версии программного обеспечения. Вы можете регулярно проверять, когда выходят новые версии.
Если вам когда-нибудь понадобится проверить, обновлен ли ваш веб-браузер, наша домашняя страница всегда сообщит вам, что ваш браузер обновлен или нет, а если это не так, у нас есть серия руководств, которые помогут вам обновить ваш веб-браузер.
У разных веб-браузеров есть очень разные версии браузеров — некоторые браузеры, такие как Safari, как правило, получают новую «основную» версию один или два раза в год (часто совпадающую с последними выпусками macOS и iOS), но браузеры, такие как Chrome и Firefox могут увеличивать свою «основную» версию каждые месяц или два.
Нет правильного или неправильного способа сделать это — эти браузеры всегда обновляются их производителями, просто они используют разные подходы к изменению номеров версий.
Получите последние номера версий через API
Если вам нужен доступ к номерам последних версий Chrome, Firefox или любого другого основного веб-браузера в вашем программном обеспечении, тогда у нас есть то, что вам нужно! Версии веб-браузера через API.
Последние пользовательские агенты для веб-браузеров
Последние пользовательские агенты веб-браузера
Последние пользовательские агенты операционной системы
Web 1.0, Web 2.0 и Web 3.0 с их различиями
Web 1.0 —
Web 1.0 относится к первому этапу развития всемирной паутины. Раньше в Web 1.0 было всего несколько создателей контента, и подавляющее большинство пользователей были его потребителями. Личные веб-страницы были обычным явлением и состояли в основном из статических страниц, размещенных на веб-серверах, управляемых интернет-провайдером, или на бесплатных веб-хостингах.
В Web 1.0 запрещена реклама на сайтах во время серфинга в Интернете. Кроме того, в Web 1.0 Ofoto представляет собой веб-сайт цифровой фотографии, на котором пользователь может хранить, публиковать, просматривать и распечатывать цифровые фотографии.Web 1.0 — это сеть доставки контента (CDN), которая позволяет демонстрировать часть информации на веб-сайтах. Его можно использовать как личные сайты. Стоимость для пользователя зависит от количества просмотренных страниц. В нем есть каталоги, которые позволяют пользователю получить определенную информацию.
- Четыре основных элемента дизайна сайта Web 1.0 включают:
- Статические страницы.
- Контент обслуживается файловой системой сервера.
- Страницы, созданные с использованием компонентов на стороне сервера или общего интерфейса шлюза (CGI).
- Фреймы и таблицы, используемые для размещения и выравнивания элементов на странице.
Web 2.0 —
Web 2.0 — это всемирный веб-сайт, на котором выделяется пользовательский контент, удобство использования и взаимодействие для конечных пользователей. Web 2.0 также называют социальной сетью с участием заинтересованных сторон. Это не относится к модификации какой-либо технической спецификации, а к изменению способа проектирования и использования веб-страниц. Переход выгоден, но не кажется, что когда изменения произошли.Взаимодействие и сотрудничество друг с другом разрешены Web 2.0 в диалоге в социальных сетях как создателя пользовательского контента в виртуальном сообществе. Web 1.0 — это улучшенная версия Web 2.0.
Технологии веб-браузера используются при разработке Web 2.0 и включают в себя фреймворки AJAX и JavaScript. В последнее время фреймворки AJAX и JavaScript стали очень популярными средствами создания сайтов Web 2.0.
- Пять основных функций Web 2.0 —
- Бесплатная сортировка информации, позволяет пользователям извлекать и классифицировать информацию коллективно.
- Динамическое содержимое, реагирующее на ввод пользователя.
- Обмен информацией между владельцем сайта и пользователями сайта посредством оценки и онлайн-комментирования.
- Разработанные API-интерфейсы для самостоятельного использования, например, программным приложением.
- Доступ к Интернету вызывает беспокойство у разных, от традиционной базы пользователей Интернета до более широкого круга пользователей.
- Использование Web 2.0 —
- Подкастинг
- Блог
- Добавление тегов
- Кураторство с помощью RSS
- Создание закладок в социальных сетях
- Социальные сети
- Социальные сети
- Голосование за веб-контент
Социальная сеть содержит ряд онлайн-инструментов и платформ, на которых люди делятся своими взглядами, мнениями, мыслями и опытом.Приложения Web 2.0, как правило, гораздо больше взаимодействуют с конечным пользователем. Таким образом, конечный пользователь является не только пользователем приложения, но и участником этих 8 инструментов, упомянутых ниже:
Веб 3.0 —
Относится к эволюции использования и взаимодействия Интернета, включая преобразование Интернета в базу данных.In позволяет обновлять внутреннюю часть сети после долгого времени сосредоточения на интерфейсной части (Web 2.0 в основном был связан с AJAX, тегами и еще одним нововведением в интерфейсе пользователя). Web 3.0 — это термин, который используется для описания многих эволюций использования Интернета и взаимодействия между несколькими путями. В этом случае данные не принадлежат владельцу, а используются совместно, когда сервисы показывают разные представления для одного и того же Интернета / одних и тех же данных.
Семантическая паутина (3.0) обещает установить «мировую информацию» более разумным способом, чем Google может когда-либо достичь с их существующей схемой движка.Это особенно верно с точки зрения концепции машины, а не человеческого понимания. Семантическая сеть требует использования декларативного онтологического языка, такого как OWL, для создания предметно-ориентированных онтологий, которые машины могут использовать для анализа информации и делать новые выводы, а не просто для сопоставления ключевых слов.
- Ниже приведены 5 основных характеристик, которые могут помочь нам определить Web 3.0:
- Semantic Web
Последующая эволюция Web включает семантическую сеть.Семантическая сеть улучшает востребованные веб-технологии для создания, совместного использования и подключения контента посредством поиска и анализа, основанного на способности понимать значение слов, а не на ключевых словах или числах. - Искусственный интеллект
Объединив эту возможность с обработкой естественного языка, в Web 3.0 компьютеры могут различать информацию, как люди, чтобы предоставлять более быстрые и релевантные результаты. Они становятся более умными, чтобы выполнять требования пользователей. - 3D-графика
Трехмерный дизайн широко используется на веб-сайтах и сервисах в Web 3.0. Путеводители по музеям, компьютерные игры, электронная торговля, геопространственные контексты и т. Д. — все это примеры использования трехмерной графики. - Связь
С Web 3.0 информация становится более связанной благодаря семантическим метаданным. В результате взаимодействие с пользователем переходит на другой уровень связи, который использует всю доступную информацию. - Ubiquity
Контент доступен для нескольких приложений, каждое устройство подключено к Интернету, сервисы можно использовать везде.
Разница между Web 1.0, Web 2.0 и Web 3.0 —
| Web 1.0 | Web 2.0 | Web 3.0 | |||
|---|---|---|---|---|---|
| В основном только для чтения | Без ограничений для чтения и записи | и личные | |||
| Компания | Сообщество | Индивидуальное внимание | |||
| Домашние страницы | Блоги / Вики | Прямые трансляции / Волны | |||
| Владение контентом | Совместное использование контента | Совместное использование контента | |||
| Веб-формы | Веб-приложения | Интеллектуальные приложения | |||
| Каталоги | Теги | Поведение пользователя | |||
| Просмотры страниц | Стоимость за клик | Вовлеченность пользователей | Интерактивная реклама | Поведенческая реклама 9 0157 | |
| Britannica Online | Wikipedia | The Semantic Web | |||
| HTML / Portals | XML / RSS | RDF / RDFS / OWL |
« Что такое Web 2.0?» Мы часто получаем этот вопрос. Вероятно, у него столько ответов, сколько людей используют этот термин. Однако с тех пор, как в последний год или около того заговорили о Web 3.0, похоже, наступил совершенно новый уровень путаницы. В этой статье я объясню Web 2.0 и Web 3.0 и их применение в вашем бизнесе электронной коммерции.
Я начну с проблем, которые заставляют людей мыслить категориями Web 2.0 и Web 3.0. Так как это модные словечки, а не четко определенные термины, думайте об этом как о попытке описать постоянно меняющуюся сеть. Я позаимствую у Тима Бернерса-Ли, директора Консорциума Всемирной паутины и изобретателя Всемирной паутины (в 1989 г.). Его понятие сети «чтение-запись» часто используется для описания Web 2.0.
Интернет 1.0
Первая итерация сети представляет собой сеть 1.0, которая, по словам Бернерса-Ли, является «сетью только для чтения». Другими словами, ранняя сеть позволяла нам искать информацию и читать ее.Было очень мало способов взаимодействия с пользователем или создания контента.
Первая итерация сети представляет собой сеть 1.0, которая, согласно Бернерсу-Ли, является «сетью только для чтения».
Это было то, чего хотели большинство владельцев веб-сайтов. Им нужен был веб-сайт, чтобы их информация была доступна любому в любое время. Я называю это «обычным мышлением применительно к сети». Интернет в целом не намного продвинулся дальше этой стадии.
Приложения корзины покупок, которые большинство сайтов электронной коммерции используют в той или иной форме, подпадают под категорию Web 1.0. Общая цель — представить продукты потенциальным клиентам — как каталог или брошюру — кому угодно в мире. Интернет обеспечивает экспозицию. Он снимает географические ограничения, связанные с обычным бизнесом.
Веб 2.0
Сейчас мы наблюдаем зарождение Web 2.0, или сети «чтение-запись», как ее описал Бернерс-Ли. Это возможность добавлять контент и взаимодействовать с другими пользователями Интернета. Он кардинально изменил ландшафт Интернета за короткое время.У него большой потенциал. В качестве примеров рассмотрим YouTube и MySpace, которые полагаются на сообщения пользователей. Web 2.0 — это долгожданный ответ для пользователей Интернета, которые хотят участвовать в распространении информации.
Существует множества определений «приложения web 2.0». Например, бытует мнение, что только потому, что веб-сайт построен с использованием определенной технологии (такой как Ruby on Rails) или использует Ajax в своем интерфейсе, он представляет собой Web 2.0. Но это не всегда так. Web 2.0 для непрофессионалов просто требует, чтобы пользователи могли взаимодействовать или добавлять контент.
Интернет 3.0
Это приводит нас к Web 3.0 (расширяя расплывчатую номенклатуру). Если экстраполировать объяснения Тима Бернерса-Ли, Web 3.0 — это «чтение-запись-выполнение». Это трудно представить в абстрактной форме. В качестве иллюстрации рассмотрим семантическую разметку и веб-службы.
Семантическая разметка относится к коммуникационному разрыву между людьми и компьютерными приложениями. Одна из самых больших проблем при представлении информации в Интернете заключается в том, что приложения не могут предоставить контекст для данных и, следовательно, не могут понять, что является актуальным.Посредством использования некоторой семантической разметки (или форматов обмена данными) данные могут быть представлены в форме, не только доступной для людей через естественный язык, но также способной быть понятой и интерпретированной программными приложениями.
Хотя это понятие все еще развивается, это понятие — форматирование данных для понимания программными агентами — приводит к «выполнению» части определения Web 3.0.
Веб-служба — это программное обеспечение, которое поддерживает взаимодействие между компьютерами через Интернет.Веб-сервисы не новы и обычно имеют форму интерфейса прикладного программирования. Популярный веб-сайт по обмену фотографиями Flickr предоставляет веб-сервис, с помощью которого разработчики могут программно взаимодействовать для поиска изображений.
Существуют тысячи веб-сервисов. Сочетание семантической разметки и веб-сервисов может создать опыт Web 3.0 — приложения, которые могут напрямую общаться друг с другом и интерпретировать информацию для людей.
Не устарело
Важно то, что соглашение об именах — web 1.0, 2.0, 3.0 — не стоит воспринимать слишком серьезно. Тот факт, что веб-сайт не использует функции Web 2.0, не делает его устаревшим. В конце концов, небольшой сайт электронной коммерции, пытающийся продавать нишевые продукты, может не иметь бизнес-потребности в том, чтобы пользователи отправляли контент или могли взаимодействовать друг с другом.
Более того, этому небольшому сайту электронной коммерции не нужно ничего обновлять, например, новое программное обеспечение. Web 1.0, 2.0 и 3.0 — абстрактные идеи. Они описывают проблемы, с которыми сталкиваются разработчики (и пользователи) в Интернете, и способы их решения.
Как найти информацию о моем компьютере или браузере — Human Support
Какая версия операционной системы установлена на моем компьютере?
ПК (Windows)
Щелкните здесь , чтобы узнать, как найти эту информацию для всех типов операционных систем Windows.
Mac (OS X)
- Щелкните значок яблока в верхнем левом углу экрана.
- Выберите Об этом Mac .
- Появится окно с названием и версией вашей операционной системы.
Какую версию браузера я использую?
ПК (Windows)
Google Chrome:
- Откройте Chrome.
- В правом верхнем углу окна браузера щелкните Меню (три точки).
- В старых версиях Chrome выберите О Google Chrome .В более новых версиях Chrome выберите Справка или Справка и около , а затем выберите О Google Chrome .
Mozilla Firefox:
- Откройте Firefox.
- В строке меню в верхней части экрана щелкните Справка , а затем выберите О Firefox . Версия браузера будет отображаться на информационном экране.
- Или: В правом верхнем углу окна браузера щелкните Меню (значок с тремя горизонтальными линиями) и выберите значок с вопросительным знаком в нижней части меню.Выберите О Firefox .
Internet Explorer:
- Откройте Internet Explorer.
- В строке меню в верхней части экрана щелкните Справка , а затем выберите Об Internet Explorer . Версия браузера будет отображаться на экране.
- Или: В правом верхнем углу окна браузера щелкните значок шестеренки . Выберите Об Internet Explorer .
Microsoft Edge:
- Откройте Microsoft Edge.
- В правом верхнем углу нажмите Дополнительные действия, а затем выберите Настройки .
- Найдите свою версию ниже Об этом приложении .
Safari:
- Откройте Safari.
- В строке меню в верхней части экрана щелкните Справка , а затем выберите О Safari .
Mac (OS X)
Google Chrome:
- Откройте Chrome.
- В строке меню в верхней части экрана щелкните Chrome , а затем выберите О Google Chrome .
Mozilla Firefox:
- Откройте Firefox.
- В строке меню в верхней части экрана щелкните Firefox , а затем выберите О Firefox .
Safari:
- Откройте Safari.
- В строке меню в верхней части экрана щелкните Safari , а затем выберите О Safari .
Как найти информацию о моем устройстве iOS или Android?
Просмотр настольной версии веб-страниц на Android
Поскольку устройства Android могут очень хорошо отображать настольную версию веб-страниц, можно подумать, что больше нет необходимости в мобильных версиях веб-сайтов. Думаю, иногда они пригодятся. Мобильные версии веб-страниц загружаются быстрее, но иногда они могут не работать, отображаться неправильно или предоставлять меньше возможностей, чем версия для настольных компьютеров.
К счастью, на Android есть несколько способов просмотра полных версий веб-страниц. Вот три, которые вы можете использовать, чтобы превратить свой Android в компактную, скупую машину для отображения веб-страниц.
Вариант 1 — Настройка Google Chrome
Google Chrome для Android предоставляет удобный вариант для быстрого просмотра настольной версии веб-сайтов. Просто зайдите на сайт, затем выберите « Меню »> « Запросить настольный сайт ».
Вариант 2 — Вариант на веб-странице
На некоторых веб-страницах есть ссылка для перехода на настольную версию.Ссылка обычно спрятана где-то внизу страницы. Ищите ссылки с надписью «немобильный», «классический», «полный сайт» или «обычная страница».
Вариант 3 — Установить агент пользователя
Установка пользовательского агента в веб-браузере позволит вам постоянно посещать настольную версию каждого веб-сайта, который вы посещаете. Большинство сторонних браузеров, доступных на Android Market, имеют возможность устанавливать UAString по умолчанию.
Популярным браузером, который позволяет устанавливать User Agent, является Firefox.Вы можете установить для строки пользовательского агента все, что захотите, используя следующие шаги:
- Введите « about: config » в адресной строке, затем нажмите « Enter ».
- Выберите + , чтобы добавить строку.
- Для « Name » укажите « general.useragent.override ».
- Нажмите « Boolean » и измените его на « String ».
- Для « Введите строку » установите любую желаемую строку пользовательского агента рабочего стола, которую вы хотите.Пример: « Mozilla / 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit / 537.36 (KHTML, например, Gecko) Chrome / 60.0.3112.113 Safari / 537.36 ».
- Нажмите « Create », и все готово!
Итак, это 3 варианта, которые у меня есть для вас. Этого должно быть достаточно, чтобы ваш Android отображал немобильные версии веб-сайтов. Есть что еще добавить? Пожалуйста, оставьте сообщение в разделе комментариев ниже.
Основы Интернета: Использование веб-браузера
Урок 5: Использование веб-браузера
/ ru / internetbasics /standing-the-cloud / content /
Использование веб-браузера
Веб-браузер — это тип программного обеспечения, которое позволяет находить и просматривать веб-сайты в Интернете.Даже если вы этого не знали, сейчас вы используете веб-браузер, чтобы читать эту страницу! Существует множество различных веб-браузеров, но некоторые из наиболее распространенных включают Google Chrome , Internet Explorer , Safari , Microsoft Edge и Mozilla Firefox .
Независимо от того, какой веб-браузер вы используете, вы захотите изучить основы работы в Интернете. В этом уроке мы поговорим о , переходящем с на разные веб-сайты, с использованием вкладок , , просмотре , создании закладок, и многом другом.
Посмотрите видео ниже, чтобы узнать об основах использования веб-браузера.
На протяжении всего урока мы будем использовать веб-браузер Google Chrome , но вы можете использовать любой браузер, какой захотите. Имейте в виду, что ваш браузер может выглядеть и действовать немного по-другому, но все веб-браузеры работают в основном одинаково.
URL и адресная строка
Каждый веб-сайт имеет уникальный адрес, который называется URL (сокращение от Uniform Resource Locator ).Это похоже на уличный адрес, который сообщает вашему браузеру, куда идти в Интернете. Когда вы вводите URL-адрес в адресную строку браузера и нажимаете Введите на клавиатуре, браузер загрузит страницу, связанную с этим URL-адресом.
В приведенном ниже примере мы набрали www.bbc.com/travel в адресную строку.
Ссылки
Всякий раз, когда вы видите слово или фразу на веб-сайте, обозначенное синим или подчеркнутым синим цветом , вероятно, это гиперссылка или ссылка для краткости.Возможно, вы уже знаете, как работают ссылки, даже если никогда раньше не задумывались о них. Например, попробуйте щелкнуть ссылку ниже.
Эй, я ссылка! Нажми на меня!
Ссылки используются для навигации по сети . Когда вы нажимаете ссылку, она обычно переводит вас на другую веб-страницу. Вы также можете заметить, что ваш курсор меняется на значок руки всякий раз, когда вы наводите курсор на ссылку.
Если вы видите этот значок, это означает, что вы нашли ссылку. Таким же образом вы найдете и другие типы ссылок.Например, многие веб-сайты фактически используют изображения в качестве ссылок, поэтому вы можете просто щелкнуть изображение , чтобы перейти на другую страницу.
Просмотрите наш урок о гиперссылках, чтобы узнать больше.
Кнопки навигации
Кнопки Назад и Вперед позволяют перемещаться по веб-сайтам, которые вы недавно просматривали . Вы также можете нажать и удерживать любую кнопку, чтобы просмотреть свою недавнюю историю.
Кнопка Обновить будет перезагрузить текущую страницу.Если веб-сайт перестает работать, попробуйте использовать кнопку «Обновить».
Просмотр с вкладками
Многие браузеры позволяют открывать ссылки в новой вкладке . Вы можете открывать столько ссылок, сколько хотите, и они останутся в том же окне браузера , вместо того, чтобы загромождать экран множеством окон.
Чтобы открыть ссылку в новой вкладке, щелкните правой кнопкой мыши ссылку и выберите Открыть ссылку в новой вкладке (точная формулировка может отличаться от браузера к браузеру).
Чтобы закрыть вкладку a, щелкните X .
Чтобы создать новую пустую вкладку , нажмите кнопку справа от любых открытых вкладок.
Закладки и история
Если вы найдете веб-сайт, который хотите просмотреть позже, может быть трудно запомнить точный веб-адрес. Закладки , также известные как избранные , — отличный способ сохранять и упорядочивать определенные веб-сайты, чтобы вы могли возвращаться к ним снова и снова. Просто найдите и выберите значок Star , чтобы добавить текущий веб-сайт в закладки.
Ваш браузер также будет хранить историю каждого посещаемого вами сайта. Это еще один хороший способ найти сайт, который вы посещали ранее. Чтобы просмотреть историю, откройте настройки браузера — обычно щелкнув значок в правом верхнем углу — и выберите История .
Скачивание файлов
Ссылки не всегда ведут на другой веб-сайт. В некоторых случаях они указывают на файл , который можно загрузить, или сохранить на вашем компьютере.
Если щелкнуть ссылку на файл, он может загрузиться автоматически, но иногда в вашем браузере открывается вместо загрузки.Чтобы предотвратить его открытие в браузере, вы можете щелкнуть правой кнопкой мыши ссылку и выбрать Сохранить ссылку как (разные браузеры могут использовать несколько разные формулировки, например Сохранить цель как ).
Просмотрите наш урок по загрузке и отправке, чтобы узнать больше.
Сохранение изображений
Иногда вам может понадобиться сохранить изображение с веб-сайта на свой компьютер. Для этого щелкните изображение правой кнопкой мыши и выберите Сохранить изображение как (или Сохранить изображение как ).
Плагины
Плагины — это небольшие приложения, которые позволяют просматривать определенные типы контента в вашем веб-браузере. Например, Adobe Flash и Microsoft Silverlight иногда используются для воспроизведения видео, а Adobe Reader используется для просмотра файлов PDF.
Если у вас нет подходящего подключаемого модуля для веб-сайта, ваш браузер обычно предоставляет ссылку для его загрузки. Также могут быть случаи, когда вам нужно обновить ваши плагины.Прочтите наш урок по установке и обновлению подключаемых модулей, чтобы узнать больше.
/ ru / internetbasics /standing-hyperlinks / content /
Ваш браузер в настоящее время не поддерживается — онлайн-версия Explain Everything
В некоторых случаях, когда вы пытаетесь запустить новый проект, вы можете получить следующее сообщение об ошибке: «Ваш браузер в настоящее время не поддерживается. Используйте последняя версия Chrome, Opera, Firefox или Safari ».
Это выглядит так:
Иногда это действительно может быть связано с версией вашего браузера.Пожалуйста, обновите его или попробуйте другой.
Поддерживаемые браузеры включают Chrome, Safari, Firefox, Opera и большинство браузеров на основе Chromium, например, новый Microsoft Edge .
Explain Everything будет достаточно хорошо работать на любом iMac или MacBook 2011 года выпуска и новее, а также на современном ПК с Windows (2011 года или новее).
Мы обнаружили, что есть проблемы на некоторых устаревших iMac 2009 и 2010 годов (см. Список устаревших и устаревших продуктов Apple: https: // support.apple.com/en-sg/HT201624).
Обратите внимание, что устаревшие версии ОС не поддерживают новейшие браузеры — и часто будут отображать, что браузер «обновлен» — это означает, что на вашем компьютере установлена последняя версия браузера, поддерживаемая вашей ОС, но сам по себе этот браузер может не быть «последней версией».