Добавлен: 22.04.2023
Просмотров: 102
Скачиваний: 2
СОДЕРЖАНИЕ
1.ТЕОРЕТИЧЕСКИЕ ПОНЯТИЯ КЛАССИЧЕСКОЙ ТЕОРИИ ЯЗЫКОВ ПРОГРАММИРОВАНИЯ
1.1.Определение языка программирования
2.1. Понятие гипертекста, история его развития
2.2. Описание языка гипертекстовой разметки HTML
3.ПРАКТИЧЕСКОЕ ИСПОЛЬЗОВАНИЕ ЯЗЫКА HTML
3.1. Описание основных тегов HTML
3.2.Практичекое применение языка гипертекстовой разметки HTML
Теги для формирования списков: [9]
– <OL> и </OL> - теги, показывающие начало и конец нумерованного списка;
– <UL> и </UL> - теги, показывающие начало и конец маркированного списка;
– <LI> - Элемент списка.
– <DL> и </DL> - теги, показывающие начало и конец глоссария.
– <DT> - Термин глоссария, располагается без отступа от левого поля страницы.
– <DD> - Описание термина, располагается с отступом от левого поля страницы.
Теги-команды для вставки в текст объектов не текстовой информации: [1]
– <IMG SRC="file.gif"> или <IMG SRC="file.jpg"> - команда для вставки графического изображения;
– <IMG SRC="file.wav"> - команда для вставки звукового фрагмента;
– <IMG SRC="file.avi"> - команда для вставки видео фрагмента.
Параметры графического изображения имеют вид: [8]
– WIDHT - ширина картинки в пикселях;
– HEIGHT- высота картинки в пикселях;
– ALIGN - выравнивание (ALIGN=LEFT - выравнивание по левому полю, ALIGN=RIGHT - по правому полю, ALIGN=TOP - по верхней границе, ALIGN=BOTTOM - по нижней границе, ALIGN=MIDDLE или CENTER - по центру);
– HSPACE - горизонтальный отступ от графического изображения;
– VSPACE - вертикальный отступ;
– ALT - альтернативный текст, служит для обозначения изображения.
Команды, служащие для гиперсвязи с другими HTML-документами и ресурсами Интернет: [9]
– <A HREF="fail.htm">и</A>или<A HREF="http://www.ru">и</A> - гиперсвязи;
– <ADDRESS><A HREF="mailto:nick@mail.ru">nick@mail.ru </ADDRESS>- гиперсвязь с адресом электронной почты.
Таблица - сетка для показа данных в строках и столбцах, а также средство для форматирования текста:
– <TABLE> и </TABLE> - теги для вставки таблицы в HTML документ.
Параметры тега <TABLE>:[7]
– BGCOLOR - цвет фона;
– BORDER - ширина бордюра;
– WIDHT - ширина таблицы.
3.2.Практичекое применение языка гипертекстовой разметки HTML
Приведем пример использования языка разметки HTML для создания логической структуры сайта «Электронный магазин» (рисунок 6): [6]
Рисунок 6 – Структура сайта
Стоит отметить, что при создании сайта будут созданы несколько веб-страниц, которые в результате будут объединены в одну логическую структуру. [13]
Рассмотрим код страницы, которая откроется после нажатия на гиперссылку О нашей фирме:[6]
|
<HTML> |
|
|
<HEAD> |
|
|
<TITLE> |
Рисунок 7 – Созданная страница Исходная
|
Интернет магазин [7] |
|
|
</TITLE> |
|
|
</HEAD> |
|
|
<body> |
|
|
<img src="mc1.jpg"> |
|
|
<hr> |
|
|
<center><h1>Информация о фирме</h1></center> [2] |
|
|
<hr><pre> |
|
|
<b>1.1 Вводная часть</b> |
|
|
<font size=2 face=Arial>Лакокрасочные материалы имеют две основные функции: декора¬тивную и защитную. Они защищают дерево от гниения, металл - от кор¬розии, образуют твердые защитные пленки, предохраняющие изделия от разрушающего влияния атмосферы и других воздействий и удлиняющие срок их службы, при этом придают изделиям красивый внешний вид. [11] |
|
|
По сравнению с металлическими покрытиями, нанесенными луже¬нием, никелированием, хромированием и т.д., лакокрасочные покрытия наиболее долговечны, для их нанесения не требуется дополнительное, сложное оборудование, и они легче возобновляются. Поэтому такие по¬крытия широко применяются в быту, во всех отраслях промышленности, на транспорте и строительстве. |
|
|
Свойства лакокрасочных покрытий зависят не только от качества применяемых лакокрасочных материалов, но и от таких факторов, как способ подготовки поверхности к окраске, правильный выбор и соблюде¬ние технологического режима окраски и сушки. [16] |
|
|
</font><b>1.2 Общие понятия</b> |
|
|
Лакокрасочные материалы классифицируют по химическому составу, виду и преимущественному назначению материала. |
|
|
К лакокрасочным материалам относятся лаки, краски, эмали, грун¬товки, шпатлевки. |
|
|
Для облегчения восприятия определений лакокрасочной продук¬ции вводятся следующие понятия: [5] |
|
|
Дисперсные системы - это микронеоднородные системы, состоя¬щие из двух или большего числа фаз, одна из которых - дисперсная фаза -обладает достаточно высокой дисперсностью и распределена в другой фа¬зе (в окружающей дисперсионной среде) - газе, жидкости или твердом те¬ле - в виде мелких частиц. [9] |
|
|
Дисперсность - степень раздробленности вещества на частицы. 1ем мельче частицы, тем больше дисперсность. На практике размер частиц дисперсных систем находится в пределах от 0,001 до 0,00001 см. |
|
|
К дисперсиям относятся: [5] |
|
|
<ol> |
|
|
<li>Суспензии - системы, в которых частицы твердой фазы распределе¬ны в жидкой среде во взвешенном состоянии. Суспензиями являются го¬товые краски, шпатлевки. |
|
|
<li>Эмульсии - системы, в которых мельчайшие капельки жидкой фазы распределены в жидкой среде. Примерами эмульсий могут служить кровь, молоко. [20] |
|
|
<li>Истинные растворы — системы переменного состава из двух и бо¬лее компонентов. Раствор называется истинным потому, что вещества действительно и самопроизвольно растворяются в подходящем раствори¬теле с образованием гомогенной (однородной) системы. К истинным рас¬творам относятся, например, растворы в воде соды, спирта, кислоты. |
Получим (рисунок 8):
Рисунок 8 – Страница с информацией о фирме
Выполнив создание всех страниц, получим:[15]
Рисунок 9 – Страница Гостевая
В результате написания последнего раздела было подробно рассмотрено основные теги языка гипертекстовой разметки HTML, а также на практике продемонстрировано создание сайта для продаж лакокрасочной продукции.
ЗАКЛЮЧЕНИЕ
Применение различных современных компьютерных технологий в разнообразных сферах современного общества со временем стает значительно эффективнее, так как пользователи овладевают системным подходом при решении прикладных задач, имеют представление по методике разработок алгоритмов, составления программ – все это значит, что компьютеризированы различные виды деятельности.
Для решения задач каждый программист должен составлять подробное описание для реализации последовательности действий, которые необходимо выполнить центральному процессору.
Составление пошагового описания процесса выполнения, а также решения задач называют алгоритмизацией, а алгоритм – конечный набор всех существующих правил, расположенных непосредственно в логически определённом порядке, что позволяет исполнителю решить любую задачу с некоторого класса.
В разных ситуациях исполнителем является электронное или какое-либо другое устройство или человек (к примеру, военнослужащий, охраняющий склады боеприпасов и действующий по алгоритмам, записанным в устав).
Непосредственный смысл для появления гипертекстовых языков – оснащенный набор дополнительной информации, которые с помощью оператором превращают данный набор непосредственно в сайты.
В работе были выполнены задачи:
– рассмотрена литература по теории ЯП высокого уровня;
– выполнено описание терминов, что связаны с понятием гипертекстового языка программирования;
– дана характеристика языка разметки HTML;
– проведено рассмотрение основных тегов для гипертекстовой разметки;
– на примере рассмотрено применение языка гипертекстовой разметки HTML.
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
- Пауэлл Т.А. Полное руководство по HTML. -Мн.: ООО "Попурри", 2013. - 912 с.
- Дубаков М.А. Создание Web-страниц: искусство верстки. – Мн.: Новое знание, 2014. – 287 с.
- Браун М., Ханикатт Д. HTML в подлиннике. Спб.: Издательство “БХВПетербург” – 2014. - 1048с.
- Титтел Эд, Бурмейстер Мэри. HTML 4 для "чайников". 5-е издание. М.: Издательский дом “Диалектика -Вильямс” – 2017. - 368с.
- Божко А. Dreamweaver 4. Базовый курс. - Москва: издательство "ДЕСС КОМ", 2013. - 448 с.
- Дубаков М.А. Веб-мастеринг средствами CSS. - СПб.: БХВ-Петербург, 2015. – 544 с.
- Молли Э. Хольцшлаг. Использование HTML и XHTML. Специальное издание. М.: Издательский дом “Вильямс” – 2014. - 736с
- Коржинский С.Н. Настольная книга Web-мастера: эффективное применение HTML, CSS и Javascript. - М.:Издательский торговый дом "Кнорус", 2014. - 320с.
- Гончаров А. Самоучитель HTML. – СПб.: Питер, 2015. – 240с.
- Шафран Э. Создание Web-страниц: самоучитель. - СПб.: Питер, 2016. - 320 с.
- Белунцов В. Новейший самоучитель по разработке Web-страниц. - Москва, издательство "ДЕСС-КОМ", 2014. - 448 с.
- Федорчук А. Как создаются Web-сайты. Краткий курс. - СПб.: Издательство "Питер", 2014. - 224с.
- Шапошников И.В. Web-сайт своими руками. - СПб.: БХВ-СанктПетербург, 2015. -224 с.
- Фролов А.В., Фролов Г.В. Создание Web-приложений: Практическое руководство. - М.: Издательско-торговый дом "Русская редакция", 2014. - 1040 с.
- Полонская Е.Л. Язык HTML. Самоучитель. М.: Издательский дом “Вильямс” – 2013. - 320 с.
- Джейсон Кренфорд Тиге. DHTML и для Internet. М.: Издательство “НТ Пресс”- 2015. - 520c.
- Кастро Э. Создание Web-страниц с помощью HTML. М.: Издательство “НТ Пресс”- 2015. - 144с.
- Дунаев Вадим. HTML, скрипты и стили. Спб.: Издательство “БХВПетербург” – 2018. - 1024с
- Холмогоров В. Основы Web-мастерства. Учебный курс. - СПб.: Питер, 2015. - 352 с.
- Мальчук Е.В. HTML и CSS. Самоучитель. М.: Издательский дом “Вильямс” –2018. - 416 с.