Создать многомерный массив в каждом элементе, которого будут храниться четыре переменные
1. Описание картинки
2. Подпись к картинке
3. Путь к картинке
4. Ключевые слова к картинке.
Создать 6ть элементов такого массива Вывести с помощью абсолютного позиционирования в два ряда. Размеры и позиции задавать через стили top left width height. Картинку позиционировать по центру imageholder это держатель картинки. Снизу выводить описание и ключевые слова.
Для этого:
1. Создадм в папке php папку images и добавим в нее картинки. Например эти:
2. Создадим многомерный массив frukt:
$frukt=array
(
array (“описание картинки”,” описание картинки ”,” описание картинки ”),
array (“название картинки”,” название картинки”,” название картинки”),
array (“images/kartinka.png”,” images/kartinka.png ”,” images/kartinka.png ”), // папка с изображениями/название картинки
);
3. Выведем элементы массива на экран:
echo "<img src='".$frukt[2][0]."'>";
echo "<br />"; // первый элемент третьего массива по схеме $массив[номер массива][номер элемента]
echo "<p> ".$frukt[0][0]."</p>";
echo "<br />";
echo "<p >".$frukt[1][0]."</p>";
4. Проделаем тоже самое с остальными элементами массива и зададим стиль: размеры и позиции.
Сайт (веб-сайт англ. website, от web — паутина, «веб» и site — «место») — это место во всемирной сети (интернете), которое имеет свой адрес, собственного хозяина и состоит из отдельных веб-страниц, которые мы видим как одно целое.
Глобальная сеть состоит из всех сайтов, доступных для общего пользования. Все странички каждого сайта объединяются одним корневым адресом — доменом (то, что мы набираем в адресной строке браузера), тематикой, системой и дизайном. Каждая страница веб-сайта это текстовый документ, который написан на языке программирования (HTML, XHTML, JAVA или другие). Эти текстовые файлы загружаются на ваш компьютер, обрабатываются браузером и отображаются на мониторе компьютера в виде страницы сайта. Язык программирования позволяет редактировать текст странички, добавлять ссылки, вставлять картинки, звуковые и видео файлы. Страницы сайтов могут быть как простыми наборами информации — тексты и картинки, так и сложными, с огромным количеством функций, которые управляются различными программами.
В разработке сайтов принимает участие большое количество людей — программисты, веб-дизайнеры и другие. Вначале веб-дизайнер создаёт дизайн будущего сайта, учитываются пожелания заказчика, цель сайта и его предполагаемая аудитория. Подбираются подходящие шрифты, картинки, расположение объектов. После наступает очередь работы верстальщика. Он работает с готовым дизайном, оптимизируя его под различные брузеры. Далее следует программирование. Программист создает структуру сайта с нуля, это делается с помощью языка программирования. Когда сайт готов, его нужно наполнить информацией. Также существуют различные люди, которые раскручивают, оптимизируют сайт, размещают его в интернет-каталогах, распространяют рекламу вашего сайта. В наше время сайт может являться визитной карточкой предприятия, фирмы, вашим портфолио. Также существуют Интернет-магазины, файлообменники, социальные сети(такие как vkontakte.ru, odnoklassniki.ru), онлайн-сервисы. С помощью сайта можно распространять информацию, быстро её корректировать, таким образом люди, посетившие ваш сайт будут обладать самыми последними данными. При помощи сайта вы имеете возможность донести огромное количество информации до людей. Никакой другой массмедиа не способен дать такого ошеломляющего эффекта.
Что такое хостинг и домен?
Каждый хотя бы немного знакомый с Интернетом человек слышал о таком понятии, как «хостинг сайтов», но далеко не каждый даже приблизительно знает, что это такое. Или, в чем отличия хостинга от домена.
Хостинг – это услуга по предоставлению дома для сайта. Это можно понять и чисто логически, ведь заходя на какой-нибудь сайт вы, как правило, видите там текстовые страницы, изображения, аудио или видеоинформацию – всё это файлы, особым образом представляемые вам в виде веб-страничек. А раз это файлы, значит — они имеют определённый объём и им нужно место для хранения. Само название произошло от английского «host» — основное устройство, главный сервер, узел (есть и альтернативное значение – держатель постоялого двора, именно оно даёт законное основание на сравнение с домом для сайта), а услуга по предоставлению места на «главном сервере» для сайтов назвали (по законам английской грамматики) «Hosting» или в русском варианте написания – хостингом.
Домен (доменное имя) — это адрес ресурса, который будут вводить пользователи при обращении к сайту. Адрес домена состоит из двух частей: доменов первого и второго уровня. По международному соглашению, каждой стране выделили доменное имя первого уровня, обозначающее принадлежность сайта к определённому государству: .kz, .ru, .by, .uk, .ua, .fr и т.д. Также существует несколько доменов первого порядка связанных с направлением деятельности сайта: .gov — государственные, .com — коммерческие, .edu — образовательные и прочие. Домен второго уровня представляет собой название сайта. Купить домен можно в уполномоченной организации, регистраторе доменов.
HTTP – это протокол передачи гипертекста. Он указывает программе, как следует принимать и передавать файлы. Есть разные протоколы: HTTPS –тот же, только более защищенный, POP3 и SMTP – почтовые протоколы, используются для отправки писем, FTP – протокол передачи файлов, при помощи его передаются файлы и т.д.
WWW — World Wide Web, переводится на русский язык как «Всемирная Паутина». Это специальная служба для работы в сети. На сегодня, указывать имя сайта можно и без WWW. Программа автоматически будет пользоваться этой службой.
Youtube – это доменное имя сайта – идет перед точкой после WWW. Оно может быть любым, каким вы его себе закажите.
COM – это доменная зона сайта, указывается она после точки в названии сайта. На сегодняшний день существует несколько десятков доменных зон!
Зона COM, и любая другая зона, является доменом первого уровня.
А вот metrika.yandex.ru – metrika является доменом третьего уровня или субдоменом.
Мало кто знает, но в начале своего существования, сайты в интернете не имели привычных нам имён, типа yandex.ru, google.com и так далее. Первоначально компьютеры в составе сети интернет имели лишь IP-адреса (четырёх разрядные группы чисел, типа 192.168.1.1). Однако, чем больше было компьютеров, тем сложнее становилось ориентироваться обычным людям в подобных цифровых обозначениях. И вот тогда пришла гениальная идея придумать систему доменных имён, которая бы упростила обращение к сайтам в глобальной сети. Теперь, для того, чтобы посетить сайт 172.217.22.14 вам можно набрать легко запоминающееся youtube.com
Что нужно учитывать при выборе имени домена
ЗАПОМИНАЕМОСТЬ.
НЕ ИСПОЛЬЗОВАТЬ БУКВЫ Ю(YU) Я(YA) Ж(ZH) У(U OO) Ш(SH)
НЕ БОЛЕЕ ДВУХ СЛОВ
ДЛИНА 5-12 СИМВОЛОВ
ИСПОЛЬЗОВАТЬ КЛЮЧЕВЫЕ СЛОВА
НЕ БОЛЕЕ ОДНОГО ДЕФИСА
УНИКАЛЬНОСТЬ ИМЕНИ (избегаем конкуренции)
Vk.com (Домен для раскрученного сайта)
Vkontakte.com (Хорошее имя домена)
V-kontakte.com (Допустимое имя домена) Yabloko-vkusnoye.com (Плохое имя)
Способы создания сайта
Существует несколько способов создания сайтов, популярные из которых:
Разработка с нуля (с помощью языков программирования)
CMS (Использование системы управления сайтом)
HTML5
Создание сайта с помощью языков программированияДля этого потребуются знания, в первую очередь язык гипертекстовой разметки HTML, а также CSS —каскадные таблицы стилей. С помощью HTML строится каркас будущего сайта, а через CSS настраивается его внешний вид.
Если же планируется динамический сайт, то потребуется проявить свои знания в использовании скриптового языка программирования PHP. Его еще иногда называют серверным языком, благодаря его способности тесно взаимодействовать с сервером. Ну и конечно же не повредит javascript, который внесет свою лепту в развитие сайта.
В данном способе разработки сайта потребуется лишь блокнот.
Использование системы управления сайтом
WordPress
Самый быстрый, а также широко используемый метод. На сегодняшний день широко используются такие системы («движки»), как WordPress, Joomla, Django, Drupal и прочие, которые идеально подойдут для сайтов либо блогов. Для форумов более подходящими станут: phpbb, ExBB, PunBB, SMF.
Использование движков (CMS) предоставляет доступ к множеству современных шаблонов и схем построения, а также значительно ускоряет и упрощает работу разработчика. Но для создания качестве нных и функциональных сайтов на базе CMS, потребуются базовые знания веб программирования. Будущий владелец сайта сам выбирает, какой из методов использовать.
Хороший сайт определяют следующие правила:
Разумное количество пунктов меню и ссылок.
Хороший баланс графики и текста
Простая навигация по сайту
Способность сайта продавать, получать новых клиентов или клики по рекламе.
Минимальное время загрузки.
Обновляемое содержание.
Присутствует возможность для пользователей взаимодействовать с сайтом.
Обратная связь от посетителей.
Для разработки сайтов потребуются следующие программы:
HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированныйязык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML(или XHTML).
Из названия становится понятным его предназначение — указывать браузеру, как разместить элементы на странице при ее отображении на экране монитора. Что такое html элемент? Да все, что мы размещаем: текст, рисунки, анимации и т.д. С помощью HTML мы можем указать браузеру, где именно их разместить; какой текст сделать большим и жирным, а какой — маленьким курсивом; где начать новую строку, а где сделать переход на другую страницу. И многое другое.
Любой HTML документ заключается между тегами <HTML> и </HTML>.
Значения тегов разметки документа
Теги разметки — специальные команды для расположения на экране текста, графики, видео и аудио фрагментов, а также команды, служащие для связи с другими HTML-документами и ресурсами Интернет.
Теги составляют основу html. Между < и > находится имя тега и его параметры (если они есть). В основном все теги парные, т.е. один открывающий <>, а другой — закрывающий . Такая пара тегов называется контейнером. А все, что находится между ними — содержимым контейнера. Действия тегов распространяются только на их содержимое. Бывают также теги одиночные, т.е. не требующие закрытия. Такие теги просто совершают определенное действие, например, перевод строки или вставку рисунка.
Основные теги разметки
<HEAD> и </HEAD>. Между этими тегами располагается информация о документе.
<TITLE> и </TITLE>. В этих тегах заключается название странички, которое будет выведено в рамке окна программы просмотра.
<BODY> и </BODY>. «Тело» документа (текст, графика и т.д.) располагается между этими двумя тегами.
HTML атрибуты сообщают браузеру, каким образом должен отображаться тот или иной элемент страницы. Атрибуты позволяют сделать более разнообразными внешний вид информации, добавляемой с помощью одинаковых тегов.
Значение атрибута заключается в кавычки » «. Названия и значения атрибутов не чувствительны к регистру, но, тем не менее, рекомендуется набирать их в нижнем регистре.
Заголовок документа — тег HEAD и его элементы
Заголовок документа содержит служебную информацию и не влияет на внешний вид документа. Его задачей является предоставление браузеру пользователя или серверу информации о том, как отобразить ваш документ.
Единственным обязательным элементом заголовка документа являются теги <title></title>. Они необходимы, чтобы дать документу название, оно отражается в заголовке окна браузера. Например, если написать следующий код:
В окне браузера он будет выглядеть так:
В разделе head всегда пишите: <title>Название вашей страницы</title>. Обратите внимание, что title выводится в строке заголовка окна браузера.
Этот title очень важен, поскольку используется поисковыми машинами (такими, как Google) для индексирования вашего web-сайта и показа в результатах поиска.
Мета теги <Meta>
Мета теги являются важными составляющими HTML страницы. Размещаются они внутри тега <HEAD> и необходимы для указания параметров HTML страницы которые не будут видны обычному пользователю, но многое расскажут о вашей страничке поисковым системам и интернет браузеру. Рассмотрим основные теги.
Атрибут charset
Метатег с атрибутом charset указывает браузеру кодировку нашего файла. Так как общепринятой для русскоязычных сайтов является utf-8 и именно ее мы используем для создания наших сайтов наш мета тег должен выглядеть следующим образом: <meta charset=”utf-8”>
Свойство атрибутаkeywords
<metaname=”keywords”content=”Ключевые слова, HTML и его элементы” >
Мета теги имеют атрибут name. В зависимости от его значения браузер и поисковые системы поразному будут обрабатывать его содержание.
Мета тег с именем keywords указывает основные ключевые слова, которые описывают нашу страницу.
ПРИМЕЧАНИЕ:
Ключевое слово — слово в тексте, способное в совокупности с другими ключевыми словами представлять текст. В вебе используется главным образом для поиска. Набор ключевых слов документа называют поисковым образом документа. Ключевые слова должны содержать запросы, по которым вы бы хотели, чтобы ваш документ нашли в поисковой системе.
Свойство атрибута description
Данный тег используется при создании краткого описания страницы, используется поисковыми системами для индексации, а также при создании аннотации в выдаче по запросу. При отсутствии тега поисковые системы выдают в аннотации первую строку документа или отрывок, содержащий ключевые слова. Отображается после ссылки при поиске страниц в поисковике.
<metaname=”description”content=”Основы HTML Kazakhstan Coding Academy”. 1 урок по HTML >
Свойства атрибута Author и Copyright
Эти теги, как правило, не используются одновременно. Функция тегов — идентификация автора или принадлежности документа. Тег Author содержит имя автора Интернет-страницы, в том случае, если сайт принадлежит какой-либо организации, целесообразнее использовать тег Copyright. Выглядит данный тег следующим образом:
<metaname=”author”content=”Джон Дое” >
Кроме этого, теги Author и Copyright могут содержать дополнительный атрибут «lang», позволяющий определить язык, использующийся при указании значения свойства
Теги заголовка h1 — h6 используются при создании HTML-страниц, причем, каждый из тегов указывают на сравнительную важность контента, расположенного после каждого из заголовков.
Тег h1 применяется для обозначения наиболее важных заголовков первого уровня, а применение тега h6, к примеру, указывает на заголовок шестого уровня, который является наименее значимым.
По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше.
Каждая страница должна содержать уникальный тег заголовка h1 с указанием основной темы, освещаемой на ней (целевой поисковый запрос), а также теги подзаголовков (подтем) статей, описывающих данную тему.
Результат:
Теги абзаца <p></p> и перевода строки <br>
Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки, абзацы текста идущие друг за другом разделяются между собой отбивкой. Величиной отбивки можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента.
Результат
Все что мы видим в блокноте не всегда также отображается в браузере. Например: В блокноте видно три абзаца, а в результате браузер отобразил один сплошной текст.
Поэтому необходимо указать браузеру, сделать метку, что это три абзаца, применив парный тег <p></p>
Тег <br> — одинарный тег, устанавливает перевод строки в том месте, где этот тег находится. В отличие от тега абзаца <p>, использование тега <br> не добавляет пустой отступ перед строкой.
Другой такой тэг — <hr> — рисует горизонтальную линию («hr» от «horizontal rule»): будет выглядеть в браузере:
Элемент <pre> определяет блок предварительно форматированного текста. Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. По умолчанию, любое количество пробелов идущих в коде подряд, на веб-странице показывается как один. Тег <pre> позволяет обойти эту особенность и отображать текст как требуется разработчику.
Тег <strong></strong>
Устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.
Тег <i></i> или <em></em>
Таким же образом, как вы делали текст жирным шрифтом с помощью тэга <strong>, вы можете придать ему характер курсива/italic тэгом <i>. И конечно, «i» это сокращение от «italic».
Парные теги <ul>, <ol> и <li>.
Эти тэги используются для вывода списков.
<ul> — сокращение от «unordered list/неупорядоченный список» — вставляет значок кнопки для каждого элемента списка. <ol> — сокращение от «ordered list/упорядоченный список» — нумерует каждый элемент списка. Для создания элемента списка используйте тэг<li> («list item/элемент списка»).
Самостоятельная работа.
Необходимые программы для выполнения задания: notepad++ и браузер Сhrome
В меню кодировки выбрать «Преобразовать в UTF-8 без BOM» (Это основная кодировка для страниц на Русском языке). Ее мы будем использовать всегда для создания страниц.
Наберите в документе основную структуру html документа:
ПРИМЕЧАНИЕ: Текст в теге <Title> должен содержать от 10-70 символов. Текст должен содержать наиболее важные ключевые слова, которые описывают тематику вашего сайта. ОБЯЗАТЕЛЬНО: Каждая страница сайта должна содержать уникальное описание. Придерживаясь наших рекомендаций, вы получите максимальное количество посетителей сайта.
Возвратить массив параметров. Параметры могут быть заданы с индексом при помощи оператора =>. См. раздел руководства array type для ознакомления с понятием массив.
Замечание: array() — это языковая конструкция для представления массивов, а не функция.
Синтакс «index => values», разделённые запятыми, определяет индексы и их значения. Индекс может быть строкой или целым числом. Если индекс опущен, будет автоматически сгенерирован числовой индекс, начиная с 0. Если индекс — число, следующим сгенерированным индексом будет число, равное максимальному числовому индексу + 1. Обратите внимание, что если определены два одинаковых индекса, последующий переназначит предыдущий.
Использование запятой после последнего определённого элемента массива, в отличие от обычного поведения, является приемлемым синтаксисом.
Последующие примеры демонстрируют создание двухмерного массива, определение ключей ассоциативных массивов и и способ генерации числовых индексов для обычных массивов, если нумерация начинается с произвольного числа.
Обратите внимание, что индекс ‘3’ определён дважды, и содержит последнее значение 13. Индекс 4 определён после индекса 8, и следующий сгенерированный индекс (значение 19) — 9, начиная с максимального индекса 8.
Этот пример создаёт массив, нумерация которого начинаяется с 1.
Пример 3. array(), нумерация которого начинаяется с 1
Цикл for самый сложный цикл в PHP. Он ведет себя так же как его аналог в языке C. Синтаксис цикла for следующий:
for (expr1; expr2; expr3)
statement
Первое выражение (expr1) всегда вычисляется (выполняется) только один раз в начале цикла.
В начале каждой итерации оценивается выражение expr2. Если оно принимает значение TRUE, то цикл продолжается, и вложенные операторы будут выполнены. Если оно принимает значение FALSE, выполнение цикла заканчивается.
В конце каждой итерации выражение expr3 вычисляется (выполняется ).
Каждое из выражений может быть пустым или содержать несколько выражений, разделенных запятыми. В expr2 все выражения, разделенные запятыми, вычисляются, но результат берется из последнего. Если выражение expr2 отсутствует, это означает, что цикл будет выполняться бесконечно. (PHP неявно воспринимает это значение как TRUE, также, как в языке C). Это может быть не столь бесполезно, сколь вы могли подумать, так как часто необходимо прервать цикл, используя условный оператор break вместо использования выражения в цикле for, которое принимает истинное значение.
Рассмотрим следующие примеры. Все из них отображают числа от 1 до 10:
<?php
/* пример 1 */
for ($i = 1; $i <= 10; $i++) {
echo $i;
}
/* пример 2 */
for ($i = 1; ; $i++) {
if ($i > 10) {
break;
}
echo $i;
}
/* пример 3 */
$i = 1;
for (; ; ) {
if ($i > 10) {
break;
}
echo $i;
$i++;
}
/* пример 4 */
for ($i = 1, $j = 0; $i <= 10; $j += $i, print $i, $i++);
?>
Конечно, первый пример кажется самым хорошим (или, возможно, четвертый), но вы можете обнаружить, что возможность использовать пустые выражения в циклах for может стать удобной во многих случаях.
PHP также поддерживает альтернативный синтаксис с двоеточием для циклов for.
for (expr1; expr2; expr3):
statement
…
endfor;
Перебор массивов как показано ниже — это обычное дело для многих пользователей.
<?php
/*
* Это массив с некоторыми данными, которые мы хотим изменить
* при работе цикла.
*/
$people = array(
array('name' => 'Kalle', 'salt' => 856412),
array('name' => 'Pierre', 'salt' => 215863)
);
for($i = 0; $i < count($people); ++$i) {
$people[$i]['salt'] = mt_rand(000000, 999999);
}
?>
Вышеприведенный код может работать медленно, так как размер массива вычисляется в каждой итерации. Поскольку размер не меняется, цикл может быть легко оптимизирован с помощью промежуточной переменной, в которую будет записан размер массива, вместо повторяющихся вызовов функции count():
while
(PHP 4, PHP 5)
Циклы while являются простейшим видом циклов в PHP. Они ведут себя так же, как и их коллеги из языка C. Простейшей формой цикла while является следующее выражение:
while (expr)
statement
Смысл выражения while очень прост. Оно указывает PHP выполнять вложенные выражения повторно до тех пор, пока выражение в самом while является TRUE. Значение выражения expr проверяется каждый раз перед началом цикла, поэтому даже если значение выражения изменится в процессе выполнения вложенных выражений в цикле, выполнение не прекратится до конца итерации (каждый раз, когда PHP выполняет выражения в цикле — это одна итерация). В том случае, если выражение while равно FALSE с самого начала, вложенные выражения ни разу не будут выполнены.
Также, как и с оператором if, вы можете группировать несколько выражений внутри одного цикла while, заключая эти выражения между фигурными скобками или используя альтернативный синтаксис:
while (expr):
statement
…
endwhile;
Следующие примеры идентичны, и оба выведут числа от 1 до 10:
<?php
/* пример 1 */
$i = 1;
while ($i <= 10) {
echo $i++; /* выводится будет значение переменной
$i перед её увеличением
(post-increment) */
}
/* пример 2 */
$i = 1;
while ($i <= 10):
echo $i;
$i++;
endwhile;
?>
Задание,
Создать многомерный массив в каждом элементе, которого будут храниться четыре переменные 1. Описание картинки 2. Подпись к картинке 3. Путь к картинке 4. Ключевые слова к картинке. Создать 6ть элементов такого массива Вывести с помощью абсолютного позиционирования в два ряда. Размеры и позиции задавать через стили top left width height. Картинку позиционировать по центру imageholder это держатель картинки. Снизу выводить описание и ключевые слова.
$arr=array("имя"=>"Петр","age"=>27,"tel"=>"87212");
$arr["имя"]="Петя";
echo "<pre>";
print_r($arr) ;
echo "</pre>";
echo $arr['age']. "<br>";
foreach($arr as $key=>$value){
echo "key: ".$key . "value:" .$value . "<br>";
}
$book1=array('author'=>'Л.Н.Толстой','title'=>'Война и мир','age'=>'1998');
$book2=array('author'=>'Гоголь','title'=>'Мертвые души','age'=>'2001');
$book3=array('author'=>'Бэдроус','title'=>'Тарзан','age'=>'2004');
$book4=array('author'=>'Жюль Верн','title'=>'Дети капитана Гранта','age'=>'1996');
$shelf1[1]=$book1;
$shelf1[2]=$book2;
$shelf2[1]=$book3;
$shelf2[2]=$book4;
$bookshelf[1]=$shelf1;
$bookshelf[2]=$shelf2;
$bookshelf[3][1]['author']="Уэльс";
$bookshelf[3][1]['title']="Машина времени";
$bookshelf[3][1]['age']="2006";
echo "<pre>";
print_r($bookshelf);
echo "</pre>";
/* Выведите на экран всю информацию о книгах, авторы которых: Гоголь и Жюль Верн*/
echo $bookshelf[3][1]['author'] ." ";
echo $bookshelf[3][1]['title'] . " ";
echo $bookshelf[3][1]['age']." ";
foreach($bookshelf[1][2] as $b=>$n){
echo $n . " " . "<br>";
}
foreach($bookshelf[2][2] as $b=>$n){
echo $n . " ";
}
<meta charset='utf-8'>
<?
for ($i=0;$i<=70;$i+=10)// прямой цикл от 0 до 70 с шагом 10
{
echo "$i<br>"; // выводим значение переменной i
}
for ($i=70;$i>=0;$i--) // обратный цикл от 70 до 0
{
echo "$i<br>";
}
$kr=0;// переменные которые включают цветовой канал. r g b соответственно
$kg=0;
$kb=0;
if($_GET['page']==1)// если страница 1 то активируем красный цвет
{
$kr=1;
}
if($_GET['page']==2)
{
$kg=1;
}
for ($i=0;$i<1000;$i++) //задаем массив стилей для 1000 дивов
{
$style[$i]['opacity']=mt_rand(0, 50)/100;
$style[$i]['top']=mt_rand(40, 1000);
$style[$i]['left']=mt_rand(0,1000);
$style[$i]['r']=$kr*mt_rand(0, 255);
$style[$i]['g']=$kg*mt_rand(0, 255);
$style[$i]['b']=$kb*mt_rand(0, 255);
$style[$i]['width']=mt_rand(0, 300);
$style[$i]['height']=mt_rand(0, 300);
}
for ($i=0;$i<1000;$i++)//выводим теги div с заданными стилями
{
echo "<div style='
position:absolute;
background-color:rgb({$style[$i]['r']},{$style[$i]['g']},{$style[$i]['b']});
top:{$style[$i]['top']}px;
left:{$style[$i]['left']}px;
width:{$style[$i]['width']}px;
height:{$style[$i]['height']}px;
opacity:{$style[$i]['opacity']};
'></div>";
}
for ($i=1;$i<=10;$i++)//выводим пагинацию
{
echo "<a href='?page=$i'>$i</a> | ";
}
echo "<br>Вы находитесь на странице - ".$_GET['page'];// выводим страницы
$i=0;
while($i<1000)// пример цикла while
{
echo $i++;
echo "<br>";
}
foreach ($style as $s)// пример цикла foreach
{
echo "<div style='
position:absolute;
background-color:rgb({$s['r']},{$s['g']},{$s['b']});
top:{$s['top']}px;
left:{$s['left']}px;
width:{$s['width']}px;
height:{$s['height']}px;
opacity:{$s['opacity']};
'></div>";
}
for ($i=0;$i<1000;$i+=10)//пример вложенного цикла. выводим поле из div 1000 на 1000 пикселей
{
for ($j=0;$j<1000;$j+=10)
{
$r=mt_rand(0, 255);
$g=mt_rand(0, 255);
$b=mt_rand(0, 255);
echo "<div style='
position:absolute;width:10px;height:10px;
left:$i;top:$j; background-color:rgb($r,$g,$b);
'>
</div>";
}
}
?>
Задание:
1. Указать переменную равную 1 и задать условие, если оно выполняется то выходит запись «иду в универ, будильник на 7 часов», если нет «отдыхаю, будильник на 9 часов». Испульзуя оперторы If…else
2. Используя оператор Switch задать переменную i которая если будет равна яблоко выводить запись «это яблоко», если шоколад, « это шоколад», если пирог, « это пирог»
<?php
switch ($i) {
case "яблоко":
echo "i это яблоко";
break;
case "шоколадка":
echo "i это шоколадка";
break;
case "пирог":
echo "i это пирог";
break;
}
?>
(код для программы)
3. Создать форму для ответа на вопрос с несколькими вариантами ответа и выбором одного из них.
1. Добавим в наш файл idex.php следующий код
<?php
$z = 1; // объявили переменную z
if ( $z == 1 ) // задали условие если переменная равна 1, то …
{
echo "Иду в универ, будильник на 7 часов";
} else // иначе программа выведет …
{
echo "Не иду в универ, будильник на 9 часов";
}
?>
Теперь смотрим результат:
рис 1
2. Добавим в наш файл idex.php следующий код:
<?php
echo "<br />";
echo "<br />"; // для пустой строчки на экране
$i = "шоколадка"; // значение переменной
switch ($i)
{
case "яблоко": // условие для вывода на экран i это яблоко
echo "i это яблоко";
break; // позволяет во всех остальных случаях ничего не выполнять
case "шоколадка":
echo "i это шоколадка";
break;
case "пирог":
echo "i это пирог";
break;
}
?>
Смотрим результат:
рис 2
3. Пример кода с тестом.
Для создания формы необходимо использовать теги <form> и <input> и для второго тип radio и radio.
Этот простой вид условия «если, то», который является очень распространенным явлением в повседневной жизни, а также довольно часто появляется в программировании. Всякий раз, когда вы хотите, чтобы решение принималось с учетом каких-то условий (например, вы должны что-то сделать завтра) вы используете условный оператор.
PHP оператор If
Представьте себе, что 1 января вы хотите вывести сообщение «С Новым годом!» в верхней части вашей страницы. С помощью PHP и условного оператора вы могли бы этот процесс автоматизировать за несколько месяцев до 1 января.
Такую динамичность невозможно осуществить на простом HTML.
Давайте начнем с основ и рассмотрим простой пример, где мы присвоим переменной значение, а затем, с помощью условия в php мы сравним его с другим значением и выведем результат.
$my_name = "Вася";
if ( $my_name == "Вася" )
{
echo "Привет, Вася!";
}
echo "Добро пожаловать на мою страницу!";
В результате мы увидим две строки:
рис 1
Как вы видите, мы сравнивали переменную $my_name со значением «Вася», чтобы увидеть равны ли они. В PHP вы используете двойной знак равенства (==) для сравнения значений. Кроме того, обратите внимание, так как условие оказалось истиной, то кода был выполнен, напечатав «Привет, Вася!». Давайте немного более глубоко разберемся в этом примере.
Сначала мы присваиваем переменной $my_name значение «Вася».
Затем мы использовали оператор IF для проверки значения, содержащегося в переменной $my_name. Равно ли оно значению «Вася»?
Сравнение между $my_name и «Вася» было сделано с помощью двойного знака равенства «==», ни одного равно «=»! Одно равно используется для присвоения значения переменной, в то время как двойное равно для проверки.
$my_name действительно равна «Вася», так что echo выполняется.
If…else
С простым условием разобрались. Но иногда возникает необходимость выполнить условие, если оно истинно и выполнить другое действие, если ложно! Например, если я завтра иду в университет, то мне нужно встать в 7 часов, иначе я пойду играть в футбол с друзьями с 9 часов. Здесь нам на помощь придет все тот же условный оператор, но с небольшим дополнением.
$go_to_universe = 1;
if ( $go_to_universe == 1 ) {
echo "Иду в универ, будильник на 7 часов";
} else {
echo "Не иду в универ, будильник на 9 часов";
}
В данном случае, если переменная $go_to_universe принимает значение 1, то мы идем в универ и заводим будильник на 7 утра, иначе (else) не идем в универ и заводим на 9. Все достаточно просто.
Запомните, сначала пишем оператор if, затем в круглых скобках условие, в фигурных скобках действие, если условие истинно, затем слово else и снова в фигурных скобках действие, но уже которое будет выполняться, если условие ложно.
if ( условие ) {
действие при истинном условии;
} else {
действие при ложном условии;
}
PHP — Switch
В предыдущих уроках мы рассмотрели различные элементы, которые позволяют организовать проверку условия в PHP. Тем не менее, бывают случаи, когда оператор IF…Else не самый эффективный способ для проверки определенных условий.
Например, мы могли бы иметь переменную, которая хранит определенное значение, и вы хотите, чтобы выполнялось какое-то действие в зависимости от значения этой переменной. В таком случае вы можете иметь 20 различных вариантов, которые вы должны обработать с безумно длинным блоком If / ElseIf / ElseIf / ElseIf / … и так далее. Да уж, выглядит неважно, давайте посмотрим, можем ли мы сделать что-то другое.
PHP оператор Switch: Быстрая проверка
С помощью оператора Switch вы можете проверить наличие всех этих условий одновременно, и самое замечательное в том, что на самом деле более эффективно в плане программирования. Истинно беспроигрышная ситуация!
То, как работает переключатель, знает каждый: он берет одну переменную в качестве входных данных, а затем проверяет ее на выполнение того или иного условия, которые вы зададите. Вместо того, чтобы проверять значения переменной по одному, прогоняя ее через множество условий, свитч позволяет проверить все за один раз.
Приведем простой пример использования свитча. В нашем случае в зависимости от пункта назначения, который хранится в переменной, мы будем давать рекомендации, что лучше взять с собой в дорогу.
$destination = "Tokyo";
echo "Отправляемся в $destination<br />";
switch ($destination){
case "Las Vegas":
echo "Берем с собой $5000! Вегас детка!";
break;
case "Amsterdam":
echo "Парочка газет, фольга...";
break;
case "Egypt":
echo "50 бутылок солнцезащитного крема.";
break;
case "Tokyo":
echo "Берем деньги на сувениры.";
break;
case "Caribbean Islands":
echo "Захватите трусы для плавания!";
break;
}
Результат:
рис 2
Значение переменной $destination было Токио, поэтому, когда PHP выполнял оператор свитч, то на $destination он сразу сделал поиск для случая со значением «Токио». Он нашел его и продолжил выполнять код, который был прописан в этом сегменте.
Вы могли заметить, что каждый случай содержит break. Этот break как раз и позволяет во всех остальных случаях ничего не выполнять. Если бы в приведенном выше примере не было брейка, то код бы выполнялся не только в случае значения Токио! Используйте эти знания и никогда не нагромождайте десятки условий там, где можно обойтись одним свитчем!
Форма Switch достаточно уникальна, поэтому потратьте некоторое время на ее рассмотрение, прежде чем двигаться дальше. Примечание: начинающие программисты пренебрегают этой конструкцией, что неправильно и затрудняет чтение кода, а так же негативно сказывается на производительности!
PHP оператор Switch: действие по умолчанию
Возможно, вы заметили отсутствие обработки для случая, когда ни одно из условий не подходит нашей переменной. Если такое случится и свитч не найдет ни одного условия, удовлетворяющего значению переменной, то будет выполнено действие по умолчанию.
Рекомендую всегда использовать такую возможность и добавлять действие по умолчанию, даже если вы уверены, что переменная не примет значения, которого нет в свитче. Ниже приведен вариант нашего примера, в котором добавлена обработка действия по умолчанию.
$destination = "New York";
echo "Отправляемся в $destination<br />";
switch($destination)
{
case "Гарри Поттер":
echo "Берем с собой $5000! Вегас детка!";
break;
case "Amsterdam":
echo "Парочка газет, фольга...";
break;
case "Egypt":
echo "50 бутылок солнцезащитного крема.";
break;
case "Tokyo":
echo "Берем деньги на сувениры.";
break;
case "Caribbean Islands":
echo "Захватите трусы для плавания!";
break;
default:
echo "Бельишко чистое не забудьте!";
break;
}
Результат:
рис 3
Форма <FORM> </FORM> и поля ввода данных
Рассмотрим простейший вариант взаимодействия с пользователем и создадим форму с полями ввода. Тег <form> устанавливает форму на веб-странице. Форма предназначена для обмена данными между пользователем и сервером. Область применения форм не ограничена отправкой данных на сервер, с помощью клиентских скриптов можно получить доступ к любому элементу формы, изменять его и применять по своему усмотрению. Документ может содержать любое количество форм, но одновременно на сервер может быть отправлена только одна форма. По этой причине данные форм должны быть независимы друг от друга. Для отправки формы на сервер используется кнопка Submit, того же можно добиться, если нажать клавишу Enter в пределах формы. Если кнопка Submit отсутствует в форме, клавиша Enter имитирует ее использование. Когда форма отправляется на сервер, управление данными передается программе, заданной атрибутом action тега <form>. Предварительно браузер подготавливает информацию в виде пары «имя=значение», где имя определяется атрибутом name тега <input>, а значение введено пользователем или установлено в поле формы по умолчанию. По умолчанию для отправки данных используется метод GET.
Синтаксис <form action=»URL»> … </form>
Для того чтобы дать возможность пользователю вводить данные используем тег <input>
Тег <input>
Описание
Сообщает браузеру, к какому типу относится элемент формы.
button Кнопка. checkbox Флажки. Позволяют выбрать более одного варианта из предложенных. file Поле для ввода имени файла, который пересылается на сервер. hidden Скрытое поле. Оно никак не отображается на веб-странице. image Поле с изображением. При нажатии на рисунок данные формы отправляются на сервер. password Обычное текстовое поле, но отличается от него тем, что все символы показываются звездочками. Предназначено для того, чтобы никто не подглядел вводимый пароль. radio Переключатели. Используются, когда следует выбрать один вариант из нескольких предложенных. reset Кнопка для возвращения данных формы в первоначальное значение. submit Кнопка для отправки данных формы на сервер. textТекстовое поле. Предназначено для ввода символов с помощью клавиатуры. color Виджет для выбора цвета. date Поле для выбора календарной даты. datetime Указание даты и времени. datetime-local Указание местной даты и времени. email Для адресов электронной почты. number Ввод чисел. range Ползунок для выбора чисел в указанном диапазоне. search Поле для поиска. tel Для телефонных номеров. time Для времени. url Для веб-адресов. month Выбор месяца. week Выбор недели.
Задание. 1. Создадим простую html страницу с PHP кодом 2. Сделать «моя первая программа на php» переменной и вывести как заголовок <h1> 3. Задать стиль заголовку 4. Добавить комментарии в код 5. Создать меню в menu.php и присоединить к index.php
1. Для этого создам файл в папке php index.php c кодом:
<html>
<head>
<meta charset='utf-8'> <!—кодировка-->
<title>My First PHP Page</title>
</head>
<body>
<?php
echo "Моя первая программа на PHP!"
?>
</body>
</html>
В случае если не указать кодировку может выйти массив непонятных символов, вместо страницы. Указать ее нужно не только в коде.
2. Добавим в наш код строчки:
$a= "Моя первая программа на PHP!";
echo "<h1> $a</h1>";
Мы объявили фразу «Моя первая программа на PHP!» в качестве переменной $а в первой строчке и вывели ее в качестве заголовка во втрой.
3. Добавим ко второй строчке стиль например заголовок красного цвета style=»color: red;» и заэкранируем их при помощи \ если этого не сделать программа выдаст ошибку. В результате получим такой код:
echo "<h1 style=\"color: red;\"> Моя первая программа на PHP! </h1>";
4. И добавим комментарий к тому, что же мы сделали со второй строчкой нашего кода:
echo "<h1 style=\"color: red;\"> Моя первая программа на PHP! </h1>"; // придали заголовку крассный цвет
5. Создадим новый файл с названием menu.php в папке php
