Рассмотрена возможность быстро и легко создать свой интернет сайт на основе готового шаблона, путём добавления готовых блоков на страницу (например, фотогалерея, новости и прочее), так же настроить собственный дизайн или изменить внешний вид сайта. Что бы пользоваться конструктором, не нужно обладать какими-то специальными знаниями и техническими навыками. Главный принцип работы конструктора сайтов – сайт создаётся моментально, а позже редактируется и наполняется контентом благодаря размещению и настройки готовых блоков
ОБПОУ «КЭМТ»
Технология
создания веб-
страниц
Конструктор сайтов
это общедоступный, бесплатный
инструмент для редактирования и
создания собственного сайта.
Он даёт пользователям возможность
быстрее и легко создать свой
интернет сайт на основе готового
шаблона, путём добавления готовых
блоков на свою страницу (например,
фотогалерея, новости и прочее), так
же при помощи него можно настроить
собственный дизайн или изменить
внешний вид вашего сайта.
Программа
«Конструктор сайтов»
создана компанией e-Publish по заказу
Национального Фонда Подготовки Кадров
в рамках проекта «Информатизация
системы образования». Программа
представляет из себя визуальный веб-
редактор с максимальной
автоматизацией процесса создания
школьных веб-проектов.
Программу
можно загрузить
бесплатно с
сайта
www.edusite.ru.
Функции
программы
Создание сайта на основе
встроенных шаблонов
дизайна
Добавление в проект
страниц различных типов
Заполнение страниц
текстом, изображениями и
т.п.
Размещение сайта в
Интернете
Интерфейс программы
Все кнопки интерфейса имеют
всплывающие подсказки, при помощи
которых можно освоить работу
программы
Создание проекта в E-
Publish
1. Для создания проекта своего сайта
после запуска Конструктора нажмите
кнопку
«Новый проект»
2. Выбрать подходящий дизайн сайта
3. Выбрать или создать папку
для сохранения проекта
Сайта
4. Для сохранения проекта надо
щелкнуть по кнопке «Сохранить проект»
Веб-сайт состоит из множества страниц.
Страницы имеют схожую структуру:
Поле верхнего горизонтального меню
Заголовок сайта
Поле среднего горизонтального меню
Поле левого
вертикального
меню
Поле
страницы
заголовка
Рабочее поле
Поле нижнего
горизонтального меню
Поле
правого
вертикаль
ного меню
Поле колонтитула
Веб-сайт состоит из множества страниц.
Страницы имеют схожую структуру:
Типы страниц
Вы можете выбрать при создании:
универсальную страницу, фотоальбом,
новости, тест, прайс-каталог-корзину
заказов, прайс из Excel, словарь, ссылку
на страницу в Internet.. Для добавления
страницы щелкните по кнопке «Добавить
страницу»
Выбрав тип страницы,
надо дать ей имя,
которое вписывается
в поле «Титул и
название страницы»
Универсальную страницу можно использовать для
публикации как текстовой, так и графической
информации.
Если Вы хотите расположить на странице и текст
и графику, лучше позиционировать их в таблице.
«Карта сайта» – это инструмент для работы
с проектом. Она содержит перечень всех
страниц проекта. Сортировать страницы в
карте сайта, можно используя стрелки.
Редактирование
страниц
Закладка «Фоны»
позволяет:
вставить за страницу фоновую заливку.
добавить фоновую заливку в заголовок
сайта.
добавить фоновую заливку на страницу
сайта.
вставить фоновый звук
Для вставки картинки нажмите кнопку
(Изображение).
Вставка
изображения
В окне «Свойства изображения» можно задать
следующие свойства изображения:
• отступ от текста по горизонтали;
• отступ от текста по вертикали;
• обтекание текстом (влево, вправо, по центру,
снизу, сверху);
• толщину бордюра вокруг картинки («0» –
бордюра нет);
• цвет бордюра.
После нажатия кнопки «Сохранить», изображение
будет вставлено на страницу.
Вставляемое изображение занимает позицию
символа в строке текста. Поэтому остальной текст
располагается за изображением как обычно.
Вставка таблиц
• Использовать таблицы рекомендуется тогда,
когда
структурировать
информацию, например, при вставке текстовой
информации с графическими иллюстрациями.
необходимо
• Кроме того, использование таблиц позволяет
увеличить размеры текстового поля шаблона (в
этом случае необходимо указать нужную Вам
ширину таблицы)
Для вставки таблицы выбрать в главном меню
Таблица/ Новая таблица или соответствующую
кнопку.
В открывшейся форме установить
необходимое количество строк и столбцов.
Ширину таблицы установить либо в пикселях,
либо%.
Поставить галочку «Нефиксированная
высота».
Выбрать цвет и толщину границы или сделать
ее невидимой (установить «толщина бордюра»
- 0).
Можно установить цвет фона таблицы
анимационного
файла (Flash)
Конструктор позволяет
вставлять
анимационные файлы
на страницы проекта.
Чтобы вставить Flesh-файл, поставить
курсор в то место, куда надо вставить
анимацию, и нажать кнопку (Flash).
Откроется окно проводника.
Зайти в папку, где лежат Flash-файлы:
Выбрать требуемый файл и нажать
кнопку «Открыть».
Публикация на
сервере
1. Сохраните Проект.
2. Конвертируйте Проект в веб-форму
(HTML)
3. Вызовите средства публикации (ftp-
клиент).
Откроется окно «FTP-клиент»
Введите ИМЯ и ПАРОЛЬ для обновления Проекта (сайта),
которые были сгенерированы системой в виртуальном офисе
(https://EDUSITE.ru). Вы можете сохранить имя и пароль для
доступа к обновлению, поставив галочку «Сохранить
параметры авторизации».
В окне «FTP-клиент» укажите галочкой «Изменить
корневой каталог» и введите имя папки. Это
удобно для размещения авторских курсов внутри
основного сайта. В основном проекта сайта
включите страницу-ссылку на сайт в Интернете.
Укажите адрес основного сайта, через знак «/»
укажите папку встроенного сайта и имя его
первой страницы — p1.html.
Конструктор сайтов - это программный
комплекс для создания, обновления и
ведения электронных изданий в
Интернете и на CD
«Конструктор школьных сайтов» –
это комплекс, который содержит:
• редактор электронного издания
(сайта, курса);
устанавливается на машине
пользователя;
• библиотеку шаблонов
(оформления сайта, курса);
• средства публикации сайта в
сети • серверную часть
Созд. веб-страниц.pptx
