Уроки по созданию сайта.

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

Урок 4. Создание первой страницы сайта - "о компании".

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

Мы продолжаем создавать сайт при помощи конструктора сайтов e-gloryon. Если Вы ещё не начали это делать вместе с нами, зарегистрируйте бесплатную демо-версию (урок 1) и начинайте. Познакомьтесь с предыдущими уроками.

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

Создаём первую страницу сайта.

О компании (главная страница - визитка фирмы, приветствие посетителю, основные принципы, немного истории, режим работы...)

Мы начинаем делать первую страницу "О компании", эта та страница, на которую попадает посетитель, набрав адрес вашего сайта в строке браузера (URL).

Теперь мы будем пользоваться иконками различных цветов, их назначение мы разбирали на уроке 3. С их помощью мы будем добавлять и убирать страницы и разделы, производить все необходимые действия.

Сейчас на нашем сайте всего одна страница "Добро пожаловать!", а на самой странице только один информационный блок:

Теперь изменим заголовок "Добро пожаловать!" на нужный нам текст "О компании". Нажимаем серую иконку рядом с заголовком и нам открывается окно редактирования заголовка:

Вместо этого текста вводим свой заголовок. И не забываем сохранить изменения.

Теперь отредактируем текстовый блок. Также нажимаем серую иконку внизу текста, открывается окно редактирования раздела (это окно для HTML-кода, мы его не трогаем).

Нажимаем значок HTML-редактора, открывается окно редактирования текста.

Удаляем ненужный текст-подсказку и пишем свой, или вставляем заготовку из Worda или Блокнота. Редактирование текста такое же, как в текстовом редакторе Word. Все необходимые для внесения изменения значки находятся в верхней панели инструментов. По окончанию работы с текстом сохранияем изменения - нажимаем значок "дискетки" в левом верхнем углу. Окно закроется и нажимаем кнопку "сохранить".

Получаем такую страницу:

Поздравляю! Вы умеете редактировать заголовки и текст на страницах сайта.

Следующим нашим шагом будет создание новых объектов (блоков информации) на странице. Для примера разместим боле полное описание вашей компании, поместим фото руководителя и ещй какую-нибудь информацию...

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

Откроется диалоговое окно "Добавление раздела". Выбираем тип раздела: обычный раздел (текст и изображение) и нажимаем кнопку "Добавить выбранный раздел"

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

Для редактирования текста нажимаем уже знакомый нам значок "HTML-редактора".

В режиме редактирования текста (открытый "HTML-редактор") заполняем раздел, форматируем текст на своё усмотрение, выделяем заголовок цветом, используем различные функции оформления текста, не забываем записать изменения:

Осталось добавить фотографию руководителя компании. Жмем на вкладку "Изображение", далее "Загрузить с компьютера" и кнопку "Обзор"

Далее из открывшегося окна выбираем нужный файл на своём компьютере и нажимаем кнопку "открыть":

В командной строке прописан адрес картинки, сохраняем...

видим такую картину:

Можно загрузить фото или картинку из "библиотеки изображений". Как это делается мы научимся в следующих уроках.

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