Практика, практика и только CSS практика позволит вам стать мастером в создании качественного сайта.
Практика, практика и только CSS практика позволит вам стать мастером в создании качественного сайта.
За 36 уроков мы вместе с вами сверстаем готовый макет сайта из PSD-картинки в страницу, готовую для отображения в любом современном браузере.
А полученные знания дадут вам возможность сверстать любой другой макет, потому что вы будете понимать принципы блочной верстки веб-страниц.
Это означает, что вы сможете взять любой графический макет сайта и превратить его в настоящую веб-страницу, созданную по всем правилам блочной верстки.
Список уроков, которые вошли в этот курс:
01. Создание нового проекта
02. Общая концепция
03. Блок Top Line
04. Блок хедера. Часть 1
05. Блок хедера. Часть 2
06. Блок людей. Часть 1
07. Блок людей. Часть 2
08. Цветной блок. Часть 1
09. Цветной блок. Часть 2
10. Цветной блок. Часть 3
11. Цветной блок. Часть 4
12. Цветной блок. Часть 5
13. Черно-белый блок. Часть 1
14. Черно-белый блок. Часть 2
15. Черно-белый блок. Часть 3
16. Черно-белый блок. Часть 4
17. Черно-белый блок. Часть 5
18. Темный блок. Часть 1
19. Темный блок. Часть 2
20. Темный блок. Часть 3
21. Темный блок. Часть 4
22. Темный блок. Часть 5
23. Серый блок. Часть 1
24. Серый блок. Часть 2
25. Серый блок. Часть 3
26. Серый блок. Часть 4
27. Футер. Часть 1
28. Футер. Часть 2
29. Футер. Часть 3
30. Решаем проблемы IE6
31. Оптимизация и валидация
32. Проект OpenMint
33. Создаем каркас
34. Навигация. Часть 1
35. Навигация. Часть 2
36. Фоновый градиент
Продолжительность курса: 6 часов 20 минут.
Скриншоты некоторых уроков:
Из этого курса вы узнаете:
В этом курсы вы закрепите все знания, полученные из курсов HTML+CSS на практике.
Ничто так не повышает ваш уровень в создании качественных веб-страниц, как хорошая порция практики в виде верстки реальных графических шаблонов.
Именно поэтому, в рамках данного курса мы с вами сверстаем настоящий графический шаблон сайта в стиле web 2.0.
На входе у нас будет фотошоп-шаблон данного сайта, где все элементы расположены по слоям, а на выходе мы получим веб-страницу, которая одинаково смотрится во всех популярных браузерах (в том числе Internet Explorer 6)!
Шаблон, который вы сверстаете в настоящую рабочую веб-страницу:
Не обращайте внимания на то, что весь текст на английском. Здесь вы будете повышать свои навыки верстки картинки в веб-страницу, поэтому язык текста никак не влияет на результат.
Я специально взял такой объемный макет, чтобы дать вам МАКСИМАЛЬНОЕ количество практической информации по блочной верстке веб-страниц.
Кроме этого, в последних пяти уроках этого курса на примере второго шаблона, я покажу вам, как верстать навигационные панели особого типа и как быть в тех случаях, когда фон сайта выходит за пределы его основной фиксированной части (эти знания очень ценны и сэкономят вам массу времени);
Последние пять уроков мы будем работать с этим шаблоном:
После прохождения этого курса у вас в активе останется бесценный опыт, который еще много раз пригодится вам в дальнейшей работе. Потому что, когда вы пройдете этот курс, такие вещи как: минисайт, страница преземления, всплывающие окна и прочие подобные дела вы будете щелкать, как орешки!
И даже если ваш основной сайт будет работать на движке Joomla или Wordpress, эти знания пригодятся вам для создания уникальных шаблонов, красивого оформления материалов сайта и многих других задач, что позволит вам выделиться из толпы и сделать свой сайт непохожим на другие (говорю это по собственному опыту)!
схема перелинковки для среднечастотных запросов, грамотная настройка сеопульт, как в интернете заработать хорошие деньги, разместить файл на файлообменник, заработок на блоге, как сделать технический аудит сайта, социальные сети все моменты, быстрый вывод денег с вебмани на карту сбербанка маэстро, способы заработка в интернете, бесплатные способы раскрутки сайта, как в интернете можно заработать деньги, внутренняя перелинковка сайта, как положить деньги с карты сбербанка на яндекс деньги, как сделать приложение фейсбук, какой программой лучше проверять уникальность, о чём написать пост, способы продвижения сайта блоги, как закинуть деньги на яндекс деньги, анализ ссылочной массы конкурентов, мгновенный перевод с webmoney на карту сбербанка, как проверить настройку зеркала сайта, seopult продвижение статьями, как закинуть деньги на яндекс деньги через сбербанк, защита контента от яндекс, разные способы заработка в интернете, поиск дублей страниц, настройка seopult, как создать пост в фейсбуке, ссылочные биржи,