Специалист | HTML и CSS. Уровень 1-2 (Верстальщик Web) (2015) PCRec Автор (режиссер): Сергей Дмитриевич Алмазов Жанр: Веб-дизайн, верстка
Описание: Обучаясь по комплексной программе, Вы освоите основы разметки HTML, способы применения CSS, основы построения сайтов с помощью статических страниц в сети Интернет. Кроме того, Вы изучите продвинутые технологии верстки веб-страниц и специальные эффекты. Освоите настройку инструментов разработки, организацию технического процесса, проектирование макетов, тестирование и контроль качества веб-страниц и многое другое.
Программа курса:
Уровень 1. HTML и CSS. Создание сайтов на HTML5 и СSS3:
Планируете сделать веб-технологии своей профессией? Хотите создавать сайты? Работать верстальщиком, web-дизайнером, а может, интернет-маркетологом? У вас есть онлайн-проект, который Вы продвигаете сами? В любом случае, Вам не обойтись без знания HTML и CSS – языков разметки веб-страниц и их внешнего оформления.
Язык гипертекстовой разметки HTML при помощи тегов и других элементов передаёт информацию о том, как построен текст и как он должен выводиться на экран. Язык каскадных таблиц CSS позволяет оформить веб-страницу, задав необходимые цвета, шрифты и другие элементы стиля.
Во время обучения Вы получите начальные навыки работы в HTML и CSS, а также научитесь применять интерактивные возможности последних версий – HTML5 и CSS3.
По окончании курса Вы будете уметь:
создавать web-страницы, содержащие все необходимые компоненты: текст, изображения и гиперссылки; определять правильную иерархию страниц для создания сайта; использовать интерактивные элементы для улучшения его юзабилити; применять возможности CSS для эффективного оформления сайта и совершенствования его функциональности; работать с фреймами; применять новый функционал HTML5 и CSS3.
Вы изучите основы языка разметки HTML, способы применения CSS и основы построения сайтов. Вы сможете сами создавать страницы, проектировать навигационное меню и другие элементы сайта. Научитесь грамотно размещать изображения и текстовые блоки на странице. Сможете самостоятельно работать со стилями в CSS, использовать фреймы и мета-информацию. А также получите практические советы, как выбрать хостинг и техподдержку сайта.
А еще во время обучения Вы узнаете, что важнее – дизайн или чёткая структура? И как спроектировать сайт таким образом, чтобы он успешно продвигался в дальнейшем?
Программа курса соответствует требованиям профессионального стандарта.
Курс рекомендован Российской Ассоциацией электронных коммуникаций «РАЭК». Его успешное прохождение поможет Вам систематизировать и закрепить имеющиеся знания. Это мощная база для дальнейшего изучения веб-технологий. Курс необходим всем, кто планирует овладеть престижной профессией интернет-маркетолога, веб-верстальщика, контент-менеджера, веб-мастера или веб-дизайнера.
Программа курса:
Модуль 1. Введение и основные понятия Как это работает? Что такое web-сервер, web-сайт, web-страница Цели и задачи языка HTML HTML-разметка. Элементы Структура HTML-документа: Использование комментариев Базовые элементы разметки: Атрибуты элементов Специальные символы Лабораторная работа по теме
Модуль 2. Анатомия страницы Понимаем, как мы пишем: синтаксис HTML Элементы форматирования текста Понимаем, что мы пишем: семантика элементов Валидация HTML-документа Структурные элементы разметки Лабораторные работы по теме
Модуль 3. Гиперссылки Понятие гиперссылок в WWW Внешние и внутренние гиперссылки Типы адресов в WWW Дополнительные атрибуты гиперссылок Лабораторная работа по теме
Модуль 4. CSS. Каскадные таблицы стилей: основные свойства Основные понятия CSS Способы определения стилей Каскадирование и наследование Единицы измерения в CSS Основные типы селекторов Псевдоклассы и псевдоэлементы Свойства шрифтов Свойства текста Свойства цвета и фона Лабораторные работы по теме
Модуль 5. Использование изображений на странице Типы изображений используемые в WWW Вставка изображений на страницу Атрибуты элемента img Лабораторная работа по теме
Модуль 6. Структурирование информации при помощи списков Неупорядоченный список Упорядоченный список Список определений CSS свойства для списков Лабораторная работа по теме
Модуль 7. Представление табличных данных при помощи таблицы Основные элементы таблицы CSS свойства элементов таблиц Объединение ячеек таблицы Дополнительные элементы таблицы Лабораторная работа по теме
Модуль 8. Встраивание внешних данных при помощи фрейма История фреймов Встраиваемые фреймы Фреймы и гиперссылки Лабораторная работа по теме
Модуль 9. Передача пользовательских данных при помощи формы Что такое веб-формы? Элемент form и его атрибуты Элементы формы: текстовые поля и кнопки Элементы формы: элементы выбора Дополнительные атрибуты элементов формы Лабораторная работа по теме
Модуль 10. Использование CSS для макетирования Оформление границ элемента Внутренние отступы элемента Наружные отступы элемента Размеры элемента Плавающие элементы Видимость элемента Лабораторные работы по теме
Модуль 11. Дополнительные возможности HTML и CSS Практическая работа для закрепления изученных тем Стили для различных типов носителей Свойства курсора Встраивание аудио- и видео-файлов Лабораторные работы по теме
Модуль 12. Мета-информация на странице Использование мета-информации Элемент meta и его атрибуты Поясняющая мета-информация Мета-информация для роботов Эмуляция заголовков ответа сервера
Модуль 13. Выбор хостинга и поддержка сайта Понятие хостинга Поиск хостера Услуги хостера Использование FTP-клиента Доступ к ftp-серверу через проводник Windows
Модуль 14. Что дальше? Обзор HTML5 API Тонкая настройка сайта на стороне сервера Динамические элементы на странице Динамическое создание контента на сервере Современные способы предоставления информации
Уровень 2. HTML и CSS. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3:
HTML и CSS — основные языки, с помощью которых разрабатываются веб-страницы. Формально HTML и CSS являются разными языками, но применяются в тесной связи друг с другом и на практике составляют единый комплекс технологий. Этот учебный курс даст вам представление о современных технологиях HTML и CSS, которые совместимы со стандартами Консорциума W3C и поддерживаются в браузерах, распространённых на сегодняшний день.
Рассматриваются продвинутые технологии вёрстки веб-страниц и специальные эффекты, в том числе с использованием абсолютного и относительного позиционирования, переполнения и обрезки блоков, внедрённых объектов, изображений в CSS. Также рассматриваются вопросы профессиональной разработки кода: настройка инструментов разработки, организация технического процесса, разработка технических требований, проектирование макетов, тестирование и контроль качества веб-страниц.
Курс предназначен для веб-мастеров, начинающих верстальщиков, редакторов кода, веб-дизайнеров, веб-программистов, оптимизаторов.
По окончании курса Вы будете уметь:
Cамостоятельно выбирать программные средства разработки в соответствии со своими задачами Грамотно проектировать веб-страницы и эффективно организовывать разработку кода Разрабатывать код HTML и CSS в соответствии со стандартами Консорциума W3C Создавать веб-страницы в соответствии с основными принципами практичности (usability) и доступности (accessibility) для пользователей Разрабатывать веб-страницы, совместимые с распространёнными браузерами: Internet Explorer 6 и выше, Firefox, Opera 7 и выше Верстать веб-страницы с применением современных технологий HTML и CSS: бестабличная и комбинированная вёрстка, абсолютное и относительное позиционирование, переполнение и обрезка блоков, внедрение внешних объектов, изображения в CSS Оптимизировать веб-страницы для печати и для просмотра на наладонных устройствах Тестировать веб-страницы, выполнять контроль качества
Программа курса:
Модуль 1. Веб-стандарты и их поддержка Стандарты W3C. Документация. DOCTYPE. Стандарт Unicode. Кодировки Unicode. Поддержка Unicode в различных браузерах. Протокол HTTP.
Модуль 2. Элементы и атрибуты HTML5 и структура страницы Секции, выноски, статьи, навигационные, «шапка», «подвал». Элементы форм и их атрибуты.
Модуль 3. Эффективное использование инструментов разработки веб-страниц Инструментарий разработчика:, FTP-клиенты, текстовые редакторы, графические редакторы, вспомогательные программы. Web Developer, Mozilla Firebug, Zen Coding/Emmet, IE WebDeveloper. Составление и анализ требований к вёрстке веб-страниц . Проектирование макетов. Тестирование веб-страниц: просмотр в различных браузерах, проверка валидатором, просмотр при различной ширине окна браузера и различных размерах шрифта. Контроль качества веб страниц. Практическая работа: построение структуры страницы с использованием вспомогательных программ.
Модуль 4. Селекторы в HTML5 Селекторы перешедшие из HTML4/xHTML. Псевдоклассы/псевдоэлементы. Контекстные селекторы. Новые селекторы в HTML. Ролловеры, спрайты. Практическая работа: использование специфических селекторов при верстке страницы.
Модуль 5. Введение в построение удобных для использования сайтов (usability) и доступность (accessibility) сайтов Практичность (usability) сайтов. Цели и задачи пользователей. Общие принципы разработки интерфейсов в применении к сайтам. Психологические аспекты взаимодействия пользователя с сайтом. Тестирование практичности. Доступность (accessibility) сайтов. Обзор различных технических устройств для просмотра сайтов. Технические аспекты взаимодействия пользователя с сайтом. Ограниченные возможности пользователей Семинар: Учет удобства использования сайтов
Модуль 6. Продвинутые технологии HTML и CSS Относительное и абсолютное позиционирование. Поведение дочерних элементов при позиционировании. Порядок наложения: свойство z-index. Примеры позиционирования: наложение блоков, закрепление "подвала" внизу страницы. Обрезка блока: свойство clip. Фиксированное позиционирование. Свойство display. Переполнение блока: свойство overflow. Особенности поддержки overflow в разных браузерах. Создание "фреймообразной" вёрстки с использованием overflow. Расширения IE: свойства overflow-x и overflow-y. Внедрение внешних ресурсов: элемент object. Внедрение файлов HTML, создание "фреймообразной" вёрстки с использованием object. Внедрение роликов Flash в соответствии со стандартами Консорциума W3C. Внедрение векторной графики (SVG); предоставление альтернативного растрового изображения браузерам, которые не поддерживают этот формат. Пиктограмма сайта (favicon). Формат ICO. Особенности поддержки пиктограммы в различных браузерах. Практическая работа: использование на практике CSS-свойств позиционирования, отображения и др.
Модуль 7. Совместимость веб-страниц с различными браузерами Условные комментарии. Скрипты для поддержки селекторов и изменения поведения старых браузеров. Программы эмуляторы старых версий IE. Фильтры. Практическая работа: использование кроссбраузерной верстки
Модуль 8. Использование свойств CSS2 и CSS3 Градиенты, анимация, трансформация (2D и 3D), переходы Медиа-запросы (построение мобильных версий сайтов, адаптивная верстка) @font-face (веб-шрифты), текстовые эффекты, Многоколоночная верстка, Работа с фоном (+градиенты) Закругление углов, модель Flex-блоков. Определение технологий, поддерживаемых браузером. Практическая работа: построение выпадающего меню средствами HTML5 и CSS3
Модуль 9. Верстка макета Принципы нарезки макета из psd-файла. Выбор размеров и вариантов верстки. Верстка. Практическая работа: нарезка макета страницы Практическая работа: верстка страницы по заданному макету.
Модуль 10. Типовые решения CSS-фреймворки. Динамический CSS (на примере LESS). Шаблоны CMS Решения на JavaScript.
Коллеги, дабы не быть голословным с моей стороны по поводу этого молодого преподавателя, я увидел тут на форуме дополнительно ещё его курсы по Друпалу (тоже от Специалиста). Там, если я не ошибаюсь, Алмазов ведёт два уровня по CMS Drupal. Так вот, люди там тоже достаточно резко высказывались относительно профессиональной компетенции данного преподавателя. Вот, кстати говоря, привожу копию одной дискуссии на данную тематику:
svv0007 писал(а):
gluck1966 писал(а):
Курс по администрированию. Очень слабый, много лишних рассуждений. Конкретику приходится выщимливать по крохам.... по патибальнойшкале - оценка 2.
Второй уровень от этого "преподавателя" не лучше. Все дело в компетенции, которой нет. Ученикам в аудитории самим приходилось задавать вопросы(на которые через раз можно было услышать ответы), которые должны быть разобраны по полочкам, собственно для этого и нужны подобные курсы. Да о чем там говорить, установку движка растянули на 2 часа. Слушать какие-то абстрактные терминологии аля от "интеловского" специалиста вызывает только раздражение.
Вот так вот... Так что не я один оказался недоволен этим преподавателем. Многие люди высказываются о нём достаточно негативно. Опять же, всё дело в отсутствии педагогического опыта и, возможно, компетенции у этого человека. В общем, такие пироги...
PS. Я никоим образом не хочу тут сказать, что курс плохой. Просто высказываю своё сугубо личное суждение по поводу молодого преподавателя, который этот курс ведёт. Совершенно возможно, что кому-то данный материал будет полезен. В общем, всем удачи и здоровья, а выложившему - огромная благодарность за курс!
Алмазов еще более менее , вот есть такой Тарасов препод это жесть!! видно что знает, но как преподаватель вообще никакой!!
goblin2013
Стаж: 11 лет 1 мес.
Сообщений: 167
Ratio: 0.23
27.51%
Да, согласен, Тарасов средний преподаватель. Знает конечно много, но объяснить не всегда может хорошо.
bumbarash23
Стаж: 13 лет 5 мес.
Сообщений: 672
Ratio: 148.017
100%
goblin2013 писал(а):
По правде сказать, я бы порекомендовал вам лучше изучить следующую книгу, в дополнение ко второму уровню от Евгения Петрова 2010 года, а именно: хорошая книга от зарубежного автора Jennifer Niederst Robbins "Learning Web Design", Fourth Edition. Называется "A Bginner's Guide to HTML, CSS, JavaScript, and Web Graphics" издательства O'Reilly. Эта книга, объёмом чуть более 600 страниц, датируется августом 2012 года. Также у неё есть русскоязычный перевод от конца 2014 года (если я не ошибаюсь).
Лежит на запрещенном недавно в России трекере.
goblin2013
Стаж: 11 лет 1 мес.
Сообщений: 167
Ratio: 0.23
27.51%
Всё равно выложившему данный курс большое человеческое спасибо!
Очень важные материалы, и полезные.
handleft
Стаж: 15 лет
Сообщений: 47
Ratio: 11.919
22.45%
Спасибо за алмазова... кто бы не говорил а я смотрел сначала борисова 1й уровень, потом тарасова 2-й уровень, и алмазова 3-й уровень. с удовольствием посмотрю и эти.
Zerocom1
Стаж: 10 лет 2 мес.
Сообщений: 2
Ratio: 0.207
100%
у кого есть доп.материалы ?скиньте пожалуйста
queen1975
Стаж: 12 лет 6 мес.
Сообщений: 10
Ratio: 1.868
86.71%
Rubec А где этот закрытый форум?
queen1975
Стаж: 12 лет 6 мес.
Сообщений: 10
Ratio: 1.868
86.71%
Rubec Подскажи пожалуйста: где? Как найти?
vitala-777
Стаж: 14 лет
Сообщений: 8
Ratio: 5.143
73.62%
во первых(дитя ) хто и где , а зачем?- ты солнце не туда попал. здесь 2-ой уровень. кто соображает, тот возмёт, Алмазов отлично всё сделал и указал направлениие, отличный препод, так и надо систематизацию препадовать, прошёл в своё время все уроки - с Ник... (как то так )- то есть все 6 курсов , шо здесь раздавались от специалиаста, НО понял одно ,без практики -всё гомно. Где нарыть практику т.е время? Сдесь думай!
Добавлено спустя 1 час 44 минуты 34 секунды:
дополню- спасибо раздающим, без вас не было бы азарта, не было бы новых знаний, это даёться нам всем программистам для того, чтобы вспомнить какими мы были раньше- будем- учитывая нашу жертвенность знаний, лично давно подхватываю ваш кладезь и передаю и дополняю дальше, чего и всем желаю. (Зёма это чё ты? ) ОДЕССА_МАМА!!!
Добавлено спустя 32 минуты 29 секунд:
не кто ни когда не задумывался, почему доменная точка главная не виденная изначально(но заметная на хостингах) идёт с лево на право ? Учить и пробовать и улучшать. трудиться и доказать , что русский дух лучше, качественней ,как в былые времена (60-90), да не поверю ,шо все уехали на за рубеж? Алмазов здесь ещё очень снисходительно, разжовывая. Отличный парень , раздающему благодарочка!
vitala-777
Стаж: 14 лет
Сообщений: 8
Ratio: 5.143
73.62%
Для начинающих изучать fronted- нуно пройти от специалиста самый старый курс,основу фундамент html, там человечище препод всё реально делает и много обьясняет. Прочитать пару книжёнок- типо " Head First - Изучаем HTML, XHTML и CSS (2-е издание)", делать конспеткы в "Mindjet MindManager"-шпаргалки атрибутов, свойств,значений- если внимательно и целенаправленно изучать-45 -60 дней, дальше курсы Борисова быстро проходим-многие методики сейчас не эфективны, но Борисов это шо то-прикалист-красава. добавит знаней. здеся нуно книги поболШе-типо-" Мэтью Мак-Дональд - HTML5. Недостающее руководство", " З. Джилленуотер - Сила CSS3. Освой новейший стандарт веб-разработок" , "Пуленепробиваемый веб-дизайн" , " HTML5_и_CSS3_Разработка_сайтов_для_любых_браузеров_и_устройств" -Frain.B "Дэн Седерхольм - CSS ручной работы "---'эти книги дадут вам манипулировать тенюшками, обводками, вообще красоту-марафет накладывать паралельно этот курс и 3-ий.время на всю эту красоту 6 -9 месяцев. Тогда ты мастер, сам увидишь. 90% решений и отличной веб разработки на стороне юзера, без всяких там серваков и джава скрипт, которые замедляют показ страниц---помойму не плохо. хоть пол часа в день, но это надо делать-привычка, и не сайт делать-а переплюнать ютуб, создать свой для всех типо "вконтакте" и лучше и больше... ага? Удачки!
