Дмитрий Науменко | Основы HTML, CSS и Введение в PHP (2012-2013) [PCRec]

Содержание:

1. Общий механизм работы сайтов и суть языка HTML
В этом видеоуроке я расскажу вам об общем механизме функционирования всех сайтов. Вы узнаете, как браузер анализирует код страницы и выводит веб-страницу на экран. Кроме того, мы разберем назначение и смысл языка HTML.

2. Структура HTML-документа и первая страница.
В этом уроке мы рассмотрим те элементы, которые обязательно присутствуют в любой веб-странице. Вы узнаете, что такое тип документа, и как задавать кодировку для ваших страниц.

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

4. Комментарии, строчные и блочные элементы. Плагин Firebug.
В этом насыщенном уроке вы узнаете, как посмотреть исходный код страницы, что такое комментарии и зачем они нужны, узнаете о строчных и блочных элементах и познакомитесь с удобным инструментом - плагином Firebug.

5. Изучаем спецсимволы, списки и таблицы.
В этом видеоуроке вы узнаете, что такое спецсимволы и мнемоники и зачем они нужны. Также мы разберем создание списков и основы работы с таблицами.

6. Ссылки, url-адреса и понятие атрибута.
В этом уроке мы разберемся с тем, что такое атрибуты и зачем они нужны. Мы рассмотрим обязательные и необязательные атрибуты и виды url-адресов. Кроме того, вы узнаете, как создавать гипертекстовые сссылки и открывать их в новом окне.

7. Работа с изображениями. Навигационная карта.
Этот видео посвящено следующим моментам: как вставить изображение на страницу, какие обязательные и необязательные атрибуты есть у тэга img, как указать размеры для изображения и как сделать часть изображения ссылкой.

8. CSS. Введение: селекторы типа и селекторы класса.
В этом видео вы познакомитесь с таким понятием, как CSS. Вы узнаете, что такое таблицы стилей, для чего они применяются и в чем их преимущества. Мы разберем структуру CSS-правил и научимся применять стили к определенному элементу на странице.

9. Селекторы ID и селекторы потомков. Основные CSS-правила.
В данном видеоуроке вы узнаете, в чем смысл селекторов идентификатора и потомка, и когда следует их применять. Кроме этого, мы рассмотрим один из вариантов позиционирования контента и способ избавления от лишних отступов, автоматически создаваемых браузеро

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

11. Создаем основу для простого двухколоночного CSS-макета.
В этом видеоуроке мы создадим базовую структуру (HTML-разметку) для будущей страницы, наполним ее контентом и "раскрасим" блоки на странице в разные цвета для удобства работы. Кроме того, мы научимся избавляться от "просветов" между блоками, используя технику обнуления отступов.

12. Дорабатываем двухколоночный CSS-макет.
В этом уроке мы рассмотрим, как отцентровать содержимое страницы и как использовать свойство float для позиционирования блоков на странице. Также вы узнаете, как избежать "наползания" одного блока не другой.

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

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

15. Урок по основам работы с Notepad++.
О редакторе Notepad++, который может стать полноценной заменой программы phpDesigner. В данном видео небольшой обзор этого редактора: Как менять кодировку файла; Как сделать подсветку синтаксиса любого языка; Как сворачивать и разворачивать блоки кода.

16. PHP: Вводный урок
В нем рассказывается об основах PHP.

17. Принцип работы сайтов
В этом видеоуроке мы разберем принцип функционирования сайтов в целом и рассмотрим отличия в работе HTML-сайтов и сайтов на языке PHP.

18. Как работает PHP? Клиентские и серверные языки.
В этом уроке мы поговорим о том, что такое PHP, как происходит обработка PHP-кода и рассмотрим понятия клиентского и серверного языков. Кроме того, мы посмотрим на место PHP среди других языков программирования.

19. Почему PHP так популярен?
В этом видео мы разберемся, что делает язык PHP столь популярным. Кроме того, мы рассмотрим некоторые примеры, которые позволят вам понять наиболее очевидные его преимущества при создании сайтов.

20. Динамические PHP-страницы.
В этом уроке вы узнаете, что такое динамические страницы и как они функционируют. Также мы поговорим о понятии "параметр" и о механизме работы сайта с использованием базы данных.

21. Что нужно для работы с PHP.
В данном видео мы рассмотрим все компоненты, которые необходимы для разработки сайтов с использованием PHP. Мы также познакомимся с решением, которое позволит вам начать работу с PHP в кратчайшие сроки.

22. Устанавливаем Денвер - Ваш "Джентльменский набор" .
Устанавливаем "Денвер" - "Джентльменский набор веб-разработчика", в котором содержится все необходимое для создания сайтов на PHP.

23. Изучаем основы работы с Денвером.
В этом видеоуроке мы разберемся, как работать с комплексом "Денвер". Мы затронем следующие темы: как работает локальный веб-сервер, как создавать сайты у себя на компьютере, в какой программе нужно работать с базами данных, что такое файл hosts и зачем он нужен, и многие другие моменты.

24. Какой PHP-редактор выбрать?
В этому видео мы поговорим о том, какие редакторы кода вы можете использовать при работе с PHP. Также мы затронем важный момент, касающийся кодировок файлов.

25. Как получить отличный PHP-редактор
В этом небольшом видео автор поделиться с вами одной хорошей новостью. Особенно актуальна она будет для тех из вас, кто давно ищет себе хороший редактор кода

26. Создаем первую PHP-страницу.
В этом уроке вы создадите вашу первую PHP-страницу. Попутно мы рассмотрим: команду echo для вывода информации на экран, понятие переменной и пример ее использования для хранения и вывода информации, возможность вывода HTML-разметки средствами PHP, и многие другие моменты.

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

28. Как создавать сайты быстро и просто без глубоких знаний PHP.
Автор использует для этого специальный инструмент - фреймворк CodeIgniter. В видео он рассказывает о том, что такое фреймворк и о том, как концепция MVC применяется в веб-разработке.

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

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

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

32. Эффект лупы
В этом видео мы рассмотрим эффект рассматривания изображения под увеличительным стеклом.

33. Удобное увеличение изображений
В этом уроке разбирается настройка приближения, увеличения изображений на сайте.

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

35. Авторизация через соц. сети
Позволяет пользователям получить единый доступ к различным Интернет-сервисам без необходимости повторной регистрации.

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

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

Общее
Полное имя : D:\Андрей\osnovy.html_css
Формат : AVI
Формат/Информация : Audio Video Interleave
Размер файла : 6,77 Мбайт
Общий поток : 742 Кбит/сек
Программа кодирования : Lavf54.61.104

Видео
Идентификатор : 0
Формат : MPEG-4 Visual
Идентификатор кодека : MP43
Идентификатор кодека/Информация : Microsoft MPEG-4 v3 (pre-standard)
Идентификатор кодека/Подсказка : Microsoft
Битрейт : 538 Кбит/сек
Ширина : 1280 пикселей
Высота : 720 пикселей
Соотношение сторон : 16:9
Частота кадров : 25,000 кадров/сек
Метод сжатия : С потерями
Бит/(Пиксели*Кадры) : 0.023
Размер потока : 4,89 Мбайт (72%)

Аудио
Идентификатор : 1
Формат : MPEG Audio
Версия формата : Version 1
Профиль формата : Layer 3
Режим : Joint stereo
Расширение режима : MS Stereo
Идентификатор кодека : 55
Идентификатор кодека/Подсказка : MP3
Вид битрейта : Постоянный
Битрейт : 192 Кбит/сек
Каналы : 2 канала
Частота : 44,1 КГц
Метод сжатия : С потерями
Размер потока : 1,75 Мбайт (26%)
Выравнивание : Соединение по промежуткам
Продолжительность промежутка : 26 мс. (0,65 видеокадр)
Время предзагрузки промежутка : 26 мс.
Библиотека кодирования : LAME3.99.5