[Geekbrains] HTML/CSS Основы создания сайтов (май 2018)

HTML/CSS Основы создания сайтов (май 2018)

Geekbrains

Без какого языка не обойтись, работая с любой веб-технологией? Конечно же, без HTML/CSS!

Знание HTML/CSS - это основа для дальнейшего изучения серверных языков программирования и один из основных инструментов работы верстальщика, программиста или дизайнера.

Изучив HTML - язык гипертекстовой разметки - вы сможете создать статичную веб-страничку или веб-сайт.

Язык CSS - каскадные таблицы стилей - позволит оформить сверстанный сайт в соответствии с любой задумкой дизайнера. Курс "HTML/CSS.

Основы создания сайтов" от GeekBrains построен на принципе обучения через практику: студенты создают сайт интернет-магазина и в течение все работы над проектом изучают свойства и возможности применения HTML/CSS.

Завершив курс, каждый учащийся создаст готовый первый кейс для будущего портфолио.

Чему Вы научитесь:

HTML, в том числе HTML5;

CSS, в том числе CSS3;

Верстать статические сайты;

Валидной, кроссбраузерной вёрстке;

Блочной вёрстке;

Выполнять базовые операции в Photoshop и GIMP;

Использовать препроцессоры LESS;

Использовать Bootstrap.

Программа курса:

Урок 1. Основные понятия в веб-разработке



Что представляет собой веб-страница; виды сайтов; процесс разработки сайта; что такое гипертекст, теги и атрибуты; подготовка рабочего места; структура HTML-документа; основные теги оформления текста; простой пример HTML странички; пример сложной веб-страницы; горячие клавиши для перемещения по документам.

Основы языка разметки документов HTML

Урок 2. Основы языка разметки документов HTML

Спецсимволы; комментарии в HTML; гиперссылки; типы изображений для web; загрузка изображений на страницу; списки, формы и их элементы.

Основы языка оформления стилей документа CSS

Урок 3. Основы языка оформления стилей документа CSS

Что такое CSS; синтаксис CSS; способы объявления CSS; селекторы (id, class, tag); селекторы атрибутов.; основные свойства стилей; вложенность; наследование и группирование свойств; проверка подключения файла стилей.

Псевдоклассы и псевдоэлементы, табличная вёрстка

Урок 4. Псевдоклассы и псевдоэлементы, табличная вёрстка

Приоритеты применения стилей; псевдоклассы и псевдоэлементы; создание таблиц; объединение ячеек; вложенные таблицы; стилевое оформление таблиц.

Формирование блочной модели; блочная вёрстка

Урок 5. Формирование блочной модели; блочная вёрстка

Основные теги для верстки (div и span); отступы элементов (margin и padding); обтекаемые элементы; позиционирование блоков.

Работа с макетом дизайна в формате PSD

Урок 6. Работа с макетом дизайна в формате PSD

Основные функции и знакомство с программой Photoshop; выделение основных частей макета; нарезка макета; вёрстка макета сайта при помощи блоков; вставка частей макета в вёрстку; установка плагина PerfectPixel.

Разметка сайта и знакомство с Bootstrap

Урок 7. Разметка сайта и знакомство с Bootstrap

Создание основной разметки сайт; применение overflow и clear в реальной вёрстке; заполнение разметки частями нарезанного макета; приёмы позиционирования элементов; знакомство и применение Bootstrap.

Стандарты web и вспомогательные инструменты

Урок 8. Стандарты web и вспомогательные инструменты

Загрузка проектов на сервер; проблема «кроссбраузерности»; стандарты HTML/CSS; будущее за стандартами HTML5 и CSS3; грамотная, универсальная вёрстка; знакомство с препроцессорами на примере LESS.


Скрытая информация :: Авторизуйтесь для просмотра »

Скачать:
Скрытая информация :: Авторизуйтесь для просмотра »

Без какого языка не обойтись, работая с любой веб-технологией? Конечно же, без HTML/CSS! Знание HTML/CSS - это основа для дальнейшего изучения серверных языков программирования и один из основных инструментов работы верстальщика, программиста или дизайнера.

Изучив HTML - язык гипертекстовой разметки - вы сможете создать статичную веб-страничку или веб-сайт.

Язык CSS - каскадные таблицы стилей - позволит оформить сверстанный сайт в соответствии с любой задумкой дизайнера. Курс "HTML/CSS.

Основы создания сайтов" от GeekBrains построен на принципе обучения через практику: студенты создают сайт интернет-магазина и в течение все работы над проектом изучают свойства и возможности применения HTML/CSS.

Завершив курс, каждый учащийся создаст готовый первый кейс для будущего портфолио.
Чему Вы научитесь: HTML, в том числе HTML5; CSS, в том числе CSS3; Верстать статические сайты; Валидной, кроссбраузерной вёрстке; Блочной вёрстке; Выполнять базовые операции в Photoshop и GIMP; Использовать препроцессоры LESS; Использовать Bootstrap.
Программа курса:

Урок 1. Основные понятия в веб-разработке



Что представляет собой веб-страница; виды сайтов; процесс разработки сайта; что такое гипертекст, теги и атрибуты; подготовка рабочего места; структура HTML-документа; основные теги оформления текста; простой пример HTML странички; пример сложной веб-страницы; горячие клавиши для перемещения по документам.

Урок 2. Основы языка разметки документов HTML

Спецсимволы; комментарии в HTML; гиперссылки; типы изображений для web; загрузка изображений на страницу; списки, формы и их элементы.

Урок 3. Основы языка оформления стилей документа CSS

Что такое CSS; синтаксис CSS; способы объявления CSS; селекторы (id, class, tag); селекторы атрибутов.; основные свойства стилей; вложенность; наследование и группирование свойств; проверка подключения файла стилей.

Урок 4. Псевдоклассы и псевдоэлементы, табличная вёрстка

Приоритеты применения стилей; псевдоклассы и псевдоэлементы; создание таблиц; объединение ячеек; вложенные таблицы; стилевое оформление таблиц.

Урок 5. Формирование блочной модели; блочная вёрстка

Основные теги для верстки (div и span); отступы элементов (margin и padding); обтекаемые элементы; позиционирование блоков.

Урок 6. Работа с макетом дизайна в формате PSD

Основные функции и знакомство с программой Photoshop; выделение основных частей макета; нарезка макета; вёрстка макета сайта при помощи блоков; вставка частей макета в вёрстку; установка плагина PerfectPixel.

Урок 7. Разметка сайта и знакомство с Bootstrap

Создание основной разметки сайт; применение overflow и clear в реальной вёрстке; заполнение разметки частями нарезанного макета; приёмы позиционирования элементов; знакомство и применение Bootstrap.

Урок 8. Стандарты web и вспомогательные инструменты

Загрузка проектов на сервер; проблема «кроссбраузерности»; стандарты HTML/CSS; будущее за стандартами HTML5 и CSS3; грамотная, универсальная вёрстка; знакомство с препроцессорами на примере LESS.

Продажник

Скрытый контент: (необходимо 1 очков репутации)
Программы обучения по всем направлениям

Скачать Скрытый контент: (необходимо 10 очков репутации)
Скрытая информация :: Авторизуйтесь для просмотра »