Разработка и оформление web-сайта

2.1. Создание web-сайта

На web-странице «Google Сайты» выберите операцию «Создать». Система предложит набор начальных параметров будущего сайта.

Выберите шаблон для сайта.

Укажите название вашего сайта. Название сайта можно вводить на русском и украинском языке. Система автоматически задает URL (англ. сл. URL – Uniform Resource Locator, единообразный локатор, местонахождение ресурса) и имя сайта латинскими буквами.

Введите в соответствующее поле защитный код и подтвердите операцию «Создать». В случае правильного заполнения всех форм система перейдет на главную web-страницу нового сайта.

2.2. Дизайн web-сайта

В верхнем меню страницы выберите операцию «Еще / Управление сайтом». Система перейдет на страницу «Управления сайтом».

Дезактивируйте элемент «Показывать название сайта вверху страниц».

Выберите в левом меню группу действий «Темы, цвета и шрифты». Это позволит перейти на страницу настройки дизайна web-сайта.

Выберите из списка основную тему сайта и при необходимости внесите в нее изменения.

Структура сайта может включать в себя следующие структурные элементы:

– заголовок сайта (шапка сайта);

– область содержания (меню боковой панели);

– гаджеты в области содержания;

– гаджеты на боковой панели;

– горизонтальная навигация (меню горизонтальной панели).

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

– фон элемента сайта (цвет, фоновое изображение, фон оболочки страницы и т.д.);

– цвет текста (размер, цвет, гарнитура, цвет для выделения ссылки, цвет использованной ссылки и т.д.).

После выполнения необходимых действий по оформлению и корректировке подтвердите выполнение операций командой «Сохранить».

2.3. Оформление заголовка web-сайта

Оформление заголовка сайта выполняется на странице оформления сайта. Для перехода на эту страницу выберите «Еще / Управление сайтом / Темы, цвета и шрифты».

Выберите оформление структурного элемента сайта – «Заголовок сайта».

В оформлении «Изображение» активируйте соответствующий элемент в виде рисунка.

В появившемся окне укажите путь к папке с заранее подготовленным рисунком заголовка сайта и подтвердите команду «Открыть». Изображение заголовка сайта может быть подготовлено в программе Gimp с размерами 1024х120 пикс.

Для правильного отображения можно скорректировать высоту заголовка сайта. Для этого выполните следующие действия:

– выберите операцию «Еще / Изменить макет сайта»;

– кликните по заголовку сайта;

– в появившемся окне «Настройка заголовка сайта» активируйте элемент для ввода высоты заголовка сайта и введите значение равное высоте изображения (напр., 120 пикс.);

– активируйте элемент «без логотипа»;

– подтвердите операцию («Ок»);

– для выхода из режима корректировки макета сайта выберите команду «Закрыть».

2.4. Добавление web-страниц

Для создания новой страницы на сайте выберите операцию в верхнем меню «Создать страницу».

Укажите название страницы.

Выберите местоположение страницы и подтвердите операцию «Создать».

Проверьте наличие новой страницы в боковой панели меню.

2.5. Редактирование страницы

Для настройки и редактирования содержимого на web-странице загрузите редактор. Для этого выберите команду «Изменить страницу».

В редакторе страницы можно изменить параметры текста (размер, цвет, форматирование, гарнитура и т.д.), вставить различные элементы (таблицу, изображение, видео, ссылку, гаджет и т.п.), изменить макет страницы.