Научная статья на тему 'Применение html и css для создания интерактивных Веб сайтов'

Применение html и css для создания интерактивных Веб сайтов Текст научной статьи по специальности «Электротехника, электронная техника, информационные технологии»

CC BY
1092
78
i Надоели баннеры? Вы всегда можете отключить рекламу.
Ключевые слова
ПО / WWW / ТАБЛИЦА / ТЕГ / HTML / ГРАФИКА / SOFTWARE / TABLE / TAG / GRAPHICS

Аннотация научной статьи по электротехнике, электронной технике, информационным технологиям, автор научной работы — Ахмеджанова Заррина, Гафурова Парвина

В данной работе покажем как мы подключаем HTML к CSS, используя их интеграцию просто изменив стиль любого элемента. Аббревиатура HTML расшифровывается как «Hyper Text Markup Language», то есть «язык разметки гипертекста» и CSS (англ. Cascading Style Sheets каскадные таблицы стилей) технология описания внешнего вида документа, преимущественно использующаяся как средство оформления веб-страниц.. Как нам уже известно с помощью HTML можно создавать практически все, а CSS отвечает за создание каскадных стилей. Наша цель создать интерактивный веб сайт применив HTML и CSS.

i Надоели баннеры? Вы всегда можете отключить рекламу.
iНе можете найти то, что вам нужно? Попробуйте сервис подбора литературы.
i Надоели баннеры? Вы всегда можете отключить рекламу.

USE OF HTML AND CSS TO CREATE INTERACTIVE WEBSITES

In this paper, we will show how we connect HTML to CSS, using their integration simply by changing the style of any element. HTML abbreviation stands for “Hyper Text Markup Language”, that is, “hypertext markup language” and CSS (Cascading Style Sheets are cascading style sheets), a technology for describing the appearance of a document, primarily used as a means for designing web pages. Аlready known using HTML you can create almost everything, and CSS is responsible for creating cascading styles. Our goal is to create an interactive website using HTML and CSS.

Текст научной работы на тему «Применение html и css для создания интерактивных Веб сайтов»

Выводы:

1. Внедренные конструкции комбинированного управления источниками реактивной мощности учитывают несимметрии при контроле и управлении по величине и фазе токов трехфазной электрической сети, обеспечивают адекватность показателей качества и изменения первичных и вторичных величин.

2. Применение автоматически регулируемых источников реактивной мощности в электрических сетях и электроустановках с установленной мощностью 50 кВт и напряжением до 10 кВ позволило повысить производительность срока службы электрооборудования и электроприемников и энерго и ресурсосберегающий режим за счет обеспечения стандартного напряжения элементов и устройств управления 57,5 В вместо 61,81 В, превыщающий на 4,31 В (7,5%) по фазному напряжению и на ^3 • 7,5% = 12,9% по линейному напряжению питания системы управления.

3. Внедренные в электрических сетях системы электроснабжения более 30 предприятий за счет повышения точности и автоматизации управления источниками реактивной мощности позволили уменьшить технологический расход электроэнергии на 7,6% при действующем значении 13,29% за счет повышения класса точности элементов и устройств комбинированного управления источниками реактивной мощности от 1,0 до 0,5.

Литература

1. Аллаев К.Р. Энергетика мира и Узбекистана. - Ташкент: Молия. -2007. - 388 с.

2. Аллаев К.Р., Сиддиков И.Х., Холиддинов И.Х., Абдуманнонов А.А., Хасанов М.Ю. Алгоритм расчета сверхнормативного технологического расхода электроэнергии // Государственнноле патентное ведомство РУз. Свидетельства № 20140089, 17.12.2014 г.

3. Бороденко В.А. Ресурсосбережение как главный принцип создания устройств автоматики энергосистем // Вестник НИА РК. М., - 2006.-№2.12 с.

4. Положение о порядке организации работ по компенсации реактивной мощности // Тешабаев Б.М., Юсупалиев М.М, Салиев А.Г., Сиддиков И.Х., Умаров Ф.У. / Утв. N 1864 от 10.10.2008. Минюст. РУз. Ташкент, ГИ Уздавэнергоназорат. -2008. - 24 с.

5. Липкин Б.Ю. Электроснабжение промышленных предприятий и установок: Учебник для учащихся техникумов. - М.: Высшая школа, 1981. - 376с.

6. Супронович Г. Улучшение коэффициента мощности преобразовательных установок: Пер. с польск. - М.: Энергоатомиздат, 1985. - 136с.

7. www.energoinform.ru

8. www.ziyonet.uz

• Пробой секции

Степень защиты: ip40 ^р54 на заказ), ip20 (задняя панель)

Тип терминалов: Съемный

Максимальное сечение кабеля: Винтовой зажим, вставной, не более 2,5 кв.мм

Крепление: Встраиваемый

Масса микропроцессорного регулятора: Около 0,6 кг

Габаритные размеры: ERN11206-ERN11214: 144*144*57 мм

ПРИМЕНЕНИЕ HTML И CSS ДЛЯ СОЗДАНИЯ ИНТЕРАКТИВНЫХ ВЕБ САЙТОВ.

Ахмеджанова Заррина

Ташкент университет информационных технологий

г. Самарканд, Узбекистан, Гафурова Парвина Ташкент университет информационных технологий

г. Самарканд, Узбекистан, Axmedjanova Z.

Tashkent Universitety of Informasion Technologies Samarkand, Uzbekistan, Gafurova P.

Tashkent Universitety of Informasion Technologies Samarkand, Uzbekistan,

АННОТАЦИЯ.

В данной работе покажем как мы подключаем HTML к CSS, используя их интеграцию просто изменив стиль любого элемента. Аббревиатура HTML расшифровывается как «Hyper Text Markup Language», то есть «язык разметки гипертекста» и CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, преимущественно использующаяся как средство оформления веб-страниц.. Как нам уже известно с помощью HTML можно создавать практически все, а CSS

отвечает за создание каскадных стилей. Наша цель создать интерактивный веб сайт применив HTML и CSS.

ABSTRACT.

In this paper, we will show how we connect HTML to CSS, using their integration simply by changing the style of any element. HTML abbreviation stands for "Hyper Text Markup Language", that is, "hypertext markup language" and CSS (Cascading Style Sheets are cascading style sheets), a technology for describing the appearance of a document, primarily used as a means for designing web pages. Already known using HTML you can create almost everything, and CSS is responsible for creating cascading styles. Our goal is to create an interactive website using HTML and CSS.

Ключевые слова: ПО, WWW, таблица, тег, HTML, графика

Keywords: software, www, table, tag, HTML, graphics

Используя каскадные таблицы стилей — Cascading Style Sheets (CSS), — вы можете применить стиль к своим веб-страницам, чтобы придать им желаемый внешний вид. Работа CSS основана на их подключении к объектной модели документа — Document Object Model (DOM).

Используя CSS и их интеграцию с DOM, можно быстро и просто изменить стиль любого элемента. Например, если не нравится исходный вид заголовков, определяемых тегами <h1>, <h2> и т. д., можно назначить новый стиль, отменяющий исходные настройки, касающиеся используемого семейства шрифтов и размера, применения полужирного шрифта или курсива, а также многих других свойств.

После знакомства с HTML разработчики сайтов разделяются на две основные категории. Одна часть считает, что с помощью HTML на сайте можно создавать всё или практически всё, другая же понимает, что в целом средств разметки недостаточно для оформления веб-документов. Действительно, HTML лишь первый этап в процессе обучения созданию сайтов. Следующим шагом является изучение стилей или CSS (Cascading Style Sheets, каскадные таблицы стилей).

Стили представляют собой набор параметров, управляющих видом и положением элементов вебстраницы. Чтобы стало понятно, о чем идет речь, посмотрим на рис. 1.1.

Рис. 1.1. Веб-страница, созданная только на HTML

Это обычная веб-страница, оформленная без всяких изысков. Тот же самый документ, но уже с добавлением стилей приобретает совершенно иной вид (рис. 1.2).

Рис. 1.2. Веб-страница, созданная на HTML и CSS

Перемена разительна, поэтому заглянем в код, чтобы понять, в чем же разница (пример 1.1). Пример 1.1. Исходный код документа HTML5CSS 2.1IECrOpSaFx <!DOCTYPE ШТ^> <Ыш1> <head>

^й^Флексагон^Ш:^

<meta charset="utf-8">

<link rel="stylesheet" href="style.css">

</head>

<body>

<h1 >Флексагон</Ы>

Евразийский Союз Ученых (ЕСУ) # 4 (61), 2019 <р>Флексагон представляет собой бумажную фигуру, которая имеет

три и более стороны. Поначалу кажется, что это невозможно, но вспомните ленту Мёбиуса, она ведь имеет всего одну сторону, в отличие от листа бумаги, и, тем не менее, реальна. Так же реален и флексагон, который легко сделать и склеить в домашних условиях. Он выглядит как двухсторонний шестиугольник, но стоит согнуть его особым образом, и мы увидим третью сторону. Легко убедиться, что мы имеем дело именно с тремя сторонами, если раскрасить их в разные цвета.

Перегибая флексагон, по очереди будем наблюдать все его поверхности.</р> </body> </html>

Сам код HTML никаких изменений не претерпел и единственное добавление — это строка <link rel="stylesheet" href="style.css">. Она ссылается на внешний файл с описанием стилей под именем style.css. Содержимое этого файла показано в примере 1.2.

Пример 1.2. Содержимое стилевого файла style.css body {

font-family: Arial, Verdana, sans-serif; /* Семейство шрифтов */

font-size: 11pt; /* Размер основного шрифта в пунктах */

background-color: #f0f0f0; /* Цвет фона вебстраницы */

color: #333; /* Цвет основного текста */ }

h1 {

color: #a52a2a; /* Цвет заголовка */ font-size: 24pt; /* Размер шрифта в пунктах */ font-family: Georgia, Times, serif; /* Семейство шрифтов */

font-weight: normal; /* Нормальное начертание

текста */ }

р {

text-align: justify; /* Выравнивание по ширине

*/

margin-left: 60px; /* Отступ слева в пикселах */ margin-right: 10px; /* Отступ справа в пикселах */

border-left: 1px solid #999; /* Параметры линии слева */

border-bottom: 1px solid #999; /* Параметры линии снизу */

padding-left: 10px; /* Отступ от линии слева до текста */

padding-bottom: 10px; /* Отступ от линии

снизу до текста */ }

В файле style.css как раз и описаны все параметры оформления таких тегов как <body>, <h1> и <p>. Заметьте, что сами теги в коде HTML пишутся как обычно.

Поскольку на файл со стилем можно ссылаться из любого веб-документа, это приводит в итоге к сокращению объёма повторяющихся данных. А

благодаря разделению кода и оформления повышается гибкость управления видом документа и скорость работы над сайтом.

CSS представляет собой свой собственный язык, который совпадает с HTML только некоторыми значениями, например способом определения цвета.

Методы подключения CSS к HTML.

Глобальный CSS помещается в контейнер <head> конкретной страницы. При таком варианте подключения классы и идентификаторы (ID) могут быть использованы для обращения к CSS коду, однако, они будут активны только на этой конкретной странице. CSS стили подключенные таким путем загружаются при каждой повторной загрузке страницы, поэтому они могут повлиять на скорость ее загрузки. Тем не менее, существует несколько ситуаций в которых использование глобальных CSS может быть полезно. К примеру, если вам необходимо отправить кому-нибудь шаблон страницы -вам гораздо проще будет предоставить предварительный результат, если все будет на одной странице. Глобальные CSS помещаются между тегами <style></style>. Вот пример глобальной таблицы стилей:

<head>

<style type="text/css"> p {color:white; font-size: 10px;} .center {display: block; margin: 0 auto;} #button-go, #button-back {border: solid 1px black;}

</style> </head>

Преимущества глобальных CSS:

• Таблица стилей влияет только на одну страницу.

• В глобальной CSS могут быть использованы классы и идентификаторы (ID).

• Нет необходимости загружать несколько файлов. HTML и CSS могут быть в одном и том же файле.

Недостатки глобальных CSS:

• Увеличенное время загрузки страницы.

• Подключается только к одной странице -неэффективно, если вы хотите использовать одну и ту же CSS для нескольких страниц.

Как произвести подключение CSS к HTML странице

1. Откройте вашу HTML страницу в любом текстовом редакторе. Если страница уже загружена на вашу учетную запись хостинга, вы можете использовать текстовый редактор предоставленный вашим хостингом. Если данный документ HTML находится на вашем компьютере, вы можете использовать любой текстовый редактор для его редактирования, и после этого повторно загрузить его на вашу учетную запись хостинга используя FTP-клиент.

2. Найдите открывающий тег <head> и добавьте после него следующий код:

<style type="text/css">

3. Далее перейдите к следующей строке и добавьте нужные CSS правила, к примеру:

body {

background-color: blue; }

h1 {

color: red;

padding: 60px; }

4. Как только вы закончите добавление CSS правил, добавьте закрывающий тег: </style>

После всех действий, документ HTML с глобальной CSS должен выглядеть примерно так: <!DOCTYPE html> <html> <head> <style> body {

background-color: blue;

}

hl {

iНе можете найти то, что вам нужно? Попробуйте сервис подбора литературы.

color: red;

padding: 60px; }

</style> </head> <body>

<h1>Руководство Hostinger</h1> <р>Это наш текст.</р> </body></html> Литература.

1. Дженнифер Нидерст Роббинс «HTML5, CSS3 и JavaScript. Исчерпывающее руководство». 4-ое издание (2014)

2. Брайан Хоган «HTML5 и CSS3. Веб-разработка по стандартам нового поколения» (2011)

3. Терри Фельке-Моррис «Большая книга веб-дизайна» (2017)

УДК 622.022_

АНАЛИЗ ДИНАМИЧЕСКИХ НАГРУЗОК, ВОЗНИКАЮЩИХ В ПРИВОДЕ ПОДЪЁМА-ОПУСКАНИЯ ПИЛЬНОЙ РАМЫ ШТРИПСОВЫХ СТАНКОВ

Секретов М.В.,

канд. техн. наук, доц., НИТУ «МИСиС»,

Губанов С.Г.,

канд. техн. наук, старший преподаватель, НИТУ «МИСиС» DOI: 10.31618/ESU.2413-9335.2019.3.61.18 ANALYSIS OF DYNAMIC LOADS ARISING IN THE DRIVE OF LIFTING-DEPRESSION OF THE

SAW-FRAME OF SHRIPS

Sekretov M. V., Gubanov S. G.

В статье проведён анализ динамических нагрузок, возникающих в приводе подъёма-опускания пильной рамы штрипсовых станков во время их работы. Этот анализ выявил рациональные скорости вертикальной подачи. На основании приведённых в работе прочностных расчётов ходовых винтов и ходовых гаек даны рекомендации по увеличению их срока службы.

In article the analysis of the dynamic loadings arising in a drive of working lifting and lowering of a blade-holding frame of gangsaws at work is carried out. This analysis has revealed rational speeds of vertical lifting and lowering. On the basis of strength analysis of running screws and running nuts recommendations about increase in their longevity are given.

Ключевые слова: штрипсовый станок, пильная рама, маятниковые подвески, ходовой винт, ходовая гайка, зубчатое колесо, абразивный износ, напряжения среза, шаг пары «ходовой винт - ходовая гайка».

Keywords: gangsaw, blade-holding frame, pendular suspension, running screw, running nut, cogwheel, abrasive wear, pressure of a cut, pair step «running screw - a running nut».

Штрипсовые станки (рис.1) - это основное оборудование процесса изготовления гранитных плит.

Штрипсовые станки используются на камнеоб-рабатывающих предприятиях для получения тонких плит-заготовок (толщиной до 40 мм) с большими размерами по длине и ширине (до 2,5 м). Наряду с этим штрипсовый метод распиливания является самым дешёвым, так как в качестве абразива при распиливании используют дробь, а не алмаз. Этот метод в два раза дешевле дискового ортогонального и в три - канатного. Всё это предопределило широкое распространение штрипсовых станков в современной камнеобрабатывающей промышленности. Доля этих станков доходит до 70 % от всего станочного распи-

ловочного парка. Преимуществами штрипсового метода распиливания являются: повышенная жёсткость инструмента, возможность распиливания блоков значительных размеров на крупноразмерные плиты-заготовки (в том числе имеющих ограниченную толщину), сравнительно небольшая энергоёмкость процесса резания, незначительные потери сырья на пропил и др.

Одной из важнейших задач, стоящей перед производством облицовочных изделий из камня, является повышение эффективности работы технологического оборудования. Штрипсовые распиловочные станки работают в тяжёлых условиях: высокие переменные нагрузки на исполнительном органе - пильной раме и, как следствие, в механизмах привода главного движения и рабочей подачи, высокоабразивная среда. Особенно

i Надоели баннеры? Вы всегда можете отключить рекламу.