От автора: этим уроком мы заканчиваем серию уроков по созданию блога. Главными задачами 6-го заключительного урока являются создание модуля комментариев и поиска.

План урока:

1. Приступаем к комментариям (11:40)

2. Вывод комментариев (10:30)

3. Форма добавления комментариев (7:15)

4. Добавляем комментарии (22:35)

5. Вывод комментариев для модерации (13:25)

6. Модерация комментариев (7:21)

7. Реализуем поиск (35:30)

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

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

Давайте, перед тем как приступить к заключительной 6-ой части нашего курса, вспомним, каких результатов мы достигли в предыдущих частях:

Создание блога. Часть 1.

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

Ссылка на урок: http://webformyself.com/sozdanie-sobstvennogo-bloga-urok-1/

Создание блога. Часть 2.

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

Ссылка на урок: http://webformyself.com/sozdanie-sobstvennogo-bloga-urok-2/

Создание блога. Часть 3.

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

Ссылка на урок: http://webformyself.com/sozdanie-sobstvennogo-bloga-urok-3-x/

Создание блога. Часть 4.

Данный урок был довольно объемным и его результаты также по своему объему и практическому значению превосходят предыдущие уроки. Итогом урока будет практически готовая административная часть с ограниченным доступом, посредством которой и будет происходить управление блогом. Здесь мы научились добавлять/редактировать статьи, а также установили WYSIWYG-редактор и, что немаловажно, – файловый менеджер.

Ссылка на урок: http://webformyself.com/premium-sozdanie-sobstvennogo-bloga-urok/

Создание блога. Часть 5.

Итогами данного урока будут управление разделами (добавление/изменение/удаление) и удаление статей. Кроме того, мы реализовали обязательную составляющую практически любого блога – архив статей.

Ссылка на урок: http://webformyself.com/premium-sozdanie-sobstvennogo-bloga-urok-5/

Создание блога. Часть 6. Заключительный урок.

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

Ссылка на урок: http://webformyself.com/premium-sozdanie-sobstvennogo-bloga-urok-6/

Заключение.

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

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

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

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

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

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

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

От автора: вам когда-нибудь хотелось оживить цвет элемента (например, шрифта) при проведении над ним мышью? Можно подумать, что это легко делается с помощью jQuery, но он совсем не поддерживает анимацию цвета, если только не применяется плагин или jQuery UI (пользовательский интерфейс jQuery). Вам нужен быстрый и легкий способ добавлять элементу простую анимацию цвета, и тут в дело вступают переходы CSS. Они являются частью проекта спецификации CSS3 и обеспечивают средство анимации изменений свойств CSS, а не немедленный эффект этих изменений.

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

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

План урока:

1. Черновики (18:29)

2. Удаление статьи (10:06)

3. Добавление раздела (11:42)

4. Переименование раздела (14:13)

5. Удаление раздела (11:30)

6. Реализуем архив. Часть 1 (11:37)

7. Реализуем архив. Часть 2 (9:54)

8. Реализуем архив. Часть 3 (12:47)

9. Реализуем архив. Часть 4 (5:51)

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

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

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

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

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

Когда мы представляем себе баланс, то проще всего его сравнить с понятием веса. Физический вес и вес элементов дизайна на самом деле очень похожи — физический объект может быть маленьким, но очень тяжелым, независимо от массы, так же, как визуальный элемент дизайна может быть очень небольшим, но очень привлекающим внимание. Тяжесть физического объекта можно сравнить с визуальной яркостью элементов дизайна, и каждый элемент взаимодействует с другими элементами дизайна так же, как и физические объекты.

Автор: Найко Михаил Всем привет, я – Найко Михаил – дизайнер, иллюстратор и блоггер. Живу и работаю в Москве. Кроме страсти к дизайну и веб-технологиям, люблю кино, спорт и свою девушку) Также смотрите мой блог о веб-дизайне. Сайт: http://naikom.ru/blog/ – «Блог о веб-дизайне»

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

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

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

План урока:

1. Пользовательские функции (31:45)
2. Функции для работы с массивами (15:30)
3. Строковые функции (20:51)
4. Функции даты и времени (6:59)
5. Практическое задание (14:14)

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

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

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

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

От автора: В первых двух частях был создан макет в Фотошопе и из него сверстан шаблон сайта на тему комиксов. В этой части мы, по многочисленным просьбам в комментариях, создадим, используя шаблон из второй части, готовую тему для WordPress (WP).

План урока:

1. Устанавливаем WP (12:48)

2. Немного об особенностях создания темы WP (9:22)

3. Знакомимся с тегами WP (10:17)

4. Учимся выводить посты (9:06)

5. Переносим шаблон в создаваемую тему (10:42)

6. Выводим посты в теме (12:33)

7. Навигация (10:37)

8. Разбиваем шаблон на составляющие. Меню постоянных страниц (10:34)

9. Шаблон страницы и поста (13:28)

10. Виджетируемый сайдбар (10:25)

11. Шаблон комментариев (11:30)

12. Популярные посты в табах (13:49)

13. Популярные посты в табах (продолжение) (13:43)

14. Слайдер (13:53)

15. Последние комментарии в табах (9:47)

16. Шаблон поиска (11:24)

17. Доработка шаблона. Исправление ошибок. Советы и рекомендации (10:29)

15. P.S. Исправление ошибок (5:22)

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

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

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

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

От автора: WordPress считается одной из тех систем управления контентом, которая быстро поднимет ваш блог в SERP (Search Engine Result Pages – страницах результатов поиска) Google’а, но подъем на вершину – это совсем другая история. Вебмастера постоянно находятся в поиске Святого Грааля для SEO и это (прямо как в случае с настоящим Граалем) никогда не закончится благодаря присутствию великана – поисковика Google.

Google искусно не оставляет камня на камне от вебмастеров, пытающихся перемудрить сложные алгоритмы, являющиеся главной основой системы Google’а. Мы (вебмастера) из кожи вон лезем, чтобы продвинуть свои страницы в топ SERP Google’а, а он сбрасывает их вниз, если те не впечатляют. Вебсайты нуждаются в благословении Google’а, чтобы выжить в конкурентном виртуальном мире, и эта статья даст вам некое представление о том, как это сделать. Google любит честность и я научу вас, как «с умом» быть честным для того, чтобы побить прочих (не таких умных, но честных) конкурентов.

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

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

План урока:

1. Создаем административную часть. Ограничиваем к ней доступ (12:43)

2. Завершаем авторизационную часть (10:40)

3. Форма добавления статьи (16:35)

4. Добавляем WYSIWYG-редактор и файловый менеджер (14:52)

5. Создаем обработчик добавления статьи (12:18)

6. Немного о безопасности вывода данных (6:53)

7. Завершаем обработчик добавления статьи (14:53)

8. Выводим статьи для редактирования (12:06)

9. Выводим редактируемую статью в редактор (9:36)

10. Пишем обработчик редактирования статьи (10:56)

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

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

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

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

От автора: Не редко случаются ситуации, что нужно сделать меню с закругленными краями с последующей интеграцией в CMS. А чем проще разметка страницы, тем проще интегрировать в любую CMS.

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

План урока:

1. Анализируем макет.

2. Создаем HTML разметку.

3. Работаем с макетом, вырезаем нужные картинки.

4. Создаем стили CSS.

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

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

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