Хочешь свой плейлист?
1. AC DC - Back in Black
2. AC DC - HIGWAY TO HELL
3. AC⁄DC - Touch To Much
4. Alle Farben - Bad Ideas
5. Arilena Ara - Nëntori (Bess Remix)
6. Artik pres. Asti - Никому не отдам (DJ Vakiloff Deep Remix 2015)
7. Ben Delay - I Never Felt so Right (Club Mix)
8. Bob Marley - Three Little Birds
9. Brandon Flowers - Can't Deny My Love
10. Burak Yeter feat. Danelle Sandoval - Tuesday
11. Cosmic Gate feat. Aruna - Under Your Spell
12. D.idJ - DoIt
13. Deadpool Rap - Sexy Motherfucker
14. Ellie Goulding - Lights
15. Ellie Goulding - Little Dreams
16. Eminem - Ass Like That
17. Estradarada - Вите Надо Выйти
18. Example - Changed The Way You Kiss Me
19. Gutter Brothers - Bitch (Original Mix)
20. IOWA - Нам же нравится одно и тоже (2014)
21. Innerpartysystem - American Trash
22. Jah Khalib feat. Кравц - Do It
23. Justin Timberlake - My Love (feat. T.I.)
24. Kadebostany - Teddy Bear (Astero Remix)
25. Kaleo - Way Down We Go
26. Lana Del Rey - Serial Killer
27. Lana Del Rey - Serial Killer (K Theory Remix)
28. M83 - Oblivion (feat. Susanne Sundfør) (OST Обливион)
29. METAHESH - Better Than Sex
30. Mapei - Don't Wait
31. Misha Daniels - Run Away (Deep Mix)
32. Moonbeam & Indifferent Guy featuring Eva Pavlova - Follow Me
33. Mos Def And Massive Attack - I Against I
34. Nero - Satisfy (Original Mix)
35. No Limits, Jovan Wilder - Slow Down
36. Oh Wonder - Shark (Illenium Remix)
37. Queen - I Want To Break Free
38. Radio Record - РОДРИГЕС ТИМУР
39. Shakira - Waka Waka (Time for Africa)
40. Snakehips & MØ - Don't Leave
41. The Black Eyed Peas - Meet Me Halfway
42. The Prodigy - Girls
43. The Rolling Stones - God Gave Me Everything
44. The Weeknd ft. Daft Punk - Starboy
45. Vitalic - Poison Lips
46. Wiz Khalifa - Work Hard, Play Hard
47. Баста - Голос (feat. Полина Гагарина)
48. Батишта и Ромади - Формула любви
49. Би - 2 & Чичерина
50. Градусы - Радио дождь
51. Елка - Грею счастье внутри
52. Иван Дорн - Ты всегда в плюсе
53. Каста - Радиосигналы
54. Кравц - Море
55. Марсу Нужны Любовники - Ветер сдувает с крыш
56. Марсу Нужны Любовники - Дальневосток
57. Марсу Нужны Любовники - Её глаза
58. Марсу Нужны Любовники - Застелю Цветами (Studio Deep Bootleg)
59. Марсу Нужны Любовники - Скользим
60. Михаил Озеров & Ирина Обрезкова - Лава
61. Моя Мишель - Настя
62. ПИЦЦА & L'One - Мир
63. Пика - Патимейкер
64. Пицца - Романс
65. -

Добро пожаловать на DevsAid.Com!

Внимание! Объявляем конкурс на лучший новостной пост!
Получай уведомления в Telegram или по СМС!
Заработай на публикации тем на форуме!
Участвуешь в складчинах? Круто! Мы заплатим тебе за участие!


[HTML academy] Создание веб-интерфейсов с помощью HTML и CSS (апрель) [2015]

Тема в разделе "Программирование", создана пользователем Dump_Bot, 10 сен 2016.

  1. Название:Создание веб-интерфейсов с помощью HTML и CSS
    Автор:HTML academy

    33ccae5b4a6742fe6447556a51bf92e1.png

    Первый в России полностью онлайновый технологический курс профессионального уровня, построенный на базе нашей собственной платформы.

    Наша задача — сделать из любого новичка полноценного и востребованного специалиста начального уровня, готового работать в веб-индустрии.

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

    Старт карьеры
    Полученный уровень подготовки позволит с лёгкостью начать работать HTML-верстальщиком или другим интернет-специалистом (прототипировщиком, интернет-маркетологом, контент-менеджером, seo-специалистом).

    Повышение эффективности
    Если вы уже работаете в смежной IT-области: менеджером проектов, интернет-маркетологом, веб-дизайнером, то полученные навыки позволят вам существенно повысить свою эффективность. Например, вы сможете быстрее и точнее оценивать сложность задач, самостоятельно создавать посадочные страницы и так далее.

    Качественный сайт своими руками
    В процессе обучения вы создадите свой сайт, выполненный в соответствии со всеми профессиональными стандартами. После чего вы разместите его в интернете.
    Спойлер: Описание далее1 раздел: вводный
    Результат
    Создан скелет проекта: структура папок и файлы-заготовки
    Теория
    Вводная лекция про роль и место верстальщика в мире веб-технологий:
    • устройство веба, TCP/IP, DNS, HTTP, URL-aдреса;
    • регистрация домена, выбор хостинга, настройка веб-сервера;
    • взаимодействие с другими специалистами.
    Из лекции вы узнаете, что на самом деле происходит, когда вы:
    • вводите в браузере адрес сайта и открываете страницу;
    • регистрируете домен;
    • заказываете хостинг;
    • переносите сайт с хостинга на хостинг.
    Во второй части вебинара поговорим про основы HTML/CSS и вёрстки:
    • Базовый синтаксис HTML и CSS.
    • Инструменты вёрстки: редакторы кода, инспекторы, полезные веб-сервисы.
    • Немного о браузерах, браузерных движках и различиях между ними.
    Практика
    Выберем редактор, создадим скелеты учебного и личного проектов, создадим простейшие файлы-заготовки страниц и стилей.

    2 раздел: разметка
    Результат
    Готова базовая HTML-разметка страниц проекта
    Теория
    • Cтруктура простейшего HTML-документа, базовые теги, подключение внешних ресурсов (стилей и скриптов).
    • Важнейшие теги для разметки содержания: текстовые теги, ссылки, изображения, контейнеры.
    • CSS-селекторы.
    • Наследование, каскадность и приоритеты в CSS.
    Практика
    Создадим HTML-разметку нескольких разнотипных интерфейсов. Попрактикуемся использовать подходящие теги, задавать имена классов, оценивать сложность разметки.

    Создадим HTML-разметку учебного и личного проектов.

    3 раздел: фотошоп, графика, стили текста
    Результат
    Подготовлена графика макета, готово оформление текстовых элементов
    Теория
    • Фотошоп для верстальщика. Типовые задачи, которые выполняет верстальщик в фотошопе, и как это делать эффективно.
    • Форматы изображений в веб.
    • Работа с фонами.
    • Оформление текстов с помощью CSS.
    Практика
    В Фотошопе произведём замеры размеров и отступов, определим параметры шрифтов, а также нарежем изображения.

    Используем полученные данные для создания CSS-стилей. Зададим фоны для крупных блоков, стили для текстовых элементов: заголовков, абзацев, ссылок и т.д.

    4 раздел: сетки
    Результат
    Готовы сетки страниц проекта
    Теория
    • Блочная модель документа и поток документа.
    • Тонкости блочной модели.
    • Как управлять потоком документа?
    • Приёмы построения сеток.
    Практика
    Создадим несколько разнотипных сеток, например: «шапка/две колонки/подвал», «шапка/три колонки/подвал» и более сложные.

    Создадим сетки главной и внутренней страниц учебного и личного проектов.

    5 раздел: декоративные элементы и мелкие детали
    Результат
    Завершённая вёрстка главной страницы проекта
    Теория
    • Позиционирование.
    • Использование псевдоэлементов.
    • Приёмы создания декоративных элементов.
    • Создание и использование спрайтов.
    Практика
    Используя различные приёмы из лекции, дооформим мелкие декоративные элементы главной страницы.

    6 раздел: оформление контента
    Результат
    Завершённая вёрстка внутренней страницы проекта
    Теория
    • Таблицы и приёмы оформления таблиц.
    • Формы и приёмы оформления форм.
    • Оформление сложных элементов контента: списки, подписи к изображениям, сноски, галереи, списки товаров и т.д.
    Практика
    Оформим блоки содержания на типовой внутренней странице учебного макета.

    Создадим несколько таблиц и форм, и оформим их с помощью CSS. Затем создадим и оформим несколько сложных контентных элементов.

    7 раздел: введение в JavaScript
    Результат
    Оживим некоторые блоки вёрстки с помощью JavaScript
    Теория
    • Введение JavaScript, написание простейших скриптов с помощью фреймворка VanillaJS
    Практика
    Для свёрстанных проектов добавим: динамическое открытие формы, интерактивную карту.

    8 раздел: прогрессивное улучшение
    Результат
    Полностью завершённая, оптимизированная и «доведённая до блеска» вёрстка проекта
    Теория
    • Прогрессивное улучшение.
    • Критерии качества вёрстки, как отличить мастера от новичка.
    • Базовая оптимизация.
    • Подготовка к защите выпускного проекта.
    Практика
    Рассмотрим свёрстанные проекты с точки зрения критериев качества и прогрессивного улучшения, затем внесём правки и улучшим их.

    Оптимизируем подготовленные проекты.
    Продажник:
    Скачать:
     

    Загрузка...
Похожие темы
  1. Dump_Bot
    Ответов:
    0
    Просмотров:
    41
  2. Dump_Bot
    Ответов:
    0
    Просмотров:
    83
  3. Dump_Bot
    Ответов:
    0
    Просмотров:
    11
  4. Dump_Bot
    Ответов:
    0
    Просмотров:
    10
  5. Dump_Bot
    Ответов:
    0
    Просмотров:
    8
Загрузка...
  • Кто мы?

    2 разработчика которые решили помочь другим разработчикам в решении их проблем, а так же пользователям с поиском самых свежих и качественных инфопродуктов. За 4 с небольшим месяца мы создали этот форум на который заходят ежедневно 1500 человек и посещаемость постоянно растёт. Мы создали панель лицензирования для защиты PHP скриптов от воровства и SEO панель для мониторинга наших сайтов и выбора верной стратегии их развития. Мы надеемся что то что мы создали пригодится Вам и возможно Вы поможете нам развиваться и совершенствоваться вместе с Вами.
  • Набираем команду!

    Мы набираем в нашу команду умных и амбициозных людей! Не важно в какой сфере Вы преуспели, Вы можете попасть в нашу команду и развивать с нами действительно достойный ресурс.

    Вступай!