От автора: отражения способны добавить объектам интересную размерность, ссужая их оттенком реализма и наделяя внутри окружающей среды некоторым контекстом. Давайте рассмотрим достижение эффекта отражения с помощью CSS, а также для сравнения исследуем свечение и кроссбраузерное размытие..

Детали учебника

Продолжить чтение →

От автора: из второго выпуска курса вы узнаете, как работать с прозрачностями в CSS 3. Научитесь управлять прозрачностью для элементов. Узнаете о новых способах задания цвета для фона, для текста, для теней блоков. Так же в уроке пойдет речь о задании линейного градиета для элементов, не используя изображения. Научитесь задавать наклонные градиеты, двух, трех, четырех и т.д. цветные и повторяющиеся градиенты.

Также из урока Вы узнаете о работе с полупрозрачностью, научитесь создавать реалистичные тени и многое другое.

Из этого урока Вы узнаете:

1. Как задавать прозрачность для блока, и с какими трудностями при этом сталкиваемся.

2. Как обходить трудности в указании прозрачности.

3. Новые форматы задания прозрачных цветов, их отличия и способы задания.

4. Как создавать градиенты не используя изображения.

5. Как заставить градиент «идти» под наклоном, то есть, например, от правого нижнего угла к левому верхнему.

6. Как оставить градиент в нужном месте элемента, затем продолжить основной фон, и закончить элемент опять градиентом

7. Старый и новый синтаксис задания градиентов для webkit (google chrome, Safari) браузеров

План урока:

1. Изучаем свойство opacity

2. Изучаем форматы rgba, rgb

3. Изучаем форматы hsl, hsla

4. Изучаем background-image: linear-gradient

5. Изучаем background-image: repeating-linear-gradient

Результат урока:

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

Детали учебника

Автор: Андрей Бернацкий Один из авторов проекта «Основы Самостоятельного Сайтостроения». Адрес в сети — WebForMyself.com Данный проект представляет собой подборку качественных материалов: обучающих статей, книг, курсов, видеоуроков — как зарубежных, так и отечественных специалистов в области сайтостроения. Бернацкий Андрей свободно владеет такими техниками как: HTML, CSS, JavaScript, jQuery, AJAX, PHP&MySQL.

Итак, приступим!

Продолжить чтение →

От автора: После несколько более долгого перерыва чем планировалось, я продолжу серию статей на тему «Монетизация сайтов с помощью ссылочных бирж». Этого времени я думаю вполне хватило, чтобы сделать все рекомендации из прошлой статьи «Увеличиваем рейтинг сайта через наращивание ссылочной массы». Прежде всего хотел поинтересоваться результатами, которых вы добились, возникли ли трудности или какие-то вопросы? Как всегда вы можете их задать в комментариях.

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

Скептикам хочу сообщить, что во время последнего АП тИЦ (13.04.2012) параметры сайта, который продвигался ТОЛЬКО способами, описанными в моих статьях, вырос на тИЦ +20. Это вполне неплохие результаты для продвижения сайта без материальных затрат. Буду рад, если у вас будут такие же или еще лучше результаты – сообщайте об этом!

А теперь без лишних слов продолжим рассматривать методы наращивания ссылочной массы.

Автор: Соколов Кирилл По образованию – магистр культурологии (специализация: информационные технологии). Лауреат Национальной интернет-премии Tibo. Опыт работы в разработке сайтов «от» и «до» с 2000 года. В настоящее время работаю Project Manager в компании AtStar. Сайт: Спроси Доктора – Сервис медицинских онлайн-консультаций, каталог медцентров.

Продолжить чтение →

От автора: формы являются неотъемлемым элементом практически любого сайта. При помощи форм можно передавать всевозможную информацию на сервер, отправить ее в базу данных или попросту отправить письмо из формы. В этом уроке мы будем заниматься как раз последним – научимся отправлять письма с сайта. Но это будут не просто письма, а письма с возможностью добавления вложений.

Кроме того, мы рассмотрим добавление изображений в тело письма, а также использование библиотек для реализации нашей задачи. Приступим…

Из этого урока Вы узнаете:

1. Как правильно отправлять письма с помощью скриптов PHP.

2. Как отправлять письма с одним вложением.

3. Как отправлять письма с несколькими вложениями.

4. Как отправлять письма с внедренными изображениями.

5. Как осуществлять отправку писем с вложениями с помощью внешних библиотек.

План урока:

1. Формат обычного письма.

2. Кодирование заголовков.

3. Формат письма с вложением.

4. Кодирование письма.

5. Использование библиотек.

Результат урока:

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

Детали учебника

Автор: Алексей Опанасенко Алексей Опанасенко живёт на севере Украины в древнем городе Чернигове. Типичный вебмастер самоучка – занялся самообучением, бросил работу в офисе и стал работать в Сети. Сейчас занимается веб разработками на заказ и своими личными проектами. В очередной раз доказывает, что научиться делать сайты с нуля и без учителей МОЖНО. Сайт: http://neverlex.com – «Заметки вебмастера самоучки»

Итак, приступим!

Продолжить чтение →

От автора: итак, мы добрались до третьей части урока по созданию админки для галереи на флеше. Во второй части мы начали реализацию второго пункта меню, которым осуществляется добавление новой картинки в галерею. В этой части, которая будет заключительной, мы закончим с начатым пунктом меню.

Также мы реализуем последний пункт меню, посредством которого будет происходить удаление картинок из галереи. Приступим…

Из этого урока Вы узнаете:

1. Как добавлять данные в файл XML.

2. Как работать с методом addChild() класса SimpleXMLElement.

3. Как сохранять объекты как файл XML.

План урока:

1. Копирование загруженных файлов.

2. Добавление записи в файл XML.

3. Реализуем удаление.

Результат урока:

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

Детали учебника

Автор: Андрей Кудлай Зовут меня Андрей Кудлай. Родом я из Украины, живу в Днепропетровске. Веб-программированию учился сам. Неплохо знаю HTML, CSS, PHP. Немного разбираюсь в JavaScript’e – в свободное время как раз занимаюсь его изучением.

Итак, приступим!

Продолжить чтение →

От автора: многие из Вас, при посещении интернет магазинов, встречали такую вещь, как сортировку товаров по цене. При этом в некоторых случаях эта сортировка выполнена в виде горизонтальной полосы прокрутки, с двумя ползунками, двигая которые можно указывать диапазон интересующих Вас цен. В сегодняшнем уроке мы с Вами рассмотрим практическое применение одного из виджетов библиотеки jQuery UI – slider.

В уроке мы реализуем виджет сортировки по цене с горизонтальной полосой прокрутки, а также создадим небольшую простенькую фотогалерею на основе указанного виджета библиотеки jQuery UI.

Детали учебника

Автор: Виктор Гавриленко Меня зовут Виктор Гавриленко, по образованию я инженер электромеханик. Еще учась в институте, начал увлекаться компьютерными технологиями и программированием, на протяжении двух лет усиленно занимаюсь разработкой интернет сайтов и веб-программированием. Увлекаюсь написанием небольших скриптов на языке PHP, в связке базами данных MySQL, SQLite, неплохо знаю такие движки как WordPress, Drupal, Joomla.

Продолжить чтение →

От автора: в этом учебнике мы создадим панель навигации, которая при прокрутке всегда остается с вами — а еще отполируем ее одним-двумя хитрыми приемами «до блеска».

«Ленточки нравятся всем», говорит Крис Койер (Chris Coyier) при обсуждении преимуществ псевдоэлементов :before и :after. Я видел, как эти стилизованные, с треугольными краями ленты так и бросаются в глаза по всему Интернету (один из видных примеров – страница Facebook’а Introducing Timeline) и, хотя они обладают некоторой привлекательностью, должен заметить, что мне не очень нравится создаваемый ими объемный эффект.

Продолжить чтение →

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

Напоминаем, что в первой части мы создали пункт Редактировать и уже можем изменять название и описание картинок в галерее. Также, по ходу написанию кода этого пункта, мы вспомнили массивы, циклы, познакомились с основами ООП, а именно – работа с готовым классом SimpleXMLElement.

Из этого урока Вы узнаете:

1. Как правильно загружать новые файлы в каталог, не боясь перезаписать прежние.

2. Как читать содержимое каталога и получать массив файлов в каталоге.

3. Как создать простейший загрузчик файлов.

План урока:

1. Создаем форму добавления нового фото.

2. Пишем функцию генерирования имени картинок.

3. Обработчик формы. Определяем переменные.

4. Обработчик формы. Проверяем тип загруженных файлов.

5. Обработчик формы. Проверяем размеры загруженных картинок.

6. Обработчик формы. Получаем необходимые переменные.

Результат урока:

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

Детали учебника

Автор: Андрей Кудлай Зовут меня Андрей Кудлай. Родом я из Украины, живу в Днепропетровске. Веб-программированию учился сам. Неплохо знаю HTML, CSS, PHP. Немного разбираюсь в JavaScript’e – в свободное время как раз занимаюсь его изучением.

Итак, приступим!

Продолжить чтение →

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

Для вдохновения взгляните на эти портфолио сайты. Они различные для разработчиков (для них, как правило, дизайны очень точные), для дизайнеров (красочные и яркие) и фотографов.

Продолжить чтение →

От автора: сложно представить себе мир WEB’a без такой замечательной вещи, как флеш. Все Вы, думаю, видели ее на многих сайтах в сети. Это могут быть простые баннеры, или что-то посложнее – галереи, плееры аудио или видео с плейлистами, даже целые сайты, сделанные исключительно на флеше. Согласитесь, смотрятся такие вещи очень привлекательно и эффектно, придавая сайту определенный шарм.

Хотя в сети можно услышать мнения, что флеш вскоре будет вытеснен такими вещами, как jQuery или HTML5, но мне думается, что этого не произойдет… во всяком случае, в ближайшей перспективе. В этом цикле уроков мы научимся управлять работой флеш-галереи на сайте, создав для этих целей административную панель.

Из этого урока Вы узнаете:

1. Так ли страшен черт XML, как его малюют.

2. Объектно-ориентированный и процедурный подходы в программировании.

3. Что такое классы в ООП.

4. Как реализовано управление флеш-приложениями извне.

План урока:

1. Формирование задач. Старт проекта.

2. Немного теории. Вспоминаем массивы.

3. Еще немного теории. Циклы.

4. Немного об ООП. Работа с классами.

5. Создаем объект.

6. Вывод данных из XML.

7. Пишем форму.

8. Завершаем пункт Редактирование. Пишем обработчик.

Результат урока:

По итогам урока мы научимся работать с классом SimpleXML и, используя его возможности, обрабатывать файлы XML. В результате урока будет создан первый пункт административной части, где можно будет редактировать файл XML, управляя таким образом флеш-галереей.

Детали учебника

Автор: Андрей Кудлай Зовут меня Андрей Кудлай. Родом я из Украины, живу в Днепропетровске. Веб-программированию учился сам. Неплохо знаю HTML, CSS, PHP. Немного разбираюсь в JavaScript’e – в свободное время как раз занимаюсь его изучением.

Итак, приступим!

Продолжить чтение →