Этим постом я начну серию статей «Как создать сайт бесплатно?». Сегодня я расскажу и покажу Вам, как создать сайт на бесплатной системе управления контентом (CMS) Ucoz с картинками и видео. На примере я буду использовать уже существующий адрес электронной почты, а имя, фамилия и дата рождения будут вымышленными — это не страшно, так как сайт, созданный в бесплатной CMS Ucoz, можно в любой момент без проблем перенести в другой аккаунт этой системы.

Если Вы знакомы с процессом регистрации, то рекомендую перейти сразу к следующей части — Создаем сайт бесплатно на CMS Ucoz

Регистрация в CMS Ucoz

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

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

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

Заходим в свой электронный почтовый ящик, переходим в паку «Входящие». Сообщение должно быть от пользователя uID с темой письма «uID — Добро пожаловать в наше сообщество!». Открываем письмо и переходим по ссылке, которая выделена на картинке снизу.

После перехода по ссылке попадаем на страничку, на которой видим, что Ваш e-mail подтвержден. Чтобы обезопасить свой аккаунт, предлагается задать секретный вопрос из предлагаемых вариантов: девичья фамилия матери, кличка домашнего животного, номер Вашего паспорта, любимый певец или певица. Так же можно задать свой вариант вопроса, благодаря ответу на который можно восстановить свои регистрационные данные в системе Ucoz. Задаем пароль для панели управления, который должен отличаться от основного пароля и нажимаем на кнопку «Приступить к созданию сайта».

На следующей странице нажимаем на кнопку «Создать сайт», потом нажимаем на кнопку «Войти через uID» (можно увидеть на втором рисунке вначале статьи — кнопка расположена справа). В открывшемся окне попадаем на страницу входа в uID, вводим e-mail и пароль, указанный при регистрации. Так же можно выбрать язык и за каким компьютером Вы пытаетесь выполнить вход — своим или чужим и нажимаем «Войти». В предыдущем окне вводим данные, которые Вы указывали на рисунке 6 и попадаем на страницу бесплатного создания сайта.

Создаем сайт бесплатно на CMS Ucoz

В открывшемся окне задаем название будущему сайту, выбираем домен (для последующего заработка на партнерских программах рекомендую выбрать домен do.am), соглашаемся с правилами — ставим галочку и нажимаем на кнопку «Создать сайт!».

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

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

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

В открывшемся окне переходим на страницу #2 и выбираем дизайн #795. В менеджере партнерки Adcrasher этот дизайн работает наиболее корректно.

Нажимаем на кнопку «Продолжить». Далее попадаем на страницу выбора модулей для сайта. Оставляем галочку только напротив модуля «Редактор страниц». Остальные модули нам не пригодятся. При необходимости любой из них можно будет подключить в панели управления уже созданного сайта.

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

Так как я писал статью в несколько этапов, продолжу ее с места разъединения. Эта информация будет полезной для начинающих пользователей.
Переходим по ссылке uid.me. В появившемся окне вводим свой e-mail и первый пароль, указанный при регистрации. Нажимаем кнопку «Войти».

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

В открывшемся окне мы увидим рабочий стол админки, напоминающий рабочий стол операционной системы Windows обычного стационарного ПК. На рабочем столе расположенны четыре значка: «Мои сайты», «Безопасный вход», «Получить кредитную карту», «Тестовый бой Disciples». Кликаем дважды на иконку «Мои сайты» и в открывшемся окне можно выбрать любой из созданных Вами сайтов или перейти в панель управления сайта — аббревиатура ПУ, на картинке выделенная зеленой рамкой. Изначально значки разбросаны по рабочему столу. Я их укомплектовал в отдельный столбик, чтоб уменьшить скриншот. Другими значками я не пользовался, соответственно не смогу описать их предназначение.

В меню в левом верхнем углу выбираем «Редактор страниц» — «Управление страницами сайта».

Попадаем на страницу управления материалами. Здесь можно изменить информацию о странице, добавить или удалить страницу.
Нажимаем на кнопку «Добавить страницу».

Прописываем в поле «Название страницы:» ее название. В нашем случае страница будет называться «Партнерские программы». Копируем это же название в поле содержания страницы и нажимаем кнопку «Сохранить». Потом мы изменим содержание страницы.
Естественно, название можно задать другое и, соответственно, содержание страницы будет отличаться. Это можно сделать, если Вы решили создать определенный тематический сайт. Но на примере я хочу показать бесплатное создание сайта, на обслуживание и содержание которого не нужно будет тратиться, так как сайт размещен на бесплатном домене и хостинге и, параллельно, зарабатывая на нем, набирать рефералов на различные партнерки.

Закрываем эту вкладку в браузере, возвращаемся на страницу управления материалами, нажимаем на клавиатуре кнопку F5 для обновления и видим, что в списке страниц появилась страница с названием «Партнерские программы». Далее нажимаем на кнопку со значком глаза напротив надписи «Партнерские программы» для редактирования и наполнения страницы.

Удаляем надпись в нижнем поле «Партнерские программы» и на ее месте вставим таблицу в которой будет столбик «Название», в котором будут размещены кликабельные баннеры размером 88×31 с реферальными ссылками партнеских программ; во втором столбике укажем минимальную выплату с этих партнерок; в третьем столбике сделаем краткое описание каждой из партнерок. Соответственно на примере у нас будет три столбика, а количество строк будет зависеть от количества добавляемых партнерских программ. В нашем примере — это три строки. Соответственно создаем таблицу 3×3. Иконка таблицы выделена зеленой рамкой.

Далее кликаем на иконку «Редактировать таблицу / ячейку» — справа от иконки «Создать таблицу».

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

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

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

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

В качестве примера я буду загружать картинку с другого сайта, на котором уже есть подобная таблица с баннерами. Для этого переходим на сайт (в партнерках это обычно кнопки «Баннеры» или «Рекламные материалы»). Наводим мышку на нужный нам баннер, кликаем правой кнопкой мыши и выбираем «Копировать ссылку на изображение».

Возвращаемся в файловый менеджер и слева от галочки в пустое поле вставляем эту ссылку (Ctrl+V). Нажимаем кнопку «Загрузить файл и видим, что картинка загружена. Если у Вас планируется несколько разных разделов на сайте, то лучше баннеры и картинки разделить по папкам, нажав на кнопку „Создать папку“.

Кликаем на название картинки. В нашем случае это „web-rom_88x31.gif“ и в появившемся окне форматируем ее относительно ячейки, как показано на картинке ниже. Ширину и высоту баннера задавать не нужно, так как его размер в данном случае у нас уже задан правильный. Нажимаем „Вставить“.

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

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

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

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

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

Как изменить название сайта на CMS Ucoz?

Заходим в Панель управления сайтом, выбираем Редактор страниц — Управление страницами сайта, далее выбираем в глобальных блоках верхнюю часть сайта и ниже, вместо надписи «Мой сайт», задаем свое название сайта.

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

Ну и видео для тех, кто не любит читать

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

С уважением, Сергей Грицюк.