Войти
LibCat » Книги » Компьютеры и интернет » Программирование » Александр Чиртик - HTML - Популярный самоучитель

Александр Чиртик - HTML - Популярный самоучитель

Здесь есть возможность читать онлайн «Александр Чиртик - HTML - Популярный самоучитель» — ознакомительный отрывок электронной книги совершенно бесплатно, а после прочтения отрывка купить полную версию. В некоторых случаях можно слушать аудио, скачать через торрент в формате fb2 и присутствует краткое содержание. Город: Санкт-Петербург, Год выпуска: 2008, ISBN: 2008, Издательство: Array Array, Жанр: Программирование, на русском языке. Описание произведения, (предисловие) а так же отзывы посетителей доступны на портале библиотеки ЛибКат.

Александр Чиртик HTML: Популярный самоучитель обложка книги
Читать книгу

HTML: Популярный самоучитель: краткое содержание, описание и аннотация

Предлагаем к чтению аннотацию, описание, краткое содержание или предисловие (зависит от того, что написал сам автор книги «HTML: Популярный самоучитель»). Если вы не нашли необходимую информацию о книге — напишите в комментариях, мы постараемся отыскать её.

В книге кратко и просто описывается язык HTML. Прочитав ее, вы научитесь создавать собственные веб-страницы, причем не только простые, но и содержащие таблицы, видео и звук. Более гибко оформить веб-страницы вам поможет рассмотренная в книге технология CSS. А при желании вы сможете сделать веб-страницы динамичными с помощью сценариев JavaScript: описание этого языка вместе с кратким описанием DOM (объектной модели документа) также приведено в этой книге. В последних главах рассматривается пример создания небольшого сайта с использованием всех рассмотренных в книге технологий, а также освещаются основные вопросы публикации сайта в сети Интернет.
Приведенные в книге коды можно найти на сайте
.

HTML: Популярный самоучитель — читать онлайн ознакомительный отрывок

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

Тёмная тема
↓
↑
Сбросить

Интервал:

↓
↑

Закладка:

Сделать
1 ...64 65 66 67
69 70 71

index1.style.display = «none»;

index2.style.display = "none";

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

Реализация меню

Итак, с меню связаны два сценария. Первый находится в файле create_menu.js и записывает в HTML‑документ строки, создающие таблицы – раскрывающиеся меню и таблицу строки меню. Рассмотрим содержимое этого файла (пример 14.2).

Пример 14.2. Содержимое файла create_menu.js

/*

Сценарий в этом файле вставляет в документ определение пунктов меню,

а также определение строки главного меню (выполняется при загрузке)

*/

//Определение меню "Информация"

document.write("

");

document.write("

");

document.write("

");

document.write("

");

document.write("

История");

document.write("");

document.write("
Пищевая ценность яблок");

document.write("");

document.write("
Сбор и хранение яблок");

document.write("");

document.write("");

//Определение меню «Сорта яблок»

document.write("

");

document.write("

");

document.write("

");

document.write("

");

document.write("

");

document.write("

Летние");

document.write("");

document.write("
Осенние");

document.write("");

document.write("
Зимние");

document.write("");

document.write("
Позднезимние");

document.write("");

document.write("");

//Определение меню «Рецепты»

document.write("

");

document.write("

");

document.write("

");

document.write("

");

document.write("

");

document.write("

Салаты с яблоками");

document.write("");

document.write("
Супы с яблоками");

document.write("");

document.write("
Мясные блюда с яблоками");

document.write("");

document.write("
Рыбные блюда с яблоками");

document.write("");

document.write("");

//Определение строки меню

document.write("

");

document.write("");

document.write("");

document.write("");

document.write("");

document.write("");

document.write("");

document.write("

");

document.write("

");

document.write("Главная");

document.write("");

document.write("

 ");

document.write("");

document.write("Информация");

document.write("");

document.write("

 ");

document.write("");

document.write("Сорта яблок");

document.write("");

document.write("

 ");

document.write("");

document.write("Рецепты");

document.write("");

document.write("

 ");

document.write("

 ");

document.write(" О проекте");

document.write("");

document.write("");

document.write("");

Приведенный пример является самым объемным в этой книге, однако его суть довольно проста. Вначале в документ записывается HTML‑код создания трех таблиц, соответствующих раскрывающимся меню (идентификаторы таблиц: general, types, recepts). Четвертая таблица, добавляемая в документ сценарием, является строкой меню. Начнем рассмотрение именно с нее.

Для начала перепишем HTML‑код, описывающий строку меню, в более наглядной форме (то есть рассмотрим создаваемую сценарием таблицу) (пример 14.3).

Пример 14.3. Таблица строки меню

Главная

Информация

Сорта яблок

Рецепты

О проекте

Как можно увидеть, строка меню во многом аналогична той, что была создана в предыдущей главе. Исключением является использование гиперссылок вместо обработки событий onClick для пунктов Главная и О проекте. Конечно, можно было бы осуществлять переход к страницам для этих пунктов при обработке события onClick с использованием объекта location, но зачем? Ведь для простого перехода к другой странице проще использовать стандартную обработку выбора пользователем гиперссылки. Да и к тому же не нужно заботиться о форме указателя, когда он находится над текстом пункта меню.

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

Подсветка выделенных пунктов меню осуществляется за счет назначения ячейкам таблицы соответствующего стилевого класса при обработке событий onMouseOver (ячейка выделяется, включается подсветка) и onMouseOut (подсветка убирается).

При выборе одного из пунктов Информация, Сорта, Рецепты обработчиком события onClick вызывается функция show_menu(), показывающая меню возле выбранного пункта. Эта функция вместе с функцией hide_menu() находится в файле popup_menu.js. Они приводятся в примере 14.4.

Пример 14.4. Сценарий, показывающий и скрывающий всплывающее меню

var lastMenu = null; //Прошлое показанное меню

//Функция показывает меню function show_menu(menu, main_menu, item){

if (menu.className == "menu"){

//Закрываем открытое меню hide_menu();

return;

}

//Скрываем прошлое меню hide_menu();

//Определяем положение меню menu.className = "menu";
Читать дальше
1 ...64 65 66 67
69 70 71
Тёмная тема
↓
↑
Сбросить

Интервал:

↓
↑

Закладка:

Сделать

Похожие книги на «HTML: Популярный самоучитель»

Представляем Вашему вниманию похожие книги на «HTML: Популярный самоучитель» списком для выбора. Мы отобрали схожую по названию и смыслу литературу в надежде предоставить читателям больше вариантов отыскать новые, интересные, ещё непрочитанные произведения.


Александр Деревицкий - Охота на покупателя. Самоучитель менеджера по продажам
Александр Деревицкий
Охота на покупателя. Самоучитель менеджера по продажам
Татьяна Соколова - AutoCAD 2008 для студента - популярный самоучитель
Татьяна Соколова
AutoCAD 2008 для студента: популярный самоучитель
Александр Казакевич - Самоучитель мудрости, или Учебник для тех, кто любит учиться, но не любит, когда его учат
Александр Казакевич
Самоучитель мудрости, или Учебник для тех, кто любит учиться, но не любит, когда его учат
Александр Холодов - Правовая грамотность. Самоучитель для водителей
Александр Холодов
Правовая грамотность. Самоучитель для водителей
Геннадий Кондратьев - Популярный самоучитель работы в Интернете
Геннадий Кондратьев
Популярный самоучитель работы в Интернете
И. Краинский - Word 2007. Популярный самоучитель
И. Краинский
Word 2007. Популярный самоучитель
Геннадий Кондратьев - Железо ПК. Популярный самоучитель
Геннадий Кондратьев
Железо ПК. Популярный самоучитель
И. Краинский - 200 лучших программ для Интернета. Популярный самоучитель
И. Краинский
200 лучших программ для Интернета. Популярный самоучитель
Владимир Пташинский - 33 лучшие программы для ноутбука. Популярный самоучитель
Владимир Пташинский
33 лучшие программы для ноутбука. Популярный самоучитель
Александр Чиртик - Программирование в Delphi. Трюки и эффекты
Александр Чиртик
Программирование в Delphi. Трюки и эффекты
Александр Чиртик - Pinnacle Studio 11
Александр Чиртик
Pinnacle Studio 11
Мария Рыжкова - Цифровое фото. Популярный самоучитель
Мария Рыжкова
Цифровое фото. Популярный самоучитель
Отзывы о книге «HTML: Популярный самоучитель»

Обсуждение, отзывы о книге «HTML: Популярный самоучитель» и просто собственные мнения читателей. Оставьте ваши комментарии, напишите, что Вы думаете о произведении, его смысле или главных героях. Укажите что конкретно понравилось, а что нет, и почему Вы так считаете.

x