Чтобы отключить РЕКЛАМУ,нажмите НЕ крестик на "ОТКЛЮЧИТЬ РЕКЛАМУ",
а малюсенькую кнопочку CLOSE (ЗАКРЫТЬ).Так учит uCoz.

Яндекс.Метрика
Вернуться

Пример 1: "Случайные картинки"

Я уже упоминал о том, что начал создавать свой сайт, ознакомившись со страничкой Валеры из Мурманска. Мне приходилось позже видеть другие "самоучители игры на балалайке" (рекомендации по созданию личных страниц в инете). Можно спорить о достоинствах и недостатках этих самоучителей до хрипоты в горле (до залипания клавиш клавиатуры), но начинать изучать новую для Вас область человеческих знаний всегда приходится с каких-то конкретных книги, брошюры, диска. Я также не претендую на новизну того, что собираюсь преподнести в последующих коротких главах этого раздела. Попытаюсь дать частные рекомендации по созданию личных страниц на основе конкретных примеров.
Во-первых, я не могу "танцевать от печки", то есть объяснять основные понятия Windows, такие, как рабочий стол, ярлык, папка. Могу рекомендовать либо выяснить эти термины у друзей, либо купить книгу, например, серии "Шаг за шагом"(Step by step).
Во-вторых, если Вы решили попробовать свои силы в программировании сайта, понадобится редактор текста "C:\Program Files\Accessories\WORDPAD.EXE". Ярлык этой программы для удобства лучше вытащить на рабочий стол.
В-третьих, для того, чтобы изменять текст файла и тут же видеть, как выглядят изменения при загрузке файла в браузер (я могу говорить только об Internet Explorer), требуется, чтобы одновременно были открыты WordPad и IE. Ниже на примере поясню.
Прежде, чем начать излагать первый пример, еще одно "лирицкое" отступление. Здесь последовательно будут описаны четыре примера: 1)выдача "картинок" на экран случайным образом; 2)бегущая строка; 3) электронные часы; 4)объединение в одну программу предыдущих трех примеров. Образцы программ не являются писком моды, а некоторые даже считают бегущую строку на сайте дурным тоном. Возможно, критики разобьют мои примеры в пух и прах. Но я и не ставлю пред собой задачу явить миру некий эталон. Я пытаюсь только показать, КАК выглядит программный код, и что в результате видно на экране при просмотре страницы.
Итак, 1)выдача "картинок" на экран случайным образом;. Для чего это нужно? Для некоторого оживляжа на страничке. То есть, если я загружаю картинку на свой сайт, каждый посетитель видит одно и то же. А если воспользоваться датчиком случайных чисел, то при заходе на сайт очередного посетителя картинка будет грузиться случайным образом. То есть, один, войдя на сайт, увидит одного кота, а другой - другого.
Вот текст примера 1:


<html>
<head>
<TITLE>ПРИМЕР 1: СЛУЧАЙНЫЕ КАРТИНКИ</TITLE>
</head>
<script language = "JavaScript">
<!--
function goRand() {
var num = 3;	//количество картинок
myImages = new Array();
myImages[0] = "cat6.gif";
myImages[1] = "cat7.gif";
myImages[2] = "cat8.gif";
rand = Math.floor(Math.random() * num);
current_image = myImages [rand];
}
function goRand1() {
var num1 = 5;	//количество картинок
myImages1 = new Array();
myImages1[0] = "guby1.gif";
myImages1[1] = "guby2.gif";
myImages1[2] = "comput2.gif";
myImages1[3] = "comput3.gif";
myImages1[4] = "comput5.gif";
rand1 = Math.floor(Math.random() * num1);
current_image1 = myImages1 [rand1];
}
//-->
</script>
<body>
<script>
goRand();
document.write("<img src=\""+current_image+"\">");
goRand1()
document.write("<img src=\""+current_image1+"\">");
</script>
</body>
</html>


Пояснения к тексту программы.Слова, заключенные в угловые скобки - это так называемые теги (специальные инструкции, без которых Ваша программа не заработает. Что означает каждый тег? Если Вы хотите знать подробно, то читайте соответствующую литературу или почерпните информацию с какого-либо сайта, например, все с того же сайта Валеры из Мурманска. Можно строить свои программки, используя чужие, как детали детского конструктора или кубики. Но для этого нужно представлять, что значит тот или иной кубик, та или иная деталь. О примере 1. В функции goRand (function goRand) задается количество картинок, которые случайным образом должны выдаваться на экран. Это cat6.gif, cat7.gif, cat8.gif. Имена картинок записаны в массив myImages (элементы массива 0, 1, 2). В переменную rand заносится случайное число (с помощью стандартных функций Math.random и Math.floor) от 0 до 2. В переменную current_image заносится имя картинки, которую будет выводить программа на экран. Ниже в тексте goRand() и следующий за ним document.write выводят картинку на экран. То же относится и к goRand1, myImages1, current_image1, goRand1(), только в этом случае картинок 5, и эти картинки - guby1.gif, guby2.gif, comput2.gif, comput3.gif, comput5.gif.
Прежде, чем загружать свою страничку на сайт, например НАРОД.РУ, нужно посмотреть как она выглядит. Проверим это на примере 1. С помощью мыши выделите текст программы, скопируйте (смотрите "О пользе грызунов"), запустите WordPad, вставьте тест. Сохраните файл как текстовый с расширением HTML(запомните папку, в которой Вы его сохранили). Не закрывая WordPad, запустите на выполнение Internet Explorer. Через пункт меню Файл(File), Открыть(Open) через Обзор... найдите нужную папку и файл, в который вы сохранили страничку. Откройте страничку. Вы не увидите картинок, если их нет в папке, где сохранили HTML - файл. Поместите в эту папку какие-либо свои картинки вместо cat6.gif, cat7.gif, cat8.gif, guby1.gif, guby2.gif, comput2.gif, comput3.gif, comput5.gif. Соответственно, в WordPad, в тексте HTML-файла замените имена картинок на реально существующие. Можете поиграться, поменять количество выдаваемых случайным образом картинок, не забывайте только менять значение переменной num и добавлять элементы массива, а в Explorer нажимайте Обновить.
А вот как выглядит пример 1 на экране(нажмите!). Теперь несколько раз понажимайте в Explorere Обновить и посмотрите, что получится.
В Explorer есть возможность "подсматривать" HTML-коды страниц(по крайней мере, могу ручаться за 6-й Exlorer). Находясь на страничке, которую Вы просматриваете в IE, нажмите правую кнопку мыши и в выпадающем меню выберите "Просмотр HTML-кода". Если Вы научитесь понимать запись HTML, то сможете, копируя часть кода чужой страницы, строить свои страницы как бы из кубиков (или из конструктора "Лего", если хотите). Но программирование дается далеко не всем. Если у Вас что-то не получается, наберитесь терпения, в противном случае - научитесь использовать свой компьютер, как хороший пользователь("боекомлект" для молодого бойца-WinWord и Excel). Желаю Вам успехов. Пока это все.
Вернуться