Архив рубрики: Web

В данном разделе рассматриваются все нюансы web разработка, которые могут помочь вам в работе с написанием кода и модулей! Читаем и учимся!

ТОП-50 белых каталогов сайтов, в которые стоит добавить веб-сайт

      Комментарии к записи ТОП-50 белых каталогов сайтов, в которые стоит добавить веб-сайт отключены

Мы постарались отобрать лучшие каталоги сайтов, в которые стоит добавить ресурс. Большая их часть – бесплатные белые каталоги, которые не требуют размещения обратных ссылок и ставят прямую ссылку на ваш проект. Регистрация в каталогах позволит разнообразить ссылочную массу на проект и в ряде случаев – повысить тИЦ. Самые известные каталоги сайтов 1. Яндекс.Каталог (yaca.yandex.ru) Бесплатно берут некоммерческие сайты, представляющие большой интерес для пользователей. Если по вашей теме в ЯК мало проектов – шансы на бесплатную регистрацию увеличиваются. Для остальных проектов – регистрация платная и на момент подготовки статьи стоимость добавления сайта составляет 14750 руб. с НДС. Но готовность оплатить регистрацию совсем не гарантирует добавления в Яндекс.Каталог – модерация жесткая. Регистрация в Яндекс.Каталоге повышает тИЦ, может дать на сайт переходы (при условии, что ваш сайт имеет большой тИЦ) и другой профит. 2. DMOZ (dmoz.org) Крупнейший каталог сайтов Интернета, полностью бесплатный, поддерживается волонтерами. Попадание в DMOZ может повысить доверие к сайту со… Читать далее »

БЕСПЛАТНЫЕ Сервисы автоматической рассылки объявлений

      Комментарии к записи БЕСПЛАТНЫЕ Сервисы автоматической рассылки объявлений отключены

БЕСПЛАТНЫЕ Сервисы автоматической рассылки объявлений Перед вами список абсолютно бесплатных сервисов автоматической рассылки объявлений. Т.е., вы пишете свое объявление всего один раз, а оно тут же рассылается на сотни и тысячи различных досок объявлений. 1) https://weleno.com Этот сайт имеет интересную особенность, она состоит в том, что каждое объявление, оставленное пользователем на сайте, автоматически публикуется в 15 группах/пабликах в различных социальных сетях — вКонтакте, ФейсБуке, Твиттере! 2) https://dmitry-portal.ru Один из самых известных и популярных сервисов. Вы можете абсолютно бесплатно разослать Ваше объявление на тысячи досок объявлений. Есть одно ограничение: можно разместить только одно объявление в сутки. 3) https://uka.ru/send Система позволяет рассылать объявления на большое число досок, к тому же система полностью бесплатна. Сейчас в системе работает 103 доски объявлений! Cистема не является полностью автоматической. Здесь вам предлагается список непосредственно форм ввода объявлений. А если вы последуете нескольким простым советам, написанным на сайте, то время, затрачиваемое вами на написание объявлений на много… Читать далее »

Отправка email через SMTP с авторизацией по протоколу SSL на php

      Комментарии к записи Отправка email через SMTP с авторизацией по протоколу SSL на php отключены

Отправка email через SMTP с авторизацией по протоколу SSL на php Данная статья посвящена отправке e-mail через SMTP с авторизацией по протоколу SSL с помощью скрипта на php. SMTP с авторизацией по протоколу SSL. Яндекс При работе с почтальонами Яндекс ни чего не изменилось, но, при обращении к классу, требуется указывать ссылку на хост, работающий через SSL. Так же изменился номер порта: раньше был 25, теперь используется 465. Код отправки выглядит вот так: require_once «SendMailSmtpClass.php»; // подключение класса $mailSMTP = new SendMailSmtpClass(‘test@yandex.ru’, ‘****’, ‘ssl://smtp.yandex.ru’, ‘test’, 465); // $mailSMTP = new SendMailSmtpClass(‘логин’, ‘пароль’, ‘хост’, ‘имя отправителя’); // заголовок письма $headers= «MIME-Version: 1.0\r\n»; $headers .= «Content-type: text/html; charset=utf-8\r\n»; // кодировка письма $headers .= «From: test <test@test.ru>\r\n»; // от кого письмо $result = $mailSMTP->send(‘test@yandex.ru’, ‘Тема письма’, ‘Текст письма’, $headers); // отправляем письмо // $result = $mailSMTP->send(‘Кому письмо’, ‘Тема письма’, ‘Текст письма’, ‘Заголовки письма’); if($result === true){ echo «Письмо успешно отправлено»; }else{ echo «Письмо… Читать далее »

ASCII-коды символов

      Комментарии к записи ASCII-коды символов отключены

Название Символ ASCII Спец. Табулятор &#009; Перевод строки &#010; Возврат каретки &#013; Пробел &#032; Восклицательный знак ! &#033; Двойная кавычка « &#034; &quot; Знак решетка # &#035; Доллар $ &#036; Процент % &#037; Амперсанд & &#038; &amp; Одинарная кавычка ‘ &#039; Скобка левая круглая ( &#040; Скобка правая круглая ) &#041; Звездочка * &#042; Плюс + &#043; Запятая , &#044; Минус — &#045; Точка . &#046; Правый слэш / &#047; Цифры 0-9 &#048;-&#057; Двоеточие : &#058; Точка с запятой ; &#059; Меньше < &#060; Равно = &#061; Больше > &#062; Знак вопроса ? &#063; Знак собачка @ &#064; Прописные буквы A-Z &#065;-&#090; Скобка квадратная левая [ &#091; Левый слэш &#092; Скобка квадратная правая ] &#093; Степень ^ &#094; Знак подчеркивания _ &#095; Гравис ` &#096; Строчные буквы a-z &#097;-&#122; Фигурная скобка левая { &#123; Вертикальная черта | &#124; Фигурная скобка правая } &#125; Тильда ~ &#126; &tilde; не определён … Читать далее »

Специальные символы HTML

      Комментарии к записи Специальные символы HTML отключены

Специальные символы HTML символ html-код десятичный код описание &nbsp; &#160; неразрывный пробел &ensp; &#8194; узкий пробел (еn-шириной в букву n) &emsp; &#8195; широкий пробел (em-шириной в букву m) – &ndash; &#8211; узкое тире (en-тире) — &mdash; &#8212; широкое тире (em -тире) &shy; &#173; мягкий перенос а́ &#769; ударение, ставится после «ударной» буквы © &copy; &#169; копирайт ® &reg; &#174; знак зарегистрированной торговой марки ™ &trade; &#8482; знак торговой марки º &ordm; &#186; копье Марса ª &ordf; &#170; зеркало Венеры ‰ &permil; &#8240; промилле π &pi; &#960; пи (используйте Times New Roman) ¦ &brvbar; &#166; вертикальный пунктир § &sect; &#167; параграф ° &deg; &#176; градус µ &micro; &#181; знак «микро» ¶ &para; &#182; знак абзаца … &hellip; &#8230; многоточие ‾ &oline; &#8254; надчеркивание ´ &acute; &#180; знак ударения № &#8470; знак номера &#128269; Лупа (наклонённая влево) &#128270; Лупа (наклонённая вправо) ☎ &#9742; Телефон &#128190; Дискета &#128736; Молоток и гаечный ключ, настройка… Читать далее »

XSS и ошибки разработчиков на веб-сервисах

      Комментарии к записи XSS и ошибки разработчиков на веб-сервисах отключены

Сначала разберем, что такое XSS и его виды.   XSS — Cross-Site Scripting — Одна из множества уязвимостей веб приложений, которая позволяет внедрить вредоносный код, на страницу. Есть 2 типа XSS:   Активная — XSS, которая статично находится на странице Пассивная — XSS, которая динамично отображается на странице, при определенном запросе   За несколько лет работы в сфере информационной безопасности, я смог набраться опыта и могу рассказать о некоторых нетипичных видах XSS. Данные типы уязвимостей довольно распространены на современных веб-сервисах, но к сожалению из-за своей необычности, они скрылись в тени. Начнем с ошибочных представлений разработчиков:   Разработчик думает, что XSS — это инъекция только в HTML-сущность и только. Данное ошибочное мнение складывается изо дня в день. На самом же деле, XSS могут быть не только в HTML, они могут быть почти везде, к примеру даже в картинке. Разработчик уверен, что отфильтровав спец символы, можно защититься от XSS. Данные мнение частично… Читать далее »

get_site_url()

      Комментарии к записи get_site_url() отключены

get_site_url() с версии 3.0 get site url Получает URL сайта. Функция возвращает опцию siteurl: get_option(‘siteurl’). Также устанавливает протокол сайта: https — если срабатывает is_ssl() или http. Можно принудительно указать протокол в параметре $scheme. Указывая адрес блога, мы может переместить все файлы WordPress в отдельный каталог. Делается это для удобства, когда пользователю мешают файлы WordPress в основном каталоге и их хотелось бы убрать в подкаталог основного каталога. Как это сделать читайте здесь. Используйте эту функцию, когда нужно получить URL адрес WordPress, а не URL адрес сайта (см. Общие настройки). Для получения адреса сайта, используйте функцию home_url(). Используется в: site_url(), get_admin_url().✈ 1 раз = 0.000067с = очень быстро | 50000 раз = 2.20с = быстро Хуки из функции: return apply_filters( ‘site_url’, $url, $path, $scheme, $blog_id ); Возвращает ссылку на сайт. Использование Шаблон использования $site_url = get_site_url(); $blog_id(число) ID блога. По умолчанию: текущий блог (null) $path(строка) Пусть к странице сайта, который будет добавлен… Читать далее »

Как добавить в шаблон WordPress собственную область для вывода виджетов

      Комментарии к записи Как добавить в шаблон WordPress собственную область для вывода виджетов отключены

Виджеты — достаточно удобная технология при работе с шаблонными сайтами. С помощью виджетов вы можете из панели администратора без знания каких-либо языков программирования наполнять нужную области на сайте различными эффектами, текстом, изображениями и т.д. Чаще всего данную технологию используются при заполнении боковых колонок и практически все новые шаблоны WordPress и других CMS пользуются виджетами. Время от времени, используя самописный или скачанный шаблон, приходиться что-то видоизменять и добавлять собственные области для вывода виджетов и WordPress позволяет осуществить это быстро и безбоязненно. В ниже приведенном примере, будет показано как с помощью минимальных знаний php и структуры шаблона WordPress добавить те самые виджеты в теме места, где мы хотим их видеть. Добавим в right sidebar сайта область для наполнения различными типами виджетов: Зарезервируем новую область для наших виджетов в системном файле function.php. Наполняем область виджета нужными нами модулями скаченными с интернета в панели управления. Выводим нашу область в самом шаблоне сайта. Резервация области для виджета происходит с помощью специальной функции register_sidebar. register_sidebar( array(… Читать далее »

Особенности свойства height в процентах

      Комментарии к записи Особенности свойства height в процентах отключены

В чем же особенности свойства height в процентах ? Из практики свойство height, если указать его в процентах, покажет высоту относительно родительского блока. Но на самом деле не все так красиво и просто. Естественно для произвольного div элемента height в процентом соотношении работать не будет! Сейчас наша цель – получить вёрстку такого вида: При этом блок в которой находиться левая стрелка должен быть отдельным элементом внутри контейнера. Данный способ удобен для дальнейшей работы с JS, чтобы принимать на нём клики мыши. То есть, HTML-код требуется примерно такой: <div class=»container»> <div class=»arrow»> <!— стрелка влево при помощи CSS, ширина фиксирована —> </div> <div class=»content»> …Текст… </div> </div> Как же это реализовать? Есть много разных вариантов, но, вероятнее всего, вы решились сдвинуть .arrow влево, при помощи функции float:left (учитывая то что он фиксированной ширины) и увеличить высоту до 100%, чтобы он занимал всё свободное пространство по вертикали. Но и тут есть свой подвох. Смотрим то, что будет происходить… Читать далее »

Скрыть элемент при клике за его пределами Jquery

      Комментарии к записи Скрыть элемент при клике за его пределами Jquery отключены

Как же cкрыть элемент при клике за его пределами Jquery? Благодаря этого способа можно использовать для создании прототипа потери фокуса к блочным элементам на вашей веб-странице (прототип события blur который по сущности своей не распространяется на все блочные элементы в определенных видах браузеров). Рассмотрим такой пример, что у нас на странице имеется элемент с class = white, обратной формой для пользователя. И данный элемент должен пропасть, если пользователь кликнет мышью по любому месту в черном блоке страницы, за исключением самого данного элемента с классом white. Данную задачу можно решить обработкой клика мыши на элементе black. А в самом обработчике, нужно будет проверить, не является ли источником события наш элемент с class = white или не является одним из его потомков: $(function(){ $(«.black»).click(function(event) { if ($(event.target).closest(«.white»).length) return; $(«.black»).css(«display»,»none»); event.stopPropagation(); }); }); Продемонстрируем данный пример на рабочем примере: <!DOCTYPE html><br /><br /> <html><br /><br /> <head><br /><br /> </head><br /><br /> <body></p><br… Читать далее »