
- •Д.В. Валько
- •Д.В. Валько
- •Раздел 1. Html (HyperText Markup Language)
- •Лабораторная работа №1 «Структура html-документа»
- •Основные теги.
- •Лабораторная работа №2 «Работа с отступами и шрифтами»
- •Лабораторная работа №3 «Работа со списками»
- •Лабораторная работа №4 «Работа со ссылками»
- •Внутрисистемные ссылки:
- •Лабораторная работа №5 «Графика и мультимедиа»
- •1. Изображения в html-документе.
- •Создание анимированных gif-файлов на примере Corel Photo-Paint.
- •Практическая работа №1 «Работа с каскадными таблицами стилей»
- •Практическая работа №2 «Экспорт стилей и валидация»
- •Лабораторная работа №1 «Знакомство с синтаксисом языка»
- •Специальные символы
- •Лабораторная работа №3 «Условный оператор»
- •Лабораторная работа №4 «Разработка калькулятора»
- •Основы подхода к программированию на JavaScript.
- •Практическая работа №1 «Обработка данных формы»
- •Практическая работа №2 «Создание счетчика посещений»
- •Практическая работа №3 «Вычисление значения функции»
- •Практическая работа №4 «Использование массивов»
- •5. Индексами массива могут быть и строки:
- •Цикл foreach
- •Практическая работа №5 «Разработка базы данных»
- •Порядок выполнения работы
Д.В. Валько
СБОРНИК ПРАКТИЧЕСКИХ И ЛАБОРАТОРНЫХ РАБОТ ПО дисциплине
«программное обеспечение компьютерных сетей»
ЧОУ СПО «Колледж права и экономики»
Д.В. Валько
СБОРНИК ПРАКТИЧЕСКИХ И ЛАБОРАТОРНЫХ РАБОТ
ПО ДИСЦИПЛИНЕ
«ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ КОМПЬЮТЕРНЫХ СЕТЕЙ»
Челябинск, 2014
УДК 001.891
ББК 72
Автор:
Д.В. Валько – преподаватель специальных дисциплин ЧОУ СПО «Колледж права и экономики».
Рецензенты:
В.М. Чухарев – преподаватель специальных дисциплин ГБОУ СПО (ССУЗ) «Южно-Уральский многопрофильный колледж».
Ю.Р. Мухина – кандидат педагогических наук, преподаватель кафедры «Информационных технологий и систем» ЧОУ ВПО «Южно-Уральский институт управления и экономики».
Одобрено:
Цикловой методической комиссией «ИТ-дисциплин»
Протокол заседания № от « » 2014 г.
____________ Д.В, Валько, председатель ЦМК
Валько, Д.В.
Сборник практических и лабораторных работ по дисциплине «Программное обеспечение компьютерных сетей» / Д.В. Валько. – КПиЭ, 2014. – 46 с.
В сборнике представлены практические и лабораторные работы по основным современным сетевым технологиям. Работы охватывают широкий круг дисциплин среднего профессионального образования в сфере информационных технологий и систем, компьютерных сетей и коммуникационных технологий.
© Издательство ЧОУ ВПО «Южно-
Уральский институт управления и экономики», 2014.
© Валько Д.В., 2014.
Содержание
Раздел 1. Html (HyperText Markup Language)
1
Д.В. Валько 1
Д.В. Валько 2
Лабораторная работа №1 5
«Структура HTML-документа» 5
Лабораторная работа №2 8
«Работа с отступами и шрифтами» 8
Лабораторная работа №3 11
«Работа со списками» 11
Лабораторная работа №4 13
«Работа со ссылками» 13
Лабораторная работа №5 15
«Графика и мультимедиа» 15
Практическая работа №1 17
«Работа с каскадными таблицами стилей» 17
Практическая работа №2 22
«Экспорт стилей и валидация» 22
Лабораторная работа №1 23
«Знакомство с синтаксисом языка» 23
Специальные символы 23
Лабораторная работа №2 25
«Знакомство с основными операторами» 25
Математические операторы 25
Объекты 25
Лабораторная работа №3 27
«Условный оператор» 27
Лабораторная работа №4 28
«Разработка калькулятора» 28
Практическая работа №1 33
«Обработка данных формы» 33
Практическая работа №2 34
«Создание счетчика посещений» 34
Практическая работа №3 36
«Вычисление значения функции» 36
Практическая работа №4 37
«Использование массивов» 37
Практическая работа №5 42
«Разработка базы данных» 42
Лабораторная работа №1 «Структура html-документа»
Цели:
ознакомиться с основными понятиями: элемент, атрибут;
ознакомиться со структурой HTML-документа;
создать простейшую HTML-страничку;
научиться использовать комментарии.
HTML содержит типы элементов, представляющих параграфы, гипертекстовые ссылки, списки, таблицы, изображения и т.д. Каждое объявление типа элемента обычно описывает три части: начальный тег, содержимое и конечный тег.
Название элемента появляется в начальном теге (<название-элемента>) и в конечном теге (</название-элемента>). Некоторые элементы HTML допускают отсутствие конечного тега. Некоторые типы элементов HTML не имеют содержимого. Такие пустые элементы никогда не имеют конечного тега. Названия элементов всегда нечувствительны к регистру. Элементы могут иметь ассоциированные свойства, называемые атрибутами, которые могут иметь значения (по умолчанию или устанавливаемые автором). Пары атрибут/значение появляются перед конечным символом ">" начального тега элемента. Любое количество (допустимое) пар значений атрибута, разделённых пробелами, может появляться в начальном теге элемента. Они могут появляться в любом порядке. По умолчанию требуется, чтобы все значения атрибутов были ограничены с использованием двойных или одинарных кавычек, однако в некоторых случаях можно устанавливать значение атрибута без использования кавычек, но рекомендуется использовать знак кавычек даже тогда, когда можно обойтись без него. Названия атрибутов всегда нечувствительны к регистру.
Комментарии HTML имеют следующий синтаксис:
<!-- это комментарий -->
<!-- и это тоже комментарий,
занимающий более одной строки -->