Уроки По Созданию Сайта, Используя Конструктор Сайтов
e-gloryon

Урок 7. Создание страницы сайта "новости".

Автор: Марина Метель
http://design.bizlive.ru

Если вы ещё не получили доступ к бесплатной демо-версии конструктора сайта, как это сделать см. урок 1.

Входим в режим редактирования сайта http://bizlive.ru/form/enter.php  , вводим логин и пароль, попадаем на административную страницу управления сайтом. Нажимаем кнопку "Редактировать сайт".


Чтобы добавить на сайт новую страницу нажимаем красную иконку с плюсом:


Откроется диалоговое окно "Редактирование параметров страницы". Вводим заголовок страницы "Новости", а текст в начале страницы и в конце страницы удаляем, т.к. мы будем вводить текст в html-редакторе, чтобы была возможность оформить его красиво, в необходимым нам форматированием. Дальше нажимаем "сохранить":

Мы создали новую страницу "новости", следующее действие это создание списка новостей на этой странице.  Нажимаем на желтую иконку с плюсом (добавить content.create):

Открывается окно выбора раздела, выбираем раздел "новости" и кнопку "добавить выбранный раздел":

Откроется диалоговое окно "Редактирование параметров списка новостей". В поле  "заголовок раздела" можете внести название новости или оставляете это поле пустым. В поле "текст раздела" вводим заранее подготовленный текст и жмем "сохранить":

Здесь мы ввели текст не используя HTML-редактор и текст прописался так, как заложено CSS-стилем. Чтобы написать и оформить текст так, как хочется нам и не менять CSS, просто открываем HTML-редактор и в открывшемся окне оформляем текст. Подробно об этом можно посмотреть в уроке 3.

У нас готова страница для ввода новостей:

Каждая новость - это отдельная запись. Для добавления записи нужно нажать зеленую иконку с плюсом (Добавить object.news). Откроется диалоговое окно "Новость". Вводим заголовок новости, краткое и полное описание:

Открываем вкладку "изображение" и выбираем на своём компьютере необходимое фото (если хотим, чтобы оно было на сайте). Как это делать см. урок 4.

Открываем вкладку "дата" и выставляем дату нашей новости. Нажимаем "сегодня" - в окне даты появится текущая дата и кнопку "сохранить ":

Вот что у нас получилось:

Нажимаем на ссылку "специальная акция" и видим полное описание новости:

Каждый раз, чтобы добавить новость, необходимо повторить вышеописанные действия. добавим на нашу страницу ещё одну новость:

1. Из режима просмотра входим в режим редактирования и нажимаем  зеленую иконку с плюсом (Добавить object.news):

2. Откроется диалоговое окно "Новость". Вводим заголовок новости, краткое и полное описание.
3. Во вкладке "Изображение" выбираем на своем компьютере нужную картинку.
4. Во вкладке "Дата" выставляем дату новости.
5. Жмем на кнопку "Сохранить".

Видим дополненную страницу новостей:


Видим, что появилась ещё одна новость с более поздней датой, открываем её и читаем полностью:

Чтобы попасть на страницу со всеми новостями, нажимаем ссылку "вернуться назад".

Вот и всё, вы умеете делать страницу новостей.

 Желаю успехов!

Вернуться к списку уроков


Copyright © Метель Марина. Все права защищены. Россия, г. Омск
e-mail для связи mma7@mail.ru  


Рейтинг@Mail.ru