В первой части статьи мы рассмотрели пошаговое создание сайта с помощью конструктора на бесплатном хостинге.
Однако созданный в конструкторе сайт и готовый к использованию сайт — совершенно разные вещи. Шаблон, который вы получили в процессе работы, теперь нужно заполнить текстом.
Поэтому сейчас мы пошагово рассмотрим порядок дальнейшей работы с сайтом, созданном в бесплатном конструкторе. (Если вы еще не регистрировались на бесплатном хостинге, то вам сюда, а потом для создания сайта в конструкторе — сюда)
Итак, начнем:
1. Заходим в админскую часть сайта — для этого к домену своего сайта в адресной строке Интернет-браузера надо добавить /admin и нажать Enter (например, для рассматриваемого в первой части статьи сайта http://mysite.net76.net это будет:http://mysite.net76.net/admin)
2. На открывшейся странице вводим логин и пароль,(где их брать, нам уже известно по первой части статьи: логин находим в своем аккаунте на бесплатном хостинге — он должен иметь подобный вид: а3214567, а пароль вы вводили при регистрации на бесплатном хостинге). Нажимаем Enter и попадаем в панель управления сайтом (не путать с панелью управления хостингом — там может быть много сайтов, а тут только один — который мы редактируем).
3. На главной странице слева размещено меню, позволяющее редактировать страницы сайта и добавлять новые, а в центре — иконки управления сайтом. При работе с сайтом нас будут интересовать всего несколько из них: добавление новостей (Add news) — здесь вы можете редактировать и добавлять новости, которые будут автоматически появляться на первой странице сайта, добавление страниц (Add a new page) — где вы сможете добавлять новые страницы к своему сайту и иконка настройки сайта (Config) — открывающая страницу основных свойств сайта, которые можно изменить под свои потребности.
4. В первую очередь нажимайте на иконку с плоскогубцами (Config), надо изменить некоторые настройки, чтобы при дальнейшей работе не возникали проблемы. Откроется окно Website Builder Configuration с четырьмя закладками.
На первой закладке (Configuration) можно отредактировать введенные при создании данные — название сайта и рекламный слоган. Также надо обязательно проверить правильность введенной электронной почты — на этот адрес будут отправляться письма посетителей вашего сайта из формы Contact — это очень удобная форма связи с пользователями, при которой вы не разглашаете свой адрес, но получаете на него почту.
Больше на этой вкладке ничего не трогаем — к остальным полям вернетесь, когда наберетесь опыта 🙂
Переходим ко второй закладке — Meta Tags — здесь в первой строчке будет отображаться название вашего сайта, которое будет отображаться в заголовке окна браузера при открытии вашего сайта. Это название также имеет большое значение при нахождении вашего сайта поисковиками. Вторую строчку не трогаем — здесь указана схема отображения заголовка остальных страниц сайта, куда будет выводится название страницы и название сайта, на котором она расположена.
В 3 и 4 окошках надо ввести метатеги для вашего сайта — если вы еще не знаете, что это такое, то оставьте пустыми, но лучше с этим вопросом побыстрее разобраться (ничего сложного в этом нет, читать здесь) и поскорее их заполнить — это поможет поисковым системам находить ваш сайт и привлекать посетителей.
И, наконец, самое важное на этой закладке — последняя строчка, которая задает кодовую страницу для вашего сайта, чтобы содержимое на русском языке не отображалось кракозябрами. Нажмите на стрелочку выпадающего меню и выберите Cyrillic (Windows). Конечно же, если ваш сайт будет на английском языке, ничего здесь менять не нужно.
Третья вкладка — Analytics, где можно ввести свой код Analytics ID для системы анализа посещаемости сайта Google Analytics. Если вы не знаете что это такое — оставляйте пустым, сайт и без этого будет работать, просто имейте ввиду на будущее — это бесплатная и очень удобная система анализа сайта, к которой обращаются со временем все опытные владельцы сайтов. Со временем, надеюсь, напишу статью на данную тему…
На последней, четвертой, вкладке можно изменить пароль и логин для входа на сайт, если это вдруг вам понадобится, а также ввести секретное слово на случай, если вы вдруг забудете пароль — советую его сразу же ввести, тем более что система будет постоянно напоминать об этом, если вы этого не сделаете. Делается это так — в выпадающем окне выбираете из списка вопрос (Security Question), например, «кто ваш любимый актер, музыкант или артист?» (Who is your favorite actor, musician, or artist?) и в следующем поле (Your Answer) вводите ответ, например, Petryk Pyatochkin. Естественно этот ответ вы должны хорошо знать, но посторонние не должны о нем догадаться, чтобы не дать им возможности взломать сайт 🙂
После всех проделанных манипуляций нажимаете Save Changes и все введенные данные сохраняются.
5. Для возврата на главную страницу нажмите на домик на желтом фоне в левом верхнем углу и на открывшейся странице нажимайте иконку «Add news» — нам нужно отредактировать первую новость, в которой написано что ваш сайт открыт, но находится в разработке (Website created! This website is still under construction, please visit us later!). Откроется страница News, на которой можно писать свежие новости в верхней части (Add news) или отредактировать новости, которые уже показываются на первой странице (News currently displayed on the website) — для этого нажимаем кнопку Edit и заходим на страницу редактирования готовой новости.
Изменяем заголовок (Header) — например, «Сайт создан» и переписываем новость заново в окне Short text: «Мой сайт создан, добро пожаловать!». Все, что введено в этом окне, будет показываться на первой странице сайта в соответствующей колонке, поэтому для экономии места тут стоит писать только первые несколько предложений. Основной текст новости нужно продолжить в окне Long text. Его посетители сайта смогут прочитать, кликнув на первой странице на начальный фрагмент новости.
После редактирования нажимаете кнопку Save changes и возвращаетесь на основную страницу создания новостей. Для перехода на главную страницу, как вы уже знаете, нажимаем на желтый домик.
6. Теперь можете нажать на ссылку в левой колонке «Preview website» и полюбоваться в открывшемся новом окне своим новым сайтом — на нем должна отображаться измененная первая новость, причем русский язык должен показываться без проблем. Если что-то не получилось, возвращайтесь к пунктам 4 и 5 и пробуйте все заново. Не забывайте после всех изменений нажимать кнопку Save.
7. Разберемся со страницами, которые у нас уже есть на сайте. Их должно быть как минимум три: Home — главная страница, Products — страница с описанием вашей продукции или услуг и страница Contact для связи с посетителями.
Начинаем их редактировать — нажимаем в левой колонке на ссылку Home и попадем на страницу редактирования главной страницы. Все редактирования текста происходят легко, как в программе Word — даже пиктограммы у них схожи. Вводим свой текст, кратко описывающий вашу фирму или деятельность — это можно сделать либо простым набором, либо скопировав из других источников и вставив в нужном месте.
В общем, для человека, не первый день проводящего за компьютером, это не составит абсолютно никакого труда. Можно также разместить на странице картинки, только следите чтобы их ширина не превышала ширину колонки для текста (обычно около 300-400 пикселей), иначе весь шаблон разлезется и будет иметь весьма неприглядный вид 🙂
Точно так же редактируем остальные страницы, единственное на что нужно обратить внимание — это страница Contact — здесь можно оставить или наоборот, убрать, свои реквизиты — например название фирмы, почтовый адрес и телефоны, а электронный адрес лучше убрать, чтобы его не нашли спам-боты.
Единственное что важно — надо оставить без изменений (!!!) строчку {%contact%} — ею вызывается скрипт отправки писем и посетители смогут написать вам письмо, не зная адреса, а просто заполнив поля формы и написав текст письма. Это очень удобно и вам, и посетителям, которые смогут отправить вам сообщение, не открывая почтовой программы.
Естественно, если связь с посетителями не нужна, можно убрать всю страницу Contact, нажав кнопку Delete Page.
8. Для создания новых страниц нужно просто нажать ссылку Add a new page (слева в колонке или в верхнем меню, либо пиктограмму на главной) — здесь надо будет ввести название страницы и нажать кнопку Add. Название нужно делать из 1-2 слов, так как это имя будет отображаться в меню и длинное название там не поместится.
Кстати, у уже существующих страниц тоже можно изменить название страниц, например Products можно переименовать в «Продукция» и т.д.
9. Итак, я познакомил вас с основными, но далеко не всеми инструментами управления сайтом. На первое время описанных приемов хватит, чтобы создать полноценный сайт и поддерживать его.
По мере накопления опыта вы сможете заняться более сложными вещами, например создать голосование на сайте, разместить дополнительные меню для подразделов сайта или организовать галерею фотографий.
Еще раз обращаю ваше внимание — конструктор сайта, использующий готовые шаблоны и создающий сайты, легкие в наполнении и использовании, одинаково хорош как для новичков, делающих первые шаги в сайтостроении, так и для опытных пользователей, которым надо срочно создать очередной сайт — на это уйдет всего пару часов — от регистрации на бесплатном хостинге до полного наполнения содержимым и запуска готового проекта.
Удачной вам работы и посещаемых сайтов!
© YS
Зарегистрироваться на бесплатном хостинге можно здесь:
