
- •Внеси в конструктор что-то свое!
- •Терминология используемая в пособии
- •Оглавление:
- •Программа по подбору кода цвета html Colors 2000
- •Добавление меняющих цвет, гиперссылок при наведении курсора мыши.
- •Добавление рисунков в виде кнопок в левый ряд вместо ссылок
- •Добавление автоматически создаваемого заголовка в любое место конструктора.
- •Добавление цветной линии прокрутки на сайт.
- •Автоматически выпадающее меню
- •Выделение гиперссылок директории левого меню
Внеси в конструктор что-то свое!
Автор: Анатольев Алексей Владимирович
учитель информатики ГОУ Школа №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
Программа по подбору кода цвета html Colors 2000
Загрузить программу, с нашего сайта: http://edu.of.ru/attach.asp?a_no=4403
Программа не требует инсталляции и поэтому ее можно сразу открыть.
В результате появится следующее окно:
В котором можно выполнять следующие операции по подбору кода цвета:
Выполнить команду «Screen» и выбрать цвет который в данный момент виден на экране;
Выполнить команду «More» и выбрать цвет из всей представленной палитры;
Скопировать код цвета в «Буфер обмена» при помощи команды: «Copy»;
Выбрать цвет по его имени;
Впечатать шестнадцатеричный код и увидеть появившийся цвет;
При помощи ползунков слева, подобрать любой оттенок цвета;
Впечатать десятичный код своего цвета.
Добавление меняющих цвет, гиперссылок при наведении курсора мыши.
Для добавления на весь сайт конструктора меняющих цвет ссылок достаточно выполнить следующие действия:
Зайти в «Свойства» главной страницы сайта;
Скопировать представленный ниже код (скрипт);
В
ставить скопированный код в раздел «Копирайты»;
Подобрать нужный код цвета для оформления;
В
ставить код понравившегося цвета вместо предыдущего кода: #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