Классический форум-трекер
canvas not supported
Нас вместе: 4 232 061

Специалист | HTML и CSS. Уровень 1-2 [Верстальщик Web] (2015) PCRec


Страницы:   Пред.  1, 2, 3, 4, 5, 6, 7, 8, 9, 10  След. 
 
RSS
Начать новую тему   Ответить на тему    Торрент-трекер NNM-Club -> Обучающие видеоматериалы -> Дизайн, рисование (видеокурсы)
Автор Сообщение
Rubec ®
Стаж: 11 лет 10 мес.
Сообщений: 1484
Ratio: 145.008
Поблагодарили: 212927
100%
russia.gif
Специалист | HTML и CSS. Уровень 1-2 (Верстальщик Web) (2015) PCRec
Автор (режиссер): Сергей Дмитриевич Алмазов
Жанр: Веб-дизайн, верстка

Описание:
Обучаясь по комплексной программе, Вы освоите основы разметки HTML, способы применения CSS, основы построения сайтов с помощью статических страниц в сети Интернет. Кроме того, Вы изучите продвинутые технологии верстки веб-страниц и специальные эффекты. Освоите настройку инструментов разработки, организацию технического процесса, проектирование макетов, тестирование и контроль качества веб-страниц и многое другое.
Планируете сделать веб-технологии своей профессией? Хотите создавать сайты? Работать верстальщиком, 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
Тонкая настройка сайта на стороне сервера
Динамические элементы на странице
Динамическое создание контента на сервере
Современные способы предоставления информации
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.
Продолжительность: 32:55:59
Качество видео: PCRec

Видео: AVC/H.264, 1280x800, 1280x1024, ~58,7-148 kbps
Аудио: AAC, 2 ch, 122-128 kbps, VBR
Скриншоты:


[Специалист] | HTML и CSS. Уровень 3. Продвинутые методологии и инструменты верстки (2015) PCRec [H.264/720p]

Время раздачи: 24/7 (круглосуточно)
[NNM-Club.me]_[Specialist] HTML i CSS. Uroven 1-2 (Verstalshhik Web) - 2015.torrent
 Торрент: Платиновая раздача  Зарегистрирован
 
Скачать


Примагнититься
 Зарегистрирован:   24 Янв 2016 20:11:41
 Размер:   3.32 GB  (
 Рейтинг:   4.8 (Голосов: 334)
 Поблагодарили:   1194
 Проверка:   Оформление проверено модератором 24 Янв 2016 21:29:53
Как cкачать  ·  Как раздать  ·  Правильно оформить  ·  Поднять ратио!  
Scor83
Стаж: 12 лет 4 мес.
Сообщений: 216
Ratio: 20.299
Раздал: 8.03 TB
100%
ussr.gif
Teodorix писал(а): Перейти к сообщению
Что в это время происходит - можно только гадать.

Мне видится так: весь класс, включая тех куриц, которые пришли на курс, потому что больше некуда идти, тыкают в кнопки шумно сопя носопырками. Кто-то осознанно, кто-то по-долгу ищет знак амперсанда. Некоторые в надежде ловят взгляд препода и делают расстроенный вид а-ля "я все правильно сделяль, а она не работает...". Тогда препод подходит к этому "студенту" и в это время мы слышим его голос как бы на втором плане.
P.S. Есть кто смелый со свободным временем, готовый повырезать все эти информационные шумы, дабы облегчить восприятие курса и вес файлов?

_________________
...а внутре у ней - неонка...
goblin2013
Стаж: 10 лет 1 мес.
Сообщений: 167
Ratio: 0.23
27.51%
не знаю, мне кажется ускорение мешает усваивать материал... хотя зависит от восприятия...
miha_igor
Стаж: 10 лет 8 мес.
Сообщений: 2
Ratio: 0.605
8.53%
Ребят, поддайте сахарку, а то не качается ничего(
Спасибо!
Scor83
Стаж: 12 лет 4 мес.
Сообщений: 216
Ratio: 20.299
Раздал: 8.03 TB
100%
ussr.gif
miha_igor писал(а): Перейти к сообщению
Ребят, поддайте сахарку, а то не качается ничего(
Спасибо!

110 сидеров - как может "ничего не качаться"?

_________________
...а внутре у ней - неонка...
miha_igor
Стаж: 10 лет 8 мес.
Сообщений: 2
Ratio: 0.605
8.53%
Scor83 писал(а): Перейти к сообщению
miha_igor писал(а): Перейти к сообщению
Ребят, поддайте сахарку, а то не качается ничего(
Спасибо!

110 сидеров - как может "ничего не качаться"?

Состояние: Поиск пиров 0.0%
retsaml
Стаж: 8 лет 2 мес.
Сообщений: 7
Ratio: 22.28
100%
Досмотрел. Категорически не рекомендую для новичков. Я сам разработчик, работаю менее года и не считаю себя профессионалом, но то, что в этом видео - для новичков не пойдет. И дело тут не в сложности материала, а в его плохом качестве. Я смог почерпнуть для себя некоторые вещи из этого материала, за что конечно спасибо, но материал слабый в отношении основ и фундаментальных вещей.

Тема строчных, блочных и строчно-блочных элементов раскрыта более-менее.
Тема марджин коллапса не раскрыта никак.
Тема приоритетности в CSS не раскрыта.
Поведение блоков в потоке, вне его и свойство position раскрыто слабо, в некоторых местах материал по этой теме даже не корректен.

И это только то, что сумел припомнить навскидку. А ведь эти темы фундаментальны, их надо понимать. Для новичков я бы советовал начать с видео материала Евгения Попова 2011 года, проматывая лишние устаревшие методики, особое внимание обращая на основы, блочную модель и всё то, что я упомянул выше. А уже потом можно пройти и этот материал, что бы познакомится с новыми методиками работы и новыми инструментами.

Всем спасибо!
Itto
Стаж: 14 лет 6 мес.
Сообщений: 43
Ratio: 51.641
100%
russia.gif
Я так давно не ржал
в начале 2 курса, препод с важным видом сообщает, вы не можете пользоваться Sublime потому что у вас нет на него лицензии, При этом на экране десктоп винды, на котором написано "Ваша копия Windows не является подлинной"...Т.е. ему можно пользоваться пиратской виндой, а слушателям нельзя (без лицензии) использовать Sublime. Цирк !
zusuls
Стаж: 11 лет 5 мес.
Сообщений: 42
Ratio: 12.5
68.18%
Откуда: Киев
ukraine.gif
Itto писал(а): Перейти к сообщению
Я так давно не ржал
в начале 2 курса, препод с важным видом сообщает, вы не можете пользоваться Sublime потому что у вас нет на него лицензии, При этом на экране десктоп винды, на котором написано "Ваша копия Windows не является подлинной"...Т.е. ему можно пользоваться пиратской виндой, а слушателям нельзя (без лицензии) использовать Sublime. Цирк !

тем более что Sublime официально можно и без лицензии юзать ))
goblin2013
Стаж: 10 лет 1 мес.
Сообщений: 167
Ratio: 0.23
27.51%
retsaml писал(а): Перейти к сообщению
Досмотрел. Категорически не рекомендую для новичков. Я сам разработчик, работаю менее года и не считаю себя профессионалом, но то, что в этом видео - для новичков не пойдет. И дело тут не в сложности материала, а в его плохом качестве. Я смог почерпнуть для себя некоторые вещи из этого материала, за что конечно спасибо, но материал слабый в отношении основ и фундаментальных вещей.

Тема строчных, блочных и строчно-блочных элементов раскрыта более-менее.
Тема марджин коллапса не раскрыта никак.
Тема приоритетности в CSS не раскрыта.
Поведение блоков в потоке, вне его и свойство position раскрыто слабо, в некоторых местах материал по этой теме даже не корректен.

И это только то, что сумел припомнить навскидку.
А ведь эти темы фундаментальны, их надо понимать.


Коллега, большое вам спасибо за развёрнутый и полностью объективный ответ.
goblin2013
Стаж: 10 лет 1 мес.
Сообщений: 167
Ratio: 0.23
27.51%
=)
Dkristof
Стаж: 12 лет 8 мес.
Сообщений: 597
Ratio: 22.046
Поблагодарили: 1022
100%
Начал смотреть после Борисова.
Мать моя, если бы я не слышал всё тоже самое у Борисова, фиг бы я тут что-то понял.
Информация подается клочками, совершенно неструктурированно.
За пять часов преподаватель так и не рассказал толком что такое "элемент, атрибут, имя атрибута, значение атрибута". Основы основ, терминология - это нужно объяснять в самую первую очередь. А тут только упомянули мельком что тэг и элемент одно и тоже.
Что на мой взгляд не совсем верно. (хотя я только учусь и могу ошибаться)

У Борисова всё объясняется и разжевывается. К примеру про тот же тэг и элемент. Был такой слайд. И подробное объяснение что к чему.

Далее про <!doctype html> было сказано всего 2 слова. Причем мимоходом. Что это, для чего, почему это обязательно - непонятно. Более того, а если на работе встретишь запись типа То как это понимать? =) Выпучивать глаза и гуглить?

Еще минус. Преподаватель больше показывает слайды, чем использует примеры на практике.
Результаты написанного показывают еще реже.
Например, в теме про "якоря" так и не показали как это работает. Абстрактное мышление это конечно хорошо, но лучше видеть результаты написаннго.

Не подумайте, я не жалуюсь и скорее всего досмотрю. Как не крути, а все равно это лучше того, что пихают на гикбреинсе. Но как преподаватель лектор явно слабее Борисова и для тех кто совсем ничего про html не слышал этот курс не подходит совершенно. Имхо.

П.с. Дополнительные материалы к курсу в сети так и не появились?
Dkristof
Стаж: 12 лет 8 мес.
Сообщений: 597
Ratio: 22.046
Поблагодарили: 1022
100%
что за? Преподаватель вначале говорит, что табличная верстка устарела, а через два занятия говорит что табличная верстка самая современная. Как так?
goblin2013
Стаж: 10 лет 1 мес.
Сообщений: 167
Ratio: 0.23
27.51%
Dkristof писал(а): Перейти к сообщению
что за? Преподаватель вначале говорит, что табличная верстка устарела, а через два занятия говорит что табличная верстка самая современная. Как так?


интересно... но ведь верстка таблицами и вправду уже устарела :нет:
diabaldy666
Стаж: 8 лет 5 мес.
Сообщений: 13
Ratio: 0.692
100%
goblin2013 писал(а): Перейти к сообщению
Dkristof писал(а): Перейти к сообщению
что за? Преподаватель вначале говорит, что табличная верстка устарела, а через два занятия говорит что табличная верстка самая современная. Как так?


Иными словами, преподаватель непоследователен в своих суждениях, что не есть хорошо...

Касательно табличной вёрстки - она и вправду уже устарела, используется только верстка блоками. Но табличная верстка все еще актуальна в специфических задачах, например, верстка формы обратной связи на веб-сайте, верстка различных программерских элементов, типа интерфейсы для покупки товара в интернет-магазине. То есть, эта верстка еще имеет место на жизнь, но она специфичная. А для стандартных целей - только блочная адаптивная верстка, имхо.


Извиняюсь, а почему floatы называют (наряду с таблицами) прошлым веком?
goblin2013
Стаж: 10 лет 1 мес.
Сообщений: 167
Ratio: 0.23
27.51%
diabaldy666 писал(а): Перейти к сообщению
Извиняюсь, а почему floatы называют (наряду с таблицами) прошлым веком?


Не знаю, возможно, позиционированием легче управлять?... Не готов ответить...
Показать сообщения:   
Начать новую тему   Ответить на тему    Торрент-трекер NNM-Club -> Обучающие видеоматериалы -> Дизайн, рисование (видеокурсы) Часовой пояс: GMT + 3
Страницы:   Пред.  1, 2, 3, 4, 5, 6, 7, 8, 9, 10  След.
Страница 7 из 10