Слайд 2
![Термины веб-дизайнер и веб-разработчик используются как взаимозаменяемые в средствах массовой](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225010/slide-1.jpg)
Термины веб-дизайнер и веб-разработчик используются как взаимозаменяемые в средствах массовой информации
и рекламе. Но они не являются синонимами.
Веб-дизайн включает в себя то, что видит посетитель вашего веб-сайта.
Веб-разработка включает в себя функциональность сайта.
Слайд 3
![В данной презентации будут представлены самые популярные и довольно полезные](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225010/slide-2.jpg)
В данной презентации будут представлены самые популярные и довольно полезные веб-ресурсы
по веб-дизайну и веб-разработке, как для начинающего так и для опытного пользователя.
Слайд 4
![SMASHING MAGAZINE SMASHINGMAGAZINE.COM Сайт посвящен веб-разработке и дизайну. На сайте](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225010/slide-3.jpg)
SMASHING MAGAZINE
SMASHINGMAGAZINE.COM
Сайт посвящен веб-разработке и дизайну.
На сайте Smashing Magazine присутствует
очень удобное меню, с помощью которого можно осуществлять переходы по различным темам.
Слайд 5
![Состоит Smashing Magazine, в основном, из статей. Так же есть](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225010/slide-4.jpg)
Состоит Smashing Magazine, в основном, из статей.
Так же есть раздел
вакансий. В другом из своих многочисленных разделов Smashing Magazine рекомендует книги для веб-разработчиков.
Слайд 6
![PIXABAY PIXABAY.COM Pixabay — это сервис бесплатных фотографий, которые можно](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225010/slide-5.jpg)
PIXABAY
PIXABAY.COM
Pixabay — это сервис бесплатных фотографий, которые можно использовать, не нарушив
при этом чьи-то авторские права. Здесь вы найдете фотографии по самым различным категориям.
Слайд 7
![Так же Pixabay снабжен удобным поиском, подсказками по нахождению похожих фотографий и многими другими полезными фишками.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225010/slide-6.jpg)
Так же Pixabay снабжен удобным поиском, подсказками по нахождению похожих фотографий
и многими другими полезными фишками.
Слайд 8
![LOGOPOND LOGOPOND.COM Все разработчики, разрабатывая сайты, задумываются над созданием логотипов.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225010/slide-7.jpg)
LOGOPOND
LOGOPOND.COM
Все разработчики, разрабатывая сайты, задумываются над созданием логотипов. На сайте Logopond
открывается огромный выбор всевозможных логотипов, выполненных в разных стилях.
Слайд 9
![FONTSTORAGE FONTSTORAGE.COM FontStorage представляет собой огромную коллекцию бесплатных качественных шрифтов на любой вкус.](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225010/slide-8.jpg)
FONTSTORAGE
FONTSTORAGE.COM
FontStorage представляет собой огромную коллекцию бесплатных качественных шрифтов на любой вкус.
Слайд 10
![Ресурс очень удобен в использовании. Сразу можно увидеть, как будет](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225010/slide-9.jpg)
Ресурс очень удобен в использовании. Сразу можно увидеть, как будет выглядеть
любой шрифт из библиотеки FontStorage. Данный проект крайне необходим любому разработчику и дизайнеру.
Слайд 11
![DEVDOCS DEVDOCS.IO На DevDocs собрана документация практически по всем технологиям](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225010/slide-10.jpg)
DEVDOCS
DEVDOCS.IO
На DevDocs собрана документация практически по всем технологиям разработки, начиная от
самой старой документации и кончая самыми последними обновлениями.
Слайд 12
![](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225010/slide-11.jpg)