Web Мастерская»Блог

Сообщество Web Мастеров. Тут собрано всё, чтобы написать свой первый сайт, запустить его в Интернет и поддерживать его в течении всей его работы.

Картинка вместо чекбокса

Исходные чекбоксы в форме выглядят хотя и привычно, но уже несколько старомодно. Порой хочется вместо чекбокса использовать стильную картинку, которая лучше будет вписываться в существующий дизайн. С помощью CSS3 мы можем это сделать без всяких скриптов, при этом учтём и старые версии браузеров, в которых функционал формы должен сохраниться.

Для начала подготовим изображения. Нам потребуется две картинки соответствующие разному статусу чекбокса — когда он включен и выключен.



Желательно объединить две картинки в одну в графическом редакторе, сделать из них так называемый CSS-спрайт. Дело в том, что первая картинка покажется сразу после загрузки, а вторая начнёт загружаться только после щелчка по чекбоксу. Несмотря на малый размер изображений и объём загружаемого файла, на загрузку и отображение картинки в первый раз потребуется какое-то время. Даже когда речь идёт о доли секунды эта задержка заметна визуально. Если же мы объединим рисунки в одно изображение, то оно будет загружаться...

Создание иконки для сайта (favicon.ico)

Иконка для сайта (файл favicon.ico), Favicon – сокращение от Favorite Icon, в переводе: любимая иконка.

Иконка сайта – это маленькая картинка, которая несёт в себе логотип своего сайта. Ресурс с иконкой становится непохожим на другие, икона придаёт сайту индивидуальность. Картинка размером 16 на 16 пикселей характерна для профессионально сделанных сайтов. Иконка отображается в адресной строке, в названии и в закладках браузера, ещё в результатах поиска Яндекс, так что, если икона сайта грамотно оформлена, есть возможность, что пользователь выберет именно Ваш проект и переедет по ссылке.

Где же брать икону или как её сделать? Тут всё очень просто: можно качать иконки с Интернета в архиве и выбирать. Но здесь так, если скачали Вы и она Вам понравилась, может кто-то скачал такую же и вставил её на свой сайт. По мне, так лучше быть непохожим на других, поэтому делаем сами. Очень хорошо, если у Вас есть специальная программка для создания иконок: нарисовали картинку, прогнали через прогу и...

Как сделать скриншот сайта

На форуме есть тема: как создать скриншот, в ней говорится, как сделать скриншот двумя клавишами или специальными программами. В этой теме расскажу, как можно сделать скриншот сайта, сделать это можно на своем сайте, при чем не прибегая к каким то сложным программам, сделать это можно на обычной HTML страничке. В сети есть замечательный сервис создания скриншотов сайтов, который позволяет создавать скриншоты не только на самом сервисе, но и создавать скриншот не открывая страницу самого сервиса. Сам сервис находится по адресу: http://www.s-shot.ru/, переходим по ссылке, вводим адрес сайта, который необходимо "сфотографировать" и получаем картинку и изображением странички сайта.

Сервис предлагает ознакомиться с инструкцией, как можно снять скриншот используя всего одну строчку (адрес http://mini.s-shot.ru/?адрес страницы с параметрами), например:
https://mini.s-shot.ru/?https://danfa.net
https://mini.s-shot.ru/?https://yandex.ru

Результат:



То есть после https://mini.s-shot.ru/, мы...

Как защитить свой контент от воровства (WordPress)

С распространением интернета в нашей жизни, мы всё чаще стали сталкиваться с таким явлением как воровство контента. Увидеть свой контент на сторонних ресурсах под авторством других людей не просто неприятно, но и может повлечь за собой экономические последствия. Поэтому речь сегодня пойдёт о том, как защитить свой контент от воровства. Ниже мы будем рассматривать примеры защиты сайта, созданного на WordPress. Однако приводимые методы защиты будут универсальны и пригодятся тем, кто создаёт свои сайты для других cms.

Защитить контент можно несколькими способами. Очень часто используются плагины или скрипты, которые так или иначе ограничивают действия пользователя. Например, в этом вам может помочь плагин Blog Content Protector, который блокирует функцию выделения текста и его копирования. Данный плагин блокирует нажатие правой кнопки мыши, а так же комбинацию клавиш ctrl+c и ctrl+v. Плагин, Wp-CopeProtect, является аналогичным и действует по такому же принципу, блокируя нажатия клавиш.

А ...

WordPress: движок блогов

С развитием технологий создать сайт в интернете стало возможно без специального обучения. К тому же интернет полон видео и текстовых обучающий материалов по данной тематике. Ну а на форумах или специализированных ресурсах всегда найдут опытные люди, готовые подсказать решение по возникшей проблеме. Если вы хотите создать блог, то рекомендуется использовать WorPress, с помощью которого можно управлять содержимым ресурсом с открытым исходным кодом.

Программа достаточно простая в освоении, к тому же, она предоставляет пользователю подсказки. Что немаловажно, данная программа бесплатна. У вас через месяц может уже не быть желания создавать сайт, и ни копейки вы не потратите на это мимолётное увлечение. Так же присутствует встроенный редактор.

Все эти факторы делают данную программу одной из популярнейших в своей отрасли. Всё это привлекает новичков, и вот уже много лет с помощью WordPress создаются сайты. Ну а после, если будет желание становиться профессионалом на этом поприще, то можно...