Архив рубрики: HTML,CSS

Задание к уроку 10 php. Использование цикла foreach

Задание: Используя данный массив, вывести с помощью foreach блок div с классом block-info <? $info = [ 0 => [ «name» => «Mercedes-Benz S 320», «info» => «Литые диски, тонировка, багажник, ксенон, дневные ходовые огни, омыватель фар, обогрев зеркал, кожа, дерево, алькантара, аудиосистема, встроенный телефон, CD, CD-чейнджер, MP3, ГУР, ABS, SRS, зимний режим, спортивный режим, турбонаддув,… Читать далее »

Задание к 11 уроку php. Написание своих функций

Задание: Написать функцию создания ссылки: Пример использования: $href = «http://ot7.ru/?p=545»; $text = «Lorem ipsum»; $class = «myhref»; my_href($href, $text, $class); должны получить:  <a href=»http://ot7.ru/?p=545″ class=».myhref»>Lorem ipsum</a> [spoiler title=»Решение»] <? $href = «http://ot7.ru/?p=545»; $text = «Lorem ipsum»; $class = «myhref»; my_href($href, $text, $class); function my_href($href = «#», $text = ‘ссылка’, $class = ‘link’) { echo «<a… Читать далее »

Задание к 12 уроку php. Функция замены строк.

Задание: Написать функцию kirToLat($str) для замены входящего текста из кириллицы на транслит, используя готовый массив алфавита: [spoiler title=»Готовый массив»] $abc = [«А»=>»A», «а»=>»а», «Б»=>»B», «б»=>»b», «В»=>»V», «в»=>»v», «Г»=>»G», «г»=>»g», «Д»=>»D», «д»=>»d», «Е»=>»E», «е»=>»e», «Ё»=>»YO», «ё»=>»yo», «Ж»=>»J», «ж»=>»j», «З»=>»Z», «з»=>»z», «И»=>»i», «и»=>»i», «Й»=>»Y», «й»=>»y», «К»=>»K», «к»=>»k», «Л»=>»L», «л»=>»l», «М»=>»M», «м»=>»m», «Н»=>»N», «н»=>»n», «О»=>»O», «о»=>»o», «П»=>»P», «п»=>»p»,… Читать далее »

HTML Урок 6. Работа с фоном css

При помощи CSS-позиционирования вы можете разместить элемент точно в нужном месте страницы. Вместе с поплавками позиционирование даёт вам большие возможности для создания точного и навороченного дизайна.В этом уроке мы обсудим следующее: — Принципы CSS-позиционирования — Абсолютное позиционирование — Относительное позиционирование Принципы CSS-позиционирования Представим окно браузера как систему координат: Принципы CSS-позиционирования — в том, что вы можете расположить бокс… Читать далее »

HTML Урок 7. Транзакции и размеры

transition Универсальное свойство, которое позволяет одновременно задать значения transition-property, transition-duration,transition-timing-function и transition-delay. Устанавливает эффект перехода между двумя состояниями элемента, они могут быть определены с помощью псевдоэлемента :hover или :active, а также динамически через JavaScript. <переход> = [ none | <transition-property> ] || <transition-duration> || <transition-timing-function> || <transition-delay> transition:all 0s ease 0s — значение по умолчанию… Читать далее »

Задание к уроку 8 Php. Основные функции php

Задание: С помощью функции очистки тегов, вывести очищенную строку от всех тегов и с исключением тега <p>: $text = ‘ <p>Параграф.</p> <!— Комментарий —> Здесь текст’; 2. С помощью функции очистки лишних пробелов в начале и в конце строки обработать и вывести следующую строку: $trim = » Очистка строки от лишних пробелов «; 3. Обработать… Читать далее »

Задание к уроку 7 Php. .htaccess и $_SERVER

Задание: В файле .htaccess установить кодировку по умолчанию на UTF-8 и написать правила перенаправления на  страницы ошибок: 401.html,  403.html,  404.html,  500.html [spoiler title=»401.html»] <!DOCTYPE html> <html lang=»en»> <head> <meta charset=»UTF-8″> <title>401 Нет авторизации</title> <link rel=»stylesheet» href=»https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css»> </head> <style> .notfound-401 {text-align: center;position: relative;top: 100px;} .notfound-401 span {font-size: 1000%;display: block;line-height: 1;} .notfound-401 i.fa {font-size: 1000%;} .notfound-401 p {font-size:… Читать далее »

Задание к уроку 6 php. Сессии и Куки

Задание: Регистрация на сайте файл reg.php if($_POST[‘submit’]==»Регистрация»){ if($_POST[‘pass’]==$_POST[‘pass2’]){ $pass=md5($_POST[‘pass’]); } else{ $msg=»Введенные пароли не совпадают»; } if($pass!=0){ $res=mysql_query(«SELECT * from `users` where `email`='{$_POST[’email’]}'»); $data=mysql_fetch_assoc($res); if($data[‘id’]){ $msg=»Пользователь с таким email уже зарегистрирован»; } else{ $insert=mysql_query(«insert into `users` (`name`,`email`,`pass`) values (‘{$_POST[‘name’]}’, ‘{$_POST[’email’]}’,'{$pass}’)»); } if ($insert==’TRUE’){ $select=mysql_query(«SELECT * from `users` where `email`='{$_POST[’email’]}'»); $data1=mysql_fetch_array($select); $auth=md5($_POST[’email’]).md5($data1[‘id’]); /*Отправка email*/ $to=$_POST[’email’]; $subject=»Подтверждение… Читать далее »

HTML Урок 3. Ссылки и таблицы

3 урок: Ссылки Относительный адрес Абсолютный адрес Открытие ссылки в новом окне браузера Создание якоря (метки) Ссылка на почтовый ящик Ссылка картинка тег NAV тег SPAN Таблицы в HTML Ссылки HTML В интернете размещены миллионы электронных документов часто схожих по тематике и ориентированных на одну и ту же пользовательскую аудиторию. Переход на другие документы казался… Читать далее »

Задание к уроку 5 PHP. Загрузка файла и отправка email

Задание: Написать обработчик загрузки изображения и отправить уведомление на почту. Загрузка файла. Подготовим наш документ: <!DOCTYPE html> <html lang=»en»> <head> <meta charset=»UTF-8″> <title>Загрузка файла</title> </head> <body> <form action=»upload.php» method=»post» enctype=»multipart/form-data»> <input type=»file» name=»fileToUpload» id=»fileToUpload»> <input type=»submit» value=»Загрузить изображение» name=»submit»> </form> </body> </html> [spoiler title=»Решение»] Далее нужно написать скрипт обработки изображения и загрузки его на сервер:… Читать далее »