- Сайт визитка за 15 уроков
- Вводный урок
- Видеоурок №1. Подготовка рабочей среды:
- Видеоурок №2. Поиск шаблона сайта и создание хоста в Денвере:
- Видеоурок №3. Вносим базовые правки в шаблон:
- Видеоурок №4. Работаем с главным меню сайта:
- Видеоурок №5. Занимаемся «каруселью» на главной странице:
- Видеоурок №6. Правим центральную и нижнюю части шаблона:
- Видеоурок №7. Правим шаблоны страниц «Кто мы», «Услуги» и «Портфолио»:
- Видеоурок №8. Работаем со страницей «Контакты»:
- Видеоурок №9. «Превращаем» HTML-сайт в PHP-сайт. Часть 1:
- Видеоурок №10. «Превращаем» HTML-сайт в PHP-сайт. Часть 2:
- Видеоурок №11. Вносим правки в подключаемые блоки:
- Видеоурок №12. Правим отдельные страницы:
- Видеоурок №13. Реализуем выделение текущей страницы в навигации по новостям:
- Видеоурок №14. Реализуем выделение текущей страницы в главном меню:
- Видеоурок №15. Проводим финальную чистку сайта:
Сайт визитка за 15 уроков
Предлагаем ознакомиться с видео курсом Дмитрия Науменко “Сайт визитка за 15 уроков” просматривая его Вы сможете научиться создавать простые и легкие сайты. А если Вам понравиться и заинтересует эта тема сайтостроения, то в дальнейшем сможете создавать уже более крупные проекты.
Сайт визитка за 15 уроков поможет пошагово новичку освоить технологию сайтостроения узнаете базовые значения HTML и CSS, а также базы данных MySQL и язык программирования PHP.
Вводный урок
Во вводном видео мы поговорим о том, для кого этот курс сайт визитка, что мы будем в нем делать, а что – нет. Кроме того, я скажу о том, что необходимо знать до начала его изучения.
Видеоурок №1. Подготовка рабочей среды:
В этом уроке мы установим плагин Firebug для Firefox, чтобы иметь удобный инструмент анализа веб-страниц. Также мы определимся с редактором кода и разберемся с тем, что нужно для работы с сайтом на локальном компьютере.
Видеоурок №2. Поиск шаблона сайта и создание хоста в Денвере:
В этом видеоуроке я покажу вам, где можно найти хорошие бесплатные CSS-шаблоны для сайта. Мы скачаем один из таких шаблонов, создадим новый хост в Денвере и добьемся отображения шаблона на локальном сервере.
Видеоурок №3. Вносим базовые правки в шаблон:
В этом уроке мы начнем вносить базовые правки в скачанный нами шаблон сайта. Мы поменяем его основной фон, изменим логотип и начнем работу над основным меню сайта.
Видеоурок №4. Работаем с главным меню сайта:
В этом видео из курса “сайт визитка за 15 уроков”, мы будем править стили в меню. Сначала мы уберем фоновый рисунок для меню верхнего уровня и поработаем над фоном выпадающего меню. После этого мы изменим фоновые рисунки для подменю.
Видеоурок №5. Занимаемся «каруселью» на главной странице:
Данный видеоурок будет посвящен работе с ротатором изображений на главной странице. Сначала мы изучим настройки скрипта “Карусель” и поэкспериментируем с ними, после чего заменим исходные картинки шаблона на наши собственные.
Видеоурок №6. Правим центральную и нижнюю части шаблона:
В этом уроке мы поменяем изображения в центральной части главной страницы сайта и подправим анонсы новостей. Кроме того, мы займемся блоком “Отзывы” и поработаем над футером и социальными кнопками.
Видеоурок №7. Правим шаблоны страниц «Кто мы», «Услуги» и «Портфолио»:
В этом видео курса “сайт визитка за 15 уроков”, мы будем править шаблон страницы «Кто мы». Затем мы переделаем страницу “Портфолио” и внесем корректировки в страницу “Услуги”.
Видеоурок №8. Работаем со страницей «Контакты»:
Данный видеоурок посвящен работе со страницей “Контакты”. Мы внесем правки в шаблон данной страницы, научимся пользоваться сервисом Google Maps для вставки на сайт интерактивной карты и подкорректируем внешний вид формы обратной связи.
Видеоурок №9. «Превращаем» HTML-сайт в PHP-сайт. Часть 1:
В этом видео мы поговорим о том, как «превратить» HTML-сайт в PHP-сайт. Вы узнаете, какой подход мы будем использовать для оптимизации структуры сайта. В этом же уроке мы начнем разбивать сайт на отдельные блоки.
Видеоурок №10. «Превращаем» HTML-сайт в PHP-сайт. Часть 2:
В этом уроке из курса “сайт визитка за 15 уроков”, мы продолжаем модифицировать структуру сайта. Мы внесем дополнительные правки в меню сайта, подкорректируем сайдбар и футер. Кроме того, мы вынесем в отдельный блок «карусель» с главной страницы.
Видеоурок №11. Вносим правки в подключаемые блоки:
Данный урок посвящен внесению мелких правок в подключаемые блоки сайта. Кроме того, мы проставим на страницах верные ссылки и сделаем необходимую перелинковку некоторых страниц.
Видеоурок №12. Правим отдельные страницы:
В этом видео мы снова поработаем с главной страницей, изменив тип документа, проставив мета-тэги и т.д. Помимо этого, мы внесем косметические правки в страницы «Кто мы», «Услуги», «Портфолио» и создадим навигацию на странице «Новости».
Видеоурок №13. Реализуем выделение текущей страницы в навигации по новостям:
В этом видеоуроке мы создадим новый класс для навигации в новостях и реализуем выделение текущей новостной страницы.
Видеоурок №14. Реализуем выделение текущей страницы в главном меню:
В этом уроке из курса “сайт визитка за 15 уроков”, мы создадим новый стиль, который будет использоваться для выделения активной страницы в меню и разберем логику работы механизма выделения. Мы будем использовать базовые возможности PHP для работы с условиями и применим специальную функцию для поиска нужной нам части в url-адресе страницы.
Видеоурок №15. Проводим финальную чистку сайта:
В этом видеоуроке мы займемся удалением ненужных элементов, чтобы немного подчистить сайт. Мы удалим лишние изображения, стили, JavaScript-файлы и др. По окончании этих уроков у вас на компьютере будет готовый сайт, который вы создали своими руками. Вам останется только наполнить его информацией, изменить дизайн (по желанию) и выложить в сеть.
Мы очень благодарны Дмитрию за обучающий курс “Сайт визитка за 15 уроков“, если данный курс помог Вам научить создавать сайт визитки. Команда сайта Видео Училка хотела поблагодарить Всех кто поделиться данным курсом со своими друзьями и знакомыми. Не забывайте подписывать на нашу e-mail рассылку и вступать в социальные группы. Спасибо Всем и удачи в создание сайтов визиток.