Практическая работа № 13-14

Рамка.

1. Толщина рамки border-width — толщина границы. Различ­ные типы этого параметра: толщина левой границы {border-left-width), толщина верхней границы {border-top-width), толщина правой границы {border-right-width), толщина нижней границы {border-bottom-width). Значение задается в пикселах (рх).

Пример:

.lineTop {border-top-width: Зрх;}

2. Цвет рамки border-color — цвет рамки (границы).
Пример:

.lineRed {border-color: #FF0000;}

3. Стиль рамки border-style — стиль границы. Значения: гра­ницы нет {попе), сплошная линия {solid), пунктирная линия {dotted), штриховая линия {dashed), двойная линия {double), объ­емная канавка {groove), объемный гребень {ridge), объемнаякнопка внутрь {inset), объемная кнопка наружу {outset).

Пример:

.lineSimple {border-style: outset;}

4. Обобщающий стиль рамки border — обобщающий стиль границы, объединяющий три параметра: толщину, стиль и цвет границы. Порядок записи параметров неважен:

border: ширина стиль цвет; border-tor: ширина стиль цвет; border-right: ширина стиль цвет; border-bottom: ширина стиль цвет; border-left: ширина стиль цвет;

Пример:

td.blueBorder {border: 4px dotted #003399}

Обобщающий стиль можно задавать для определенной сто­роны границы: слева (border-left), сверху (border-top), справа (border-right), снизу (border-bottom).

Пример:

td.red21ine {border-color: #FF0000;

border-left: 2px double;

}

Задание для практического занятия:

1.Отформатируйте страницу с помощью листа стилей, размещённого в теге <style>...</style> (см. пример) Сохраните страницу в личной папке в файл style1.html

2.Запишите исходный код таблицы стиля в отчет

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

1. Что является компонентами страницы HTML?

2.Какие существуют способы управления настройками браузера:

3.В чем главная особенность каскадных таблиц стилей?

«Создание логотипа и баннера для web-сайта в программе Adobe Photoshop»

Цель работы:

1.Научиться создавать баннеры для web-страниц

Образовательные результаты, заявленные во ФГОС третьего поколения:

Студент должен

уметь:

- создавать элементы графического изображения;

- редактировать готовые изображения;

- применять технологии продвижения web-услуг.

знать:

- основные виды компьютерной графики;

- методы создания и обработки двухмерных и трехмерных изображений;

- приемы подготовки графики для web-приложений;

- технологии продвижения web-услуг.

Дата добавления: 2014-12-24