УТВЕРЖДАЮ

Ректор университета

___________ О.Н. Федонин

«___» ___________ 2014 г.

Интернет-программирование Блочная верстка css 3

Методические указания

к выполнению лабораторной работы №2

для студентов очной формы обучения по направлениям подготовки

230700 «Прикладная информатика» и 080500 «Бизнес-информатика»

Брянск 2014

У ДК 004.4

Интернет-программирование. Блочная верстка CSS3 [Текст] + [Электронный ресурс]: методические указания к выполнению лабораторной работы № 2 для студентов очной формы обучения по направлению подготовки 230700 «Прикладная информатика» и 080500 «Бизнес-информатика». – Брянск: БГТУ, 2014. – 10 с.

Разработал: В.С. Дадыкин, к.э.н., доц.

Рекомендована кафедрой «Экономика, организация производства, управление» БГТУ (протокол № 3 от 22.11.13)

Научный редактор В.М. Панченко

Редактор издательства Л.И. Захарова

Компьютерный набор В.С. Дадыкин

Темплан 2014 г., п. 273

Подписано в печать Формат 60х84 1/16 Бумага офсетная. Офсетная печать. Усл. печ.л.0,58 Уч.-изд.л. 0,58 Тираж 40 экз. Заказ Бесплатно

Брянский государственный технический университет

241035, Брянск, бульвар 50 лет Октября, 7, БГТУ, 58-82-49

Лаборатория оперативной полиграфии БГТУ, ул. Институтская, 16

1. Цель работы

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

2. Порядок выполнения работы

Каждый студент выполняет работу индивидуально или в бригаде на отдельном компьютере. Работа выполняется в следующей последовательности:

1. Изучение теоретических вопросов.

2. Выполнение практического задания.

3. Оформление отчета.

4. Ответы на контрольные вопросы.

Студент допускается к выполнению лабораторной работы только после собеседования с преподавателем.

На выполнение лабораторной работы отводится 2 часа.

3. Теоретические сведения

Синтаксис CSS состоит из трех частей: селектора, свойства и значения:

селектор {свойство: значение}

Селектор — элемент/тег HTML, который необходимо определить. Свойство — атрибут, который желательно изменить. Каждое свойство может принимать значение. Существует ряд правил и рекомендаций, которые необходимо запомнить.

Свойство и значение разделяются двоеточием и помещаются внутри фигурных скобок:

p {font-size: 75%}

Если значение состоит из нескольких слов, то необходимо поместить значение в кавычки:

h1 {font-family: "lucida calligraphy"}

Если требуется определить более одного свойства, то необходимо разделить свойства точкой с запятой:

table { font-family: arial, "sans serif"; border-style: dotted}

Чтобы определения стилей было удобно читать, можно каждое свойство писать на отдельной строке:

h2

{

font-family: arial;

margin-right: 20pt;

color:#ffffff }

При определении правил допускается группировка селекторов, при этом в качестве разделителя селекторов используется запятая. В следующем примере в группу были объединены все элементы абзацев, таблиц и списков. Все эти элементы будут выведены шрифтом sans serif:

p,table,li

{

font-family: "sans serif";

}