Разработка сайта — Введение

Веб-сайт может быть определен как набор из нескольких веб-страниц, которые все связаны друг с другом, и доступ к ним можно получить, посетив домашнюю страницу, с помощью браузера, такого как Internet Explorer, Mozilla, Google Chrome или Opera. Например, адрес веб-сайта Tutorialspoint — www.tutorialspoint.com .

Каждый веб-сайт имеет свой собственный URL, который является уникальным глобальным адресом, который называется доменное имя . URL состоит из —

• Протокол, используемый для доступа к веб-сайту, в данном случае это http , означающий порт 80. Он также может быть https ; порт 443.

• Субдомен, который по умолчанию является www .

• Доменное имя ; доменные имена обычно выбираются, чтобы иметь значение. Как и в нашем случае «tutorialspoint», мы можем понять, что этот сайт предлагает учебные пособия.

• Имя суффикса, которое может быть .com, .info, .net, .biz или конкретной страны. Для получения более подробной информации, пожалуйста, обратитесь к следующей ссылке Википедии — https://en.wikipedia.org/wiki/List_of_Internet_top-level_domains.

• Каталоги или, проще говоря, папка на сервере, на котором находится этот сайт.

• Веб-страница, на которую мы смотрим, в нашем примере это «about_careers.htm».

Протокол, используемый для доступа к веб-сайту, в данном случае это http , означающий порт 80. Он также может быть https ; порт 443.

Субдомен, который по умолчанию является www .

Доменное имя ; доменные имена обычно выбираются, чтобы иметь значение. Как и в нашем случае «tutorialspoint», мы можем понять, что этот сайт предлагает учебные пособия.

Имя суффикса, которое может быть .com, .info, .net, .biz или конкретной страны. Для получения более подробной информации, пожалуйста, обратитесь к следующей ссылке Википедии — https://en.wikipedia.org/wiki/List_of_Internet_top-level_domains.

Каталоги или, проще говоря, папка на сервере, на котором находится этот сайт.

Веб-страница, на которую мы смотрим, в нашем примере это «about_careers.htm».

Зачем нам нужны сайты?

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

Следующие пункты объясняют, почему важно иметь веб-сайт —

• Веб-сайт — это онлайн-брошюра, где вы можете рекламировать свои деловые предложения.

• Это дает вам платформу для связи с обширной глобальной клиентской базой.

• Если вы блоггер, у вас есть возможность влиять на своих читателей.

• Вы можете показать все свои идеи и опубликовать их на сайте.

• Если у вас есть бизнес-идея, вам не нужно ждать. Вы можете сразу же открыть интернет-магазин и продавать свои товары или услуги через Интернет. Дополнительным преимуществом является то, что интернет-магазин будет открыт для ваших клиентов в течение всего года.

• Вы можете общаться со своими клиентами, давая им возможность выразить себя.

• Вы можете обеспечить ценную поддержку клиентов, имея систему заявок на устранение неисправностей.

• Если у вас есть официальный сайт с доменом, то вы можете иметь свой персонализированный адрес электронной почты. Например, info@tutorialspoint.com (это намного лучше, чем florjan.llapi@yahoo.com) .

Веб-сайт — это онлайн-брошюра, где вы можете рекламировать свои деловые предложения.

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

Если вы блоггер, у вас есть возможность влиять на своих читателей.

Вы можете показать все свои идеи и опубликовать их на сайте.

Если у вас есть бизнес-идея, вам не нужно ждать. Вы можете сразу же открыть интернет-магазин и продавать свои товары или услуги через Интернет. Дополнительным преимуществом является то, что интернет-магазин будет открыт для ваших клиентов в течение всего года.

Вы можете общаться со своими клиентами, давая им возможность выразить себя.

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

Если у вас есть официальный сайт с доменом, то вы можете иметь свой персонализированный адрес электронной почты. Например, info@tutorialspoint.com (это намного лучше, чем florjan.llapi@yahoo.com) .

Как настроить сайт?

Веб-сайт состоит из нескольких элементов, и при настройке веб-сайта вам придется позаботиться о каждом из них.

• Чтобы настроить веб-сайт и сделать его живым, вы должны сначала купить план хостинга.

• Выберите доменное имя для этого сайта.

• Направьте записи DNS на сервер или хостинг-провайдера.

• Разрабатывайте контент, который вы хотите опубликовать на сайте.

• Проверьте, нужно ли вам приобрести публичный сертификат и установить его.

• Опубликовать веб-страницу в Интернете.

Чтобы настроить веб-сайт и сделать его живым, вы должны сначала купить план хостинга.

Выберите доменное имя для этого сайта.

Направьте записи DNS на сервер или хостинг-провайдера.

Разрабатывайте контент, который вы хотите опубликовать на сайте.

Проверьте, нужно ли вам приобрести публичный сертификат и установить его.

Опубликовать веб-страницу в Интернете.

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

Разработка веб-сайтов — необходимые навыки

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

Эксперты по контенту

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

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

Дизайнер веб-сайтов

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

Графические дизайнеры

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

Веб-разработчики

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

• HTML / XHTML — это языки разметки, которые вы будете использовать для создания своего сайта. Веб-программист должен хорошо понимать HTML и XML.

• PHP — это популярный язык программирования для разработки веб-страниц. Вы можете собрать больше информации о PHP на — https://www.tutorialspoint.com/php/ .

• PERL Script — PERL — это еще один язык, который используется для разработки интерактивных веб-приложений. Если вы планируете использовать PERL для разработки своего веб-сайта, просмотрите наш учебник — https://www.tutorialspoint.com/perl/, чтобы узнать больше о PERL.

• Сценарии Java или VB — эти сценарии необходимы для выполнения проверок на уровне пользователя и для повышения интерактивности вашего веб-сайта. Таким образом, веб-разработчик должен иметь достаточные знания любого из этих сценариев на стороне клиента.

• Технология AJAX — AJAX — это новейшая технология в Интернете. Google и Yahoo используют эту технологию, чтобы обеспечить более удобную навигацию посетителям своего сайта.

• ASP или JSP — веб-разработчики должны хорошо разбираться в ASP или JSP для разработки интерактивных веб-сайтов. Чтобы получить больше информации, вы можете просмотреть наши учебные пособия по ASP и JSP по адресу — https://www.tutorialspoint.com/asp.net/ и https://www.tutorialspoint.com/jsp/ .

• Macromedia Flash — вы можете использовать Macromedia Flash для создания веб-сайта. Изучение этой технологии может занять немного времени, но как только вы научитесь ее использовать, вы сможете создавать привлекательные веб-сайты с использованием Flash.

HTML / XHTML — это языки разметки, которые вы будете использовать для создания своего сайта. Веб-программист должен хорошо понимать HTML и XML.

PHP — это популярный язык программирования для разработки веб-страниц. Вы можете собрать больше информации о PHP на — https://www.tutorialspoint.com/php/ .

PERL Script — PERL — это еще один язык, который используется для разработки интерактивных веб-приложений. Если вы планируете использовать PERL для разработки своего веб-сайта, просмотрите наш учебник — https://www.tutorialspoint.com/perl/, чтобы узнать больше о PERL.

Сценарии Java или VB — эти сценарии необходимы для выполнения проверок на уровне пользователя и для повышения интерактивности вашего веб-сайта. Таким образом, веб-разработчик должен иметь достаточные знания любого из этих сценариев на стороне клиента.

Технология AJAX — AJAX — это новейшая технология в Интернете. Google и Yahoo используют эту технологию, чтобы обеспечить более удобную навигацию посетителям своего сайта.

ASP или JSP — веб-разработчики должны хорошо разбираться в ASP или JSP для разработки интерактивных веб-сайтов. Чтобы получить больше информации, вы можете просмотреть наши учебные пособия по ASP и JSP по адресу — https://www.tutorialspoint.com/asp.net/ и https://www.tutorialspoint.com/jsp/ .

Macromedia Flash — вы можете использовать Macromedia Flash для создания веб-сайта. Изучение этой технологии может занять немного времени, но как только вы научитесь ее использовать, вы сможете создавать привлекательные веб-сайты с использованием Flash.

Веб-исследователь

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

Ресурс поддержки аппаратного и программного обеспечения

Ресурс поддержки обновляет аппаратное и программное обеспечение по мере необходимости. Они играют решающую роль в поддержании системы в исправном состоянии.

Маркетинг и продвижение

Специалисты по маркетингу в основном используют популярные платформы социальных сетей, такие как Facebook и Twitter, для продвижения контента и ресурсов, доступных на сайте. Они обращаются к целевой аудитории и создают осведомленность среди них.

Системный администратор

Системный администратор знает, как настроить и указать протоколы как записи HTTP, FTP, SMTP и DNS. Системные администраторы — это те эксперты, которые следят за каждым аспектом разработки сайта и его обслуживания.

Разработка сайта — доменное имя

Доменное имя является частью вашего онлайн-адреса, и ваши посетители будут использовать его, чтобы легко найти вас. Например, доменное имя Tutorialspoint — это tutorialspoint.com . Ваше доменное имя является уникальным для вас. После того, как вы зарегистрировали его, никто другой не сможет зарегистрировать его, если вы продолжите продлевать его.

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

Правило 1 — Выберите доменное имя, которое может быть названием вашего бренда, если это необходимо. Наше доменное имя tutorialspoint.com действительно является брендом, потому что нет такой общей строки ключевых слов, как tutorials-points.com, которую трудно запомнить, где находится «-».

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

Правило 2. Если у вас есть финансовые возможности, вы можете приобрести домены с различными расширениями, такими как .com, .net, .info, .biz и т. Д. В нашем случае это будет как tutorialspoint.net, tutorialspoint.info, tutorialspoint.biz. Есть домены с ошибками, например, похожий случай — google.com. Если вы напишите « gogle.com», одно «o» отсутствует, но все равно оно перенаправит вас на официальный сайт google.com.

Правило 3 — Вы должны убедиться, что это доменное имя не является товарным знаком или защищено авторским правом.

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

Правило 5 — Расширения — это суффиксы, такие как .com или .net, в конце веб-адресов. Они могут иметь конкретное применение, поэтому обязательно выберите расширение, которое подходит для вашего бизнеса. Расширение домена .com на сегодняшний день является самым популярным, но может быть сложно получить короткое и запоминающееся доменное имя .com, потому что оно существует так долго. Если ваша веб-страница обслуживается локально, вы можете купить ее с суффиксом вашей страны.

Правило 6 — Если ваше доменное имя не идет под брендом, то, по крайней мере, вы должны использовать конкретные ключевые слова, которые описывают ваш бизнес, например, tutorialspoint.com. Это помогает повысить ваш рейтинг в поисковых системах (что увеличивает трафик), а также имеет больше смысла для ваших клиентов.

Расширения доменных имен

Первый тип домена — домен верхнего уровня (TLD) . Эти домены верхнего уровня включают в себя любые расширения, которые содержат только один суффикс — например, .net, .info, .biz и так далее.

Домены второго уровня (2LD) — это доменные имена, содержащие еще один уровень после суффикса .com или .co. Например, .com.au — это стиль домена второго уровня, так как он содержит дополнительный суффикс после .com, который показывает, что сайт происходит из Австралии.

РДВУ является родовым доменом верхнего уровня и включает такие адреса, как — .marketing, .estate, .fashion и .photography. Это быстро развивающийся сегмент, который очень популярен в последнее время, и есть огромный выбор, независимо от вашей отрасли!

CcTLD — это домены верхнего уровня с кодом страны, которые обычно ограничены определенными странами. Это такие домены, как .au, .uk, .ae, .us и т. Д.

Расширение также имеет значение. Значения некоторых доменов верхнего уровня перечислены ниже:

• .com — коммерческий — это открытый ДВУ; Любое физическое или юридическое лицо может зарегистрироваться, и оно всегда является основным TLD.

• .org — организация — это открытый ДВУ; любое физическое или юридическое лицо может зарегистрироваться. Но он изначально предназначен для использования любыми некоммерческими организациями. Но на данный момент таких ограничений нет, и доменное имя .org используется многими организациями.

• .net — сеть — это открытый ДВУ; любое физическое или юридическое лицо может зарегистрироваться. Первоначально он был предназначен для использования доменами, указывающими на распределенную сеть компьютеров, или сайтами «Umbrella», которые действуют как портал для набора небольших веб-сайтов.

• .edu — образование — этот ДВУ ограничен конкретными высшими учебными заведениями, такими как, но не ограничиваясь, профессиональные школы и университеты.

• .mil — Military — TLD .mil может использоваться только военными США.

• .arpa — Адрес и маршрутизация. В первые дни работы в Интернете Агентство перспективных исследовательских проектов использовало .arpa исключительно в качестве ДВУ инфраструктуры Интернета.

.com — коммерческий — это открытый ДВУ; Любое физическое или юридическое лицо может зарегистрироваться, и оно всегда является основным TLD.

.org — организация — это открытый ДВУ; любое физическое или юридическое лицо может зарегистрироваться. Но он изначально предназначен для использования любыми некоммерческими организациями. Но на данный момент таких ограничений нет, и доменное имя .org используется многими организациями.

.net — сеть — это открытый ДВУ; любое физическое или юридическое лицо может зарегистрироваться. Первоначально он был предназначен для использования доменами, указывающими на распределенную сеть компьютеров, или сайтами «Umbrella», которые действуют как портал для набора небольших веб-сайтов.

.edu — образование — этот ДВУ ограничен конкретными высшими учебными заведениями, такими как, но не ограничиваясь, профессиональные школы и университеты.

.mil — Military — TLD .mil может использоваться только военными США.

.arpa — Адрес и маршрутизация. В первые дни работы в Интернете Агентство перспективных исследовательских проектов использовало .arpa исключительно в качестве ДВУ инфраструктуры Интернета.

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

Регистрация доменного имени

Чтобы зарегистрировать доменное имя, необходимо зарегистрировать нужное имя в организации под названием ICANN через регистратора доменных имен . Например, если вы выберете имя, например «mydomain.com», вам следует обратиться к регистратору и оплатить регистрационный сбор, который стоит около 10 долларов США в год для этого имени. Это даст вам право на доменное имя на год. Вы должны продлевать его ежегодно на ту же сумму в год.

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

Некоторые из крупнейших регистраторов, где вы можете зарегистрировать свой домен, приведены ниже —

• GoDaddy — с URL-адресом https://uk.godaddy.com

• Имя — с URL https://www.name.com/

• iPage — с URL https://www.ipage.com

• BlueHost — с URL https://www.bluehost.com/

• Hostgator — с URL https://www.hostgator.com/

GoDaddy — с URL-адресом https://uk.godaddy.com

Имя — с URL https://www.name.com/

iPage — с URL https://www.ipage.com

BlueHost — с URL https://www.bluehost.com/

Hostgator — с URL https://www.hostgator.com/

Теперь давайте посмотрим, как шаг за шагом зарегистрировать доменное имя в GoDaddy.

Во-первых, мы должны выбрать наше доменное имя и посмотреть, является ли оно бесплатным для покупки.

В моем случае я написал «tutorialspoint.com» и нажал «Поиск домена».

Как видно из результатов, приведенных на следующем снимке экрана, этот домен уже занят и не является бесплатным. Тогда GoDaddy порекомендует мне другие похожие имена, которые могут нас заинтересовать.

Мы выберем другое доменное имя, которое нам предложил GoDaddy, а именно «tutorialspoint.online».

• Нажмите на зеленую кнопку «Выбрать».
• Затем нажмите «Продолжить на карту», ​​как показано на скриншоте ниже.

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

GoDaddy является признанным регистратором доменных имен. Это также хостинг-провайдер, который предлагает вам услуги хостинга для вашего сайта. Он позволяет вам совершать покупки и в то же время предоставляет подходящий план для вашего сайта.

Нажмите «Продолжить в корзину».

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

• Также у вас есть возможность купить другие похожие домены.
• Нажмите «Перейти к оформлению заказа».

Поскольку мы новый клиент, мы нажмем «Продолжить».

В разделе Billing, мы должны заполнить подлинные данные, потому что они должны соответствовать информации о платеже.

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

Теперь нам нужно ввести данные кредитной карты или данные PayPal. Затем нажмите «Продолжить», как показано на следующем снимке экрана.

Следующий экран появится после того, как покупка домена будет успешной.

Разработка сайтов — Поддомены

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

пример

Вы можете создать поддомен для блога на сайте под названием «Блог», который будет доступен через URL — blog.tutorialspoint.com в дополнение к уже существующему www.tutorialspoint.com/blog.

Мы можем добавить бесконечные субдомены на доменное имя в теории. Мы также можем добавить несколько уровней поддоменов. Например, вы можете добавить info.blog.tutorialspoint.com, чтобы углубиться в еще более конкретную область интересов на сайте. Каждый поддомен может быть длиной до 25 символов.

Разработка сайтов — Конфиденциальность домена

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

В записи WHOIS домена есть четыре контактных позиции:

• владелец
• администратор
• Биллинг и
• технический

Некоторые регистраторы не будут защищать имя организации-владельца, чтобы защитить право собственности на доменное имя.

Давайте теперь иметь подробное пошаговое понимание того, что здесь обсуждается.

Перейдите по адресу https://whois.icann.org/en, а затем введите доменное имя, для которого мы хотим видеть общедоступные данные.

Следующим шагом является нажатие на «Lookup», как показано на следующем скриншоте.

Введите капчу, отображаемую на веб-странице, как показано на следующем снимке экрана, затем нажмите «Поиск».

Информация об этом доменном имени будет отображаться следующим образом. Основной раздел «Контактная информация» имеет несколько подразделов, таких как —

• Контакт с регистрантом
• Администратор Контакт
• Технический контакт

Каждый из этих разделов имеет —

Имя и фамилия, название компании, адрес, номер телефона и адрес электронной почты . На следующем снимке экрана показано имя владельца регистрации, в данном случае GoDaddy.com, LLC.

На следующем снимке экрана показана информация о том, когда доменное имя было зарегистрировано и когда оно истечет.

Пока на последнем скриншоте будут показаны серверы имен (DNS) домена.

Следующий снимок экрана содержит полную информацию о доменном имени.

Настройка записи DNS на платформе хостинга

Записи DNS в основном используются для преобразования доменных имен в IP-адреса серверов, на которых размещен этот веб-сайт. Важно отметить, что записи вводятся у регистраторов доменов. Как правило, они предоставляют вам панель диспетчера DNS. Основная цель заключается в том, чтобы людям и приложениям не приходилось запоминать большие цифры, чтобы перейти к домену. Например, IP-адрес www.tutorialspoint.com составляет 93.184.220.42, поэтому проще запомнить понятное имя.

Указание Домена на IP осуществляется через запись. Например: www.tutorialspoint.com A 93.184.220.42

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

S.No	Тип записи и объяснения
1	Запись Подключает IP-адрес к имени хоста
2	CNAME Record Позволяет использовать более одного DNS-имени для хоста
3	MX Record Обеспечивает доставку электронной почты в нужное место
4	NS Record Содержит информацию о сервере имен
5	TXT Record Предоставляет дополнительную информацию о хосте или дополнительную техническую информацию для серверов
6	SRV Record Находит компьютеры, на которых размещены определенные службы
7	AAAA Record Предоставляет IP-адреса, которые не соответствуют стандартному формату записи A
8	SPF Record Используется для предотвращения спама

Запись

Подключает IP-адрес к имени хоста

CNAME Record

Позволяет использовать более одного DNS-имени для хоста

MX Record

Обеспечивает доставку электронной почты в нужное место

NS Record

Содержит информацию о сервере имен

TXT Record

Предоставляет дополнительную информацию о хосте или дополнительную техническую информацию для серверов

SRV Record

Находит компьютеры, на которых размещены определенные службы

AAAA Record

Предоставляет IP-адреса, которые не соответствуют стандартному формату записи A

SPF Record

Используется для предотвращения спама

Давайте теперь посмотрим на это практически: ранее домен tutorialspoint.online был куплен на GoDaddy, который теперь должен указывать на IP. Для этого мы должны выполнить шаги, указанные ниже.

Для начала вам следует начать с ввода имени пользователя и пароля. Затем нажмите «Управление моими доменами».

Выберите домен, чьим DNS нужно управлять, нажав на , Нажмите «Управление DNS».

Появится новое окно, и вы должны затем выбрать запись, которую вы хотите ввести. В этом случае мы должны ввести A Record для публикации на сайте.

Будут открыты поля, показанные на следующем снимке экрана. В поле «Host» введите имя субдомена, которое будет www, а в поле «Points to» введите IP — 93.184.220.42 . В выпадающем списке «TTL» нам нужно выбрать 1 час , что означает, что через час запись будет распространена по всему миру, и веб-страница станет эффективной. Как только все это будет сделано, нажмите «Сохранить».

Разработка сайтов — CMS Platforms

В этой главе мы сначала обсудим, как сделать правильный выбор для вашего веб-сайта и какую платформу системы управления контентом (CMS) выбрать для вашего веб-сайта.

Выбор правильного сайта

Давайте поймем это, задав себе несколько вопросов, а затем подробно обсудим эту концепцию.

Вопрос 1 — Сколько денег мы хотим потратить?

Ответ. Это один из основных вопросов, поскольку он напрямую связан с бюджетом. Если ваш бюджет низок, то вам следует подумать о чем-то некоммерческом и не слишком сложном.

Вопрос 2 — Сколько времени у нас есть, чтобы запланировать техническое обслуживание?

Ответ. Если вы собираетесь публиковать множество предложений, вести блог для модерации и т. Д., То вам наверняка понадобится динамичный веб-сайт. У вас должен быть дополнительный персонал для обработки всего этого, поэтому этот вопрос соотносится с Вопросом 1. В противном случае у вас должен быть плоский веб-сайт, который мы объясним в следующих главах.

Вопрос 3 — Будет ли сайт использоваться в качестве сайта электронной коммерции для продажи товаров в Интернете?

Ответ. Если это так, вам следует искать платформу, которая называется электронная коммерция. Есть много таких открытых и коммерческих, таких как Magento, Opencard, Shopify и т. Д.

Вопрос 4. Должен ли вид быть адаптируем для разных экранов, таких как мобильные телефоны?

Ответ — если это один из основных критериев и если на сайте не так много других изменений в плане информации; тогда вы должны пойти с плоским сайтом, имеющим такие функции, как Bootstrap.

Вопрос 5 — Будет ли мой сайт взаимодействовать с социальными сетями или другими сторонними платформами?

Ответ. Вам потребуется запись обо всех событиях, происходящих на вашем сайте, и они будут сохранены в базе данных. Для хранения всех этих данных и записей вам потребуется динамический веб-сайт.

Вопрос 6 — Какой тип языка веб-программирования или платформы легче найти?

Ответ. В зависимости от страны, существует несколько языков программирования или платформ, которые более популярны, чем другие. Итак, вы должны сначала найти платформу, которая соответствует тенденциям вашего региона.

Платформа CMS

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

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

Наиболее известными платформами CMS являются WordPress, Joomla и Drupal . Это бесплатные CMS-движки с открытым исходным кодом. Это означает, что их исходный код открыт для общественности. Вы можете использовать, редактировать и настраивать основные файлы движка на своем сайте, и если вы обнаружите отличный способ улучшить платформу, вы можете предложить его разработчикам и помочь улучшить их движок в следующем обновлении.

WordPress — это CMS с открытым исходным кодом. Более 50% веб-страниц этой платформы. Он становится все более полным, интуитивно понятным и популярным с каждым новым выпуском обновления. WordPress имеет преданное сообщество, которое имеет множество бесплатных расширений и самый простой в использовании интерфейс .

Управлять своим контентом с помощью WordPress очень просто: вы создаете страницу, добавляете ее в меню, публикуете что-то на ней и видите свой контент в интерфейсе своего сайта. Все это в совокупности с выдающейся платформой CMS. Официальная веб-страница https://wordpress.com/.

Следующий снимок экрана показывает фон приборной панели.

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

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

Его официальная веб-страница https://www.joomla.org/ .

Drupal предназначен для огромных веб-сайтов и организаций, которые могут позволить себе постоянных администраторов. Вы можете делать почти все с Drupal. Я часто восхищаюсь тем, сколько опций двигатель содержит в коробке. Многие вещи, которые в WordPress или Joomla требуют пользовательского кодирования, имеют готовые решения по умолчанию в Drupal. Это может быть улучшено с помощью сторонних расширений. Но я буду честен с вами — научиться управлять им — это настоящий вызов. Требуется много работы и терпения, чтобы освоить.

Его официальный сайт https://www.drupal.org/ . Вид его фона приборной панели показан на скриншоте ниже.

Плоские и динамические веб-страницы

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

Преимущества статических сайтов

• Быстро развиваться
• Дешево развивать
• Не нужно иметь большой хостинг-план

Недостатки статических сайтов

• Требуется опыт веб-разработки для обновления сайта
• Сайт не так полезен для пользователя
• Контент может застаиваться

Структура файла статического веб-сайта с одной страницей показана ниже.

Динамические веб-страницы

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

• Какую операционную систему или браузер использует посетитель.
• Использует ли пользователь компьютер или мобильное устройство.
• Исходное местоположение, на которое ссылается посетитель.
• Если посетитель уже совершил покупку в интернет-магазине и т. Д.

Динамические веб-страницы могут иметь различные цели. Например, веб-сайты, управляемые системами управления контентом, позволяют одному файлу исходного кода загружать контент на многих возможных страницах. Следует отметить, что все эти динамические веб-страницы используют базы данных. Создатели контента используют страницу шлюза для отправки материала для новых страниц в базу данных CMS. Динамическая страница загружает материал для любой страницы в базе данных, которая основана на параметрах в URL. Это делается, когда посетитель запрашивает веб-страницу. Динамические страницы позволяют пользователям заходить на веб-сайты, чтобы увидеть персонализированный контент.

Все системы управления контентом (WordPress, Joomla и Drupal), которые мы упоминали ранее, являются динамическими веб-сайтами.

На следующем рисунке показан схематический вид динамической веб-страницы.

Инструменты публикации и разработки

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

Во-первых, у вас должен быть базовый пакет интернета с хорошей скоростью загрузки, минимально 1 Мбит / с. Во-вторых, у вас должен быть компьютер с любой операционной системой (это может быть Linux, iOS X или Windows). Тогда технические характеристики оборудования должны быть минимальными — 1-2 ГБ ОЗУ, процессор должен быть как минимум двухъядерным, а жесткий диск — около 80 ГБ.

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

Текст возвышенный

Текст возвышенного можно скачать с https://www.sublimetext.com/. Это хорошо, потому что текст меняет цвет параметров в зависимости от их функций.

Notepad ++

Другим популярным текстовым редактором является Notepad ++, который можно загрузить по адресу: https://notepad-plus-plus.org/.

EditPad

Следующим в списке самых популярных текстовых редакторов является EditPad, еще один бесплатный инструмент. Его можно скачать с — https://www.editpadlite.com/.

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

XAMPP & LAMPP

Еще один инструмент, который вам нужен на вашем компьютере, когда вы специально разрабатываете динамическую веб-страницу, — это XAMPP для ОС Windows и LAMPP для ОС Linux. Он имеет различные продукты, такие как

• Веб-Apache
• MariaDB с phpMyAdmin для управления БД
• PHP и
• Perl Extra.

Если вы хотите, вы также можете создать FTP-сервер и почтовый сервер с Mercury.

Другим похожим инструментом, таким как XAMPP, является WAMPSERVER , который можно скачать по следующей ссылке — http://www.wampserver.com/en/.

Для разработчиков, которые хотят закодировать ASP, Visual Studio должна быть предоставлена ​​Microsoft. Его можно скачать с — https://www.microsoft.com/web/.

Если вы новичок и планируете создать плоский (статичный) веб-сайт, у вас должны быть текстовые редакторы Visual HTML с именем WYSIWYG. Одним из наиболее часто используемых редакторов является Macromedia Dreamweaver . Его можно легко загрузить по следующей ссылке — https://www.adobe.com/products/dreamweaver.html.

Другим инструментом, который вам нужен, является FTP-клиент, который используется для передачи файлов в контейнер хостинга. Как правило, эти FTP-клиенты бесплатны и могут быть легко загружены из Интернета.

• WinSCP можно загрузить с https://winscp.net/rus/docs/guide_install.

• FileZilla можно загрузить с https://filezilla-project.org/download.php.

WinSCP можно загрузить с https://winscp.net/rus/docs/guide_install.

FileZilla можно загрузить с https://filezilla-project.org/download.php.

Коммерческие и бесплатные темы

Тема — это персонализированный дизайн сайта, часто включающий его макет. Меняя свою тему, вы меняете представление о том, как ваш сайт выглядит в интерфейсе. Обычно платформы CMS имеют как бесплатные, так и коммерческие версии. Эти темы классифицируются в соответствии с их функциями, такими как

• Бизнес
• IT индустрия
• Хостинг и др.

Бесплатные темы можно найти у провайдеров тем, и они бесплатны, но иногда функции более ограничены, чем у коммерческих. Давайте возьмем бесплатные темы WordPress в качестве примера. Эти темы находятся по следующей ссылке — https://wordpress.org/themes/ , вы можете найти и установить их в соответствии с вашим бизнес-профилем или потребностями.

Наоборот, за коммерческие темы вы должны платить. Коммерческие темы WordPress находятся по следующей ссылке — https://wordpress.org/themes/commercial/.

Выбор хостинговой компании и плана

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

• Надежность сервера / оценка времени безотказной работы. Здесь важно знать, есть ли у них круглосуточный веб-хостинг. Вам нужен веб-хост для работы на мощном сервере и стабильных сетевых подключений. Значение, близкое к 99,5% и выше, является рекомендуемым показателем работоспособности; что-либо ниже 99% недопустимо.

• Компания, которая поддерживает несколько доменов дополнений .

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

• Какую политику возврата они предлагают? — Если вы решите отменить хост в течение пробного периода, каковы последствия? Предоставляет ли компания полный возврат средств? Какова политика возврата хостинговой компании после пробной сессии? Есть ли плата за отмену?

• Простая в использовании панель управления хостингом . Удобная и функциональная панель управления хостингом очень важна.

• Приостановление учетной записи — Каковы ограничения? Вот денежный совет, который не скажет вам большинство сайтов, посвященных обзору хостинга. Хостинговые компании отключат и приостановят работу вашей учетной записи, если вы используете слишком много ресурсов процессора (да, неограниченный хостинг ограничен) или нарушаете правила.

• Они предлагают Резервное копирование . Они бесплатны?

• Есть ли у них 24/7/365 Live Chat Support .

Надежность сервера / оценка времени безотказной работы. Здесь важно знать, есть ли у них круглосуточный веб-хостинг. Вам нужен веб-хост для работы на мощном сервере и стабильных сетевых подключений. Значение, близкое к 99,5% и выше, является рекомендуемым показателем работоспособности; что-либо ниже 99% недопустимо.

Компания, которая поддерживает несколько доменов дополнений .

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

Какую политику возврата они предлагают? — Если вы решите отменить хост в течение пробного периода, каковы последствия? Предоставляет ли компания полный возврат средств? Какова политика возврата хостинговой компании после пробной сессии? Есть ли плата за отмену?

Простая в использовании панель управления хостингом . Удобная и функциональная панель управления хостингом очень важна.

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

Они предлагают Резервное копирование . Они бесплатны?

Есть ли у них 24/7/365 Live Chat Support .

Выберите план веб-хостинга

Прежде чем выбрать правильный план хостинга, вы должны знать, что вам нужно, хостинг на базе ОС Windows или хостинг на основе ОС Linux . Этот выбор зависит от языка кодирования вашего сайта. Если это ASP, то это должен быть хостинг на базе Windows, на котором также должен быть установлен сервер IIS. Если у него есть какие-то другие языки программирования, такие как PHP, Perl, Ruby, то вам стоит использовать хостинг на базе Linux.

После того, как вы определились с типом хостинга (Windows или Linux), вы должны определить правильный план хостинга.

Вы должны принять во внимание следующие факторы —

• Дисковое пространство
• Пропускная способность
• Количество размещенных доменов
• Количество поддоменов
• Припаркованные Домены
• Версии PHP, MySQL и Perl.

Основные планы в целом таковы —

Общий хостинг

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

VPS хостинг

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

• Управляемый — управляемый означает, что исправление выполняется хостинговой компанией, предлагая в нем CPanel.

• Неуправляемый — Неуправляемый — это хостинг, на котором вы должны заботиться о своем VPS во всем, и в нем нет CPanel.

Управляемый — управляемый означает, что исправление выполняется хостинговой компанией, предлагая в нем CPanel.

Неуправляемый — Неуправляемый — это хостинг, на котором вы должны заботиться о своем VPS во всем, и в нем нет CPanel.

Выделенный Хостинг

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

СОВЕТЫ — Самое главное в хостинге — это проверить цены разных хостинг-компаний и их тарифных планов на сравнение с веб-сайтами для лучшего понимания. Пример сайта сравнения для проверки цен хостинговых компаний — http://www.hostmonk.com/.

Разработка сайта — Cpanel

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

Некоторые веб-хосты используют индивидуальные, запатентованные панели управления, но большинство из них используют популярные платформы. Однако лидером отрасли является cPanel. Это самая распространенная панель управления среди хостинг-провайдеров. Официальная веб-страница cPanel — http://cpanel.com .

Теперь давайте подробно обсудим cPanel и разберемся с наиболее важными его аспектами.

Во-первых, чтобы ввести CPanel, вы должны ввести URL-адрес, который вам предоставит хостинговая компания. Это вообще должно быть — yourdomain.com/cpanel . Затем вы должны ввести свое имя пользователя и пароль, которые вам дала хостинговая компания.

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

В разделе FILES самая важная папка — это File Manager , вы можете загружать или скачивать файлы с вашей веб-страницы. Следующим важным является учетные записи FTP , где вы можете создавать пользователей, которые могут использовать такие программы, как FileZilla, для загрузки или скачивания файлов.

Создание резервной копии раздела FILES позволяет вам полностью или частично загрузить веб-страницу.

В БАЗАХ ДАННЫХ phpMyAdmin является наиболее важным разделом, который позволяет вам управлять базой данных веб-страниц. Он может редактировать, добавлять, усекать базы данных и таблицы. Базы данных MySQL позволяют создавать и удалять базы данных или пользователей. То же самое можно сделать шаг за шагом с помощью MySQL Database Wizard .

В разделе DOMAINS папка Addon Domains является дополнительным доменом, который система хранит как поддомен вашего основного сайта. Вы можете использовать эти домены Addon для размещения дополнительных доменов в вашей учетной записи. Site Publisher используется для быстрого создания веб-сайта из набора доступных шаблонов. Папка « Поддомены » — это подраздел вашего веб-сайта, который может существовать как новый веб-сайт без нового доменного имени.

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

Раздел Метрики больше для статистики вашего сайта. Вы можете видеть, что каждый даст различные отчеты для вашего сайта.

В разделе БЕЗОПАСНОСТЬ наиболее важной папкой является IP Blocker , вы можете заблокировать любой хост или сеть, которым вы не хотите предоставлять доступ к вашему сайту. Существует также ModSecurity, который используется для защиты Apache.

Разработка сайта — Настройка

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

Шаг 1 — Во-первых, мы приобрели доменное имя в GODADDY.

Шаг 2 — Мы выбрали хостинг-провайдера на основе анализа необходимых нам планов хостинга.

Шаг 3 — Мы настроили DNS-записи и DNS-серверы регистратора, который в нашем случае снова был GODADDY.

Шаг 4 — Теперь, когда мы закончили со всеми вышеупомянутыми шагами, пришло время загружать файлы веб-страницы через CPanel → File Manager.

Шаг 5 — После его открытия загрузите файлы в папку с именем public_html, как показано на следующем снимке экрана.

Шаг 6 — Если у вас динамический веб-сайт, вы должны настроить базу данных тоже. Для этого перейдите в Базы данных MySQL.

Шаг 7 — Нажмите « Создать новую базу данных», затем введите имя базы данных, которое будет иметь ваш веб-сайт, а затем нажмите «Создать базу данных», как показано на скриншоте ниже.

Шаг 8 — В разделе « Добавить нового пользователя » введите имя пользователя и пароль, а затем нажмите « Создать пользователя» .

Шаг 9 — Мы должны добавить пользователя, которого мы создали для этой базы данных, чтобы предоставить права или разрешения для управления ею.

Сертификаты государственного органа

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

Например, на следующем снимке экрана показан открытый сертификат eBay.

Компоненты цифрового сертификата

Все эти компоненты можно найти в деталях сертификата —

• Серийный номер — используется для уникальной идентификации сертификата.

• Предмет — Физическое или юридическое лицо идентифицировано.

• Алгоритм подписи — алгоритм, используемый для создания подписи.

• Подпись — фактическая подпись, подтверждающая, что она получена от эмитента.

• Эмитент — лицо, которое проверило информацию и выпустило сертификат.

• Срок действия — дата, с которой сертификат впервые действителен.

• Valid-To — срок действия.

• Использование ключа — Назначение открытого ключа (например, шифрование, подпись, подписание сертификата …).

• Открытый ключ — открытый ключ.

• Алгоритм Thumbprint — алгоритм, используемый для хэширования сертификата открытого ключа.

• Отпечаток — сам хэш, используемый как сокращенная форма сертификата открытого ключа.

Серийный номер — используется для уникальной идентификации сертификата.

Предмет — Физическое или юридическое лицо идентифицировано.

Алгоритм подписи — алгоритм, используемый для создания подписи.

Подпись — фактическая подпись, подтверждающая, что она получена от эмитента.

Эмитент — лицо, которое проверило информацию и выпустило сертификат.

Срок действия — дата, с которой сертификат впервые действителен.

Valid-To — срок действия.

Использование ключа — Назначение открытого ключа (например, шифрование, подпись, подписание сертификата …).

Открытый ключ — открытый ключ.

Алгоритм Thumbprint — алгоритм, используемый для хэширования сертификата открытого ключа.

Отпечаток — сам хэш, используемый как сокращенная форма сертификата открытого ключа.

Типы проверок

Существует три типа проверок:

• Сертификат проверки домена.
• Сертифицированные организацией сертификаты SSL.
• Расширенные проверки SSL-сертификатов.

Давайте теперь обсудим каждый из них подробно.

Сертификат SSL для проверки домена

Он проверяет домен, который зарегистрирован системным администратором, и у него есть права администратора (авторизация или разрешение) для подтверждения запроса сертификата. Эта проверка обычно выполняется по запросу электронной почты или записи DNS.

Сертифицированные организацией сертификаты SSL

Он подтверждает право собственности на домен и деловую информацию, такую ​​как официальное название, город, страна. Проверка выполняется также по электронной почте или записи DNS-записи. Центру сертификации также необходимы некоторые подлинные документы для подтверждения вашей личности. Сертификаты SSL, подтвержденные организацией, отображают информацию о компании в деталях сертификата, как показано на следующем снимке экрана.

Расширенные проверки SSL-сертификатов

Он подтверждает право собственности на домен, информацию об организации и юридическое существование организации. Это также подтверждает, что организация знает о запросе SSL-сертификата и утверждает его. Для проверки требуется документация, удостоверяющая личность компании, а также набор дополнительных шагов и проверок. SSL-сертификаты расширенной проверки обычно обозначаются зеленой адресной строкой в ​​браузере, содержащей название компании, как показано на скриншоте ниже.

Покупка публичного сертификата

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

https://www.sslshopper.com/certificate-authority-reviews.html.

Он имеет отзывы и опыт других клиентов, которые приобрели до получения сертификата SSL.

Процесс покупки происходит, как показано на следующем рисунке.

Платформы электронной коммерции

В этой главе мы поговорим об электронной коммерции. Какие самые популярные и безопасные платформы электронной коммерции? Что нужно для их защиты?

Электронная коммерция продает и покупает товары и услуги через Интернет и оплачивает их посредством этого средства. Эта транзакция происходит между клиентами бизнесом, B2B, клиент клиентом. Между прочим, существуют денежные транзакции, с которыми мы должны быть осторожны при использовании или создании сайтов электронной коммерции.

Некоторые из ведущих платформ электронной коммерции, которые также являются безопасными, перечислены ниже вместе с подробным объяснением о них.

Magento

Ссылка на сайт — https://magento.com. Эта платформа является одной из лучших и разработана eBay. Magento может быть легко интегрирован со шлюзом PayPal . Он имеет две версии — Бесплатная версия и Платная версия. Уязвимости исправляются слишком быстро. У этого есть огромное множество плагинов и настроек. Он имеет решения SaaS , что означает эластичную масштабируемость, высокую отказоустойчивость и доступность, соответствие PCI, глобальную доступность и автоматическое исправление, при этом сохраняя гибкость в настройке программного обеспечения, которая требуется нашим продавцам.

Shopify

Ссылка на сайт — https://www.shopify.com, поэтому, если вы пытаетесь создать страницу оформления заказа точно так, как вам нужно, Shopify, вероятно, не для вас. На самом деле, ни одно из размещенных решений не будет предлагать настраиваемый процесс оформления заказа, поэтому вы можете сразу перейти к разделу Self-Hosted. В Shopify есть много приложений, которые вы можете скачать и установить в своем магазине, которые расширяют стандартные функции или вводят новые функциональные возможности.

WooCommerce

Ссылка на сайт — https://wordpress.org/plugins/woocommerce/. WooCommerce — бесплатный плагин для электронной коммерции, который позволяет вам продавать что угодно практически. WooCommerce — это любимое в мире решение для электронной коммерции, созданное для бесшовной интеграции с WordPress. Это дает вам как владельцам магазинов, так и разработчикам полный контроль над шаблонами WordPress.

Благодаря бесконечной гибкости и доступу к сотням бесплатных и платных расширений WordPress, WooCommerce теперь обеспечивает 30% всех интернет-магазинов, больше, чем любая другая платформа.

Bigcommerce

Ссылка на сайт — https://www.bigcommerce.com. Он имеет более 115 шаблонов электронной коммерции, неограниченную загрузку продуктов, мобильное представление, он прекрасно интегрирован с Amazon и eBay. Он также может быть интегрирован с большинством платежных шлюзов. С точки зрения безопасности, он совместим с PCI.

Платежный шлюз электронной коммерции

Payment Gateway — это технология обработки онлайн- платежей, которая помогает компаниям принимать кредитные карты и электронные чеки. Другими словами, платежные шлюзы — это «Manin-the-middle», которые расположены между платформами электронной коммерции и клиентами.

Платежный шлюз позволяет вам —

• Делайте и принимайте платежи быстро и легко.

• Храните данные своего клиента (информацию) и деньги в безопасности.

• Доверьтесь своим клиентам, чтобы они готовы отдать свои деньги.

Делайте и принимайте платежи быстро и легко.

Храните данные своего клиента (информацию) и деньги в безопасности.

Доверьтесь своим клиентам, чтобы они готовы отдать свои деньги.

Чтобы выбрать правильный платежный шлюз, вы должны следовать следующим рекомендациям —

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

• Вы должны проверить, какие платежные шлюзы лучше поддерживаются вашей платформой электронной коммерции. Например, шлюз PayPal полностью поддерживается Magento, потому что одна и та же группа создала их.

• Платежный шлюз должен соответствовать стандартам безопасности PCI 3.0.

• Вам нужен платежный шлюз и торговый счет или универсальный поставщик платежных услуг?

• Вы должны увидеть сборы и платежи, которые будут удержаны за транзакцию.

• Какой способ оплаты они поддерживают? Например, VISA — это способ оплаты, Master Card — другой.

• Поддерживают ли они ваш тип бизнеса? Например, некоторые из них не имеют отношения к компаниям, которые продают материалы для взрослых, ставки, азартные игры, продажу огнестрельного оружия, наркотики и т. Д.

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

Вы должны проверить, какие платежные шлюзы лучше поддерживаются вашей платформой электронной коммерции. Например, шлюз PayPal полностью поддерживается Magento, потому что одна и та же группа создала их.

Платежный шлюз должен соответствовать стандартам безопасности PCI 3.0.

Вам нужен платежный шлюз и торговый счет или универсальный поставщик платежных услуг?

Вы должны увидеть сборы и платежи, которые будут удержаны за транзакцию.

Какой способ оплаты они поддерживают? Например, VISA — это способ оплаты, Master Card — другой.

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

Самые популярные провайдеры платежных систем

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

• PAYPAL — Вы можете найти все условия их бизнес-модели на их URL — https://www.paypal.com/. PayPal является одним из старейших и, вероятно, самым известным сервисом для перевода денег в Интернете.

• Amazon Payments — URL этого чрезвычайно популярного поставщика платежных услуг — https://payments.amazon.com/. Amazon Payments был создан в 2007 году и предоставляет вашим клиентам те же возможности оплаты, что и на Amazon.com.

• Полоса — URL этого платежа — https://stripe.com/. Никаких ежемесячных сборов, никаких наценок за разные карты и разные способы оплаты, а также за разные валюты. Stripe также предлагает отличный API (Application Program Interface).

• Авторизировать сеть — URL-адрес этого популярного провайдера платежей — https://www.authorize.net/. Это один из самых мощных и известных платежных шлюзов. Он хорошо поддерживается плагинами WordPress для электронной коммерции.

• 2Checkout — URL для этого провайдера убежища — https://www.2checkout.com/. 2checkout — один из самых простых и доступных шлюзов для кредитных карт.

PAYPAL — Вы можете найти все условия их бизнес-модели на их URL — https://www.paypal.com/. PayPal является одним из старейших и, вероятно, самым известным сервисом для перевода денег в Интернете.

Amazon Payments — URL этого чрезвычайно популярного поставщика платежных услуг — https://payments.amazon.com/. Amazon Payments был создан в 2007 году и предоставляет вашим клиентам те же возможности оплаты, что и на Amazon.com.

Полоса — URL этого платежа — https://stripe.com/. Никаких ежемесячных сборов, никаких наценок за разные карты и разные способы оплаты, а также за разные валюты. Stripe также предлагает отличный API (Application Program Interface).

Авторизировать сеть — URL-адрес этого популярного провайдера платежей — https://www.authorize.net/. Это один из самых мощных и известных платежных шлюзов. Он хорошо поддерживается плагинами WordPress для электронной коммерции.

2Checkout — URL для этого провайдера убежища — https://www.2checkout.com/. 2checkout — один из самых простых и доступных шлюзов для кредитных карт.

В следующей главе мы поймем, как создать сайт для малого бизнеса.

Сайт малого бизнеса

Создать сайт для малого бизнеса не сложно. Основной страх состоит в том, чтобы выяснить содержание веб-сайта, что является одной из основных причин, почему владельцы бизнеса откладывают. Веб-сайты для малого бизнеса лучше всего подходят, если они просты, содержат минимальный текст и имеют только один параметр на каждой странице — например, форму для отправки или кнопку «Связаться с нами».

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

• Главная
• Около
• Галерея
• Сервисы
• контакт

Вы можете увидеть все эти важные страницы на следующем скриншоте веб-сайта малого бизнеса.

Давайте теперь разберемся с каждой из этих важных страниц в деталях.

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

• О компании. Предоставьте информацию о своей компании и составьте список участников. Кроме того, включайте отзывы клиентов, если вы не хотите связать это на отдельной странице, такой как социальные сети как Facebook.

• Галерея — На странице галереи вы должны разместить профессиональные фотографии ваших рабочих процессов, продукта, персонала и т. Д. Клиенты могут «чувствовать» вашу работу.

• Услуги — страница с информацией о продуктах, которые вы продаете, или услугах, которые вы предоставляете. На странице, где вы детализируете свои товары или услуги, проведите от одного до пяти предложений, описывающих каждую категорию, которую вы предлагаете, и дайте цены.

• Контакт — на этой странице вы должны указать свой адрес, адрес электронной почты, номер телефона, часы, которые вы открыты для работы. Ссылки на любые учетные записи социальных сетей, такие как Twitter и Facebook, должны появиться на этой странице. Вставьте Google карту вашего местоположения.

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

О компании. Предоставьте информацию о своей компании и составьте список участников. Кроме того, включайте отзывы клиентов, если вы не хотите связать это на отдельной странице, такой как социальные сети как Facebook.

Галерея — На странице галереи вы должны разместить профессиональные фотографии ваших рабочих процессов, продукта, персонала и т. Д. Клиенты могут «чувствовать» вашу работу.

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

Контакт — на этой странице вы должны указать свой адрес, адрес электронной почты, номер телефона, часы, которые вы открыты для работы. Ссылки на любые учетные записи социальных сетей, такие как Twitter и Facebook, должны появиться на этой странице. Вставьте Google карту вашего местоположения.

Резервное копирование вашего сайта

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

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

Есть два способа сделать резервную копию вашего сайта —

• Руководство
• Автоматически (через cPanel).

Давайте подробно обсудим оба этих способа резервного копирования вашего сайта.

Резервное копирование вручную

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

Если у вас есть база данных, создайте файл дампа (экспорт / резервное копирование), который будет использоваться вашей учетной записью. Для этого вам необходимо получить доступ к инструменту phpMyAdmin (доступен в вашей cPanel).

Автоматическое резервное копирование

Для автоматического резервного копирования веб-сайта мы можем сделать это через консоль CPanel , что можно сделать, нажав Мастер резервного копирования, как показано на приведенном ниже снимке экрана.

После нажатия на Backup Wizard, следующее окно, которое появится, будет похоже на следующий скриншот. Он будет объяснять, что все будет поддерживаться с помощью инструментов, предоставляемых cPanel.

Разработка веб-сайтов — миграция веб-страниц

Миграция веб-страниц — это процесс перемещения веб-страницы с одного хоста на другой . Этот процесс выполняется по разным причинам, некоторые из которых —

• Вы больше не удовлетворены поддержкой хостинговой компании

• Цены дешевле на другой хостинг

• Ваш фактический план хостинга больше не отвечает вашим потребностям

• Предлагаемая технология больше не является конкурентоспособной и т. Д.

Вы больше не удовлетворены поддержкой хостинговой компании

Цены дешевле на другой хостинг

Ваш фактический план хостинга больше не отвечает вашим потребностям

Предлагаемая технология больше не является конкурентоспособной и т. Д.

Поскольку миграция — это процесс, для его завершения требуется минимальное время простоя веб-страницы.

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

• Загрузите файл резервной копии на новом хостинге.

• Распакуйте файлы в общую папку.

• Импортируйте файл базы данных.

• Сконфигурируйте файлы с учетными данными новой базы данных.

• Укажите новые серверы доменных имен у своего текущего регистратора и дождитесь распространения новых записей.

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

Загрузите файл резервной копии на новом хостинге.

Распакуйте файлы в общую папку.

Импортируйте файл базы данных.

Сконфигурируйте файлы с учетными данными новой базы данных.

Укажите новые серверы доменных имен у своего текущего регистратора и дождитесь распространения новых записей.

Тестирование вашего сайта

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

Сценарий — Сценарий прост — При попытке открыть веб-сайт появляется сообщение об ошибке — Страница не может быть отображена .

Ответ. Эту проблему можно устранить, выполнив действия по устранению неполадок, приведенные ниже.

Шаг 1 — Во-первых, вы должны убедиться, что у вас нет проблем с интернет-соединением. Вы можете проверить это, просто пытаясь открыть другой сайт и посмотреть, получите ли вы тот же результат или нет.

Шаг 2 — у вас есть интернет на вашем компьютере, но веб-сайт все еще не открывается.

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

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

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

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

Шаг 3 — После того, как вы закончили проверку вышеупомянутых шагов, вы должны проверить свои записи DNS, если они в порядке или нет. Иногда хостинг-провайдеры меняют DNS-серверы и забывают обновить записи. Вы можете проверить это, открыв CMD, набрав ping yourdomainname.com, и если вы получите следующий ответ, пожалуйста, проверьте дальше.

Пинг-запрос не может найти хост yourdomainname.com. Пожалуйста, проверьте имя и попробуйте снова.

Если вы получите следующий результат, значит DNS-записи и сервер исправны.

Шаг 4 — Проверьте наличие ошибок подключения к базе данных, если у вас есть подобные ошибки, как на скриншотах, показанных ниже.

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

Шаг 5 — Если у вас есть ошибка 404 Not Found, как показано на следующем снимке экрана, то при открытии www.yourdomainname.com вы должны проверить, не изменилась ли ваша структура каталогов, и указывает ли она на папку Public_html .

Разработка сайтов — Безопасность

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

По мнению экспертов по безопасности, они предложат провести проверку безопасности веб-сайта на основе OWASP TOP 10 , который является мощным информационным документом для безопасности веб-приложений. OWASP Top 10 представляет широкий консенсус в отношении наиболее важных недостатков безопасности веб-приложений.

SQL-инъекции

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

Решение. Чтобы защитить свою веб-страницу от iSQL, необходимо проверить входные данные и символы фильтрации.

Сломанная аутентификация и управление сессиями

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

Решение. Чтобы обезопасить свой сайт от этого недостатка, вы должны создавать файлы cookie и сеансы со сроком действия.

Межсайтовый скриптинг (XSS)

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

Решение — Защита от этого находится на том же уровне, что и для iSQL.

Небезопасная прямая ссылка на объект

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

Решение. Для защиты таких файлов вы должны внедрить специальные механизмы защиты, такие как пароли.

Неправильная настройка безопасности

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

Решение — Программное обеспечение должно быть обновлено.

Конфиденциальная информация

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

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

Отсутствует контроль доступа на уровне функций

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

Решение — Вы должны проверить уровни аутентификации.

Подделка межсайтовых запросов (CSRF)

CSRF-атака заставляет вошедшего в систему браузера жертвы отправлять поддельное HTTP-запрос, включая cookie-файл сеанса жертвы и любую другую автоматически включаемую информацию аутентификации, в уязвимое веб-приложение. Это позволяет злоумышленнику заставить браузер жертвы генерировать запросы, которые уязвимое приложение считает законными запросами жертвы.

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

Использование компонентов с известными уязвимостями

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

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

Недействительные перенаправления и пересылки

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

Решение — Всегда проверяйте URL.

Безопасные используемые протоколы

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

Некоторые из основных сервисных портов, которые используются при хостинге сайтов, приведены ниже —

• SSH — порт 22
• FTP — порт 21
• MySQL — порт 3306
• DNS — порт 53
• SMTP — порт 25

Изменение порта этих служб зависит от операционной системы и ее разных версий. В дополнение к этому, вы должны установить брандмауэр. Если это ОС Linux, мы порекомендуем IPtables и заблокируем все остальные ненужные порты. Если ваша ОС — Windows, вы можете использовать встроенный брандмауэр.

Чтобы заблокировать вход в систему с помощью грубой силы, вы можете использовать Fail2ban , программное обеспечение на основе Linux, и заблокировать все IP-адреса, которые делают много неудачных попыток входа в систему.

Ускорьте свой сайт

Ускорение веб-страницы или веб-сайта так же важно, как поиск подходящего хостинг-провайдера или доменного имени. Зачем?

Просто прочитайте следующую статистику, и вы передумали.

Одна секунда времени загрузки страницы —

• На 11% меньше просмотров страниц.
• 16% снижение удовлетворенности клиентов.
• 7% потерь в конверсиях.

Amazon обнаружил, что это правда, сообщая об увеличении выручки на 1% за каждые 100 миллисекунд улучшения скорости своего сайта на основании отчетов группы.

Основываясь на результатах исследования, проведенного Akamai —

• 47% людей ожидают загрузки веб-страницы в течение двух секунд или меньше.

• 40% откажутся от веб-страницы, если загрузка займет более трех секунд.

• 52% онлайн-покупателей считают, что быстрая загрузка страниц важна для их лояльности к веб-сайту.

47% людей ожидают загрузки веб-страницы в течение двух секунд или меньше.

40% откажутся от веб-страницы, если загрузка займет более трех секунд.

52% онлайн-покупателей считают, что быстрая загрузка страниц важна для их лояльности к веб-сайту.

Как проверить скорость моего сайта?

Некоторые известные эксперты в этой области предлагают использовать онлайн-инструмент, который называется Webpagetest ( https://www.webpagetest.org/ ). Это проект с открытым исходным кодом, который в основном разрабатывается и поддерживается Google. Он выполняет тестирование скорости веб-сайта из разных мест по всему миру с использованием реальных браузеров (IE и Chrome) и с реальной скоростью соединения с потребителем. Вы можете запустить простые тесты или выполнить расширенное тестирование, включая многоэтапные транзакции, захват видео, блокировку контента и многое другое. Ваши результаты предоставят обширную диагностическую информацию, включая диаграммы загрузки ресурсов, проверки оптимизации страницы и предложения по улучшению.

В нашем примере мы будем тестировать производительность tutorialspoint.com для пользователя из Германии, использующего браузер Chrome.

Чтобы запустить тест, откройте URL https://www.webpagetest.org/

Введите имя домена, как показано на следующем снимке экрана —

• Тестовое местоположение — это страна местонахождения пользователя.
• Браузер — это симуляция браузера пользователя.
• Нажмите «Начать тест».

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

Если мы перейдем к разделу « Обзор производительности », в нем будет указано, какие элементы следует оптимизировать.

Как ускорить мой сайт?

Основные советы по ускорению вашего сайта следующие:

• Минимизируйте HTTP-запросы — простыми словами; упростить дизайн вашей веб-страницы.

• Минимизируйте время отклика сервера. В зависимости от местоположения пользователей время отклика сервера изменяется из-за расстояния между ними. Рекомендуется, чтобы, если большинство ваших посетителей находились в одном конкретном регионе, ваш хостинг-провайдер также находился там, что сокращает расстояние для данных.

• Включить сжатие — сжатие уменьшает пропускную способность ваших страниц, тем самым уменьшая ответ HTTP. Вы можете сделать это с помощью инструмента под названием Gzip .

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

• Оптимизируйте изображения вашего сайта.

• Доставка CSS должна быть внешней, если это возможно. Внешняя таблица стилей предпочтительнее, потому что она уменьшает размер вашего кода и создает меньше дублирования кода.

• Уменьшите перенаправления, которые создают HTTP-запросы.

• Если ваш сайт представляет собой платформу Системы управления контентом , то по возможности минимизируйте использование плагинов.

• Удалите неработающие ссылки из ваших JavaScript, CSS и URL-адресов изображений.

Минимизируйте HTTP-запросы — простыми словами; упростить дизайн вашей веб-страницы.

Минимизируйте время отклика сервера. В зависимости от местоположения пользователей время отклика сервера изменяется из-за расстояния между ними. Рекомендуется, чтобы, если большинство ваших посетителей находились в одном конкретном регионе, ваш хостинг-провайдер также находился там, что сокращает расстояние для данных.

Включить сжатие — сжатие уменьшает пропускную способность ваших страниц, тем самым уменьшая ответ HTTP. Вы можете сделать это с помощью инструмента под названием Gzip .

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

Оптимизируйте изображения вашего сайта.

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

Уменьшите перенаправления, которые создают HTTP-запросы.

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

Удалите неработающие ссылки из ваших JavaScript, CSS и URL-адресов изображений.

В следующей главе мы узнаем, как рекламировать веб-страницу.

Рекламируйте свою веб-страницу

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

Реклама в социальных сетях

Реклама в социальных сетях — это любой платный контент в социальных сетях. Эти варианты варьируются от разовых рекламных постов в Твиттере или Facebook до полномасштабной кампании с большими бюджетами. Каждая социальная сеть предлагает различные варианты, но мы обсудим, как это сделать на Facebook, потому что это самая большая платформа для социальных сетей, и рентабельность инвестиций в нее составляет около 95%.

Facebook имеет около 1,4 миллиарда пользователей и более 900 миллионов посещений в день, что делает его пригодным для крупного и малого бизнеса. Настоящее преимущество Facebook заключается в количестве детализированных данных, доступных целевым пользователям. Это потому, что вы можете ориентировать свою аудиторию на различные критерии, такие как возраст, местоположение, пол и т. Д.

Например, в этом уроке мы много раз упоминали слово « Хостинг» . Теперь, если мы войдем в Facebook, вы увидите в левой части веб-страницы рекламу о хостинге, как показано на скриншоте ниже.

Чтобы создать рекламу Facebook, нажмите на имя учетной записи. Затем нажмите « Создать рекламу», как показано на следующем снимке экрана.

Откроется новое окно, в котором вы должны выбрать цель. В нашем случае я выберу узнаваемость бренда .

Напишите название кампании, в нашем случае это — tutorialspoint → затем нажмите « Создать рекламную учетную запись», как показано на скриншоте ниже.

Выберите страну своего аккаунта и валюту, которую вы хотите оплатить Facebook, как показано на следующем снимке экрана → затем нажмите « Продолжить» .

Чтобы выбрать свою аудиторию, вы должны указать возрастной диапазон и место, в котором будет показана эта реклама.

Прокрутите вниз, и у вас будет возможность выбрать способ показа этого объявления. Введите текст для этого объявления и загрузите фотографию, как только это будет сделано → Нажмите « Заказать заказ» .

Разработка сайта — Adwords

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

Как создать кампанию AdWords?

Чтобы создать кампанию AdWords, выполните следующие действия.

Шаг 1. Чтобы создать кампанию AdWords, сначала необходимо создать учетную запись, нажав на следующую ссылку — https://adwords.google.com/um/signin.

Шаг 2. После входа в систему нажмите « Кампании» , выберите тип загрузки и местоположение, как показано на следующем снимке экрана. AdWords похожа на рекламу в Facebook.

Шаг 3 — Нажмите на кнопку Radio для цели, которую вы хотите, как показано на рисунке ниже. Кроме того, вы должны предложить цену бюджета. Сколько вы хотите потратить за клик?

Шаг 4. Введите название группы, а затем заполните поля заголовков и описания для AdWords, которые необходимо создать.

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

Шаг 5 — Выберите такие ключевые слова, которые поисковая система будет показывать, когда люди будут искать.

Разработка сайтов — SEO

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

Чтобы оптимизировать рейтинг своей веб-страницы, вы должны знать, на что смотрят поисковые системы —

• Содержание — это определяется темой, которая дается, текст на странице, заголовки и описания, которые даны.

• Производительность — Ваша веб-страница должна быть быстрой (без задержек). Мы обсуждали это в предыдущей главе под названием — Ускорить ваш сайт .

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

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

• Заполнение ключевыми словами — не злоупотребляйте ключевыми словами на своих страницах.

• Купленные ссылки — не используйте слишком много ссылок для покупки.

Содержание — это определяется темой, которая дается, текст на странице, заголовки и описания, которые даны.

Производительность — Ваша веб-страница должна быть быстрой (без задержек). Мы обсуждали это в предыдущей главе под названием — Ускорить ваш сайт .

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

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

Заполнение ключевыми словами — не злоупотребляйте ключевыми словами на своих страницах.

Купленные ссылки — не используйте слишком много ссылок для покупки.

Зарабатывание денег с сайта

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

Google AdSense

AdSense является противоположностью AdWords, позволяя издателям (включая блоггеров и других владельцев веб-сайтов) подключаться к огромной рекламной сети Google, чтобы другие рекламодатели могли размещать рекламу на своем веб-сайте. Чтобы зарегистрироваться в этой программе, вы должны нажать на следующий URL — https://www.google.com/adsense/

Сделать аффилированный маркетинг

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

Сделать партнерство

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