Урок 1. Создаем страницы сайта

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

Шаг 1. Войдите в административный интерфейс системы набрав в адресной строке браузера путь к административному интерфейсу системы:
http://www.вебсайт.ru/webdirector

Шаг 2. Введите логин и пароль в открывшемся окне. При первом заходе в только что установленную систему для логина и пароля устанавливаются значения по умолчанию: логин - "admin", пароль - "password". Нажмите на кнопку "авторизация".

В случае успешной авторизации появится следующее сообщение:

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

• Оставить как есть.
• Для новичков.
• Для продвинутых пользователей.

После нажатия кнопки "вход" Вы попадаете в административный раздел.


Шаг 3. Перед Вами открылся стартовый экран административной системы, содержащий список доступных программных модулей. Справа - раздел "Системные сообщения".

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

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

"Доступно обновление" - системное сообщение о новой версии системы. Обновить систему можно, кликнув на ссылку "обновить".

Выберите раздел "Управление страницами", в котором происходит управление структурой и содержанием страниц сайта.

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

Давайте отредактируем в "КАРТОЧКЕ СТРАНИЦЫ: Главная" то, что увидят посетители на главной странице Вашего сайта:

- в поле "название" (name) введите односложное название этой страницы, например "О компании" - это название появится в меню сайта со ссылкой на главную страницу;

- в поле "заголовок H1" (header) введите заголовок страницы, например "О нашей компании". Нажмите кнопку "Сохранить" внизу "Карточки страницы";

- в поле "текст" (text) нажмите на кнопку "Редактировать содержание", в открывшемся окне "Редактирование страницы" введите текст, рассказывающий о Вашей компании. Этот текст будет виден на главной странице. Нажмите кнопку "Сохранить" внизу окна редактирования страницы. Закройте окно редактирования страницы;

Шаг 5. Намите кнопку "Опубликовать сайт" в верхнем меню. Пока Вы не нажали эту кнопку, внесенные изменения не отразятся на веб-сайте. По нажатию этой кнопки система сгенерирует новые HTML файлы, доступные посетителям сайта.

Шаг 6. Поздравляем! Ваш сайт ожил и его первая страница стала доступна посетителям! Вы можете посмотреть, как выглядит Ваш сайт введя адрес сайта www.вебсайт.ru в адресной строке нового окна Вашего браузера или нажав кнопку "Просмотр сайта" в верхнем меню административного интерфейса.

Шаг 7. Теперь добавим несколько новых страниц. Вернитесь в административный интерфейс. В поле "Добавить" введите название новой страницы Вашего сайта - "Наши продукты", нажмите кнопку "Сохранить".

В списке страниц текущей рубрики появилась новая страница "Наши продукты".

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

Шаг 7. Теперь аналогично создадим еще одну страницу: "Контакты".

Для возврата на верхний уровень Вашего сайта нажмите пункт "О компании" слева, в меню показывающем структуру сайта.

В поле "Добавить:" введите название новой страницы "Контакты" и нажмите кнопку "Сохранить".

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

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

Ваш первый сайт из трех страниц "О компании", "Наши продукты", "Контакты" - готов. На всех страницах виден введенный Вами текст.

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