- •Цель работы:
- •Ответы на контрольные вопросы:
- •Что такое каскадные таблицы стилей?
- •Какие существуют методы связывания таблиц стилей с html-документами?
- •3.Каким образом определяются правила каскадных таблиц стилей?
- •Наследование и группирование стилей.
- •Определение классов и идентификаторов в таблицах стилей css, их синтаксис.
- •Свойства элементов таблиц стилей.
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИИ
ФГБОУ ВПО «ГОСУНИВЕРСИТЕТ – УНПК»
Кафедра «Информационные системы»
О Т Ч Е Т
о выполнении лабораторной работы № 6
на тему: «Таблицы стилей CSS»
по дисциплине «Информационные системы и технологии»
Выполнил: Борискин Александр Сергеевич Шифр:130239
Факультет УНИИ ИТ
Направление: 230700 «Прикладная информатика»
Группа: 12-ПИ
Преподаватель ___________________
Отчет защищен с оценкой «_______________ » Дата_________________
Орел, 2014
Цель работы:
1. Изучить фреймовую модель построения web-страниц, возможности использования гипертекстовых ссылок во фреймах, правила организации фреймов и теги создания фреймов и параметры тега вставки гипертекстовых ссылок.
2. Получить навыки использования технологии фреймов и навигации в любой фреймовой модели при создании web-страниц.
Код HTML:
Главная страница:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title> Формы </title>
<style type="text/css">
font {
font-size: 25px;
color: #CCCCCC;}
</style>
<link rel="stylesheet" href="style/style1.css" type="text/css">
</head>
<body>
<font size="4"><b>ФИО:</b></font> Борискин Александр Сергеевич<br>
<b>Адрес:</b> <u>г.Орел,улица Набережная д.8</u><br>
<b>Семейное положение:</b> <i>Холост</i><br>
<b>Предыдущее учебное заведение:</b> лицей "Магистр"<br>
<b>Перечень экзаменов, сданных при поступлении:</b> математика, русский язык, информатика и <strike>ИКТ</strike>
<HR class="first" size="3">
<FONT size="4" color="navy" >
Я Борискин Александр Сергеевич, родился 20 сентября 1995 года в городе Орел.<br>
В 2001 году я пошел в 1 класс МОУ Знаменская средняя общеобразовательная школа. В 2013 закончил НОУ лицей "Магистр."<br>
В 2013 поступил в ГУ-УНПК на факультет УНИИ ИТ по специальности "Прикладная информатика". <br>
Холост.<br>
Адрес:<br>
ул. Набережная д.8,<br>
г.Орел, Орловский район, пгт.Знаменка,<br>
ул. Набережная д.8<br>
Тел. 89208212095<br>
</FONT>
<HR class="second" size=3>
<OL id=myid>
1. Информатика и программирование (экзамен)<br>
2. Математика (экзамен) <br>
3. Физика (экзамен) <br>
4. Экономическая теория (экзамен) <br>
</OL>
<ul style="color: #ff0000; font-size:12px">
Иностранный язык (зачет) <br>
ИСиТ (зачет) <br>
Логика (зачет) <br>
Практикум по матем. (зачет) <br>
Практикум по физике (зачет) <br>
Ф-ра (зачет)<br>
</ul>
<TABLE BORDER ="1">
<TR >
<TD ROWSPAN="2" ALIGN="CENTER">Наименование дисциплины</TD>
<TD ROWSPAN="2" ALIGN="CENTER">ФИО преподавателя</TD>
<TD COLSPAN="3" ALIGN="CENTER">Количество часов по </TD>
<TD ROWSPAN="2" ALIGN="CENTER">Курсовые работы/проекты </TD>
</TR>
<TR>
<TD >лекциям</TD>
<TD >практическим работам </TD>
<TD >лабораторным работам</TD>
</TR>
<TR>
<TD>Информатика и программирование</TD>
<TD>Непупкин А.Д</TD>
<TD>123</TD>
<TD>123</TD>
<TD>123</TD>
<TD ALIGN="RIGHT">123</TD>
</TR>
<TR>
<TD>Математика</TD>
<TD>Пупкин А.В</TD>
<TD>123</TD>
<TD>123</TD>
<TD>123</TD>
<TD ALIGN="RIGHT">123</TD>
<TR>
</TR>
<TD>Физика</TD>
<TD>Трисов А.Н</TD>
<TD>123</TD>
<TD>123</TD>
<TD>123</TD>
<TD ALIGN="RIGHT">123</TD>
</TR>
<TD>Экономическая теория</TD>
<TD>Азаров И.Н</TD>
<TD>123</TD>
<TD>123</TD>
<TD>123</TD>
<TD ALIGN="RIGHT">123</TD>
<TR>
<TD>Иностранный язык</TD>
<TD>Уваров А.Г</TD>
<TD>123</TD>
<TD>123</TD>
<TD>123</TD>
<TD ALIGN="RIGHT">123</TD>
</TR>
<TR>
<TD>ИСиТ</TD>
<TD>Ололоев Р.О</TD>
<TD>123</TD>
<TD>123</TD>
<TD>123</TD>
<TD ALIGN="RIGHT">123</TD>
</TR>
<TR>
<TD>Логика </TD>
<TD>Зарубов Г.Н</TD>
<TD>123</TD>
<TD>123</TD>
<TD>123</TD>
<TD ALIGN="RIGHT">123</TD>
</TR>
<TR>
<TD>Практикум по математике</TD>
<TD>Заваров Д.Н</TD>
<TD>123</TD>
<TD>123</TD>
<TD>123</TD>
<TD ALIGN="RIGHT">123</TD>
</TR>
<TR>
<TD>Практикум по физике</TD>
<TD>Узуев О.Л</TD>
<TD>123</TD>
<TD>123</TD>
<TD >123</TD>
<TD ALIGN="RIGHT">123</TD>
</TR>
<TR>
<TD>Ф-ра</TD>
<TD>Нубоев Е.Н</TD>
<TD>123</TD>
<TD>123</TD>
<TD>123</TD>
<TD ALIGN="RIGHT">123</TD>
</TR>
<TR>
<TD COLSPAN="2"><b>ИТОГО:</b></TD>
<TD>123</TD>
<TD>123</TD>
<TD>123</TD>
<TD ALIGN="RIGHT">123</TD>
</TR>
</TABLE>
</body>
</html>
Файл .css:
body{
background: #ffffcc;
color: #000000;
}
#myid {
font-family : sans-serif;
font-style : italic;
font-size : 16pt;
color: #006633;
}
table{
font-family: Arial, Helvetica, sans-serif;
font-size: 24pt;
color: #996633;
}
hr.first{
background-color: #f12;
height: 3px;
}
hr.second{
background-color: #00f;
height: 4px;
}