Представляю вашему вниманию серию бесплатных видеоуроков по созданию и тонкой настройке ваших сайтов от автора – Евгения Попова. В принципе, эти видеоуроки рассказывают не только о создании сайтов, но и дают очень много ценной информации по отдельным задачам при обустройстве вашего сайта. Например, рассматриваются такие специфические задачи, как - создание форм обратной связи, меню сайта, поиска по сайту, вставка видео на сайт, IP посетителя и многое другое. Видеоуроки сделаны на высоком профессиональном уровне и очень просты и понятны. Рекомендуются к просмотру как начинающим вебмастерам, так и более опытным – думаю, каждый найдет для себя что то новое и интересное в этих видеоуроках.
Видеоурок - Плавное увеличение изображения при клике.
Наведите мышку на изображение и кликните по нему:
Как видите, изображение плавно увеличивается до полного размера. Чтобы узнать, как применять данную технологию на своих сайтах, смотрите видеоурок "Плавное увеличение изображения при клике".
Длительность: 4 мин. 18 сек.
Скачать видеоурок plavnoe_yvelishenie_izobragheniya.zip [3.08 MB]
Видеоурок - Создание горизонтального и вертикального меню для сайта.
Из этого видеоурока вы узнаете, как очень легко создать красивое, качественное меню для вашего сайта с использованием каскадных таблиц стилей CSS. Меню, которое рассматривается в уроке, может быть горизонтальным и вертикальным. Примеры:
Делается меню очень просто и быстро, а всё благодаря программе CSS Menu Generator, которая создана именно с этой целью.
Длительность: 8 мин. 20 сек.
Скачать cssmenugenerator.zip [526.82 KB]
Скачать видеоурок sozdanie_menu.zip [4.19 MB]
Видеоурок - Как изменить внешний вид формы обратной связи на сайте.
В этом видеоуроке за один раз даются ответы на множество вопросов по дизайну формы обратной связи для ваших сайтов. Ведь часто получается так, что стандартный дизайн элементов любой HTML формы не вписывается в общий дизайн сайта. Поэтому, перед разработчиком появляется задача по изменению внешнего вида элементов формы. В этом уроке вы узнаете, как и что нужно делать, чтобы придать форме такой вид, который вам нужен.
Урок предназначен для тех, кто имеет представление о том, как формы создаются и хотя бы поверхностно знаком с каскадными таблицами стилей CSS.
Длительность: 11 мин. 10 сек.
Скачать видеоурок vid_formy_obrat_svyazi.zip [5.05 MB]
Видеоурок - Как сделать скругленные углы у таблицы.
Из этого видеоурока вы узнаете, как очень легко создать таблицы со скругленными углами. Если интересно, качайте, смотрите, учитесь.
Делается этот эффект очень просто и быстро.
Длительность: 13 мин. 49 сек.
Скачать видеоурок okryglye_ygly.zip [5.32 MB]
Видеоурок - Как проверить, заполнены ли все поля формы.
Если на вашем сайте есть форма обратной связи или форма заказа продукции, то, скорее всего в ней есть поля, обязательные для заполнения. Как проверить, заполнены ли все обязательные поля формы перед отправкой? Ответ на этот вопрос вы найдете в этом видеоуроке.
Длительность: 12 мин. 17 сек.
Скачать видеоурок form_confirm.zip [5.32 MB]
Видеоурок - Как проверить правильность ввода e-mail в форму.
В этом видеоуроке продолжается работа с формой обратной связи. В предыдущем видеоуроке вы учились проверять, заполнены ли все поля формы. Теперь настало время научиться проверять правильность заполнения поля e-mail адреса. Если эту проверку не делать, то у вас может возникнуть неприятная ситуация, когда человек при заполнении своего e-mail забыл указать @, либо .ru не дописал, пропустил или ещё что-то. В итоге, заказ принят, а связаться с человеком невозможно. Из данного видеоурока вы узнаете, как избежать этой ситуации и предупредить пользователя о неверно введенном e-mail адресе ещё до отправки заказа. Пример работы проверки:
Длительность: 9 мин. 14 сек.
Скачать видеоурок e-mail.zip [4.72 MB]
Видеоурок - Два инструмента, полезных при создании сайта.
В этом видеоуроке вы познакомитесь с двумя инструментами, которые пригодятся вам при создании сайтов. Первый из них позволяет делать так называемые "графические цитаты", которые представляют собой графическое изображение части любого сайта, с сохранением работоспособных ссылок.
Пример: Часто возникает вопрос - "А где секретный раздел на Вашем сайте?". Для ответа на этот вопрос сделайте такую графическую цитату:
Вот о создании такой цитаты и пойдет речь в первой части видеоурока.
Второй инструмент позволяет быстро скруглять любые изображения, которые могут быть расположены как на вашем компьютере, так и на любом сайте. Изображение загружается вами в этот инструмент, там оно преобразуется, и вы можете его сохранить к себе уже в измененном виде. При этом можно задавать радиус округления, уменьшать изображение, менять фон уголков и т.д.
В принципе это можно сделать и в Фотошоп, но когда его нет, или когда человек им не владеет, то этот онлайн - сервис будет в самый раз.
Длительность: 7 мин. 03 сек.
Скачать видеоурок dva_instr.zip [3.35 MB]
Видеоурок - Как проще всего сделать поиск по сайту.
В этом уроке рассматривается один простой, но очень эффективный способ установки системы поиска на ваш сайт. Какие решения по установке поиска на сайт вообще существуют? Первый вариант - поиск по сайту можно реализовать с помощью специальных скриптов, которые вы ставите отдельно и через администраторский модуль настраиваете. Второй вариант - ваш сайт написан на PHP, а большая часть информации хранится в базе данных, то поиск можно написать самому. Если ни первый, ни второй вариант вам не подошли, можно воспользоваться готовым решением от крупных поисковых машин Google, Yandex и т.д. Именно третий способ и рассматривается в видеоуроке. Этот способ является самым универсальным и подходит даже для обычных HTML сайтов. Единственное условие использование такого поиска - ваш сайт должен быть проиндексирован той поисковой машиной, чей поиск вы собираетесь ставить. Как пример -
поиск по сайту в Google.
Длительность: 11 мин. 44 сек.
Скачать видеоурок search_google.zip [7.80 MB]
Видеоурок - Как скрыть элемент сайта от посторонних глаз.
Из этого видеоурока вы узнаете, как быстро скрыть определенный элемент сайта от глаз посетителей. По сути, сам элемент будет находиться на сайте, но видно его не будет. Этот прием может пригодиться вам для скрытия счетчика посещаемости или другого подобного элемента.
Длительность: 2 мин. 35 сек.
Скачать видеоурок hidden_element_lesson.zip [2.91 MB]
Видеоурок - Как защитить ваш ресурс от проблемных людей и сайтов.
В этом уроке вы узнаете о трех инструментах, которые призваны защитить ваши сайты. Первый инструмент запрещает доступ к вашему сайту с определенных IP адресов. Как вы знаете, любой компьютер, с которого напрямую выходят в сеть Интернет имеет свой уникальный IP. При этом, когда мы загружаем какой-нибудь сайт, наш браузер обменивается информацией с тем сервером, где этот сайт расположен. При обмене, в числе прочих параметров передается и IP адрес. Если вы знакомы с PHP, то вам не составит труда этот IP определить. Таким образом, если на вашем сайте завелся нежелательный посетитель и вам известен его IP адрес (диапазон IP - адресов), то с помощью этого инструмента вы сможете заблокировать ему доступ на сайт.
Второй инструмент блокирует переходы на ваш ресурс с других сайтов. Этот инструмент пригодится, если на ваш сайт одновременно заходят большое количество человек и у вашего хостера из-за этого может «полететь» сервер. Чтобы знать, как действовать в подобной ситуации, смотрите урок и обратите внимание на второй инструмент.
Третий инструмент - это "хотлинк" - защита. С помощью него вы огородите себя от такой ситуации, при которой изображения и файлы вашего сайта, незаметно используются владельцами других сайтов. При этом на сервер вашего хостера ложится дополнительная нагрузка, о которой вы можете даже не подозревать.
Все три инструмента очень полезны. Обязательно смотрите, запоминайте и используйте!
Длительность: 10 мин. 19 сек.
Скачать видеоурок protection_lesson.zip [11.72 MB]