Создание сайтов когда-то считалось работой профессиональных IT-специалистов. Сейчас все сильно изменилось, и даже школьник Вася из 5-ого класса за полчаса может сконструировать сайт бесплатно. Конструкторов для разработки web-страниц множество, но чтобы Ваши труды не пропали, обращаться стоит лишь к проверенным. Один из них – это uCoz, один из самых старых и популярных бесплатных конструкторов. Его то и стоит освоить тем, кто не знает с чего начать.
Этапы создания сайта
Чтобы понимать объем работы и продуктивно усвоить материал, рекомендуется составить некоторый план работы. Выглядит он так:
- Зарегистрироваться на ru
- Придумать доменное имя.
- Подобрать подходящий шаблон.
- Выбрать необходимые модули и функции.
- Настроить сайт.
- Отредактировать тексты шаблона, и добавить новости.
- Выбрать тариф.
Регистрация на uCoz
Пользователь, зашедший на конструктор по ссылке ucoz.ru, увидит следующее окно:
Так как сейчас речь идет именно о личном сайте, выбрать нужно первую ссылку «Создать сайт». После чего произойдет загрузка страницы с предложением зарегистрироваться.
Удобно то, что можно авторизоваться через социальную сеть или учетную запись Яндекса и Google. Но чтобы более подробно рассмотреть процесс создания, стоит зарегистрироваться вручную.
Итак, необходимо ввести в форму E-mail, пароль, а затем щелкнуть по кнопке «Создать сайт».
Откроется расширенная форма регистрации, где придется указать имя, фамилию, дату рождения, пол, согласится с условиями соглашения и подтвердить «капчу».
После этого еще один небольшой шаг – подтверждение почтового ящика. Просто надо перейти по ссылке в полученном от сервиса письме.
После перехода посетителю будет предложено ввести номер телефона для восстановления пароля, но этот этап можно пропустить. Для этого нужно нажать на кнопку «Сделаю позже» внизу формы. А в следующем окне выбрать секретный вопрос.
На этом процесс регистрации окончен. Можно вздохнуть с облегчением, ведь самое скучное позади, и весело перейти ко 2 пункту плана.
Выбор доменного имени
Даже если у пользователя уже зарегистрирован домен, ему все равно придется придумать бесплатный вариант третьего уровня. Впоследствии к сайту можно привязать имя второго уровня – вида SITE.ru/.com/.net.
В качестве примера предлагаю рассмотреть создание сайта для школьников.
Адресом будет служить домен 3 уровня – podgotovka.ucoz.club. Кроме того, в этом же окне необходимо ввести код безопасности с картинки и согласиться с правилами сервиса, а после нажать на кнопку «Создать сайт».
Выбор шаблона
После того, как был выбран адрес для сайта, открывается новая страница, и конструктор предлагает воспользоваться мастером настройки. Так и поступим.
Тут можно увидеть 3 поля:
- название сайта;
- выбор дизайна;
- настройка языка.
Первый пункт подробно рассматривать не имеет смысла, если появятся вопросы их можно будет задать в комментариях. Тут необходимо знать только одно – выбранное название сайта должно полностью соответствовать содержанию. Это важно для любого web проекта. Для нашего же примера вполне подойдет «Клуб по подготовке к экзаменам ЕГЭ и ОГЭ».
Второй пункт намного масштабнее и интересней. Здесь пользователю предлагается порядка 300 бесплатных вариантов, кроме того, в последствии можно будет купить премиум-шаблон. Их цена колеблется в пределах 10-40$. Также дизайн можно будет создать самостоятельно или загрузить с другого CMS (о том, что это такое, можно прочитать в этой/*ссылка*/ статье).
Для того, чтобы не листать все 300 вариаций, отфильтруем их по тематике в правом верхнем углу, как показано на рисунке:
После того, как пользователь определился с выбором, окно закрывается, и остается лишь выбрать язык. В нашем случае – это русский. Теперь можно «шагать» дальше.
Модули и функции
Теперь откроется окно со списков различных модулей, которые можно подключить. Тут и почтовые формы, и форум, и фотоальбомы, и каталог статьей, и много чего еще. В общем нужно выбирать по своим предпочтениям.
Для образовательного сайта пригодятся все, кроме модуля «Интернет-магазин».
После нажатия кнопки «Продолжить» сервис дает долгожданный доступ к управлению сайтом.
Панель управления и настройка сайта
Наконец-то, открывается панель управления.
Что здесь можно увидеть? В верхней части есть навигационное меню, через которое можно попасть в настройки сайта, инструменты, настройки безопасности, дизайна, подключаемых услуг и информации о пользователях, а также получить помощь.
Слева в виде списка отображаются подключенные ранее модули и расширения. Кроме того, здесь же расположены страницы созданного сайта.
В центральной части можно увидеть надпись «Панель управления» и синею стрелку рядом. Нажатие на нее возвращает дизайн панели к предыдущей версии. Возможно, для вас тот вариант будет удобнее и понятнее.
Чуть ниже идет текущий адрес сайта, а рядом кнопка «Купить домен». Здесь можно подобрать себе домен вида podgotovka.ru.
Но, как и в случае с примером, большинство удачных адресов уже занято, так что здесь придется проявить фантазию! Или нажать ссылку «Проверить альтернативные зоны». Такие зоны, как: .tv, .cc, .me, .name, менее популярны и стоят дороже, зато иногда бывают свободными.
Теперь опять о панели управления. Ниже адреса сайта есть строка «Статус индексирования: индексация запрещена», о том что это такое и как убрать запрет, можно прочитать наведя курсор на знак вопроса правее надписи.
Статус индексирования
В следующей строке есть 2 блока: «Бесплатный тариф» и свободное место на диске. Нажатие на кнопку «Улучшить» или «Изменить» переносит пользователя на страницу с выбором тарифа, но подробнее об этом ниже. Сейчас же стоит рассмотреть внимательнее сам сайт.
Для этого необходимо обратиться к левой панели, а именно к блоку «страницы», и выбрать нужную – например «Главная страница». Откроется следующее окно:
Нужно нажать кнопку «Открыть страницу», чтобы посмотреть, как выглядит сайт.
В принципе, сайт выглядит уже полноценным. Осталось только разобраться с тем, как изменять текст и добавлять статьи.
Редактирование текстов и добавление новостей
Первое, что «бросается» в глаза – это надпись «Lorem ipsum…». От нее необходимо избавиться, заменив на приветствие посетителей сайта, и краткое описание проекта.
Для этого в панели управления нужно зайти в раздел «Дизайн», нажать на кнопку «Редактировать» под шаблоном сайта, затем «Глобальные блоки» и «PROMO». В открывшемся окне необходимо найти, обозначенные выше, надписи и заменить на приятный текст.
Вот что получается в результате:
Теперь нужно добавить новость на сайт. Для этого пользователь должен авторизоваться на самом сайте. После чего нажать на кнопку «Добавить новость» в центральном блоке сайта.
Открывается редактор новостей.
Здесь необходимо заполнить поля текстом новости, и, при желании, прикрепить одно или несколько изображений. После того, как все сделано, нужно нажать кнопку «Добавить».
Выбор тарифа
Теперь снова вернемся к тарифам. Их на uCoz пять видов:
- Бесплатный. Стандартный тариф с ограниченными функциями и рекламой от конструктора. Большой минус – нехватка рабочего пространства, всего 400 Мб.
- Базовый. Избавляет пользователя от рекламы, расширяет рабочее пространство до 2 Гб и увеличивает доступный функционал. Цена 5.99$.
- Оптимальный. Тариф позволяющий использовать все функции сервиса, кроме интернет-магазина. Объема пространства хватит большинству – 10 Гб. Цена99$.
- Максимальный. Все функции и привилегии для пользователя. Расширенный объем памяти – 20 Гб. Цена 15.99$.
- Магазин. Оптимальный тариф для интернет-магазина. Доступны все функции, дисковое пространство – 10 Гб. Цена 9.99$.
После регистрации на сервисе новичкам предоставляется скидка 50% на все тарифы. Она действует трое суток, поэтому если хотите сэкономить, лучше побыстрее определится с выбором.
На этом статью можно считать законченной. Подробное описание других модулей можно прочитать в этой статье/*ссылка*/.