[Специалист]Основы WEB – разработки. HTML и CSS. Уровни 1-2. [2014 г.]

Ответить на тему
 

Jack Smeet ®

Стаж: 4 года 6 месяцев

Сообщений: 67

Симпатии: 17

Основы WEB – разработки. HTML и CSS. Уровни 1-2. Производитель: Специалист
Год выпуска: 2014
Язык: русский
Жанр: Web-дизайн
Описание: HTML и CSS — основные языки разметки и стилей, с помощью которых разрабатываются веб-страницы. На курсе Вы изучите основы языка разметки HTML, способы применения CSS, основы построения сайтов для сети Интернет. Вы получите необходимые навыки для построения сайтов с помощью статических страниц в сети Интернет. Успешное обучение на этом курсе даст Вам прочную базу для дальнейшего изучения Веб-технологий.
Курс HTML рекомендуется всем, кто планирует в дальнейшем изучать другие курсы по теме «Интернет и Web-технологии». Вы получите необходимые навыки для построения сайтов и статических страниц в сети Internet. Успешное обучение на этом курсе даст Вам прочную базу для дальнейшего изучения web-технологий, может стать первым шагом на пути к овладению профессиями Web-дизайнер, Web-мастер.
От себя: Курс практически полностью переработан и обновлен, сравниваю с курсом 2011 года. Преподавание 1ого уровня ведет Игорь Борисов, для кого то это важно.
Важно: Присутствуют кратковременные пропадания картинки в некоторых видео файлах

HTML и CSS. Уровень 1. Создание сайтов по стандартам W3C на HTML 5 и СSS 3:

Автор (режиссер): Игорь Борисов
Видео кодек: MPEG4
Продолжительность: 23:04:39
Качество видео: PCRec
Видеокодек: MPEG4
Битрейт видео: ~68kbps
Размер кадра: 872x640
Аудиокодек: AAC
Битрейт аудио: 64kbps

Mediainfo:

Общее
Полное имя : 1_1.mp4
Формат : MPEG-4
Профиль формата : Base Media / Version 2
Идентификатор кодека : mp42
Размер файла : 71,7 Мбайт
Режим общего битрейта : Переменный
Общий поток : 136 Кбит/сек
Видео
Идентификатор : 1
Формат : AVC
Формат/Информация : Advanced Video Codec
Профиль формата : [email protected]
Параметр CABAC формата : Да
Параметр ReFrames формата : 4 кадра
Идентификатор кодека : avc1
Идентификатор кодека/Информация : Advanced Video Coding
Продолжительность : 1 ч. 13 м.
Продолжительность оригинала : 1 ч. 13 м.
Битрейт : 68,0 Кбит/сек
Номинальный битрейт : 110 Кбит/сек
Ширина : 872 пикселя
Высота : 640 пикселей
Соотношение сторон : 4:3
Соотношение сторон в оригинале : 4:3
Режим частоты кадров : Переменный
Частота кадров : 15,000 кадров/сек
Минимальная частота кадров : 15,000 кадров/сек
Максимальная частота кадров : 15,005 кадров/сек
Цветовое пространство : YUV
Субдискретизация насыщенности : 4:2:0
Битовая глубина : 8 бит
Тип развёртки : Прогрессивная
Бит/(Пиксели*Кадры) : 0.008
Размер потока : 35,7 Мбайт (50%)
Размер потока оригинала : 35,7 Мбайт (50%)
Библиотека кодирования : x264 core 125 r2200 999b753
Настройки программы : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x3:0x113 / me=hex / subme=7 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=6 / lookahead_threads=1 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=250 / keyint_min=15 / scenecut=40 / intra_refresh=0 / rc_lookahead=40 / rc=2pass / mbtree=1 / bitrate=110 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / cplxblur=20.0 / qblur=0.5 / ip_ratio=1.40 / aq=1:1.00
Язык : English
mdhd_Duration : 4404155
Аудио
Идентификатор : 2
Формат : AAC
Формат/Информация : Advanced Audio Codec
Профиль формата : LC
Идентификатор кодека : 40
Продолжительность : 1 ч. 13 м.
Вид битрейта : Переменный
Битрейт : 64,0 Кбит/сек
Каналы : 2 канала
Расположение каналов : Front: L R
Частота : 44,1 КГц
Метод сжатия : С потерями
Размер потока : 33,6 Мбайт (47%)
Язык : English
Курс HTML рекомендуется всем, кто планирует в дальнейшем изучать другие курсы по теме «Интернет и Web-технологии». Вы получите необходимые навыки для построения сайтов и статических страниц в сети Internet. Успешное обучение на этом курсе даст Вам прочную базу для дальнейшего изучения web-технологий, может стать первым шагом на пути к овладению профессиями Web-дизайнер, Web-мастер.
По окончании курса Вы будете уметь:
    создавать web-страницы, содержащие все необходимые компоненты: текстовое наполнение, гиперссылки, графическое наполнение;
    самостоятельно создавать полноценный сайт путем определения иерархии взаимодействия web-страниц между собой;
    грамотно разрабатывать интерактивные формы для взаимодействия пользователя с web-сервером;
    эффективно использовать возможности каскадных таблиц стилей CSS для повышения функциональности и улучшения оформления web-сайта;
    использовать технологию фреймов;
    узнаете о новых возможностях HTML 5 и CSS 3;

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

Модуль 1. Введение и основные понятия
    Что такое web-сервер, web-сайт, web-страница
    Основные сведения о языках разметки:
    Эволюция языков разметки.
    Цели и задачи языка HTML.
    HTML-разметка: Элементы
    Тэги
    Структура HTML-документа. Основные элементы разметки.
    Раздел head и заголовок документа
    Использование комментариев
    Атрибуты элементов
    Специальные символы
    Лабораторная работа: создание HTML-документа
Модуль 2. Анатомия страницы
    Регистр букв, закрытие тегов, использование кавычек в атрибутах
    Типы HTML-документов
    Валидация HTML-документа, валидатор W3C.
    Лабораторная работа: валидация разметки
    Структурные элементы разметки
    Текстовые элементы разметки
    Лабораторная работа: добавление типа документа
Модуль 3. Гиперссылки
    Понятие гиперссылок в WWW
    Внешние и внутренние гиперссылки
    Типы адресов в WWW
    Дополнительные атрибуты гиперссылок
    Лабораторная работа: создание навигационного меню
Модуль 4. Изображения
    Типы изображений используемые в WWW
    Вставка изображений на страницу
    Атрибуты элемента img
    Новые элементы для изображений в HTML5
    Лабораторная работа: использование изображений на странице
Модуль 5. CSS. Каскадные таблицы стилей: основные свойства
    Основные понятия CSS
    Способы определения стилей
    Каскадирование
    Наследование
    Единицы измерения в CSS
    Селекторы
    Псевдоклассы и псевдоэлементы
    Лабораторная работа: базовое оформление страницы с помощью стилей
    Свойства шрифтов
    Свойства текста
    Свойства цвета и фона
    Лабораторная работа: окончательное оформление страницы с помощью стилей
Модуль 6. Списки
    Структурирование информации на WEB-странице при помощи списков.
    Маркированный список
    Нумерованный список
    Список определений
    Смешанные списки
    CSS свойства для списков
    Лабораторная работа: оформление навигационного меню в виде списка
Модуль 7. Таблицы
    Основные элементы таблицы
    Структура таблицы на странице
    Объединение ячеек. Типичные ошибки при работе с таблицами
    CSS свойства элементов таблиц
    Дополнительные элементы таблицы
    Лабораторная работа: оформление табличных данных
Модуль 8. Фреймы
    История фреймов
    Вложенные фреймы (iframe)
    Фреймы и гиперссылки
    Лабораторная работа: добавление на страницу плавающего фрейма
Модуль 9. Формы
    Что такое веб-формы?
    Элемент form
    Текстовые поля и кнопки
    Элементы выбора
    Списки
    Атрибуты элементов формы
    Лабораторная работа: создание веб-формы обратной связи
    Элементы и их атрибуты в HTML 5
Модуль 10. Использование CSS для макетирования
    Оформление границ элемента
    Внутренние отступы элемента
    Наружные отступы элемента
    Размеры элемента
    Позиционирование элемента
    Видимость элемента
    Лабораторная работа: позиционирование элементов
Модуль 11. Дополнительные возможности HTML и CSS
    Импорт CSS
    Стили для различных типов носителей
    Свойства CSS для печати страниц
    Лабораторная работа: подготовка страницы к печати
    Свойства курсора
    Использование внешних объектов
    Встраивание аудио- и видео-файлов с помощью элементов HTML5
    Обзор возможностей HTML 5 (Canvas, WebStorage, Drag-&-Drop)
Модуль 12. Мета-информация на странице
    Использование мета-информации
    Элемент meta и его атрибуты
    Поясняющая мета-информация
    Мета-информация для роботов
    Эмуляция заголовков ответа сервера
Модуль 13. Выбор хостинга и поддержка сайта
    Хостинг
    Поиск хостера
    Услуги хостера
    Использование FTP-клиента
    Доступ к сайту через проводник Windows
Модуль 14. Что дальше?
    Тонкая настройка сайта на стороне сервера
      Динамические элементы на странице
        Динамическое создание контента на сервере
          Современные способы предоставления информации

Скриншоты

HTML и CSS. Уровень 2. Кроссбраузерная верстка, основы юзабилити, HTML5 и CSS3

Авторы курса: Тищенко Олег Борисович, Тарасов Алексей Владимирович
Продолжительность: 24:00:00
Качество видео: PCRec
Видеокодек: MPEG4
Битрейт видео: ~15fps 69kbps
Размер кадра: 912x672
Аудиокодек: AAC
Битрейт аудио: 44100Hz stereo 64kbps

MediaInfo

Общее
Полное имя : 1_1.mp4
Формат : MPEG-4
Профиль формата : Base Media / Version 2
Идентификатор кодека : mp42
Размер файла : 60,0 Мбайт
Режим общего битрейта : Переменный
Общий поток : 138 Кбит/сек
Видео
Идентификатор : 1
Формат : AVC
Формат/Информация : Advanced Video Codec
Профиль формата : [email protected]
Параметр CABAC формата : Да
Параметр ReFrames формата : 4 кадра
Идентификатор кодека : avc1
Идентификатор кодека/Информация : Advanced Video Coding
Продолжительность : 1 ч. 0 м.
Продолжительность оригинала : 1 ч. 0 м.
Битрейт : 70,0 Кбит/сек
Ширина : 912 пикселей
Высота : 672 пикселя
Соотношение сторон : 4:3
Режим частоты кадров : Переменный
Частота кадров : 15,000 кадров/сек
Минимальная частота кадров : 15,000 кадров/сек
Максимальная частота кадров : 15,003 кадров/сек
Цветовое пространство : YUV
Субдискретизация насыщенности : 4:2:0
Битовая глубина : 8 бит
Тип развёртки : Прогрессивная
Бит/(Пиксели*Кадры) : 0.008
Размер потока : 30,3 Мбайт (51%)
Размер потока оригинала : 30,3 Мбайт (51%)
Библиотека кодирования : x264 core 125 r2200 999b753
Настройки программы : cabac=1 / ref=3 / deblock=1:0:0 / analyse=0x3:0x113 / me=hex / subme=7 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=1 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=-2 / threads=6 / lookahead_threads=1 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=2 / keyint=250 / keyint_min=15 / scenecut=40 / intra_refresh=0 / rc_lookahead=40 / rc=2pass / mbtree=1 / bitrate=70 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / cplxblur=20.0 / qblur=0.5 / ip_ratio=1.40 / aq=1:1.00
Язык : English
mdhd_Duration : 3634130
Аудио
Идентификатор : 2
Формат : AAC
Формат/Информация : Advanced Audio Codec
Профиль формата : LC
Идентификатор кодека : 40
Продолжительность : 1 ч. 0 м.
Вид битрейта : Переменный
Битрейт : 64,0 Кбит/сек
Каналы : 2 канала
Расположение каналов : Front: L R
Частота : 44,1 КГц
Метод сжатия : С потерями
Размер потока : 27,7 Мбайт (46%)
Язык : English
Рассматриваются продвинутые технологии вёрстки веб-страниц и специальные эффекты, в том числе с использованием абсолютного и относительного позиционирования, переполнения и обрезки блоков, внедрённых объектов, изображений в 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.

Скриншоты



Последний раз редактировалось: Jack Smeet (2014-06-26 16:48), всего редактировалось 2 раз(а)

Создавать темы 26-Июн-2014 14:44

[Профиль]  [ЛС] 

Jack Smeet ®

Стаж: 4 года 6 месяцев

Сообщений: 67

Симпатии: 17

Что-то не могу встать на раздачу

Создавать темы 26-Июн-2014 14:53

[Профиль]  [ЛС] 

AntiGov

Стаж: 5 лет 2 месяца

Сообщений: 315

Симпатии: 48

Jack Smeet, Ваша раздача пока еще не проверена. Подождите.

Создавать темы 26-Июн-2014 15:39

[Профиль]  [ЛС] 

Slapper

Стаж: 3 года 10 месяцев

Сообщений: 2193

Симпатии: 213

Jack Smeet, всё нормально, вы стоите на раздаче
AntiGov, при чём тут это an

Создавать темы 26-Июн-2014 15:52

[Профиль]  [ЛС] 

AntiGov

Стаж: 5 лет 2 месяца

Сообщений: 315

Симпатии: 48

Slapper, ну во-первых, давайте без подобных смайликов. :cc:
во-вторых не знал что от этого не зависит, все мы люди, все мы ошибаемся.-Jack Smeet, у вас еще есть курсы от Специалиста?

Создавать темы 26-Июн-2014 18:42

[Профиль]  [ЛС] 

Slapper

Стаж: 3 года 10 месяцев

Сообщений: 2193

Симпатии: 213

AntiGov, этот смайлик был дружественным и не нес за собой ничего плохого

Создавать темы 26-Июн-2014 19:14

[Профиль]  [ЛС] 

AntiGov

Стаж: 5 лет 2 месяца

Сообщений: 315

Симпатии: 48

Slapper, если что, извините, просто сегодня день не особо удачно сложился mb

Создавать темы 26-Июн-2014 19:46

[Профиль]  [ЛС] 

Slapper

Стаж: 3 года 10 месяцев

Сообщений: 2193

Симпатии: 213

AntiGov, да нет, без проблем, я не в обиде mb часто такое бывает to

Создавать темы 26-Июн-2014 21:44

[Профиль]  [ЛС] 

Jack Smeet ®

Стаж: 4 года 6 месяцев

Сообщений: 67

Симпатии: 17

AntiGov, Есть по JavaScript 1-2 уровни + 3 уровень JQuery, и Ajax (все 2013 года). Но пока нет возможности выставить (((

Создавать темы 26-Июн-2014 22:20

[Профиль]  [ЛС] 

Jack Smeet ®

Стаж: 4 года 6 месяцев

Сообщений: 67

Симпатии: 17

Ребят я постоянно не смогу поддерживать раздачу, поэтому ребята убедительная просьба скачавшие не уходите с раздачи.

Создавать темы 28-Июн-2014 01:30

[Профиль]  [ЛС] 

xxxxz

Стаж: 5 лет 8 месяцев

Сообщений: 28

Почему-то видео 7.1 не открывается, файл поврежден?

Создавать темы 31-Авг-2014 21:20

[Профиль]  [ЛС] 

andreasb

Стаж: 3 года 7 месяцев

Сообщений: 37

Симпатии: 2

да я тоже не могу открыть 7.1 с ним полная беда!

Создавать темы 06-Окт-2014 10:47

[Профиль]  [ЛС] 

DJ-Alex_son

Стаж: 6 лет 7 месяцев

Сообщений: 26

Встаньте на раздачу кто нибудь пожалуйста!

Создавать темы 12-Янв-2016 20:01

[Профиль]  [ЛС] 

Jamavoy

Стаж: 2 года 5 месяцев

Сообщений: 13

Симпатии: 2

Хороший курс дайте раздачу

Создавать темы 13-Янв-2016 13:20

[Профиль]  [ЛС] 
Показать сообщения:    
Ответить на тему

Текущее время: 20-Сен 15:56

Часовой пояс: UTC + 5



Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы