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

Oljgha Shuvalova
{"title":"METHODS OF TEACHING HTML AND CSS STYLES IN THE DISCIPLINE OF INFORMATICS FOR STUDENTS OF PEDAGOGICAL INSTITUTES","authors":"Oljgha Shuvalova","doi":"10.28925/2414-0325.2021.1020","DOIUrl":null,"url":null,"abstract":"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.","PeriodicalId":145377,"journal":{"name":"OPEN EDUCATIONAL E-ENVIRONMENT OF MODERN UNIVERSITY","volume":"1 1","pages":"0"},"PeriodicalIF":0.0000,"publicationDate":"1900-01-01","publicationTypes":"Journal Article","fieldsOfStudy":null,"isOpenAccess":false,"openAccessPdf":"","citationCount":"1","resultStr":null,"platform":"Semanticscholar","paperid":null,"PeriodicalName":"OPEN EDUCATIONAL E-ENVIRONMENT OF MODERN UNIVERSITY","FirstCategoryId":"1085","ListUrlMain":"https://doi.org/10.28925/2414-0325.2021.1020","RegionNum":0,"RegionCategory":null,"ArticlePicture":[],"TitleCN":null,"AbstractTextCN":null,"PMCID":null,"EPubDate":"","PubModel":"","JCR":"","JCRName":"","Score":null,"Total":0}
引用次数: 1

Abstract

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样式教学方法
本文分析了HTML、CSS、JavaScript的教学方法。论证了师范院校学生学习这些技术的方便性。新的HTML和CSS教学方法的实质是将内容组件的重点转移到学习:1 -超文本文档的视觉对象;2 -其唯一标识规则;3 -设置这些对象的基本属性和样式属性;基于块对象实例的超文本页面设计建模;5 -通过对HTML、CSS语言知识的巩固,利用这些技术形成报告网站进行实验室工作;6 .形成了掌握JavaScript语言动态调整风格技术的基础。新的方法包括使用超文本文档的可视化对象来生成报告,以供计算机科学课程的专题部分使用,如Office软件、数学软件包、计算机图形学等。Internet托管是学习新方法的工具。建议使用这个工具来突出学生实验工作的结果。该技术在实验中使用远程学习工具实现。通过对教学实验结果的分析,证实了引入新方法的可行性。本研究的结论是,该技术的引入提高了培训的有效性。取得积极成果的基础是:1)提供个性化的计算机科学教学方法;2)通过实际应用为掌握建模概念创造条件;3)形成对HTML语言的面向对象本质和CSS风格的理解;4)协助掌握现代网络技术;5)提高编程在掌握信息学中的重要性。该技术是掌握JavaScript中面向对象编程技术的基础,也是进一步掌握面向web的信息系统开发技术的基础。本研究的前景是通过对网络编程的研究,形成对计算机科学作为一门科学的整体认知。
本文章由计算机程序翻译,如有差异,请以英文原文为准。
求助全文
约1分钟内获得全文 求助全文
来源期刊
自引率
0.00%
发文量
0
×
引用
GB/T 7714-2015
复制
MLA
复制
APA
复制
导出至
BibTeX EndNote RefMan NoteFirst NoteExpress
×
提示
您的信息不完整,为了账户安全,请先补充。
现在去补充
×
提示
您因"违规操作"
具体请查看互助需知
我知道了
×
提示
确定
请完成安全验证×
copy
已复制链接
快去分享给好友吧!
我知道了
右上角分享
点击右上角分享
0
联系我们:info@booksci.cn Book学术提供免费学术资源搜索服务,方便国内外学者检索中英文文献。致力于提供最便捷和优质的服务体验。 Copyright © 2023 布克学术 All rights reserved.
京ICP备2023020795号-1
ghs 京公网安备 11010802042870号
Book学术文献互助
Book学术文献互助群
群 号:481959085
Book学术官方微信