infoschoolИнформатика в школеInformatics in school2221-1993Publishing House Education and Informatics10.32517/2221-1993-2019-18-10-36-40infoschool-416Research ArticleМЕТОДИЧЕСКАЯ КОПИЛКАTEACHING PRACTICESОбучение основам языка HTML с использованием инфографикиTEACHING FOR THE BASICS OF HTML WITH THE USE OF INFOGRAPHICSХозянинаА. Н.HozyaninaA. N.

Хозянина Анастасия Николаевна

преподаватель специальных дисциплин, Саранский автомеханический техникум, 430017, Республика Мордовия, г. Саранск, ул. Солнечная, д. 25;

магистрант 2-го курса физико-математического факультета, Мордовский государственный педагогический институт имени М. Е. Евсевьева, 430007, Республика Мордовия, г. Саранск, ул. Студенческая, д. 11 а

Saransk, the Republic of Mordovia

khozyanina.a@mail.ruСаранский автомеханический техникум; Мордовский государственный педагогический институт имени М. Е. ЕвсевьеваРоссияSaransk Automotive Technical School; Mordovian State Pedagogical Institute named after M. E. EvsevjevRussian Federation2019231220190103640Copyright © Хозянина А.Н., 20192019Хозянина А.Н.Hozyanina A.N.Данная работа распространяется под лицензией Creative Commons Attribution 4.0.This work is licensed under a Creative Commons Attribution 4.0 License.https://school.infojournal.ru/jour/article/view/416

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

The article describes the specifics of teaching college students for Web design. The importance of the HTML language for the successful mastery of Web design is justified. Infographics is provided to simplify the perception of the HTML language tags. It is described how to teach this language using infographics.

колледжинфографикаязык HTMLвеб-дизайнстудентыобучениеcollegeinfographicsHTML languageweb designstudentstrainingReferencesБанокин П. И., Вичугов В. Н. Система семантической оптимизации содержимого веб-сайтов на основе пользовательских предпочтений // Известия Томского политехнического университета. 2012. Т. 321. № 5. С. 93–97.Банокин П. И., Вичугов В. Н. Система семантической оптимизации содержимого веб-сайтов на основе пользовательских предпочтений // Известия Томского политехнического университета. 2012. Т. 321. № 5. С. 93–97.Зубрилина М. С., Щетинкина О., Баранова К., Нечайкина М. Г. Учебное мероприятие «Магия слов, или Влияние контента на продвижение сайта в сети Интернет» как инструмент мотивации школьников к изучению оптимизации сайтов // Информатика в школе. 2018. № 5. С. 25–28.Зубрилина М. С., Щетинкина О., Баранова К., Нечайкина М. Г. Учебное мероприятие «Магия слов, или Влияние контента на продвижение сайта в сети Интернет» как инструмент мотивации школьников к изучению оптимизации сайтов // Информатика в школе. 2018. № 5. С. 25–28.Кириченко А. В., Хрусталев А. А. HTML5+CSS3. Основы современного web. СПб.: Наука и Техника, 2018. 352 с.Кириченко А. В., Хрусталев А. А. HTML5+CSS3. Основы современного web. СПб.: Наука и Техника, 2018. 352 с.Крам Р. Инфографика. Визуальное представление данных. СПб.: Питер, 2015. 384 c.Крам Р. Инфографика. Визуальное представление данных. СПб.: Питер, 2015. 384 c.Лаптев В. В. Изобразительная статистика. Введение в инфографику. СПб.: Эйдос, 2012. 180 c.Лаптев В. В. Изобразительная статистика. Введение в инфографику. СПб.: Эйдос, 2012. 180 c.Маккэндлесс Д. Инфографика. Самые интересные данные в графическом представлении. М.: Манн, Иванов и Фербер, 2013. 264 c.Маккэндлесс Д. Инфографика. Самые интересные данные в графическом представлении. М.: Манн, Иванов и Фербер, 2013. 264 c.Мильчакова Н. Е. Особенности структуры web-сайта и воздействие цвета в web-дизайне // Дизайн. Материалы. Технология. 2017. № 5. С. 17–20.Мильчакова Н. Е. Особенности структуры web-сайта и воздействие цвета в web-дизайне // Дизайн. Материалы. Технология. 2017. № 5. С. 17–20.Мышенков К. С., Посевин А. К. Методы внутренней оптимизации сайтов // Теоретические и прикладные аспекты современной науки. 2014. № 6-3. С. 75–77.Мышенков К. С., Посевин А. К. Методы внутренней оптимизации сайтов // Теоретические и прикладные аспекты современной науки. 2014. № 6-3. С. 75–77.Никулова Г. А., Подобных А. В. Средства визуальной коммуникации — инфографика и метадизайн // Образовательные технологии и общество. 2010. Т. 13. № 2. С. 369–387.Никулова Г. А., Подобных А. В. Средства визуальной коммуникации — инфографика и метадизайн // Образовательные технологии и общество. 2010. Т. 13. № 2. С. 369–387.Разинкина Е. М., Чусавитина Г. Н. Создание web-страниц с использованием HTML. Магнитогорск: Изд-во Магнитогорского государственного университета, 2003. 122 с.Разинкина Е. М., Чусавитина Г. Н. Создание web-страниц с использованием HTML. Магнитогорск: Изд-во Магнитогорского государственного университета, 2003. 122 с.Рогов В. Р., Николаев А. Б. Основные секреты оптимизации и продвижения сайтов в поисковых системах // Молодой ученый. 2011. № 4-3. С. 47–53.Рогов В. Р., Николаев А. Б. Основные секреты оптимизации и продвижения сайтов в поисковых системах // Молодой ученый. 2011. № 4-3. С. 47–53.Селеменев С. В. Инфографика в школе // Информатика и образование. 2011. № 9. С. 38–44.Селеменев С. В. Инфографика в школе // Информатика и образование. 2011. № 9. С. 38–44.Симакова С. И. Инфографика: визуализация цифрового контента // Вестник Волжского университета им. В. Н. Татищева. 2012. № 3 (10). С. 219–226.Симакова С. И. Инфографика: визуализация цифрового контента // Вестник Волжского университета им. В. Н. Татищева. 2012. № 3 (10). С. 219–226.Смикиклас М. Инфографика. Коммуникация и влияние при помощи изображений. СПб.: Питер, 2014. 152 c.Смикиклас М. Инфографика. Коммуникация и влияние при помощи изображений. СПб.: Питер, 2014. 152 c.Тоузленд М., Тоузленд С. Инфографика. Мир, каким вы никогда не видели его прежде. М.: Манн, Иванов и Фербер, 2014. 208 с.Тоузленд М., Тоузленд С. Инфографика. Мир, каким вы никогда не видели его прежде. М.: Манн, Иванов и Фербер, 2014. 208 с.

The authors declare that there are no conflicts of interest present.