Быстрое создание сайта: Как создать свой сайт? Самостоятельно! Это можно сделать бесплатно

Содержание

Быстрое создание сайтов с .NET Forge CMS и Web Platform Installer, часть 1 / Хабр

Совсем недавно компания 1C-Bitrix объявила о выпуске новой системы управления контентом под названием .NET Forge CMS, которая представлена в двух редакциях, в том числе в виде бесплатной community-версии. Эта система обладает мощными средствами для создания современных быстрых, функциональных сайтов для коммерческой и иной деятельности в интернете.

Среди прочих преимуществ новой CMS можно отметить следующие: платформа ASP.NET, шаблоны интернет-магазина, корпоративного сайта, блога, сайта сообщества, визуальный редактор, интерфейс “Эрмитаж”, система управления рекламой на сайтах, рейтинги, голосования, галлереи, форумы, блоги, проактивная защита от угроз и попыток взлома, морфологический поиск и встроенная система обновлений.

Я рад сообщить, что .NET Forge CMS стала доступна для быстрой автоматической установки через средство Web Platform Installer, в ряду многих других систем управления контентом. А это значит, что установка и настройка собственного сайта стала значительно проще и теперь доступна любому пользователю.

Далее рассказывается о том как с помощью Web Platform Installer в самые короткие сроки развернуть и настроить полностью готовый собственный корпоративный сайт.

Установка


Для автоматической установки .NET Forge CMS у вас должен быть установлен Web Platform Installer. Выпущенная недавно финальная версия доступна для загрузки по следующей ссылке. Тут вы можете выбрать локализацию продукта (доступно 14 языков) и версию, которая соответствует вашей операционной системе: 32-битную или 64-битную. Существует другой способ загрузки WebPI последней версии – это официальная страница продукта, доступная по адресу http://www.microsoft.com/web/downloads/platform.aspx. На этой странице можно получить чуть больше информации о продукте и загрузить актуальную версию для вашей версии операционной системы.

После того, как на вашем компьютере будет установлен Web Platform Installer, перейдите по следующей ссылке на страницу шаблона веб-приложения . NET Forge CMS в галерее. Здесь вы можете ознакомиться с описанием проекта, оставить отзывы и узнать другу информацию (рисунок 1).


Рис.1. Страница .NET Forge CMS в галерее веб-приложений

Запустите шаблон .NET Forge CMS с помощью кнопки “Скачать” расположенной внизу страницы. Шаблон проекта автоматически запуститься в Web Platform Installer и будет готов для установки (рисунок 2).


Рис. 2. Шаблон проекта готовый для установки

Нажмите кнопку “Установить” (Install) и в появившемся окне со списком устанавливаемых компонент и текстом лицензии нажмите кнопку “Я согласен” (I Accept). Начнется автоматическая загрузка и установка компонент системы управления контентом. Через некоторое время вам будет предложено указать параметры размещения сайта на компьютере (рисунок 3).


Рис.3.  Окно с вводом параметров сайта

Вы можете оставить данные параметры без изменений и нажать “Продолжить”. Через несколько секунд вы получите окно с предложением ввести первичные настройки системы управления контентом для работы с базой данных (рисунок 4).


Рис. 4. Ввод параметров базы данных

После ввода данных нажмите кнопку “Продолжить”. Через несколько секунд вы получите уведомление о том, что система управления контентом была успешно установлена (рисунок 5).


Рис. 5. Подтверждение удачной установки .NET Forge CMS

На всю работу ушло несколько минут.

Запуск


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


Рис.6. Первичное конфигурирование сайта .NET Forge CMS

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

 

Рис.7. Ввод параметров администратора и почтового сервера

Нажав далее вы попадете на страницу выбора шаблона вашего сайта (рисунок 8).

 

Рис.8. Выбор шаблона сайта и его темы

Выберите то, чем будет ваш сайт: персональным сайтом, корпоративным сайтом с профилем в сфере обслуживания, корпоративным сайтом с профилем в производстве либо сайтом сообщества. После чего задайте тему оформления для решения и введите некоторые параметры сайта, вроде логотипа компании. Через несколько секунд ваш корпоративный сайт готов к использованию и наполнению контентом (рисунок 9).


Рис.9. Готовый к работе корпоративный сайт

Заключение


Компания “1С-Битрикс” представила разработчикам отличный новый мощный продукт для создания функциональных сайтов. .NET Forge CMS обладает массой достоинств и богатым функционалом. А бесплатная community-версия этой системы управления контентом, делает ее доступной всем уровням разработчиков. Оставаясь бесплатной, эта версия не теряет в функционале и позволяет создавать сайты на основе как готовых шаблонов, так и собственного кода.

Доступность .NET Forge CMS через установку Web Platform Installer делает работу с этой CMS еще более простой и быстрой. На то, чтобы начать работать с уже готовым сайтом достаточно потратить всего несколько минут времени!

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

Конструктор сайтов Redham — Создание сайтов самостоятельно

Начните продавать уже сегодня


Создать сайт
Бесплатный тестовый период —14 дней

1

5

9

6

4

1

Выберите удобное решение


для своей задачи

Сайты для бизнеса


Создайте еще один канал привлечения клиентов, расскажите о вашей компании и товарах.

  • 150 тематических дизайнов на выбор
  • быстрый запуск сайта
  • возможности для развития сайта

Официальные сайты


Выберите готовое решение для государственных и муниципальных учреждений, ТСЖ, УК, поликлиник и школ.

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

Интернет-магазины


Быстро организуйте продажи в интернете.

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


Регистрируйтесь сегодня,

чтобы завтра у вас был полноценный сайт

Создать сайт

Redham — это простой способ


создать сайт с нуля

Быстрое создание сайта


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

Индивидуальный дизайн


Шаблон страницы, цвет и вид меню, фон, слайдеры с картинками — все легко настроить за пару кликов.

Простое управление


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

Привязка домена


Привязывайте уникальное имя к вашему сайту

Постоянная поддержка


Помогаем настраивать и развивать ваш сайт. Всегда готовы помочь и ответить на вопросы.

Создать сайт

В Redham

создано уже

1

5

9

6

4

1

сайтов






  • semdent.ru




    teplogu. ru




    техникум-венцы.рф

О нас говорят


Вадим,
u-y-t.ru


«


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

»


>
>

С Redham вы

Быстро настроите дизайн


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

Создадите нужные страницы


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

Легко наполните сайт информацией


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

Создать сайт | AEM Quick Site Creation

  • Обзор учебного пособия WKND
  • Проект Архетип
    • Обзор
    • 1 — Настройка проекта
    • 2 — Основы компонентов
    • 3 — Страницы и шаблоны
    • 4 — Клиентские библиотеки
    • 5 — Система стилей
    • 6 — Пользовательский компонент
    • 7 — Модульное тестирование
  • Быстрое создание сайта
    • Обзор
    • 1 — Создать сайт
    • 2 — Введение в авторскую и публикационную деятельность
    • 3 — планирование пользовательского интерфейса с помощью Adobe XD
    • 4 — Шаблоны страниц
    • 5 — Тематика
  • Включить интерфейсный конвейер — DevOps
    • Обзор
    • 1 — Обзор полнофункционального проекта
    • 2 — обновить проект для использования внешнего конвейера
    • 3 — развертывание с использованием интерфейсного конвейера
    • 4 — Соображения

В рамках быстрого создания сайта используйте мастер создания сайта в Adobe Experience Manager, AEM, чтобы создать новый веб-сайт. Стандартный шаблон сайта, предоставленный Adobe, используется в качестве отправной точки для нового сайта.

Предварительные требования

Действия, описанные в этой главе, будут выполняться в среде Adobe Experience Manager как облачной службы. Убедитесь, что у вас есть административный доступ к среде AEM. При выполнении этого руководства рекомендуется использовать программу «Песочница» и среду разработки.

Дополнительные сведения см. в документации по адаптации.

Цель

  1. Научиться использовать мастер создания сайта для создания нового сайта.
  2. Понимание роли шаблонов сайта.
  3. Исследуйте сгенерированный сайт AEM.

Войдите в Adobe Experience Manager Author

В качестве первого шага войдите в свою среду AEM в качестве среды облачной службы. Среды AEM разделены между Author Service и Publish Service .

  • Авторская служба — здесь создается, управляется и обновляется содержимое сайта. Обычно только внутренние пользователи имеют доступ к Author Service и находятся за экраном входа в систему.
  • Служба публикации — размещает работающий веб-сайт. Это служба, которую увидят конечные пользователи, и обычно она общедоступна.

Большая часть обучения будет проходить с использованием Author Service .

  1. Перейдите в Adobe Experience Cloud https://experience.adobe.com/. Войдите, используя свою Личную учетную запись или учетную запись компании/школы.

  2. Убедитесь, что в меню выбрана правильная организация, и нажмите 9.0077 Менеджер по опыту .

  3. В разделе Cloud Manager нажмите Запустить .

  4. Наведите указатель мыши на программу, которую хотите использовать, и щелкните значок Cloud Manager Program .

  5. В верхнем меню щелкните Среды , чтобы просмотреть подготовленные среды.

  6. Найдите среду, которую хотите использовать, и щелкните URL-адрес автора .

    ПРИМЕЧАНИЕ

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

  7. Открыта новая вкладка для авторской службы AEM . Щелкните Войти с помощью Adobe , и вы автоматически войдете в систему с теми же учетными данными Experience Cloud.

  8. После перенаправления и аутентификации вы должны увидеть начальный экран AEM.

ПРИМЕЧАНИЕ

Возникли проблемы с доступом к Experience Manager? Просмотрите документацию по адаптации

Загрузите базовый шаблон сайта

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

  1. Откройте новую вкладку браузера и перейдите к проекту Basic Site Template на GitHub: https://github.com/adobe/aem-site-template-standard. Проект имеет открытый исходный код и лицензирован для использования кем угодно.

  2. Щелкните Выпуски и перейдите к последнему выпуску.

  3. Разверните раскрывающийся список Assets и загрузите ZIP-файл шаблона:

    Этот ZIP-файл используется в следующем упражнении.

    ПРИМЕЧАНИЕ

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

Создать новый сайт

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

  1. Вернитесь в среду AEM. На начальном экране AEM перейдите к Sites .

  2. В правом верхнем углу нажмите Создать > Сайт (Шаблон) . Это вызовет Мастер создания сайта .

  3. Под Выберите шаблон сайта нажмите кнопку Кнопка импорта .

    Загрузите файл шаблона .zip , загруженный из предыдущего упражнения.

  4. Выберите базовый шаблон сайта AEM и нажмите Далее .

  5. Под Сведения о сайте > Название сайта введите WKND Site .

    В реальной реализации «WKND Site» будет заменено торговой маркой вашей компании или организации. В этом уроке мы моделируем создание сайта для вымышленного лайфстайл-бренда «WKND».

  6. В поле Имя сайта введите wknd .

    ПРИМЕЧАНИЕ

    При использовании общей среды AEM добавьте уникальный идентификатор к имени узла . Например, wknd-site-johndoe . Это гарантирует, что несколько пользователей смогут пройти одно и то же руководство без каких-либо столкновений.

  7. Нажмите Создать , чтобы сгенерировать Сайт. Щелкните Done в диалоговом окне Success , когда AEM завершит создание веб-сайта.

Исследуйте новый сайт

  1. Перейдите к консоли AEM Sites, если это еще не сделано.

  2. Создан новый WKND Site . Он будет включать в себя структуру сайта с многоязычной иерархией.

  3. Откройте страницу English > Home , выбрав страницу и нажав кнопку Edit в строке меню:

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

    Образец контента, предоставленный шаблоном сайта

Поздравляем!

Поздравляем, вы только что создали свой первый сайт AEM!

Следующие шаги

Используйте Редактор страниц в Adobe Experience Manager, AEM, чтобы обновить содержимое сайта в главе Автор содержимого и публикации. Узнайте, как можно настроить атомарные компоненты для обновления содержимого. Поймите разницу между средами AEM Author и Publish и узнайте, как публиковать обновления на действующем сайте.

Ресурсы Business.Adobe.com

Создать сайт | AEM Quick Site Creation

  • Обзор учебного пособия WKND
  • Проект Архетип
    • Обзор
    • 1 — Настройка проекта
    • 2 — Основы компонентов
    • 3 — Страницы и шаблоны
    • 4 — Клиентские библиотеки
    • 5 — Система стилей
    • 6 — Пользовательский компонент
    • 7 — Модульное тестирование
  • Быстрое создание сайта
    • Обзор
    • 1 — Создать сайт
    • 2 — Введение в авторскую и издательскую деятельность
    • 3 — планирование пользовательского интерфейса с помощью Adobe XD
    • 4 — Шаблоны страниц
    • 5 — Тематика
  • Включить интерфейсный конвейер — DevOps
    • Обзор
    • 1 — Обзор полнофункционального проекта
    • 2 — обновить проект для использования внешнего конвейера
    • 3 — развертывание с использованием интерфейсного конвейера
    • 4 — Соображения

В рамках быстрого создания сайта используйте мастер создания сайта в Adobe Experience Manager, AEM, чтобы создать новый веб-сайт. Стандартный шаблон сайта, предоставленный Adobe, используется в качестве отправной точки для нового сайта.

Предварительные условия

Действия, описанные в этой главе, будут выполняться в среде Adobe Experience Manager как облачной службы. Убедитесь, что у вас есть административный доступ к среде AEM. При выполнении этого руководства рекомендуется использовать программу «Песочница» и среду разработки.

Дополнительные сведения см. в документации по адаптации.

Цель

  1. Научиться использовать мастер создания сайта для создания нового сайта.
  2. Понимание роли шаблонов сайта.
  3. Исследуйте сгенерированный сайт AEM.

Войдите в Adobe Experience Manager Author

В качестве первого шага войдите в свою среду AEM в качестве среды облачной службы. Среды AEM разделены между Author Service и Publish Service 9.0078 .

  • Авторская служба — здесь создается, управляется и обновляется содержимое сайта. Обычно только внутренние пользователи имеют доступ к Author Service и находятся за экраном входа в систему.
  • Служба публикации — размещает работающий веб-сайт. Это служба, которую увидят конечные пользователи, и обычно она общедоступна.

Большая часть обучения будет проходить с использованием Author Service .

  1. Перейдите в Adobe Experience Cloud https://experience.adobe.com/. Войдите, используя свою Личную учетную запись или учетную запись компании/школы.

  2. Убедитесь, что в меню выбрана правильная организация, и нажмите Experience Manager .

  3. В разделе Cloud Manager нажмите Запустить .

  4. Наведите указатель мыши на программу, которую хотите использовать, и щелкните значок Cloud Manager Program .

  5. В верхнем меню щелкните Среды , чтобы просмотреть подготовленные среды.

  6. Найдите среду, которую хотите использовать, и щелкните URL-адрес автора .

    ПРИМЕЧАНИЕ

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

  7. Открыта новая вкладка для авторской службы AEM . Щелкните Войти с помощью Adobe , и вы автоматически войдете в систему с теми же учетными данными Experience Cloud.

  8. После перенаправления и аутентификации вы должны увидеть начальный экран AEM.

ПРИМЕЧАНИЕ

Возникли проблемы с доступом к Experience Manager? Просмотрите документацию по адаптации

Загрузите базовый шаблон сайта

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

  1. Откройте новую вкладку браузера и перейдите к проекту Basic Site Template на GitHub: https://github.com/adobe/aem-site-template-standard. Проект имеет открытый исходный код и лицензирован для использования кем угодно.

  2. Щелкните Выпуски и перейдите к последнему выпуску.

  3. Разверните раскрывающийся список Assets и загрузите ZIP-файл шаблона:

    Этот ZIP-файл используется в следующем упражнении.

    ПРИМЕЧАНИЕ

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

Создать новый сайт

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

  1. Вернитесь в среду AEM. На начальном экране AEM перейдите к Sites .

  2. В правом верхнем углу нажмите Создать > Сайт (Шаблон) . Это вызовет Мастер создания сайта .

  3. В разделе Выберите шаблон сайта нажмите кнопку Импорт .

    Загрузите файл шаблона .zip , загруженный из предыдущего упражнения.

  4. Выберите базовый шаблон сайта AEM и нажмите Далее .

  5. Под Сведения о сайте > Название сайта введите WKND Site .

    В реальной реализации «WKND Site» будет заменено торговой маркой вашей компании или организации. В этом уроке мы моделируем создание сайта для вымышленного лайфстайл-бренда «WKND».

  6. В поле Имя сайта введите wknd .

    ПРИМЕЧАНИЕ

    При использовании общей среды AEM добавьте уникальный идентификатор к имени узла . Например, wknd-site-johndoe . Это гарантирует, что несколько пользователей смогут пройти одно и то же руководство без каких-либо столкновений.

  7. Нажмите Создать , чтобы сгенерировать Сайт. Щелкните Done в диалоговом окне Success , когда AEM завершит создание веб-сайта.

Исследуйте новый сайт

  1. Перейдите к консоли AEM Sites, если это еще не сделано.

  2. Новый Создан сайт WKND . Он будет включать в себя структуру сайта с многоязычной иерархией.

  3. Откройте страницу English > Home , выбрав страницу и нажав кнопку Edit в строке меню:

  4. Стартовый контент уже создан, и на страницу можно добавить несколько компонентов. Поэкспериментируйте с этими компонентами, чтобы получить представление о функциональности.