Лабораторная работа № 1. Создание html страницы с применением CSS

ТЕХНОЛОГИИ ИНТЕРНЕТ ПРОГРПММИРОВАНИЯ

 

Методические рекомендации к лабораторным работам для студентов специальности 1-53 01 02 – Автоматизированные системы обработки информации

 

 

Могилев 2019

УДК 004.43

ББК 32.973.26 – 018.1

Т33

Рекомендовано к изданию

учебно-методическим отделом

Белорусско-Российского университета

 

Одобрено кафедрой «Автоматизированные системы управления» «18» мая 2019 г., протокол № 10

 

Составитель канд. техн. наук, доц. Э. И. Ясюкович

 

Рецензент канд. техн. наук, доц. В. В. Кутузов

 

 

Методические рекомендации содержат основные базовые теоретические сведения, некоторые приемы реализации задач, а также практические задания для выполнения лабораторных работ по всем темам курса.

 

 

Учебно-методическое издание

 

ТЕХНОЛОГИИ ИНТЕРНЕТ ПРОГРАММИРОВАНИЯ

 

 

Ответственный за выпуск                     А. И. Якимов

Технический редактор                         А. А. Подошевко

Компьютерная верстка                        

 

Подписано в печать          . Формат 60х84 /16. Бумага офсетная. Гарнитура Таймс.

Печать трафаретная. Усл. печ. л.  . Уч.-изд. л. . Тираж 31 экз. Заказ № .

 

Издатель и полиграфическое исполнение:

Государственное учреждение высшего профессионального образования

«Белорусско-Российский университет».

Свидетельство о государственной регистрации издателя,

изготовителя, распространителя печатных изданий

№ 1/156 от 24.01.2014.

Пр. Мира, 43, 212000, Могилев

ÓГУВПО «Белорусско-Российский университет»,

 

2019

Содержание

 

Введение. 4

2.1 Лабораторная работа № 1. Создание  html страницы с применением CSS 5

1.2 Лабораторная работа № 2. Создание простых скриптов на JavaScript 7

1.3 Лабораторная работа № 3. Функции и обработка событий JavaScript 9

1.4 Лабораторная работа № 4. Операторы ветвлений и циклов JavaScript 10

1.5 Лабораторная работа № 5. Методы JavaScript 12

1.6 Лабораторная работа № 6. Работа с массивами на JavaScript 14

1.7 Лабораторная работа № 7. Работа с элементами управления на JavaScript 17

1.8 Лабораторная работа № 8. Работа с формами на JavaScript 20

1.9 Лабораторная работа № 9. Работа с изображениями на JavaScript 23

1.10 Лабораторная работа № 10. Обработка событий на JavaScript 25

1.11 Лабораторная работа № 11. Основные методы JQuery. 27

1.12 Лабораторная работа № 12. Основные события JQuery. 29

2.1 Лабораторная работа № 1. Установка локального сервера. 32

2.2 Лабораторная работа № 2. Изучение строковых функций языка PHP. 34

2.3 Лабораторная работа № 3. Изучение операторов цикла языка PHP. 37

2.4 Лабораторная работа № 4. Изучение приемов работы с массивами на языке PHP. 39

2.5 Лабораторная работа № 5. Изучение условных операторов PHP. 41

2.6 Лабораторная работа № 6. Изучение технологии работы с функциями PHP 42

2.7 Лабораторная работа № 7. Изучение технологии работы  с файлами PHP 45

Список литературы.. 47

 

 

Введение

 

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

HTML (Hyper Text Markup Language – язык гипертекстовой разметки) используется для добавления разметки в обычный текст, позволяет создавать статические и динамические сайты и является языком, описывающим структуру и семантику веб-документа.

Стандарт языка HTML непрерывно обновляется и почти каждый год выходит его новая версия. Версия HTML 2.0 была опубликована в 1995 году, HTML 4.01 – основная версия HTML – в конце 1999 года. В настоящее время наиболее популярна версия HTML-5, которая является расширением HTML 4.01.

Каскадные таблицы стилей (Cascading Style Sheets – CSS) влияют на отображение страниц в окнах браузеров (цвета, шрифты, фоновые изображения, интервалы между строками, отступы, границы, эффекты и даже анимация элементов). Благодаря CSS можно производить изменения, относящиеся ко всем страницам сайта, редактируя при этом лишь один единственный файл таблицы стилей.

Для упрощения процесса разработки JavaScript скриптов Джоном Резигом была разработана библиотека jQuery, которая постоянно дополняется добровольцами. Основная цель создания jQuery – возможность создания многоразовых фрагментов кода JavaScript, позволяющих упростить прпоцесс использования их в HTML документах. Также библиотека jQuery предоставляет удобный программный интерфейс приложения API для работы с AJAX – интерактивным пользовательским интерфейсом.

Методические рекомендации предназначены для изучения основ технологии Интернет-программирования и состоят из двух частей. Первая часть содержит 12 лабораторных работ, а вторая – семь. В каждой работе излагается краткий теоретический материал по вопросам соответствующей темы, предлагаются технологии решения некоторых типовых задач, приводятся задания для выполнения работ, а также контрольные вопросы.

Первая лабораторная работа первой части посвящена изучению языка HTML и CSS. Следующие работы ориентированы на изучение основ языка JavaScript и библиотеки jQuery.

Втолрая часть методических указаний ориентирована на изучение серверного языка PHP.

Каждая работа рассчитана на 2 часа, а ее цель соответствует названию.

Выполнение каждой работы производится в следующем порядке:

1) ознакомится с теоретическими положениями работы;

2) выбрать из таблицы «Варианты заданий» согласно варианту, указанному преподавателем, задание и исходные данные, выполнить задания и оформить отчет.

Часть 1. Клиентское программирование

 

Лабораторная работа № 1. Создание html страницы с применением CSS

 

CSS (Cascading Style Sheets – каскадные таблицы стилей) используются для создания и изменения стиля элементов Web-страниц и пользовательских интерфейсов, написанных на языках html и xhtml.

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