METHODS OF TEACHING HTML AND CSS STYLES IN THE DISCIPLINE OF INFORMATICS FOR STUDENTS OF PEDAGOGICAL INSTITUTES

Open Educational E-Environment of Modern University

View Publication Info
 
 
Field Value
 
Title METHODS OF TEACHING HTML AND CSS STYLES IN THE DISCIPLINE OF INFORMATICS FOR STUDENTS OF PEDAGOGICAL INSTITUTES
МЕТОДИКА НАВЧАННЯ МОВИ HTML ТА CSS СТИЛІВ В ДИСЦИПЛІНІ ІНФОРМАТИКА ДЛЯ СТУДЕНТІВ ПЕДАГОГІЧНИХ ВИШІВ
 
Creator Шувалова, Ольга Ігорівна
 
Subject HTML, CSS styles, JavaScript, teaching methods of Informatics, object-oriented programming, modeling
HTML, CSS стилі, JavaScript, методика навчання Інформатики, об'єктно-орієнтоване програмування, моделювання, Web-програмування
 
Description The paper analyzes the methods of teaching HTML, CSS, JavaScript. The expediency of learning these technologies by students of pedagogical universities is substantiated. The essence of the new method of teaching HTML and CSS is that the emphasis in the content component is shifted to the study of: 1 - visual objects of a hypertext document; 2 - rules of their unique identification; 3 - setting the basic properties and styling properties of these objects; 4 - modeling of hypertext page design based on instances of block objects; 5 - consolidation of knowledge of HTML, CSS languages through the use of these technologies in the formation of reporting sites for laboratory work; 6 - formation of the basis for mastering the technologies of dynamic adjustment of styles by means of JavaScript language. The new methodology involves the use of visual objects of a hypertext document to generate reports to the thematic sections of the course Computer Science such as Office Software, Mathematical Packages, Computer Graphics, etc. Internet hosting is a learning tool for new methods. It is recommended to use this tool to highlight the results of students’ laboratory work. The technique was experimentally implemented using distance learning tools. Analysis of the results of the pedagogical experiment confirmed the feasibility of introducing the new methodology. The conclusions of the work are that the introduction of this technique increases the effectiveness of training. The basis for the positive result is: 1) providing an individualized approach to teaching Computer Science; 2) creating conditions for mastering the concept of modeling through practical application; 3) the formation of understanding of the object-oriented essence of the language of HTML and CSS styles; 4) assistance in mastering modern network technologies; 5) increasing the importance of programming in mastering Informatics. This technique forms the basis for mastering the technologies of object-oriented programming in JavaScript and becomes the basis for further mastering of technologies for the development of Web-oriented information systems. The prospects of this study are seen in the formation of a holistic perception of computer science as a science through the study of Web-programming.
В роботі проводиться аналіз методик навчання мови HTML, CSS, JavaScript. Обґрунтовується доцільність навчання цих технологій студентами педагогічних вишів. Сутність нової методики навчання мови HTML та CSS полягає в тому, що зміщено акценти у змістовій компоненті на вивчення:1 - візуальних об'єктів гіпертекстового документу; 2 - правил унікальної їх ідентифікації; 3 - налаштування базових властивостей та властивостей стилізації цих об'єктів; 4 - моделювання дизайну гіпертекстової сторінки на основі екземплярів блочних об'єктів; 5 - закріплення знань мов HTML, CSS через використання цих технологій при формування сайтів-звітів до лабораторних робіт; 6 - формування підґрунтя до опанування технологій динамічного налаштування стилів засобами мови JavaScript. Нова методика передбачає використання візуальних об'єктів гіпертекстового документа для формування звітів до тематичних розділів навчання курсу Інформатика таких, як Офісне програмне забезпечення, Математичні пакети, Комп'ютерна графіка, тощо. Інтернет-хостинг є засобом навчання для нової методики. Цей засіб рекомендується використовувати для висвітлення результатів студентських лабораторних робіт. Методика експериментально впроваджувалась з використанням засобів дистанційного навчання. Аналіз результатів педагогічного експерименту підтвердив доцільність впровадження нової методики. Висновки роботи полягають у тому, що впровадження цієї методики підвищує ефективність навчання. Основою для позитивного результата стає: 1) забезпечення індивідуалізованого підходу до навчання Інформатики; 2) створення умови для опанування поняття моделювання через практичне застосування; 3) формування розуміння об'єктно-орієнтованої сутності мови HTML і CSS стилів; 4) сприяння опануванню сучасних мережевих технологій; 5) підвищення значущості програмування при опануванні Інформатики. Ця методика формує підґрунтя для опанування технологій об'єктно-орієнтованого програмування мовою JavaScript, стає основою для подальшого опанування технологій розроблення Web-орієнтованої інформаційної системи. Перспективність цього дослідження бачиться у формування цілісного сприйняття інформатики, як науки через вивчення Web-програмування.
 
Publisher Electronic Scientific Professional Journal “OPEN EDUCATIONAL E-ENVIRONMENT OF MODERN UNIVERSITY”
Електронне наукове фахове видання “ВІДКРИТЕ ОСВІТНЄ Е-СЕРЕДОВИЩЕ СУЧАСНОГО УНІВЕРСИТЕТУ”
 
Date 2021-04-28
 
Type info:eu-repo/semantics/article
info:eu-repo/semantics/publishedVersion
 
Format application/pdf
 
Identifier https://openedu.kubg.edu.ua/journal/index.php/openedu/article/view/343
10.28925/2414-0325.2021.1020
 
Source Electronic Scientific Professional Journal “OPEN EDUCATIONAL E-ENVIRONMENT OF MODERN UNIVERSITY”; No. 10 (2021); 241-253
Електронне наукове фахове видання “ВІДКРИТЕ ОСВІТНЄ Е-СЕРЕДОВИЩЕ СУЧАСНОГО УНІВЕРСИТЕТУ”; № 10 (2021); 241-253
2414-0325
10.28925/2414-0325.2021.10
 
Language ukr
 
Relation https://openedu.kubg.edu.ua/journal/index.php/openedu/article/view/343/378
 
Rights Авторське право (c) 2021 Електронне наукове фахове видання “ВІДКРИТЕ ОСВІТНЄ Е-СЕРЕДОВИЩЕ СУЧАСНОГО УНІВЕРСИТЕТУ”
http://creativecommons.org/licenses/by/4.0
 

Contact Us

The PKP Index is an initiative of the Public Knowledge Project.

For PKP Publishing Services please use the PKP|PS contact form.

For support with PKP software we encourage users to consult our wiki for documentation and search our support forums.

For any other correspondence feel free to contact us using the PKP contact form.

Find Us

Twitter

Copyright © 2015-2018 Simon Fraser University Library