Установка и настройка Wi-Fi роутеров

Как зайти на страницу настроек Wi-Fi роутера

ШАГ 1: подключить роутер к компьютеру с помощью Ethernet-кабеля

Первое, что нужно сделать — это подключить ваш роутер Ethernet-кабелем к компьютеру (прим.: в последствии, когда Wi-Fi сеть будет настроена, кабель можно будет отключить). Сетевой кабель (хотя бы 1 шт.) всегда идет в комплекте к любым моделям роутеров (D-Link, TP-Link, Asus и пр.).

Схема подключения

Обратите внимание, что после того, как вы соедините компьютер и роутер кабелем и включите устройства — на роутере должны начать мигать светодиоды (в том числе и те, которые помечены маркировкой LAN). Также должен «ожить» сетевой значок в Windows — обычно пишет, что найдена сеть и она «Без доступа к интернету»

ШАГ 2: узнать IP-адрес, пароль и логин от веб-интерфейса с настройками

У каждой марки (модели) роутеров свой IP-адрес, логин и пароль для доступа к настройкам. Без этой информации — зайти в них не получиться!

Сразу хочу казать: в документации к вашему устройству, на его коробке, или наклейке на корпусе — 99,9% эта информация есть (ниже приведено фото, как это выглядит)!

Наклейка на роутере — адрес и пароль для доступа

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

Таблица №1: Данные для входа в настройки роутеров разных моделей

Важно! Все настройки приведены по умолчанию. Рекомендуемый браузер для входа в настройки — Internet Explorer

Модель роутера	Страница настроек	Логин и пароль
Роутер от Ростелекома (Sagemcom)	http://192.168.1.1/	Пароль и логин: admin
Asus	http://192.168.1.1/	Логин: admin Пароль: admin
D-Link	http://192.168.0.1	Логин: admin Пароль: либо пустая строка, либо так же admin.
NetGear	192.168.1.1	Логин: admin Пароль: password
Tenda	http://192.168.0.1/index.html	Логин: admin
Tp-Link	192.168.1.1 (в редких случаях 192.168.0.1, в зависимости от версии прошивки)	Имя пользователя: admin Пароль: admin (набирать без точек, запятых и пр.).
TRENDnet	http://192.168.10.1	User Name (логин): admin Password (пароль для доступа): admin
Zyxel	192.168.1.1	Логин: admin Пароль: admin

ШАГ 3: ввести IP-адрес в адресную строку браузера

Многие ошибочно вводят IP-адрес в поисковую строку, вместо адресной (и поэтому, собственно, не могут войти в веб-интерфейс…).

Адресная строка в EDGE

ШАГ 4: ввести пароль и логин для доступа к интерфейсу

Если IP-адрес был правильно указан — вы увидите, что для дальнейшего доступа, Вас попросят ввести пароль и логин (значит вы двигаетесь в верном направлении ).

Чаще всего пароль и логин по умолчанию — это «admin» (вводить без кавычек). Иногда, вместо пароля вообще вводить ничего ненужно. В общем, вводите те данные, которые указаны производителем вашего устройства, и нажимайте OK.

Данные для входа — пароль и логин

ШАГ 5: настроить беспроводную сеть, интернет

Собственно, если логин и пароль верный — откроется веб-интерфейс с настройками. Дело останется за малым — ввести необходимые изменения в параметры, сохранить их и перезагрузить роутер.

Страничка с настройками…

Расположение роутера

Прежде чем подключать маршрутизатор к компьютеру, нужно правильно расположить его в помещении, чтобы сигнал Wi-Fi покрывал максимально возможную площадь.  Учитывать следует множество факторов, вплоть до материала стен и особенностей окружающей обстановки, ведь помехой может стать самый неожиданный предмет: например, аквариум.

Старайтесь расположить роутер как можно выше и примерно посередине дома. В качестве примера можете посмотреть на оптимальное расположение маршрутизатора в квартире:

Если в доме два этажа, то лучше разместить роутер примерно таким образом:

Проверить качество сигнала можно с помощью ноутбука или смартфона: устройство подключается к действующей беспроводной сети, а вы с ним в руках передвигаетесь по комнатам, определяя, где Wi-Fi работает нормально, а где – плохо.

Вход на роутер по 192.168.0.1. Логин и пароль admin

Обратите внимание, что устройство, с которого вы хотите выполнить вход в настройки роутера по адресу 192.168.0.1, должно быть подключено к самому роутеру. По сетевому кабелю, или по Wi-Fi сети

Это не обязательно должен быть компьютер. В настройки можно зайти со смартфона, планшета, и других устройств.

Для доступа к странице с настройками, нужно использовать любой браузер. Это может быть Opera, Chrome, Mozilla Firefox, Internet Explorer, Microsoft Edge (в Windows 10), или какой-то другой браузер, в том числе на мобильном устройстве. Здесь есть один важный момент, IP-адрес 192.168.0.1 нужно вводить именно в адресной строке, а не в строке поиска.

После перехода по адресу, появится запрос логина и пароля. Указываем их. Как мы уже выяснили выше, чаще всего это admin и admin.

Важно понимать, что сама страничка, которая откроется по адресу 192.168.0.1, может выглядеть по-разному. Все уже зависит от конкретного устройства

Я показал на примере роутера TP-Link. Но схема всегда одна: открываем браузер, переходим по адресу, вводим логин и пароль, и подтверждаем вход.

Думаю, не лишними будут ссылки на инструкции по входу в панель управления на маршрутизаторах популярных производителей:

• TP-Link – http://help-wifi.com/tp-link/kak-zajti-v-nastrojki-routera-tp-link/
• ASUS – http://help-wifi.com/asus/vxod-v-nastrojki-na-routerax-asus-192-168-1-1/
• D-Link – http://help-wifi.com/d-link/kak-zajti-v-nastrojki-routera-d-link-zaxodim-na-adres-192-168-0-1/
• ASUS – http://help-wifi.com/asus/vxod-v-nastrojki-na-routerax-asus-192-168-1-1/

Ниже мы рассмотрим несколько решений, которые пригодятся вам в том случае, если у вас не получилось зайти в настройки своего маршрутизатора, или модема.

Подключение

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

1. Разъем «Power», в который подключается кабель питания.
2. Один порт WAN (Internet) , в который устанавливается кабель, проведенный провайдером в помещение.
3. Четыре (может быть больше или меньше) разъемов LAN (Ethernet), необходимых для проводного соединения роутера с другими устройствами.
4. Кнопка «Reset», позволяющая сбросить конфигурацию маршрутизатора до заводского состояния.

Подключение производится следующим образом:

1. Кабель питания устанавливается в разъем «Power».
2. Провод, прокинутый провайдером, вставляется в порт «WAN».
3. С помощью патч-корда соединяется порт «LAN» на роутере и разъем сетевой платы на компьютере.

После подключения начинается самое интересное – роутер нужно настроить, чтобы выходить в интернет и раздавать Wi-Fi.

Часть пятая Верстка

Я считаю, что веб-дизайнер должен уметь верстать. Хотя наверняка найдется много ленивых коллег, которые со мной не согласятся

Обратите внимание, мой канал называется WebDesign Master и даже когда я начинал записывать уроки, довольно четко представлял, что такое веб-дизайн и что в него входит. Конечно, что-то поменялось, что-то осталось неизменным, но я все больше и больше убеждаюсь в том, что такое мировозрение весьма объективно

Я не силен во Front-end, ведь настоящий Front-end — это глубокий JavaScript, разработка сложной логики интерфейсов для крупных и серьезных проектов. У меня другой склад ума — не программиста, а дизайнера, поэтому принуждать себя к области, которая не нравится смысла не вижу. Но я всегда смогу «оживить» свой дизайн и сделать рабочий HTML прототип на достаточно высоком уровне, если потребуется. И это довольно шикарная опция для веб-дизайнера, ведь ваш ценник, как специалиста, поднимается, как минимум, вдвое. Не стоит бояться осваивать новые горизонты. Верстка — это не сложно.

Если вы хотите освоить верстку и базовые навыки Front-end разработчика, советую:

1. Понять Основы HTML
2. Закрепить знания на практике. Для этого подойдут следующие мои материалы:
   • Bootstrap: Как создаются современные адаптивные сайты
   • Джедай верстки #2. Адаптивная HTML верстка на примере образовательного Landing Page
   • Создание HTML тем на Bootstrap
   • Джедай верстки #4. Bootstrap: Погружение в адаптивную HTML верстку на примере коммерческого сайта
   • Адаптивная верстка Landing Page. Джедай верстки #5
   • Адаптивная верстка сайта юридической компании. Джедай верстки #6
   • Адаптивная HTML вёрстка на реальном примере. Джедай верстки #7

Материала по HTML верстке более, чем достаточно, поэтому с версткой всё.

Часть третья Wireframing, каркасное моделирование

После того, как вы определили аудиторию, определили цели и ценности персон, можно приступить к моделированию каркаса интерфеса, так называемому Вайрфреймингу

Wireframe служит для распределения информации на будущих страницах по степени важности — сверху вниз. В процессе моделирования, вы продумываете, какая информация будет на странице, определяете базовую форму вывода информации, но не вдаетесь в детали, не занимаетесь визуализацией

Увлекаться не стоит, так как если в дальнейшем вы поймете, что структура не совсем удачная, вам все равно придется все переделывать заново

Забудьте о стилизации и акцентируйте внимание на структуре

Для создания каркаса можно воспользоваться специальным приложением или нарисовать от руки на бумаге в клеточку или в точечку, после чего отсканировать и положить в папку с материалами проекта. Я обычно использую онлайн приложение wireframe.cc, так как можно в реальном времени вносить правки и согласовывать с клиентом. Но иногда и прорабатываю структуру страниц на бумаге, если лень садиться за комп.

Проработайте все страницы веб-сайта или приложения и только после того, как каркас всего сайта готов, переходите к следующему шагу.

Настройка маршрутизатора

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

Параметры сетевой карты

Первым делом нужно подключить сетевую карту (если вы этого еще не сделали) и настроить параметры её работы. Сделать это можно в разделе «Сетевые подключения», который можно открыть двумя способами:

1. Запустите «Панель управления», перейдите в раздел «Сеть и интернет» и найдите пункт «Сетевые подключения».
2. Нажмите сочетание Win+R, введите команду «ncpa.cpl.» и щелкните «ОК».

В окне «Сетевые подключения» вам нужно найти установленное соединение по локальной сети, кликнуть на него правой кнопкой и выбрать пункт «Свойства».

Следующий шаг – открыть свойства протокола интернета TCP/IPv4. Здесь нужно установить автоматические получение данных для работы в сети как это показано на скриншоте.

После этого можно закрывать все окна и переходить к настройке самого маршрутизатора.

Веб-интерфейс роутера

Интерфейс с настройками роутер доступен через браузер по адресу 192.168.0.1 (D-Link, NetGear) или 192.168.1.1. Могут быть и другие варианты, поэтому лучше уточнить IP-адрес маршрутизатор заранее по его модели. Найти эту информацию можно часто на наклейке, которая расположена дне корпуса сетевого устройства.

Порядок действий следующий:

1. Открыть любой браузер.
2. Ввести в адресной строке IP-адрес роутера и нажать Enter .
3. Указать логин (admin), пароль (admin) и нажать «ОК».

После этого на экране должен появиться веб-интерфейс маршрутизатора, через который производится его дальнейшая настройка. В зависимости от модели устройства и версии его прошивки интерфейс выглядит по-разному, однако алгоритм настройки всегда один:

1. Создание нового подключения к интернету с данными, которые предоставляет провайдер.
2. Создание беспроводной сети с выбором именем точки доступа и режима аутентификации, а также указанием пароля.
3. Настройка интерактивного телевидения, если эта услуга предоставляется провайдером.
4. Сохранение конфигурации устройства.

Подробную настройку нужно искать для каждой конкретной модели маршрутизатора.  Если вам станет нужно настроить локальную сеть через wifi роутер, чтобы например, подключить ноутбук к ноутбуку, то для этого также придется искать отдельное руководство.

Не открывается веб-интерфейс

Иногда пользователи сталкиваются с тем, что веб-интерфейс браузера е открывается. Если перед вами встала такая проблема, выполните следующие действия:

• Убедитесь, что кабель LAN исправен и установлен правильно.
• Проверьте настройки сетевой карты. Возможно, там указан неправильный IP-адрес.
• Попробуйте вручную прописать адрес роутера в свойствах протокола TCP/IPv

Пропингуйте маршрутизатор, обменявшись с ним пакетом данных. Откройте командную строку и напишите в ней «ping 192.168.1.1» (в зависимости от адреса маршрутизатора).

Если обмен пакетами прошел успешно, попробуйте зайти в настройки роутера через другой браузер.

Если веб-интерфейс не открывается из-за неправильно введенного пароля, сбросьте параметры работы роутера до заводских, нажав кнопку «Reset» на его корпусе.Последний вариант – проверка браузера. Возможно, он не исправен. Обновите свой браузер или переустановите его.

QA

How do I make use of sections or web items in my own themes?

Take a look at how they are used in the default themes, you should be able to get a good idea of the necessary code.
For example, here is some sample code from :

1
2
3
4
5
6

Can I create new locations for web UI plugins in my own themes?

Yes. Pick a new key for the or parameters of your plugin modules. By convention, you should
probably use the standard ‘inverted domain name’ prefix so as not to clash with anyone else’s plugins. We reserve all
locations for Confluence core use.

Once again, we don’t recommend this as you end up with plugins that are only useful in your own themes. At least try to
provide an alternative set of UI modules for people who use other themes and still want to access the same functionality.
You can, for example, define alternative UI plugin modules that place your functions in Confluence standard locations,
but have a condition> that disables them in favor of your custom locations if your theme is installed.

The best way is to look at the .vm file of one of the existing items in that location. You are most interested in
the directive being called from that file. For example, , which defines the «View» tab
in the location, has the following directive:

1
2
3
4
5
6
7
8

If you write a plugin that is to be added as another item in the page tabs, your Velocity file for that actionneeds to have a similar decorator directive around it:

1
2
3
4
5
6
7
8

Note that you should put your web item plugin key as the ‘mode’. This way, Confluence will make sure that the correct
tab is highlighted as the active tab when people view your action.Also notice that in some cases, such as the Browse Space tabs, you may have to use instead of .

1. In the file, do the following:

   1
   2
   3

2. In the Java do this:

   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14

3. Use a normal properties file and locate it as follows:

• If we talk about actions: the properties file with the same name as the relevant action can go in the same directory as the action.
  So, if you have , then can live in the same directory. You will not have to do
  anything in the file.
• If you don’t want it to live there, or if you’re not talking about an action: define a resource in the
  and tell it to live wherever you want. The standard is .
  In the source:
  In the jar:

The property that handles the breadcrumb has to be the fully qualified name of the class plus .

So, for a , property you might use: .

Что выбрать

С моей точки зрения, учить стоит FullStack JS, даже если планируется работа по FrontEnd.
Человек, не имеющий представления о том как работает сервер, – не сможет настроить даже
сборку бандла. «Малоизвестный факт»: современный фронтенд собирается с помощью NodeJS,
а пакеты инсталлируются через NPM (часть NodeJS экосистемы).

Знание бекенда на уровне:

• умею развернуть простейший REST API
• умею запускать NPM скрипты
• умею инсталлировать зависимости
• …

повысит шансы найти работу React или Angular разработчика на порядок.

Освоить NodeJS, по сути, проще чем браузер, т.к. среда NodeJS сравнительно проще.
Плюс работа с файловой системой, минус тонны Web API и vendor-specific ерунды.

В общем и целом – учить нужно то, что интересно лично вам, не заморачиваясь на «востребованность» специализации.
Рынок веб-разработки уже устоялся и баланс между спросом и предложением практически одинаков
по всем имеющимся категориям. «По Angular много вакансий» – это ваша точка зрения.
«По Angular много резюме» – точка зрения рекрутера.

При выборе направления, не гонитесь за простотой (пресловутый «ручной тестировщик»). Индийцы не дремлют, а зверски
демпингуют. Все тренды показывают, что будущее за программированием, обоснованным теорией (функциональное программирование,
статическая типизация) и математикой. Поинтересуйтесь числом вакансий по машинному обучению.
Делайте ставки на долгосрочную перспективу. Ищите по слову «интерн», а не «джун». Интерн позволит
вам увидеть команду в деле. Лучше «не подойти», чем увольняться через два месяца. Второе будет ломать
вас психологически. «Найти работу в хорошей команде» – совсем не то же самое что «найти работу».

Рекрутеры не любят «любых» работников. Рассматривая вакансии начинающих, они ищут людей, которые
уже определились с тем, чего хотят. Чем более точным и узконаправленным будет ваше резюме – тем больше у вас шансов.
Ибо даже если вы найдёте «любую работу» – вашей следующей задачей будет поиск «лучшей работы».
И когда вы планируете закончить с поиском и начать получать удовольствие от жизни?

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

Вёрстка требует невероятной усидчивости. Любите игру «Найди 10 отличий»?
Тогда это для вас. Нет – не насилуйте себя.

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

Найдите свои самые сильные стороны и сделайте ставку на них. Найдите свои самые слабые стороны
и взвесьте – не помешают ли они в выбираемой профессии. Всё что «посрединке» – оставьте в покое.

Желаю Удачи!

Как настроить Wi-Fi роутер

Настройку Wi-Fi роутера можно разделить на три этапа. Первый этап — физическая настройка, второй — настройка подключения к интерфейсу роутера для управления им, третий — настройка параметров работы роутера. Все три этапа установки и настройки роутера мы рассмотрим ниже более подробно.

Подключение к веб — интерфейсу роутера

Для того чтобы установить и настроить Wi-Fi роутер, нам нужно добраться до веб-интерфейса этого роутера. Веб — интерфейс — это по сути сайт, хостингом для которого служит память роутера. Подключиться к нему можно, если ввести 192.168.0.1 в адресную строку браузера и нажать Enter. На некоторых роутерах этот адрес нужно заменить на 192.168.1.1(Иногда встречаются роутеры, веб-интерфейс которых расположен, например, по адресу 192.168.10.1). Все эти IP-адреса являются частными.

Итак, всё что нам необходимо выполнить на втором этапе — зайти в веб-интерфейс роутера. Если Вы подключили компьютер и роутер между собой, то смело открывайте любой браузер и попробуйте открыть веб-интерфейс. Напомню, что для этого необходимо в адресной строке ввести адрес роутера.

Так же, иногда удается сразу же подключиться к Wi-Fi сети роутера. Вы можете попробовать подключиться по беспроводной сети, если не хотите возиться с проводами. Для этого найдите в списке доступных сетей ту, которую создает Ваш роутер и подключитесь, используя пароль от сети роутера. После этого попробуйте перейти на вышеприведенные адреса. Если все хорошо и Вы не видите перед собой никакой ошибки, то это значит, что перед Вами окно с запросом пароля для доступа к веб-интерфейсу(иногда этот пароль не запрашивается, что ставит безопасность роутера под угрозу). Если да, переходите на третий этап настройки роутера. Если нет, то перепроверьте подключение — действительно ли Вы установили соединение с беспроводной сетью. Если все хорошо, а веб-интерфейс не открывается, попробуйте подключиться к роутеру через LAN-провод.

Все нынешние уважающие себя роутеры сразу же настраивают сеть между компьютером и роутером. Но если вдруг Ваш компьютер не получил IP-адрес от роутера, то Вам необходимо сделать это самому. Подключение компьютера к роутеру по локальной сети аналогично процессу создания сети между двумя компьютерами. Там мы настраивали IP-адреса для обоих компьютеров так, чтобы они были в одной подсети. Тут же нужно настроить IP-адрес только для компьютера, так как роутер уже имеет свой адрес. Роутер обычно имеет адрес 192.168.0.1 или 192.168.1.1. Нам придется проверить оба варианта, если первый по списку не подойдет. Проверить можете с помощью утилиты PING или методом тыка. В любом случае Вам необходимо в свойствах подключения выставить следующие параметры для IP-протокола версии 4:

• IP-адрес — 192.168.0.2
• Маска подсети: 255.255.255.0
• Основной шлюз: 192.168.0.1
• Предпочитаемый dns-сервер: 192.168.0.1

Данные параметры предполагают, что IP-адрес роутера — 192.168.0.1. Если данная конфигурация не оправдает себя, попробуйте следующие настройки:

• IP-адрес — 192.168.1.2
• Маска подсети: 255.255.255.0
• Основной шлюз: 192.168.1.1
• Предпочитаемый dns-сервер: 192.168.1.1

После того как Вы выставите все настройки и сохраните их, попробуйте в браузере открыть страницу с адресом 192.168.0.1 или 192.168.1.1. Если перед Вами будет окно запроса имени пользователя и пароля, то переходите к следующему этапу. В противном случае Вам необходимо перепроверить то, что Вы сделали, и найти ошибку.

Настройка роутера в веб-интерфейсе

Итак, перед Вами окно входа в веб-интерфейс роутера. Если Вы или кто-то другой использовал роутер, то спрашивайте пароль и имя пользователя у них. А если роутер новый, то данные для входа можно найти в инструкции к роутеру. Обычно это незамысловатое имя пользователя(user, admin) и такой же незамысловатый пароль. Это заводские настройки. После первого входа рекомендую изменить хотя бы пароль к данной учетной записи, так как любой желающий может узнать заводские настройки к любому роутеру и получить доступ к нему.

После всех приведенных действий Вы успешно установили и настроили работу Wi-Fi роутера, который отныне будет снабжать доступом в Интернет всех тех, кто подключится к нему. Не забудьте обеспечить хорошую безопасность Wi-Fi роутера.

Часть шестая Самообучение и саморазвитие

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

Что касается UX — тут все тихо и спокойно. И так будет еще долго, ведь по сути, UX — это дисциплина, изучающая психологию, а здесь врядли что-то может поменяться в ближайшее время. Здесь самообучение заключается в развитии внутреннего мира, собственного опыта. Изучив базу, можно смело работать много лет, лишь изредка мониторя новости в этой области и читать хорошие детективы

Но особого внимание требует самообучение UI, здесь кипит жизнь, тренды в визуальном дизайне сменяют друг друга, дополняются и эволюционируют чуть ли каждый день! Я не сторонник слепого следования тенденциям и трендам, но, как показывает практика, рациональное зерно в трендах есть и за ними нужно следить

Что касается совершенствования своих навыков в UI, тут нельзя дать каких-то четких указаний, посоветовать книгу, после которой у вас будут получаться красивые интерфейсы. Но, тем не менее, я могу дать несколько советов, исходя из своего опыта, как происходит самообучение у меня.

1. Критикуйте рекламу на улицах вашего города и думайте, как можно сделать лучше;
2. Критикуйте UX на улицах и также, думайте, как многие вещи можно было бы сдлать удобнее. Благо, у нас на постсоветском пространстве есть место, где разгуляться на этот счет. Думайте о людях, думайте как люди.

Другие уроки по теме «Веб-дизайн»

• С чего начать работу над дизайном и где брать вдохновение
• Create Website Design on iPad | Speed Art #5. Just for Fun
• Процесс создания дизайна сайта салона красоты. Мастер веб-дизайна #7
• Adobe XD на Windows. Мастер веб-дизайна #6. Создание дизайна сайта хостинг компании
• Мастер веб-дизайна #5: Создание дизайна сайта пиццерии

Часть вторая Исследование

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

Вы должны чётко понимать, ПОЧЕМУ вы создаёте именно такую секцию, именно такие элементы, именно такой порядок на Web странице. Все ваши действия должны быть подкреплены железобетонным основанием. Довольно странно будет звучать объяснение на вопрос «Почему здесь эти круглешочки?» в виде — «Потому, что я где-то увидел такие и решил данную форму применить под ваш выдуманный контент, так как у меня не работает фантазия». Странно, не правда ли?

Right Way — исследование. Исследование — это самый первый шаг дизайнера при работе над любым проектом. Нужно чётко вывести группу пользователей, максимально узнать аудиторию, под которую вы разрабатываете интерфейс, узнать потребности этой аудитории. Конечно, основываясь только на своем личном опыте и своих ощущениях довольно сложно прийти к объективно правильному решению в интерфейсе, ведь вы не беспристрастны по отношению к результату вашего творчества и ваш личный опыт относительно конкретного продукта может быть весьма ограниченным. Тем не менее, если вы хорошо изучили продукт, для которого делаете дизайн сайта, то можете сделать какие-то выводы, принять решения. Самый минимум, который вы просто обязаны сделать, если вы фриансер, работаете один и у вас нет своей команды UX специалистов — изучить текущий опыт бизнеса, накидать портрет среднего потребителя продукта. Например, если вы создаёте посадочную страницу для продажи сельскохозяйственной техники, скорее всего, потенциальные клиенты не ищут особых изысков в визуальном исполнении сайта, их более интересуют каталог продукции, фотографии, сроки и способы дставки именно в их регион, цены и возможные скидки. Последний пункт говорит о том, что проектирование UX очень тесно связано с бизнесом. Это то, о чём обычно не говорят веб-дизайнеры, но думают все.

В начале своего исследования нужно пообщаться с владельцем бизнеса, вашим заказчиком. Он является специалистом в своем продукте и у него есть опыт работы с клиентами, он знает свою аудиторию. Записывайте все ключевые моменты на стикеры или в блокнот для дальнейшего анализа. Если вы фрилансер — изучите опыт аналогичных продуктов, тематические форумы и сообщества, но не применяйте слепо наработки конкурентов в своем проекте — это не правильно и не эффективно. Если вы — студия, у вас есть ресурсы и бюджет проекта достаточный для глубокого исследования — проводите онлайн-опросы, интервью с аудиторией, A/B-тестирования нескольких потенциально эффективных прототипов.

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

Наименование персоны	Что ценят в первую очередь?	Каковы цели посетителей?
Трактористка Глаша	Сроки постаки (не опоздать на посев) Удобство доставки в регион (жд, авто, авиа) Качество оборудования (чтобы не сломалось посреди поля) Простота подключения (консультации по сложному агрегату)
Персона #2	…..	…..
Персона #3	…..	…..

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

Веб-интерфейс торрент клиента

Для начала переходим в настройки программы. Для этого кликнете в верхнем меню «Настройки», а после соответствующий пункт. В диалоговом окне находим пункт «Дополнительно» в левой колонке – двойным кликом разверните его.

Щёлкаем из списка «Веб-интерфейс». Сверху вниз знакомимся с параметрами:

1. Ставим галочку в первой строке «Использовать веб-интерфейс», тем самым активируя функцию программы.
2. Далее в подразделе «Учётная запись» укажите данные для авторизации.
   • Имя – слово на английской раскладке, которое является логином для входа.
   • Пароль – набор символов для защиты веб-интерфейса от сторонних проникновений.
3. В строке «Разрешить гостевой вход с именем:» ставим галочку, если требуется доступ с просмотром списка загрузок без возможности управления (если требуется смените имя по умолчанию — Guest).
4. В следующем подразделе «Настройки соединения поставьте галочку в строке «Альтернативный порт (по умолчанию – порт соединения)»», если требуется укажите порт например — 8080(такое может понадобиться в следствии работы другой программы на этом порте)
5. Далее в поле ниже можно указать ряд доверенных IP-адресов для входа. Полезно для повышения безопасности, только указанные компьютеры будут иметь доступ к управлению.
6. И последняя область предлагает добавить папки загрузки, можно указать лишь одну, главное чтобы директория была доступна для записи.
7. В конце щёлкаем «ОК» и переходим в Интернет браузер.

Веб-интерфейс uTorrent авторизация

Во первых, что следует знать пользователю, чтобы попасть в веб-интерфейс:

1. Учётные данные авторизации для входа (имя и пароль), указанные шагом раньше, либо гостевой логин;
2. IP-адрес компьютера в локальной сети (например: 192.168.0.2), потребуется для введения в адресную строку браузера;
3. Порт соединения, если тот изменён вручную в настройках «uTorrent»;

В итоге в адресную строку вбиваем ссылку следующего содержания: http://192.168.0.2:8080/gui/ Если вход в веб-интерфейс производится локально с того же компьютера, то IP-адрес можно изменить на 127.0.0.1 или localhostПримечание!   Если доступ совершается с удалённого компьютера, вне локальной сети, то следует знать внешний IP-адрес компьютера-источника. Если Интернет соединение имеет динамический IP-адрес, то лучше воспользоваться первым способом удалённого доступа!

Жмём «Enter» и авторизуемся по средствам появившейся формы входа. При верной паре имени и пароля, у Вас откроется страница веб-интерфейса клиента «uTorrent». Далее следуем по обстоятельствам, так как управление уже доступно!

Возможные проблемы:

• Если Вам не удаётся перейти по адресу с указанным портом по умолчанию, стоит вернуться в диалоговое окно настроек и указать «Альтернативный порт соединения»;
• Если по каким-либо причинам не удаётся совершить вход по локальному адресу (127.0.0.1), то попробуйте заменить его буквенным аналогом – localhost;
• Если требуется сузить круг пользователей веб-интерфейса, то не забудьте в строке «доверенных адресов» перечислить IP-адреса пользователей;
• Если при вводе адреса браузер выдаёт ошибку «InvalidRequest», то скорее всего, введены некорректные значения (адрес или порт);
• Установленный антивирус, так же может стать помехой подключения, поэтому при неудачном соединении временно отключите Firewall (Сетевой экран) для проверки.

Web section definition

You may choose to create your own web sections or add to Confluence’s predefined ones, if it makes logical sense to do that.

Here is a sample fragment for a web section:

1
2
3
4

Here is another sample:

1
2
3

The previous example creates a new section on the Add menu. You can then add a in the section.
The location of this section depends on the relative weight compared to the other sections that are already
defined by Confluence or by other installed plugins.

Take a look at full configuration of Web section plugin modules.

Web sections in Confluence 

The following diagrams illustrate the web sections available in the Confluence drop-down menus.

Web sections for location system.content.action