За последнюю неделю опубликовано 7 новых материалов.
Инструкция новичку Путеводитель по форуму Прокси для Telegram Показать подсказки , это бомба!

Скачать курс [HTML academy] Восьмой базовый интенсив апрель 2015 бесплатно

  • Поучаствуй (в качестве покупателя) в любых пяти совместных покупках (кроме завершённых и "Моментальных") и получи группу "Новичок" навсегда -> ссылка на раздел
  • Получай до 480 рублей за каждого приглашенного пользователя!
    представляем Вам очередное расширение партнерской программы, подробности описаны тут -> ссылка
  • 90% материалов доступно к скачиванию после простой регистрации!
    Если же ты хочешь скачивать материалы без требования оставлять отзывы то получи группу "Новичок", 10 способов повышения описаны тут -> ссылка
  • К сожалению количество битых ссылок растет и мы уже не можем их оперативно восстанавливать поэтому просим помощи у каждого нашего пользователя.
    С сегодняшнего дня, за каждую восстановленную ссылку мы заплатим Вам.
    Подробнее тут -> ссылка
  • Перенесем твои заслуги с другого ресурса!
    Мы понимаем как сложно прокачивать аккаунты на форумах, вроде раскачал аккаунт, а тут появляется ресурс в 100 раз круче но тоже с системой прокачки и снова качать аккаунт...
    Предлагаем вам перенести Ваши заслуги на другом подобном ресурсе к нам.
    Подробности описаны тут -> ссылка
  • Вы можете получать по 2.5% с каждой покупки и продажи на маркете! Подробности в теме Партнёрская программа

Dump_Bot

Бот дампов
Бот форума
30 Июл 2016
1
1.670
20
Месячный онлайн-интенсив
«Создание веб-интерфейсов с помощью HTML и CSS»

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

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


Профессиональные навыки
Полученные навыки позволят вам эффективного решать типовые профессиональные задачи 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 раздел: прогрессивное улучшение РезультатПолностью завершённая, оптимизированная и «доведённая до блеска» вёрстка проекта
Теория[*]Прогрессивное улучшение.[*]Критерии качества вёрстки, как отличить мастера от новичка.[*]Базовая оптимизация.[*]Подготовка к защите выпускного проекта.ПрактикаРассмотрим свёрстанные проекты с точки зрения критериев качества и прогрессивного улучшения, затем внесём правки и улучшим их.

Оптимизируем подготовленные проекты.




Для просмотра содержимого вам необходимо авторизоваться.



 

Привет!

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

Статистика форума

Темы
385.332
Сообщения
431.879
Пользователи
66.007
Новый пользователь
Jutdxx1

Приложения форума для iOS и Android


У ркн там нет власти ;)
Приватные разговоры
Помощь Пользователи
    Вы не присоединились ни к одной комнате.