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

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

учитель информатики ГОУ Школа №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»;

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

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

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

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

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

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

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

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

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

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

• В ставить код понравившегося цвета вместо предыдущего кода: #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