Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Посб_По конструктору образовательных сайтов_00-...doc
Скачиваний:
1
Добавлен:
01.03.2025
Размер:
1.16 Mб
Скачать

Внеси в конструктор что-то свое!

Автор: Анатольев Алексей Владимирович

учитель информатики ГОУ Школа №215

Москва 2005

Последнее обновление: 08.02.2006

Данное пособие было скачено с сайта http://edu.of.ru/School215 по адресу: http://edu.of.ru/attach.asp?a_no=4404 и все обновления будут выкладываться именно на этот адрес.

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

Для работы с большинством разделов пособия нужна программа для подбора кода цвета, одну из таких программ можно скачать бесплатно с нашего сайта по адресу:

http://edu.of.ru/attach.asp?a_no=4403 – описание работы программы можно прочитать в первом разделе пособия.

Терминология используемая в пособии

  • Скрипт – программа, работающая на сайтах;

  • Контент – наполнение (содержание) сайта / страницы сайта.

  • Гиперссылка (ссылка) – текст или рисунок, при щелчке на который происходит переход на другую страницу (документ).

Оглавление:

1) Программа по подбору кода цвета HTML Colors 2000 2

2) Добавление меняющих цвет, гиперссылок при наведении курсора мыши. 3

3) Добавление рисунков в виде кнопок в левый ряд вместо ссылок 4

4) Добавление автоматически создаваемого заголовка в любое место конструктора. 6

5) Добавление цветных таблиц из Word. 7

6) Добавление цветной линии прокрутки на сайт. 8

7) Автоматически выпадающее меню 9

8) Выделение гиперссылок директории левого меню 11

  1. Программа по подбору кода цвета html Colors 2000

  • Загрузить программу, с нашего сайта: http://edu.of.ru/attach.asp?a_no=4403

  • Программа не требует инсталляции и поэтому ее можно сразу открыть.

  • В результате появится следующее окно:

В котором можно выполнять следующие операции по подбору кода цвета:

  • Выполнить команду «Screen» и выбрать цвет который в данный момент виден на экране;

  • Выполнить команду «More» и выбрать цвет из всей представленной палитры;

  • Скопировать код цвета в «Буфер обмена» при помощи команды: «Copy»;

  • Выбрать цвет по его имени;

  • Впечатать шестнадцатеричный код и увидеть появившийся цвет;

  • При помощи ползунков слева, подобрать любой оттенок цвета;

  • Впечатать десятичный код своего цвета.

  1. Добавление меняющих цвет, гиперссылок при наведении курсора мыши.

Для добавления на весь сайт конструктора меняющих цвет ссылок достаточно выполнить следующие действия:

  • Зайти в «Свойства» главной страницы сайта;

  • Скопировать представленный ниже код (скрипт);

  • В ставить скопированный код в раздел «Копирайты»;

  • Подобрать нужный код цвета для оформления;

  • В ставить код понравившегося цвета вместо предыдущего кода: #000000

  • Нажать кнопку «Применить» или «ОК».

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

<!-- ЦВЕТ ССЫЛОК -->

<script LANGUAGE="JScript">

<!--

ua=navigator.userAgent;

v=navigator.appVersion.substring(0,1);

if ((ua.lastIndexOf("MSIE")!=-1) && (v='4')) {

document.onmouseover= highlight;

document.onmouseout= unhighlight;

}

function highlight() {

src = event.toElement;

if (src.tagName == "A") {

src.oldcol = src.style.color;

src.style.color = "#000000";

} }

function unhighlight() {

src=event.fromElement;

if (src.tagName == "A") {

src.style.color = src.oldcol;

}}

-->

</script>

<!-- КОНЕЦ ЦВЕТ ССЫЛОК -->

Программу по подбору кода цвета, можно скачать с нашего сайта по адресу:

http://edu.of.ru/attach.asp?a_no=4403