Создание адаптивных сайтов урок первый

Автор Artur Merichev
Создание адаптивных сайтов   урок первый

Всем привет.

С вами лук. Меня зовут чернобаев. Николай и вы смотрите 1 вводный урок по курсу о создание адаптивных сайтов.

О чём будет курс в кратце посвящённому.

Как создавать сайты которые будут одинаково класса смотреться как на персональных компьютерах как на мобильных устройствах такие как — это мобильные телефоны смартфоны в чём суть. Почему ещё пришла такая идея этого курса потому что. Как я вижу большинство людей до сих пор витает в распущенных понятие. Что такое адаптивный такое responsive Design отзывчивый, что такое mobile-files, что такое Progressive enhancement и, что я скажу он друзья — это просто для того, что во-первых 4 поняли, что есть к чему во-вторых чтобы количество адаптивных сайтов под различные устройства. Верните увеличилась и чтобы вы дорогие друзья смогли твердо знать и ставить своём резюме галочку о том, что вы умеете создавать сайты адаптивной различные устройства и так немного статистики по подсчетам в этом году должно стать переломный момент когда количество интернет запросов с мобильных устройств превысит запросы с персональных компьютеров топов следующий момент около 75% пользователей смартфонов берут их ванну. Когда этот мыться и. Четверо из 5 пользователей использует свои мобильные устройства для поиска товаров, а иногда и для покупки в общем все — это небольшая статистика. Я думаю любые ваши сомнения по поводу того нужно ли учиться делать адаптивный сайт или нет. И так, что же такое адаптивная верстка и дизайн — это стык техник и концепции разработке и дизайну web-сайтов обеспечивающий отлично и их отображении на любом виде устройство будто смартфон планшет ноутбук или даже телевизор с выходом в. Интернет также этот стек технологий концепцией позволяет. И главное его. Где в том, что сайт один сайт может быть одинакового качества. Понятно смотреться на любом из этого видео устройств и нет никакой причины создавать подкасты сайт как — это было раньше например все. Мы помним мобильные сайты с примеров по доменам то есть философия идти дизайн заключается в том, что сайт который работает на всём спектре устройств в этом курсе. Мы затронем именно верстка адаптивных сайтов дизайн как разрабатывать мобильный дизайн. Мы здесь будем. Возможно — это будет отдельный курс. Так, что здесь именно вы получите просмотреть. Откуда вы получите практику и понимание того как создавать адаптивный сайт именно создавать я не буду вдаваться в подробности. Что такое вёрстка. Откуда всё — это пошло на — это нас есть отдельные курсы, но минимум которые необходимо знать — это то что. Всё пошло и создание печатной продукции именно там были придуманы модульная сетка точных пропорциях и разметка в нашем в мире этой, что e-mail.ua роль модульной сетки выполняет стандартным CSS. Также вы должны понимать, что весит активный — это естественное развитие событий в интернете то есть как раньше была революция война браузеров когда разработчикам говорили, что вы должны сверстать сайт который будет под определенный браузер. Также сейчас всем говорят сделайте ко мне сайт который будет под определенное устройство можно сказать уже последние четыре года идёт так называемые мобильный. Революции всё — это видно небольшое статистики которые упоминал ранее можно привезти ещё такой аллегорию, что интернет. Это огромный океан информации и множество различных кораблей и подводных лодок даже китов дельфинов самолётов использует океан по каким-то своим целям значением и у всех у них должна быть равноправное возможность получать то, что нужно два океана и — это и есть. Наша задача как разработчик of сделать так чтобы любая маленькая рыболовецкая шумка или даже пиратский корабль или огромный лайнер все могли одинаковые пользоваться океан информации получает то, что ему нужен также мы должны понимать, что мы не можем. Прочитать все все все виды устройство как их тысячи и поэтому нам нужно ориентироваться не на конкретное устройство она стандартные разрешения этих устройств то есть то. Через, что пользователь благодаря этому устройству видит наш океан он же интернет и именно на этом основана адаптивный дизайн. Есть разрешение уже признаны нестандартными которые охватывают максимально большое количество устройств, но мы также будем рассматривать все техники которые позволят вам при крайней необходимости создать сайт под любой устройств. То есть вы сможете у вас будет полная свобода в том чтобы создавать сайт под какое-то конкретное разрешения конкретного устройства, но повторюсь если уже признанные разрешения которая охватывает максимальный scope всех устройств через которой пользователи выходит в интернет. Давайте чтобы конкретнее понять, что же такое адаптивный дизайн рассмотрим следующий рисунок который нарисовал диаграмму он показывает, что вот здесь вот. Круг Это адаптивный дизайн и, что в него входит. Не входит три основные вещи то есть концепция из теста постоянно развивается этот стек технологий, но на данный момент — это вот и основные вещи 1 отзывчивость дизайн он использует дизайн который вы неоднократно слышали везде много раз mobile-first техника и техника Progressive enhancement. Теперь давайте всё по очередное рассмотрим каждый отзывчивы дизайн первый раз о нём услышал мир в май 2010 года когда парень под названием — это марка такой есть у него сайт упомянул этот термин в одной из своих статей и позже написал книгу по названию используют дизайн которые до сих пор в принципе считается.

0 комментариев
0

Читайте также