Добавил:
ivanov666
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Предмет:
Файл:Практические аспекты разработки веб-ресурсов. Учебное пособие
.pdf
ВЫСШЕЕ ОБРАЗОВАНИЕ
Р. Д. Баранов, С. А. Иноземцева, А. А. Рябова
ПРАКТИЧЕСКИЕ АСПЕКТЫ
РАЗРАБОТКИ ВЕБ-РЕСУРСОВ
Учебное пособие
Вузовское образование
Саратов • 2018
УДК 004.41
ББК 32.97
П69
Рецензенты:
Казуб В. Т. — д.т.н., профессор, заведующий кафедрой физики
и математики Пятигорского медико-фармацевтического института,
филиала ВолгГМУ Минздрава России;
Коновцова М. М. — к.э.н., доцент кафедры информационных технологий
и правового регулирования управления филиала ФГБОУ ВО
«РЭУ им. Г. В. Плеханова» в г. Пятигорске
П69 Практические аспекты разработки веб-ресурсов [Электронный ре-
сурс] : учебное пособие / [Р. Д. Баранов и др.]. — Электрон. дан. и прогр.
(6 Мб). — Саратов: Вузовское образование, 2018. — 121 с. — (Высшее образование).
ISBN 978-5-4487-0263-1
Стремительное развитие веб-индустрии и языков веб-программирования
является катализатором в потребности создания персональных ресурсов и страниц. Услуги веб-программистов становятся все более высоко востребованными,
а сайты становятся полноценными информационными системами и приложениями с элементами интеллектуальной обработки данных. Учитывая тот факт, что
человечество вступило в эру «беспроводных технологий и Интернета», данное
учебное пособие поможет овладеть теорией и практикой использования вебтехнологий в профессиональной деятельности.
Данное учебное пособие может быть рекомендовано в качестве основной
литературы для студентов, обучающихся по программе бакалавриата по следующим направлениям подготовки: 09.03.03 «Прикладная информатика»;
09.03.02 «Информационные системы и технологии»; 38.03.02 «Менеджмент»;
38.03.01 «Экономика», 40.03.01 «Юриспруденция», а также для студентов специалитета, магистратуры, аспирантуры и всех интересующихся данной проблематикой.
Учебное электронное издание
© Коллектив авторов, 2018
© ООО «Вузовское образование», 2018
Издано в авторской редакции
Технический редактор А.Д. Матлахова
Компьютерная верстка, обложка С.С. Сизиумовой
Для создания электронного издания использовано:
Приложение pdf2swf из ПО Swftools, ПО IPRbooks Reader,
разработанное на основе Adobe Air
Подписано к использованию 05.04.2018. Объем данных 6 Мб.
Издание представлено в электронно-библиотечных системах
IPRbooks (www.iprbookshop.ru),
Библиокомплектатор (www.bibliocomplectator.ru)
Бесплатный звонок по России: 8-800-555-22-35
Тел.: 8 (8452) 24-77-97, 8 (8452) 24-77-96
Отдел продаж и внедрения ЭБС:
доб. 206, 213, 144, 145
E-mail: sale@iprmedia.ru
Отдел комплектования ЭБС:
доб. 224, 227, 208
E-mail: mail@iprbookshop.ru
По вопросам приобретения издания обращаться:
доб. 208, 201, 222, 224
E-mail: izdat@iprmedia.ru, author@iprmedia.ru
СОДЕРЖАНИЕ
ВВЕДЕНИЕ ............................................................................................................. 5
1. ПРАКТИЧЕСКИЕ ОСНОВЫ ПРОГРАММИРОВАНИЯ
ВЕБ-САЙТОВ НА ЯЗЫКЕ HTML .................................................................... 6
Тема 1 .................................................................................................................... 8
Тема 2 .................................................................................................................. 13
Тема 3 .................................................................................................................. 14
Тема 4 .................................................................................................................. 18
Тема 5 .................................................................................................................. 21
Тема 6 .................................................................................................................. 23
Тема 7 .................................................................................................................. 25
Тема 8 .................................................................................................................. 33
Тема 9 .................................................................................................................. 42
Тема 10 ................................................................................................................ 46
Тема 11 ................................................................................................................ 50
2. ОСНОВЫ ЯЗЫКА ПРОГРАММИРОВАНИЯ JAVASCRIPT ............... 56
Почему я выбираю JavaScript ........................................................................... 56
Алфавит языка JavaScript .................................................................................. 59
Подключение скрипта к коду веб-страницы ................................................... 62
Типы данных в JavaScript и операции над ними ............................................ 63
Операторы и инструкции переходов языка JavaScript ................................... 69
Объектные типы данных языка JavaScript ...................................................... 76
JavaScript на стороне клиента. Подключение программного кода ............... 85
Программирование на основе событий ........................................................... 87
3. ИНТЕЛЛЕКТУАЛЬНЫЕ ТЕХНОЛОГИИ
АНАЛИЗА ДАННЫХ В INTERNET ................................................................ 95
Применение Internet-технологий в интеллектуальных
информационных системах ............................................................................... 95
Методы извлечения знаний в Internet ............................................................ 103
Процесс извлечения знаний ............................................................................ 106
Текстовая аналитика (Text Mining) ................................................................ 116
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ ................................... 121
4
ВВЕДЕНИЕ
Профессия web-программиста предполагает ряд необходимых знаний и
навыков:
1. Данный специалист должен знать HTML, JAVA, JAVAScript, РНР, CGI,
Perl. Данные языки необходимы для нахождения сайта в поисковых системах, его
стильного оформления и создания функционального наполнения. Один неправильный символ может привести к сбою в работе ресурса, что существенно снизит посещаемость и уровень продаж. Языки программирования позволяют ускорить загрузку при переходе из поисковой системы и сделать удобный каталог.
2. Веб-программист умеет мастерски работать в Dreamweaver, Flash и
ColdFusion. Это базовые программы для заполнения сайта содержимым и при-
дания ему соответствующего вида. Грамотная заливка увеличивает посещаемость, а соответственно, и спрос.
3. Веб-программист не только исполнитель, но и разработчик. Обычно
заказчик может лишь образно описать то, что желает видеть. Специалист же
находит оптимальные пути для реализации идей. Для этого он массу времени
посвящает разработкам, исследованиям в области новейших технологий
и решений.
4. Веб-программист еще и хороший инженер, только в отрасли интернета.
На основании потребностей он занимается проектированием ресурса и составляет подробное техническое задание. Именно оно станет отправной точкой в
производстве сайта.
Учитывая тот факт, что человечество вступило в эру беспроводных технологий и интернета, данная профессия стремительно набирает популярность и
гарантирует высокий доход.
Для того чтобы стать специалистом в данной сфере, следует выбрать одну
из специальностей:
1. Безопасность информационных технологий в правоохранительной сфере.
2. Информационные системы и технологии по профилю: Информацион-
ные технологии в дизайне.
3. Фундаментальная информатика и информационные технологии.
4. Информатика и вычислительная техника.
5. Математическое обеспечение и администрирование информационных
систем.
6. Физика и информатика.
7. Информационные системы и технологии.
8. Информатика и английский язык.
Любая из данных специальностей предполагает изучение основных языков программирования и получение навыков работы в интернете.
5
1. ПРАКТИЧЕСКИЕ ОСНОВЫ ПРОГРАММИРОВАНИЯ
ВЕБ-САЙТОВ НА ЯЗЫКЕ HTML
HTML не является языком программирования, это язык разметки, и используется, чтобы сообщать вашему браузеру, как отображать веб-страницы,
которые вы посещаете. Он может быть сложным или простым, в зависимости
от того, как хочет веб-дизайнер. HTML состоит из ряда элементов, которые вы
используете, чтобы вкладывать или оборачивать различные части контента,
чтобы заставить контент отображаться или действовать определенным образом.
Ограждающие теги могут сделать слово или изображение ссылкой на что-то
еще, могут сделать слова курсивом, сделать шрифт больше или меньше и так
далее.
Главными частями являются:
1. Открывающий тег: Состоит из имени этого элемента (в данном случае
«p»), заключенного в открывающие и закрывающие угловые скобки. Указывает, где элемент начинается или начинает действовать, в данном случае — где
начинается параграф.
2. Закрывающий тег: Это то же самое, что и открывающий тег, за исклю-
чением того, что он включает в себя косую черту перед именем элемента. Указывает, где элемент заканчивается, в данном случае — где заканчивается параграф. Отсутствие закрывающего тега является одной из наиболее распространенных ошибок начинающих и может приводить к странным результатам.
3. Контент: Это контент элемента, который в данном случае является
просто текстом.
4. Элемент: Открывающий тег плюс закрывающий тег, плюс контент
вместе составляют элемент.
Для освоения основ программирования на языке HTML потребуется
только текстовый редактор «Блокнот». Необходимо набрать текст программы в
блокноте и сохранить его с расширением .htm, затем следует найти сохраненный файл и нажать на нем мышью, результат работы программы откроется в
Вашем браузере (рис. 1.1–1.4).
6
Рис. 1.1. Текст программы в блокноте
Рис. 1.2. Сохранение файла
Рис. 1.3. Сохраненный файл в формате html
Рис. 1.4. Результат работы программы
7
Тема 1
Основные теги
<html></html>
Указывает программе просмотра страниц, что это
HTML документ.
<head></head>
Определяет место, где помещается различная информация, не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых
машин.
<body></body>
Определяет видимую часть документа.
Теги оглавления
<title></title>
Помещает название документа в оглавление программы
просмотра страниц.
Атрибуты тела документа
<body bgcolor=?>
Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB; пример: FF0000 — красный
цвет.
<body text=?>
Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB; пример: 000000 — черный
цвет.
<body link=?>
Устанавливает цвет гиперссылок, используя значение
цвета в виде RRGGBB; пример: 00FF00 — зеленый
цвет.
<body vlink=?>
Устанавливает цвет гиперссылок, на которых вы уже
побывали, используя значение цвета в виде RRGGBB;
пример: 333333 — серый цвет.
<body alink=?>
Устанавливает цвет гиперссылок при нажатии.
Основные тэги HTML
8
Теги для форматирования текста
<pre></pre>
Обрамляет предварительно отформатированный текст.
<h1></h1>
Создает САМЫЙ БОЛЬШОЙ заголовок.
<h6></h6>
Создает самый маленький заголовок.
<b></b>
Создает жирный текст.
<i></i>
Создает наклонный текст.
<tt></tt>
Создает текст-имитирующий стиль печатной машинки.
<cite></cite>
Используется для цитат, обычно наклонный текст.
<em></em>
Используется для выделения из текста слова (наклонный или жирный текст).
<strong></strong>
Используется для выделения наиболее важных частей
текста (наклонный или жирный текст).
<font size=?></font>
Устанавливает размер текста в пределах от 1 до 7.
<font color=?></font>
Устанавливает цвет текста, используя значение цвета в
виде RRGGBB.
Гиперссылки
<a href=«URL»></a>
Создает гиперссылку на другие документы или часть
текущего документа.
<a href=«mailto:EMAIL»>
</a>
Создает гиперссылку вызова почтовой программы для
написания письма автору документа.
<a name=«NAME»></a>
Отмечает часть текста как цель для гиперссылок в документе.
<a href=«#NAME»></a>
Создает гиперссылку на часть текущего документа.
Форматирование
<p>
Создает новый параграф.
<p align=?>
Выравнивает параграф относительно одной из сторон
документа, значения: left, right, или center.
<br>
Вставляет перевод строки.
<blockquote>
</blockquote>
Создает отступы с обеих сторон текста.
9
Форматирование
<dl></dl>
Создает список определений.
<dt>
Определяет каждый из терминов списка.
<dd>
Описывает каждое определение.
<ol></ol>
Создает нумерованный список.
<li>
Определяет каждый элемент списка и присваивает
номер.
<ul></ul>
Создает ненумерованный список.
<li>
Предваряет каждый элемент списка и добавляет кружок
или квадратик.
<div align=?>
Важный тег, используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей.
Графические элементы
<img src=«name»>
Добавляет изображение в HTML документ.
<img src=«name» align=?>
Выравнивает изображение к одной из сторон документа, принимает значения: left, right, center; bottom, top,
middle.
<img src=«name» border=?>
Устанавливает толщину рамки вокруг изображения.
<hr>
Добавляет в HTML документ горизонтальную линию.
<hr size=?>
Устанавливает высоту (толщину) линии.
<hr width=?>
Устанавливает ширину линии, можно указать ширину в
пикселах или процентах.
<hr noshade>
Создает линию без тени.
<hr color=?>
Задает линии определенный цвет. Значение RRGGBB.
Таблицы
<table></table>
Создает таблицу.
<tr></tr>
Определяет строку в таблице.
<td></td>
Определяет отдельную ячейку в таблице.
<th></th>
Определяет заголовок таблицы (нормальная ячейка с
отцентрованным жирным текстом).
10
Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]