<<
>>

КОНСТРУКТОР WEB-СТРАНИЦ

Все страницы на сайте «Эврика» создаются с помощью WEB-конструктора.

В настоящее время конструктор находится в стадии развития и совершенствования. В связи с этим возможно изменения типов страниц и типов блоков в заполняемых формах.

Несмотря на это, есть несколько основных типов страниц и типов блоков о которых здесь необходимо сообщить.

Из этих страниц и блоков и строится основная часть материалов портала.

Типы страниц

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

Типы страниц могут быть изменены по мере развития портала и по заявкам пользователей.

Стандартная страница

Страница состоит из вертикальной последовательности типовых блоков.

Количество блоков ограничено числом 10.

На странице может быть размещено одно изображение формата GIF или JPG размером до 554 пикселя в ширину (может повторяться несколько раз в разных блоках).

Стандарт 2 картинки

Страница состоит из вертикальной последовательности типовых блоков.

Количество блоков ограничено числом 10.

Блоки разбиты в две группы максимум по 5 блоков в каждой.

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

1 картинка и столбец текста

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

Ресурсная страница

При помощи ресурсной страницы на сайте можно разместить документы в некоторых широко распространенных форматах - RTF, PDF. При выборе пользователем ссылки на эти ресурсы будут открыты соответствующие данным типам файлов приложения приложения установленные в компьютере.

На такой странице можно разместить и файл архива в формате ZIP.

Страница Центра повышения квалификации

Данный тип страницы разработан специально для представления материалов по инновационной программе повышения квалификации работников образования.

Страница

авторской школы

Страница такого типа является своеобразной визитной карточкой организации (учреждения). Содержит необходимые поля для реквизитов, краткого описания и одного изображения (например фотографии руководителя или фотографии здания учреждения, эмблемы, логотипа учреждения и т.п.). На странице в виде списка отображаются подчиненные страницы.

Анонс

Тип страницы созданный для размещения информационных блоков типа «Событие» на первой странице сайта. Возможно разместить одно изображение формата 150х115 пикселов, заголовок события, краткое описание и развернутое описание. Автоматически указывается дата размещения анонса на сайте. На первой странице сайте может быть до трех таких блоков.

Визитка

Страница представляет собой визитную карточку человека с его реквизитами, кратким описанием и фотографией.



Изображение

Тип страницы созданный для организации на сайте фотогалерей. На странице размещается большое изображение в формате JPG (размер не более 554 пикселов по горизонтали), а также небольшое изображение в формате GIF для пиктограммы на основной странице фотоальбома.

На странице можно разместить дополнительно вертикальную последовательность до 10 типовых блоков.

Новость

Страница предназначена для организации ленты новостей на страницах сайта. Содержит одно изображение размером 85х64 пикселов, заголовок новости, краткое описание новости и ссылку на связанную страницу сайта.

Типы блоков

News content

Используется для создания на странице ленты новостей. Выводит на экран подчиненные страницы только типа «Новость».

Содержание блока не имеет значения.

Список

Служит для создания на странице списка.

Содержание блока представляет собой текст пунктов списка. Началом нового пункта списка является пустая строка.

Список ссылок

Служит для создания списка ссылок на страницы сайта «Эврика». Выводит на экран краткие названия страниц.

Содержимое блока - список идентификаторов страниц разделенных пустыми строками.

Например:

Список кластеров

Предназначен для вывода на экран списка подчиненных указанному кластеров кластеров. Выводит краткие названия кластеров.

Содержимое блока - ID кластера.

Список подчинений

Служит для создания на экране списка подчиненных данной странице страниц. Список составляется из кратких названий подчиненных страниц.

Содержимое блока не имеет значения.

Список подчинений с картинками

Служит для создания фотогалерей. Выводит на экран последовательность изображений предосмотра на подчиненных страницах типа «Изображение"

Содержимое блока не имеет значения.

Список подчинений за текущий месяц

Служит для создания на экране списка подчиненных данной странице страниц созданных в течение текущего месяца. Список составляется из кратких названий подчиненных страниц.

Содержимое блока не имеет значения.

Таблица

Создает на экране стандартную таблицу.

Содержимое блока - текст ячеек таблицы. Строки разделяются пустыми строками. Столбцы разделяются символом двоеточия (:).

Архив

Данный тип блока пока находится в стадии разработки.

Блок с изображением (Jpg)

Выводит на экран изображение, определенное на стандартной странице. Осуществляется обтекание этого изображения другими блоками (например,

параграфом текста)

Содержимое блока не имеет значения.

Большой параграф

Служит для размещения больших текстовых материалов (объемом более чем 8 килобайт). Использовать рекомендуется только в случае, если невозможно разместить материал в блоке «Параграф».

Содержимое блока - текст параграфа. Абзацы разделяются пустыми строками.

Внешняя ссылка

Служит для определения ссылки на любой стандартный URL.

Содержимое блока имеет следующий формат: адрес URL(полностью) пустая строка

отображаемое наименование ресурса.

Например:

п ;-м-. Г.15гтт. ¦¦¦ ¦ ¦ яг^и—¦ ¦              *4


Дерево кластеров

Служит для создания карты сайта или разделов сайта. Выводит на экран список кластеров.

Содержимое блока - ID корневого кластера.

Заголовок

Выводит на экран заголовок одного из 6 определенных стилей.

Содержимое блока - текст заголовка.

Изображение

Выводит на экран изображение, определенное в блоке выбора изображения.

Содержимое блока не имеет значения.

Пустой блок

Содержимое блока не имеет значения.

Параграф

Выводит на экран текст параграфа. Объем блока - не более 8 килобайт. Если объем текста превышает эту величину, то необходимо использовать тип блока «Большой параграф».

Содержимое блока - текст параграфа. Абзацы разделяются пустыми строками.

Создание локального раздела новостей

Одним из самых простых способов показать свою деятельность является ведение ленты новостей о событиях, происходящих в вашей организации.

Возможности портала eurekanet.ru позволяют организовать такую ленту новостей.

Пример ленты новостей раздела Ижевской гимназии №56.

Новости на сайте eurekanet.ru можно разделить на два вида: Главные новости сети Локальные новости участников сети

Колонка главных новостей создается администраторами сайта, исходя из заявок участников сети, и отображается в следующих видах:

на первой странице сайта (3 больших блока анонсов или событий и 7 основных новостей) в разделе «Новости» сайта «Эврика»

Локальные колонки новостей ведутся локальными администраторами и авторами на местах.

У локальных координаторов имеется возможность послать заявку на размещение новостей на главной странице.

Создание раздела новостей на персональном разделе

Для создания раздела новостей:

Зарегистрируйтесь на сайте «Эврика».

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

После этого вам будут предложены те кластеры страниц правами, на которые вы обладаете. Если вы координатор локального раздела, то у вас будет доступ только к кластеру вашего раздела.

Выберите пункт «переход» для перехода к режиму редактирования дерева страниц кластера.

После этого вы перейдете к редактированию дерева страниц вашего раздела. Первоначально в вашем разделе будет находиться только одна страница сделанная администратором сайта.

В данном примере вам необходимо создать подчиненную странице «Визитка организации» страницу с названием «Новости» или «Лента новостей организации» и т.п. После этого на первой странице вашего раздела появится созданный раздел новостей.

Выберите пункт «add» напротив страницы «Визитная карточка».

Теперь вам будет предложено создать новую страницу в вашем дереве страниц.

Выберите тип страницы «Стандартная страница»

В появившемся после этого окне появится форма для создания стандартной страницы.

Введите название и краткое название страницы новостей

Установите только один единственный блок типа «News Content».

Данный блок специально создан для представления на сайте колонки новостей.

После создания страницы новостей все готово для размещения ваших новостей на локальном разделе.

Добавление новости

Для добавление новости в раздел локальных новостей необходимо:

Зарегистрироваться в качестве пользователя

Перейти к режиму редактирования страниц вашего кластера

В результате ваших действий на экране будет список ваших страниц.

Выберите пункт «add» напротив страницы «Новости»

Выберите тип создаваемой страницы «Новость»

Заполните предложенную форму

В результате ваших действий в разделе локальных новостей появится следующая страница с созданной новостью.

Добавление изображения в колонку новостей

Для добавления изображения в ленту новостей необходимо после создания новой новости заполнить поле «Изображение» указав путь и имя файла картинки.

Картинка должна быть подготовлена к публикации соответствующим образом (см. раздел «Подготовка изображений для публикации на страницах сайта»).

После ваших действий новость в разделе новостей будет выглядеть следующим образом:

Добавление ссылки на дополнительный материал новости

Рядом с новостью на ленте новостей может быть размещена кнопка перехода на другую страницу сайта eurekanet.ru

Для ее создания:

Заполните поле «Ссылка» в форме создания новости.

После сохранения формы вы получите новость со ссылкой.

Заявка на размещение в разделе главных новостей сайта

Если вы считаете, что ваша новость достойна размещения на первой странице сайта и в разделе новостей сайта, то установите пункт «Место публикации» в положение «Заявка на публикацию на главной странице».

В результате этих действий администратор главных новостей сайта получит уведомление о вашей заявке и примет решение о размещении вашей новости в главных новостях. Если решение будет положительным, то ваша новость будет там размещена.

Советы по работе с лентой новостей

Создавая новость, помните, что раздел новостей служит только для кратких сообщений о ваших событиях. Развернутые освещения новостей, коммента

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

Подготовка изображений для публикации на страницах сайта На сайте Эврики существуют типы страниц, на которых можно разместить изображение.

Страницы с фиксированым размером изображения: Новости (85 х 64) Событие(150 х115)

Страницы с изображением, ширина которого ограничена свободным полем: Стандартная - с одним изображением. Стандартная - с двумя изображениями. Изображение.

Прежде чем помещать изображение на страницу, его необходимо оптимизировать.

Для подготовки изображений к размещению на WEB-страницах существует большое количество программ. Мы рассмотрим этот процесс на примере редактора Adobe Photoshop 6.0.

Это хорошее средство, с помощью которого, минимальными средствами можно добиться желаемого результата. (Более полно с редактором можно познакомиться, используя разные источники. Приемов получения качественных изображений в редакторе много, мы постарались выбрать самые простые).

Все функции редактора представлены в системе меню и палитр.

Подготовка изображений фиксированного размера.

Подготовка изображения для новостей

Изображение в колонке новостей имеет фиксированный размер 85х64 пикселов. При неправильной обработке очень часто искажаются пропорции изображения.

Для обработки изображений в раздел новостей выполните следующие операции: Загрузите программу. Выполните команду меню Файл - Открыть, для открытия файла изображения. Выполните команду меню Изображение - Размер изображения, в диало

говом окне поставьте флажок - Сохранять пропорции, установите ширину 85 пикселей. При этом автоматически корректируется значение высоты изображения. Если значение высоты - 64 пикселя, значит, пропорции соблюдены (разницу не более чем в 1 пиксель можно скорректировать), щелкните на кнопке ОК. Если размер высоты не соответствует необходимому, то необходимо ме

нять размер исходного изображения.

Для этого:

закройте диалоговое окно, нажав на кнопку «Отмена», выберите в палитре инструмент Прямоугольная область. С помощью этого инструмента можно выделить область для применения.

выделите, удержанием левой кнопки мыши, прямоугольную область. в выделенной области щелкните правой кнопкой мыши, в появившемся диалоговом окне выберите команду Преобразовать выделение. На экране появится строка изменения свойств выделения. В окне пункта ширина (W) щелкните правой кнопкой мыши, в выпадающем списке выберите значение pixels и установите размер 85. в окне пункта высота (H) щелкните правой кнопкой мыши, в выпадающем списке выберите значение pixels и установите размер 64. Размер выделенной области изменится до размеров 84х64. если область маленькая, подведите курсор к углу выделения и удерживая левую кнопку мыши и клавишу Shift, растяните выделение до необходимой величины. Передвигая выделенную область (удерживая левую кнопку мыши внутри выделенной области, не задевая отмеченных углов), выберите ту часть изображения, которую Вы хотите оставить. выберите в палитре инструмент Прямоугольная область. В появившемся сообщении щелкните на кнопке - Применить. выполните команду меню Файл - Изображение - Кадрировать. На экране останется только выделенная часть изображения необходимой пропорции. Качество изображения можно улучшить с помощью настройки параметров

контраста и уровней.

Для этого:

выполните команду меню Изображение - Установка - Автоконтраст. выполните команду меню Изображение - Установка - Автоуровни

Для большинства изображений, автоматический вариант этих функций дает правильный результат. Если действовать вручную, необходимо: выполните команду меню Изображение - Установка - Яркость/Контраст. В диалоговом окне установите флажок предпросмотра и передвигайте треугольник яркости и контраста. Изображение будет меняться, и вы увидите, насколько хорошо получается коррекция. Добившись необходимого результата, щелкните на кнопке ОК. выполните команду меню Изображение - Установка - Цветовой баланс.

В диалоговом окне передвигайте треугольники в сторону того или иного цвета. Цвет будет меняться. Добившись необходимого результата, щелкните на кнопке ОК. Сохранение изображений в файле.

Для этого:

выполните команду меню Файл - Сохранить для Web. Откроется диалоговое окно.

выберите поле Image Size и, поставив флажок на Constrain Proportions, установите вручную размеры : Width (ширина) - 85, Height (высота) - 64 установиться автоматически. сделайте выбор в поле Setting (формат сохранения) Для фотографий лучше подходит формат jpeg. установите качество конечного изображения из предложенных: Low (низкое), Medium (среднее), High (высокое), Maximum (наилучшее). Обычно среднего качества вполне достаточно. Следует помнить, что большие файлы дольше читаются, а скорость появления картинки на

экране для пользователей Интернет является важным фактором. Поэтому необходимо найти компромисс между небольшим размером файла и качеством полученного изображения. щелкните на кнопке ОК.

в диалоговом окне Save Optimised As наберите имя файла латинскими буквами

щелкните на кнопке - Сохранить.

закройте изображение в редакторе, не сохраняя изменения. Изображение готово для размещения на стандартной странице новостей.

Формат gif лучше использовать для изображений, на которых имеются большие пространства одного цвета. В этом формате можно сохранять логотипы, чертежи, диаграммы, простые рисунки. Эти файлы нельзя использовать на странице для типового «блока с изображением», где текст обтекает картинку.

<< | >>
Источник: Адамский А.М. Информационные технологии в российском образовании. 2003

Еще по теме КОНСТРУКТОР WEB-СТРАНИЦ:

  1. 3.1. Стандартные средства проектирования на основе WEB-технологий
  2. Часть 6. АВТОБИОГРАФИЧЕСКИЕ СТРАНИЦЫ
  3. Последняя страница
  4. Реконструкция просмотра веб-страниц
  5. ПОДГОТОВКА ИЗОБРАЖЕНИЙ ДЛЯ СТАНДАРТНЫХ СТРАНИЦ
  6. Страницы биографии
  7. Начальные страницы биографий
  8. Страницы жизни героя, 1935. Ревность и ложь
  9. Страницы жизни героя, 1920. Братьямасоны
  10. Страницы жизни героя, 1940. Шпионы и мафиози
  11. Страницы жизни героя, 1917. Лучше бы он остался библиотекарем
  12. Страницы жизни героя, 1928. Союз до гробовой доски
  13. Страницы жизни героя, 1952. Тонкая, однако, работа
  14. Страницы жизни героя, 1961. Хвост виляет собакой
  15. Глава XIII. НЕИЗВЕСТНАЯ СТРАНИЦА ПОСЛЕДНИХ МЕСЯЦЕВ ЖИЗНИ ГЕГЕЛЯ —
  16. Страницы жизни героя, 1942. Звериные клетки и электрический стул
  17. Страницы жизни героя, 1956. Бюро подготовки общественных беспорядков
  18. Страницы жизни героя, 19652003. Все тайное вырождается
  19. Страницы жизни героя, 1895. Самая знаменитая сточная яма США