Рисунок 1 - Главная страница сайта
Рисунок 2 - Меню-ссылки на другие страницы
Рисунок 3 - История развития удаленного обучения
2.2 Описание процесса создания сайтаДля того, чтобы создать страницу сайта достаточно в текстовом редакторе, в блокноте сделать следующую надпись:
Здесь расположено основное содержание страницы
. /13, с.478/
Содержимое тега содержит служебную информацию для браузера, и поисковых систем, и не отображается на странице, за исключением тега
. Тег предназначен для хранения основного содержимого страницы сайта, которое будет отображаться в окне браузера.
Содержимое тега
это оглавление страницы. Его содержимое отображается на вкладке браузера. Это очень важный тег, так как именно он говорит поисковым системам, чему посвящена страница сайта. Таким образом, для того, чтобы страница попала в выдачу поисковой системы по определенному запросу, этот запрос должен присутствовать в теге . Пример показан на рисунке 5. /16, с.785/
Рисунок 5 - Тег - оглавление страницы
Для написания создания сайта были использованы теги:
При помощи тегов форматирования текста, был изменен текст жирным, подчеркнутым, изменен размер, изменен цвет.
Переход на следующую строку, я использовала тег
.
С помощью следующих тегов, абзацы текста были выровнены по левому краю, по правому краю, по ширине и по центру:
-
абзац выровнен по левому краю…
.
-
абзац выровнен по правому краю…
.
-
абзац выровнен по центру…
.
-
абзац выровнен по ширине…
.
Пример выравнивая текста по центру изображен на рисунке 6.
Рисунок 6 - Выравнивание текста по центру
Были изменены размеры и виды шрифта:
-
Шрифт 1
самый маленький.
-
<p><font size=«7»>Шрифт 7font>p> самый большой.
Виды шрифта:
-
Жирный текст
.
-
Курсив
.
-
Подчеркнутый текст
.
-
Жирный курсив
.
Для лучшего восприятия текста, был изменен цвет текста:
Красный цвет
.
Пример написания тегов изменения цвета изображен на рисунке 7.
Рисунок 7 - Написание тега изменение цвета текста
С помощью тега
был задан фон картинкой каждой веб-страницы.
На веб-страницах (Картины крестиком, бисером, лентами, гладью) были изменены размеры картинок в таблице с помощью тега
. /14, с.347/
Текстовая ссылка:
С помощью текстовой ссылки был осуществлен переходов между страницами сайта, внутри текста на одной странице, а также и на другие сайты.
-
Ссылка на главную страницу сайта.
-
Ссылка на 001 страницу сайта.
-
Ссылка на другой сайт.
Пример текстовых ссылок изображен на рисунке 8.
Рисунок 8 - Написание текстовых ссылок в блокноте для сайта
Для удобного просмотра картинок на каждой веб-странице, с помощью тегов создана простейшая таблица:
(ширина границы таблицы от «0» и до …)
1 |
2 |
.
Пример простейший таблице показан на рисунке 9 .
Рисунок 9 - Написание таблицы для сайта в блокноте
-
Руководство пользователя
На главной странице сайта находятся меню-ссылки по которым можно перейти на другие страницы. А так же на главной странице можно увидеть таблицу Почему люди получают знания в Сети. На рисунках 16-19 показаны ссылки на другие страницы.
Рисунок 10 - Ссылки на другие веб-страницы
Рисунок 11 – Таблица «Почему люди получают знания в Сети»
Перейдя по ссылкам, так же можно ознакомится в представленной информацией.
3 Охрана труда и техника безопасности
1. Обеспечение техники безопасности и охраны труда оператора ЭВМ:
1.1 Обеспечение безопасности рабочего места:
1. Правильный выбор рабочего места – дисплей (монитор) является источником электромагнитного излучения. Рекомендуется устанавливать защитный экран для снижения воздействия электромагнитного излучения от задней части другого дисплея. Недопустимо устраивать рабочие места близко одно от другого. Размещать компьютер необходимо вдали от отопительных приборов и исключать попадания на него прямых солнечных лучей. Недопустимо работать напротив боковой или задней части другого дисплея, если расстояние до него - менее 2 м.
2. Расположение оргтехники:
- системный блок – помещается на надежную поверхность (крепкий стол, массивная подставка/тумба) – так, чтобы исключать даже случайное его сотрясение;
- дисплей необходимо устанавливать на такой высоте, чтобы центр экрана был на 15-20 см ниже уровня глаз. Расстояние от глаз до экрана – не менее 50 см;
- клавиатура располагается на расстоянии 15-30 см от края столешницы или на специальной выдвижной доске.
Не рекомендуется установка компьютера (и клавиатуры) на поверхности, которая создает блики и легко «собирает» статическое электричество (оргстекло, полированная и покрытая лаком доска).
Необходимо следить, чтобы бумаги, какие-либо предметы не закрывали вентиляционные отверстия работающих аппаратов.
3. Рабочая мебель:
- кресло – ширина и глубина сиденья не менее 40см.; спинка: высота опорной поверхности 30±2 см; ширина не менее 38 см.; подлокотники: длина не менее 25 см; ширина 5-7 см., высота над сиденьем 23+3 см.;
- стол – размеры рабочей поверхности (столешницы): длина – 80-120 см; ширина – 80-100 см.; высота (расстояние от пола до рабочей поверхности) 68-85 см; оптимальная высота 72,5 см.;
- подставки – для рук: опорная планка для запястья («подзапястник») - плоская или изогнутая пластина из мягкого материала; помещается перед клавиатурой. Для ног: ширина не менее 30 см; длина (глубина) не менее 40 см.
4.Помещение:
- площадь одного рабочего места с компьютером - не менее 6 м2;
- освещение должно быть естественным и искусственным. Рекомендуется работать в помещении, где окна выходят на север или северо-восток. Местное освещение не должно создавать блики на поверхности экрана дисплея. Недопустим яркий нерассеянный верхний свет (с потолка). Сдерживать поток избыточного света от окон следует с помощью жалюзи (или тканевых штор);
- чистота обязательна при работе за компьютером. Влажную уборку помещения следует проводить ежедневно. Недопустима запыленность воздуха, пола, рабочей поверхности стола и техники. Помещение должно быть оборудовано системами вентиляции, кондиционирования и отопления. Запрещается работа на компьютере в подвальных помещениях.
5. Микроклимат
- температура воздуха - от 21 до 25°С (в холодное время года); от 23 до 25˚С (в теплое время года);
- влажность воздуха (относительная) - от 40 до 60%. Недопустимы резкие перепады температуры и влажность воздуха более 75%;
- ионизация воздуха – образующиеся в помещении положительно заряженные ионы очень вредны для здоровья, вызывают быстрое утомление, головную боль, учащение пульса и дыхания (из-за недостаточного поступления кислорода в кровь). Специальные устройства - аэроионизаторы - нормализуют аэроионный режим, увеличивая концентрацию легких отрицательно заряженных ионов (воздух становится живительным, как в горах или на море). Перед включением аэроионизатора следует очистить воздух от пыли и аэрозолей. В больших помещениях используют аэроионизаторы типа люстры Чижевского, в небольшой комнате (15-20 м2) достаточно установить переносной аэроионизатор (некоторые модифицированные аппараты позволяют и очищать, и ионизировать воздух).
Необходимо в начале работы включать общее питание, периферийные устройства, системный блок, в конце работы наоборот – выключать системный блок, периферийные устройства, общее питание.
Не обязательно выключать компьютер на время небольших перерывов в работе. /15, 369/
Перед подсоединением/отсоединением устройств ввода-вывода требуется полностью отключать эту технику и компьютер от электросети.
При появлении запаха гари или при обнаружении повреждения изоляции, обрыва провода следует немедленно отключить устройства (лучше - общее электропитание) и сообщить о неисправности руководителю.
Прикасаться к задней панели работающего системного блока (процессора) запрещается.
Недопустимо попадание влаги на системный блок, дисплей, клавиатуру и другие устройства (лучше не ставить рядом чашку с чаем или кофе, стакан с соком) /8, с.80/.
Заключение
В выпускной письменной квалификационной работе был рассмотрен язык разметки гипертекстовых документов HTML, его основные функции свойства и параметры. Сегодня применение HTML практикуется во всех без исключения электронных документах, независимо от тематики, величины и коммерческой направленности Интернет проекта.
В наше время существует множество программ для создания web-сайтов, но не одна из них не может сделать этого самостоятельно, обязательно нужен пользователь, который, будет управлять этой программой. И какой программой не пользуйся, без знания языка гипертекстовой разметки HTML у пользователя ни чего не получиться.
В процессе создания web-сайта было произведена работа с файлами разных форматов и расширений для корректного отображения в среде интернета. /7, с.47/
Разработанный сайт предоставляет пользователю возможности изучить историю развития удаленного обучения, просмотреть особенности дистанционного образования, ознакомимся с преимуществами дистанционного образования, недостатки дистанционного образования и формы удаленного обучения.
Таким образом, цель достигнута, поставленные задачи выполнены.
Литература
-
Дуванов А. А. Web-конструирование. – Петербург: 2009.
-
Едомский Ю. Е. Техника Web-дизайна для студента. – Петербург: 2010.
-
Крамер Э. HTML: наглядный курс Web-дизайна.: 2009.
-
Леонтьев Б. Web-дизайн. Руководство пользователя.: 2011.
-
Печников В. Н. Создание Web-страниц и Web-сайтов. - М.: Триумф: 2010.
-
Роббинс Д. Web-дизайн. Справочник. – «КУДИЦ-ПРЕСС»: 2009.
-
Смирнова И. Е. Начала web-дизайна. – Петербург: 2010.
-
Дунаев, В. В. (Х)HTML, скрипты и стили. Самое необходимое / В.В. Дунаев. - М.: БХВ-Петербург, 2019.
-
Дунаев, Вадим HTML, скрипты и стили / Вадим Дунаев. - М.: Книга по Требованию, 2018.
-
Квинт Игорь Создаем сайты с помощью HTML, XHTML и CSS / Игорь Квинт. - М.: Питер, 2019.
-
Комолова, Н. HTML. Самоучитель / Н. Комолова, Е. Яковлева. - М.: Книга по Требованию, 2018.
-
Ллойд, Йен Создай свой веб-сайт с помощью HTML и CSS / Йен Ллойд. - М.: Питер, 2019.
-
Лоусон, Б. Изучаем HTML5. Библиотека специалиста / Б. Лоусон, Р. Шарп. - М.: Питер, 2019.
-
Мэтью, Мак-Дональд HTML5. Недостающее руководство / Мак-Дональд Мэтью. - М.: БХВ-Петербург, 2017.
-
Петцольд, Чарльз Эспозито Д. Программирование для Microsoft Windows 8. Разработка приложений для Windows 8 на HTML5 и JavaScript (комплект из 2 книг) / Петцольд Чарльз , Эспозито Д., Ф. Эспозито. - М.: Питер, 2019.
-
Петюшкин, А. HTML в Web-дизайне / А. Петюшкин. - М.: БХВ-Петербург, 2019.
-
HTML и Web дизайн для начинающих: [Электронный ресурс]. - http://sovet.h1.ru
-
Создание сайтов: HTML: [Электронный ресурс]. - http://www.codeharmony.ru
-
Архитектурная мастерская. Создание сайта: [Электронный ресурс]. - http://wonderfulstyle.ucoz.com
-
Создание страниц сайта с помощью HTML: [Электронный ресурс]. - http://roumik.ru