Інформація про фільм: Фільм: Основи HTML, CSS і Введення в PHP
Оригінальна назва: Основи HTML, CSS і Введення в PHP
Рік виходу: 2012-2013
Жанр: Навчальний, Web дизайн
Режисер: Дмитро Науменко
Про фільм: Вашій увазі представлений відеокурс з мов HTML, CSS і введення в PHP. Після перегляду цього відеокурсу Ви перестанете з жахом дивитися на HTML-код і будете розуміти, як він працює. Ви зможете створити свої перші HTML-сторінки і додати їм потрібний вид з допомогою CSS. Так само в відеокурсу рассмотривается принцип функціонування сайтів в цілому і відмінності в роботі HTML-сайтів і сайтів на мові PHP. І найголовніше - Ви закладете фундамент для свого подальшого розвитку у справі веб-розробки. Відеокурс складається з 37 уроків, у кожному з яких Ви будеде вивчати щось нове і просуватися від простого до більш складного.
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. Де зберігати файли для сайту
У цьому відео розповідається про деякі з способів, які можна використовувати для цих цілей.
Випущено: Росія
Тривалість: 08:48:21
Озвучування: Російська
Файл:Формат: AVI
Якість: PCRec
Відео: MPEG-4, 1126x720 / 1280x720, ~834 Kbps, 25.000 fps
Аудіо: MP3, 192 Kbps, 44.1 Кгц
Доп. матеріали: присутні
Розмір: 3,85 GB (+3% на відновлення)
Кадри з фільму
Скачати Основи HTML, CSS і Введення в PHP. Відеокурс (2012-2013)