Шаг 2/Настройка вида и функций
Nina (обсуждение | вклад) (→Алгоритм действий по изменению цвета, шрифта и фонового изображения выбранного макета сайта) |
ElenaY (обсуждение | вклад) |
||
Строка 1: | Строка 1: | ||
− | + | = Строим макет - наполняем содержанием= | |
− | + | ==Определяемся со структурой сайта== | |
На листе бумаги напишите схематическое расположение своего сайта, это будет вам помощью и подсказкой в дальнейшей работе с выбором макета и построением сайта. | На листе бумаги напишите схематическое расположение своего сайта, это будет вам помощью и подсказкой в дальнейшей работе с выбором макета и построением сайта. | ||
Продумайте и определитесь какие вкладки и разделы должны быть по вашему мнению на сайте вашей библиотеки (названия разделов и подразделов должны быть лаконичными и краткими) | Продумайте и определитесь какие вкладки и разделы должны быть по вашему мнению на сайте вашей библиотеки (названия разделов и подразделов должны быть лаконичными и краткими) | ||
Строка 12: | Строка 12: | ||
|border=0 | |border=0 | ||
}} | }} | ||
− | + | ==Выбираем макет== | |
{{#widget:Iframe | {{#widget:Iframe |
Версия 12:16, 9 августа 2012
Строим макет - наполняем содержанием
Определяемся со структурой сайта
На листе бумаги напишите схематическое расположение своего сайта, это будет вам помощью и подсказкой в дальнейшей работе с выбором макета и построением сайта. Продумайте и определитесь какие вкладки и разделы должны быть по вашему мнению на сайте вашей библиотеки (названия разделов и подразделов должны быть лаконичными и краткими)
ТРЕБОВАНИЯ К WEB-САЙТУ БИБЛИОТЕКИ
Выбираем макет
- набираем текст
инструменты для создания текста
- делаем ссылки
- изменяем форматирование
- вставляем таблицы, картинки
Кроме этого, в меню вставки имеется дополнительный раздел, отвечающий за взаимодействие с другими многочисленными службами Google.
Благодаря этому вы сможете вставить в страницу модуль AdSense, Календарь, диаграмму из Google Docs, картинку из Picasa, карту из Google Maps,
ролик из YouTube и так далее.
Презентация в помощь разработчику сайта
Название видео |
Вставляем документы Google, видео, фото
- Нажмите "Редактировать страницу" - "Вставить" - из ниспадающего меню выберите, что вы хотите вставить:
фотография, календарь, документ, презентация, Picasa слайдшоу или видео.
Презентация в помощь разработчику
Как создать Google-карту и получить код для вставки на сайт
Название видео |
Алгоритм действий для вставки документа, создания ссылки и новой страницы
- Вставить документ
- Создать ссылку
- Создать новую страницу
- Создать новостную строку на Главной странице сайта
Для того чтобы создать новостную полосу на Главной странице сайта, необходимо предварительно создать Новую страницу и назвать ее "Архив новостей", на которой, собственно и будут храниться ваши сообщения.
Далее работаем с Главной страницей.
"Вставить"- выбираем "Последнее сообщение"
Настройка навигационной панели Сообщений
"Показывать сообщения" - указывается страница "Архив новостей", которая была создана ранее
"Длина сообщения" - фрагмент небольшого размера
"Количество отображаемых сообщений",это то что будет отображаться на Главной странице,устанавливается по вашему усмотрению
После всех изменений, необходимо нажать"Сохранить"
Появляется Гаджет - белое поле, чтобы увидеть изменения на Главной странице в правом углу необходимо нажать кнопку "Сохранить"
Написать Новое сообщение можно войдя в режим "Дополнительно"
- Вставка HTML -кода на страницу сайта
Гугл-сайт - это бесплатный домен, который предлагается в данной Мастерской в качестве наиболее простого в обслуживании для библиотечного сайта, но имеющий большое количество возможностей сделать свой сайт интересным и полезным для пользователей.
Но как и любой бесплатный сайт, он имеет свой объем памяти. Поэтому хотелось бы сразу предупредить - НЕ ЗАГРУЖАТЬ и НЕ ПЕРЕГРУЖАТЬ свой сайт лишней информацией.
- 1. Фото - занимают очень большой объем памяти
- 2. Прикрепленные объемные документы
- 3. Большой текст на странице сайта
Выход: как можно чаще использовать Интернет-сервисы для вставки информации на страницы сайта, в новостную строку -уменьшать фотографии на сервисе Рicmonkey
Итак, как вставить HTML -код на страницу сайта
Создаем презентацию в CALAMEO,слайд-шоу в Рhotopeach,Рhotosnack (таким образом можно создавать фотоотчеты по проведенным библиотечным мероприятиям, электронные книжные выставки,рекламу поступивших книжных новинок)
- 1. Создаем Презентации, слайдшоу в Интернет-сервисах
- 2. Ищем HTML - код, и копируем его
- 3. На странице сайта режим "Правка"
- 4. Ищем на панели инструментов кнопку "HTML"
- 5. Вставляем код и нажимаем кнопку "Обновить"
- 6. Настраиваем свойства появившегося Гаджета (по центру, размер изображения)
- 7. Сохраняем все в верхнем правом углу.
Алгоритм действий по изменению цвета, шрифта и фонового изображения выбранного макета сайта
- Меняем фоновое изображение заголовка сайта
Чтобы поменять фоновое изображение заголовка сайта необходимо:
- 1. Зайти в рабочую панель "Еще" своего сайта
- 2. Выбрать в выпадающем меню "Управление сайтом" (здесь же можно посмотреть объем заполнения вашего сайта в процентном соотношении)
- 3. В левом столбце настроек найти "Цвета и шрифты"
- 4. Найти в Меню "Заголовок сайта" - " Фоновое изображение заголовка сайта" выбираете свой, загружаете картинку
- 5. Просматриваете как получилось, при необходимости обрезаете иллюстрацию
Примечание: в предварительном просмотре ваш обновленный вариант сайта не просматривается, он остается стандартным.
Таким образом погуляв в режиме "Цвета и шрифты" можно изменить цвет и шрифт гаджета боковой панели, цвет фона страницы,фоновое изображение страницы и т.д.
Но помните - ваш сайт создается для разновозрастного читателя и пользователя, поэтому все внесенные изменения в шрифте и цвете должны быть читабельны.