Технологическая карта №2 (6 часов)

1. Наименование: Оформление сайта с помощью каскадных таблиц стиля CSS

2. Цель: Научится оформлять web – страницы с помощью правил CSS

3. Подготовка к занятию:

3.2 По указанной литературе изучить тему рассмотренную в данной технологической карте

4. Литература:

4.1 Шомас Е.А. учебно – методическое пособие «Программное обеспечение в компьютерных сетях», 2010

4.2 Шомас Е.А конспект лекций по дисциплине «Распределенные системы обработки информации», 2012

4.3 http://www.weblabla.ru – электронный учебник по web – дизайну

5. Перечень оборудования:

5.1 ПЭВМ, подключенные к сети Интернет

5.2 Браузеры

5.3 Текстовый редактор Блокнот

6. Задание:

6.1 К сайту, созданному на предыдущем занятии применить правила CSS:

6.1.1 Поменять цвет, размер и тип шрифта на страницах сайта с помощью CSS

6.1.2 Сделать отступы от картинок с помощью CSS

6.2 Создать различные варианты ссылок и их поведение

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

7.1 По приложению изучить основы написания правил CSS

7.2 Применяя различные правила оформления web – страниц выполните предложенное задание

8. Содержание отчета:

8.1 Наименование и цель работы

8.2 Выполненное задание (код CSS – файла готового задания)

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

8.4 Вывод о проделанной работе

9. Контрольные вопросы:

9.1 Из чего состоит правило CSS?

9.2 Основные способы подключения CSS – правил к HTML – странице?

ПРИЛОЖЕНИЕ:

CSS расшифровывается как C ascading S tyle S heets (каскадные таблицы стилей). Таблицы стилей определяют то как будут отображаться HTML элементы.

Стили обычно хранятся во внешних файлах с расширением (.css). Внешние таблицы стилей позволяют вам изменять разметку и оформление всех страниц веб-сайта, изменяя содержимое одного css файла.

Правило CSS состоит из двух частей: селектор и одно или больше объявлений свойств:

Селектором обычно является элемент HTML, форматирование которого вы хотите изменить.

Каждое объявление состоит из свойства и его значения.

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

Объявление CSS должно заканчиваться точкой с запятой (;), а группы объявлений пишутся в фигурных скобках:

p {color:red;text-align:center;}

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

Пример

p
{
color:red;
text-align:center;
}

Дата добавления: 2015-07-16