Браузеры
Текстовые документы, содержащие код на языке HTML (такие документы традиционно имеют расширение «html» или «htm»), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые браузерами или интернет-обозревателями, обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Firefox, Safari, Google Chrome и Opera.
Структура
HTML — это теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font). Атрибуты указываются в открывающем теге. Вот примеры фрагментов HTML-документа:
<strong>Текст между двумя тегами — открывающим и закрывающим.</strong>
<a href="http://benzer.me">Здесь элемент содержит атрибут href.</a>
3. Реализация.
Делать эту игру не так уж и сложно, как это кажется. А сейчас я подробно опишу весь этот процесс.
Для начала, файл index.html (первый файл, приветствие):
В этом файле я использовал только основные теги языка HTML:
<b> [Жирный шрифт]
<font color> [Цвет шрифта]
<br> [Перенос на другую строку]
<a href=”URL”> [Ссылка]
<img src=”URL”> [Изображение]
Вот и всё. Файл index.html состоит только из этих тегов. Ну и немножко текста.
Следующий файл – main.html
Здесь я использовал только фреймы. А если точнее, то разделение экрана на 3 части:
Фрейм с вопросом
Фрейм с вариантами ответов
Фрейм с количеством выигранных денег
На этом файл main.html заканчивается, переходим дальше…
Файл a/q/question.html
Использованы только некоторые теги HTML и простой текст:
<strong> [жирный шрифт]
<body bgcolor> [цвет заднего плана]
<font color> [цвет шрифта]
<div align=”center”> [выравнивание текста по центру]
Всё ;)
Файл a/answer.html
Сначала я написал функцию (назвал её a1), которая срабатывает при правильном ответе.
Работает она очень просто: при нажатии на кнопку, к которой привязана данная функция, во всех фреймах открывается следующий по списку файл* (во фрейме question – открывается новый файл с вопросом; во фрейме answer – открывается новый файл с вариантами ответов; во фрейме money – количество выигранных денег)
Окна во фреймах открываются с помощью window.open, у которого есть атрибуты «’Что’, ‘куда’».
Пример: window.open('q/q2.html','question') – эта строчка открывает файл q/q2.html во фрейме question.
После этого я написан функцию (aa1), которая срабатывает при неправильном ответе.
Работает она аналогично предыдущей функции.
Теперь переходим к созданию кнопок для вариантов ответа.
Кнопки созданы с помощью формы. Когда я создаю кнопку, я прописываю у неё значения: имя, надпись на кнопке, и что будет происходить по нажатии на кнопку (какая функция будет выполняться). Пример:
<input type="button" name="myButton" value="Linux & Windows" onClick="a1()">
Для кнопок с правильными ответами я присваиваю функцию a1, а для неправильных ответов функцию aa1.
Вот, собственно, и всё про реализацию. Всё очень просто.