Рейтинговая система для оценки успеваемости

Таблица 1.1 Балльные оценки для элементов контроля (4 семестр).

Элементы учебной деятельности	Максимальный балл на 1-ую КТ с начала семестра	Максимальный балл за период между 1КТ и 2КТ	Максимальный балл за период между 2КТ и на конец семестра	Всего за семестр
Посещение занятий	3	3	3	9
Тестовый контроль	4	4	4	12
Контрольные работы на практических занятиях	9	9	9	27
Лабораторные работы		5	5	10
Компонент своевременности	4	4	4	12
Выполнение домашних индивидуальных заданий		15	15	30
Итого максимум за период:	20	40	40	100
Сдача экзамена (максимум)				-
Нарастающим итогом	20	60	100	100

 

Таблица 1.2 Пересчет баллов в оценки за контрольные точки

Баллы на дату контрольной точки	Оценка
³ 90 % от максимальной суммы баллов на дату КТ	5
От 70% до 89% от максимальной суммы баллов на дату КТ	4
От 60% до 69% от максимальной суммы баллов на дату КТ	3
< 60 % от максимальной суммы баллов на дату КТ	2

Таблица 1.3  Пересчет суммы баллов в традиционную и международную оценку

Оценка (ГОС)	Итоговая сумма баллов, учитывает успешно сданный экзамен	Оценка (ECTS)
5 (отлично) (зачтено)	90 – 100	А (отлично)
4 (хорошо) (зачтено)	85 – 89	В (очень хорошо)
	75 – 84	С (хорошо)
	70 – 74	D (удовлетворительно)
3 (удовлетворительно) (зачтено)	65 – 69
	60 – 64	E (посредственно)
2 (неудовлетворительно), (не зачтено)	Ниже 60 баллов	F (неудовлетворительно)

ТЕМЫ ПРАКТИЧЕСКИХ ЗАНЯТИЙ

 

Занятие 1. Создание и редактирование HTML/XML документов. Каскадные таблицы стилей CSS (2 часа).

Элементы HTML/XML документов. Структура  HTML документа, примеры создания списков, ссылок, таблиц. Каскадные таблицы стилей, элементы CSS. Изменение оформления документа с помощью CSS.

Занятие 2. Язык JavaScript и реализация интерактивности в HTML/XML документах (2 часа).

Конструкции языка JavaScript. Модель DOM. Изменение свойств элементов в ответ на действия пользователя.

Занятие 3. Контрольная работа 1. «Составить html-код документа с заданными свойствами и структурой.» (2 часа).

Занятие 4. Построение частотных характеристик электрической цепи в Mathcad, ASIMEC (2 часа).

Составление структурной матрицы. Метод узловых потенциалов. Знакомство со средой ASIMEC. Создание схемы в ASIMEC. Получение частотных характеристик.

Занятие 5. Построение графика переходного процесса электрической цепи в MathCad, ASIMEC (2 часа).

Решение задачи Коши. Получение графика переходного процесса.

Занятие 6. Контрольная работа 2. «Реализовать математическую модель электрической цепи в среде MathCad.» (2 часа).

Занятие 7. Знакомство со средой программирования Microsoft VisualStudio и особенности работы консольных приложений на языке C++ в ней (2 часа).

Создание консольного приложения. Знакомство со структурой консольного приложения. Операторы языка C++. Создание и использование функций.

Занятие 8. Основы объектно-ориентированного программирования на языке C++ в среде MS VisualStudio (2 часа).

Создание класса. Наследование и полиморфизм. Объявление экземпляра класса и работа с ним.

Занятие 9. Знакомство с библиотекой STL C++ в среде MS VisualStudio (2 часа).

Знакомство с шаблонами в C++. Основные типы данных STL. Контейнеры STL. Итераторы. Основные операции с контейнерами.

Занятие 10. Контрольная работа 3. «Привести текст программы C++, позволяющей принимать и хранить в памяти произвольное количество объектов заданного типа.» (2 часа).

ЛАБОРАТОРНАЯ РАБОТА № 1

Разделение представления и содержимого в документах. Каскадные таблицы стилей.

 

ВВЕДЕНИЕ

 

Целью работы является знакомство технологией описания внешнего вида HTML документа – каскадными таблицами стилей (Cascading Style Sheets, CSS).

Каскадные таблицы стилей – это набор правил, описывающих представление элементов HTML-кода и хранящихся отдельно от него. Одно такое правило, описывающее представление одного элемента или группы элементов, называется стилем. Каскадные таблицы стилей используются для оформления веб страниц (HTML), могут использоваться с любыми видами документов в формате XML. С помощью таблиц стилей можно задавать цвета, шрифты, расположение и другие свойства представления элементов документа. Основной целью разработки CSS являлось разделение содержимого (созданного с помощью HTML) и представления документа (созданного с помощью CSS), что позволяет достичь большей гибкости и получить возможность управления представлением документа.

 

ОПИСАНИЕ CSS

 

CSS при отображении страницы может быть взят из разных источников:

1. Стили предоставляемые автором HTML страницы в виде:

a. Внешних таблиц стилей, то есть отдельного файла с расширением.css, на который делается ссылка в документе (внутри элемента head помещается элемент: <link href="styles.css" rel="stylesheet" type="text/css">, где атрибут href содержит имя CSS файла);

b. Встроенных стилей – блоков CSS внутри документа, при этом внутри элемента head помещается элемент style, содаржащий стили:

 

<style type="text/css">

<!—

a {

color: #FF0000;

}

-->

</style>

c. Inline-стилей, когда стиль одного элемента указывается в его атрибуте style (например: <li style="color:#00CCFF; font-size:16px;">Лабораторная №1</li>);

2. Пользовательские стили (Локальныей.css файл, указанный пользователем в настройках браузера и переопределяющий авторские стили);

3. Стандартные стили браузера (используются браузером по-умолчанию, при отсутствии первых двух источников).

 

Стандарт CSS определяет приоритеты, в порядке которых применяются правила стилей, если для какого-то элемента подходят несколько правил одновременно. Это называется «каскадом» в котором для правил рассчитываются приоритеты, что делает результат предсказуемым. При этом вложенные элементы, если для них не определены собственный свойства, наследуют свойства элементов, в которые они помещены.

Таблица стилей состоит из набора правил (стилей). Каждое правило в свою очередь состоит из одного или нескольких селекторов, разделенных запятыми, и блока определений. Блок определений заключается в фигурные скобки, и состоит из набора свойств и их значений. Каждое правило имеет следующий синтаксис:

Селектор1, селектор2 {

Свойство1: значение1;

Свойство2: значение2;

}

 

Виды селекторов:

1. Селекторы применяющиеся ко всем элементам с заданным именем:

h1, h2 {

font-size: 24px;

}

Все элементы h 1 и h 2 в документе будут иметь размер шрифта 24 пикселя;

2. Контекстные селекторы:

h1 i {

color: red;

}

Все элементы < i >, находящиеся внутри элементов < h 1> будут красного цвета (например: < h 1>Заголовок < i >частично красным курсивом</ i ></ h 1>);

3. Классы:

.class_name {

background-color: black;

}

Задает всем элементам, имеющим атрибут class со значением, равным имени класса черный цвет фона (например: < td class =” class _ name ”>Данные</ td >);

4. ID-классы:

p#pname {

margin: 0;

}

Задает всем элементам p, имеющим атрибут id со значением, равным части селектора после символа решетки, задать нулевой отступ (например: < p id =” pname ”>Параграф без отступа</ p >);

5. Псеводклассы:

a:link { color: red; }

a:visited { color: green; }

a: hover { color: blue; }

a:active { color: white; }

link, active, visited, hover – эти пceвдoклaccы иcпoльзуютcя тoлькo c элементом <a> и определяют стиль отображения обычной, активной, посещенной ссылок, а также ссылки, над которой находится курсор мыши. Стиль a:hover должен располагаться после стилей a:link и a:visited, иначе правила каскадирования скроют свойство "color" стиля a:hover. Аналогично, благодаря тому, что a:active определен после a:hover, активная ссылка отображается белым цветом, когда пользователь устанавливает указатель поверх элемента < a > и одновременно активизирует его.

 

Приоритетность стилей определяется по нескольким классификациям.

1. По источнику, в порядке возрастания приоритета:

a. Внешняя таблица стилей;

b. Таблица встроенных стилей;

c. Inline-стили;

2. По виду селектора, в порядке возрастания приоритета:

a. Селекторы применяющиеся ко всем элементам с заданным именем;

b. Контекстные селекторы, псевдоклассы;

c. Классы, ID-классы;

3. По контексту: Стили применяющиеся к узкому контексту приоритетнее стилей применяющихся к широкому контексту;

4. По порядку вхождения: при прочих равных приоритетнее правило объявленное позже.

 

Некоторые свойства стилей и их описания:

color – определяет цвет текста элемента (например: color: white – устанавливает белый цвет, color: # FFFFFF – устанавливает белый цвет, запись цвета в шестнадцатиричном виде);

background - color – задает цвет фона элемента (например: background - color: yellow – задает желтый цвет фона);

font - family – устанавливает семейство шрифта элемента. Список шрифтов может иметь одно или несколько имен шрифтов, разделенных через запятую. Если на компьютере отсутствует первый шрифт, будет взят следующий и т.д. (например: f ont-family: Arial, Helvetica, sans-serif);

font - size – позволяет задать размер шрифта текста (например: font - size: 16 px – размер шрифта 16 пикселей, font - size: 9 pt – размер шрифта 9 пунктов, font - size: 10 mm – размер шрифта 10 миллиметров);

font-style – определяет начертание шрифта, может принимать значения: normal – обычное начертание, italic – курсив, oblique – наклонный шрифт;

text-decoration – задает оформление текста, в виде мигающего текста, подчеркиваний, перечеркиваний. Можно задавать несколько значений через пробел. Значения: blink – мигающий текст, line - through – перечеркнутый текст, overline – линия над текстом, underline – линия под текстом, none – отменяет все эффекты;

text-align – определяет выравнивание текста элемента по горизонтали, может принимать значения: left – по левому краю, right – по правому краю, center – по центру, justify – выравнивание по ширине;

border – устанавливает одновременно цвет, толщину и стиль рамки вокруг элемента. Записывается в виде: border: border - width border - style color. Где border - width – ширина рамки, border - style – стиль рамки (значения: dotted, dashed, solid, double, groove, ridge, inset, outset), color – цвет. Например border: 3 px solid red задает красную рамку, нарисованную сплошной линией толщиной в 3 пикселя.

 

 

Список свойств стилей с описанием можно посмотреть по ссылке: http://www.htmlbook.ru/css/

 

ПРОГРАММА РАБОТЫ

 

1. Создайте с помощью текстового редактора (например notepad) на локальном диске, в той же папке что и html-файл, файл с именем styles. css.

2. Добавьте в файл стилей четыре псевдокласса с разными цветами для элемента < a >. Сохраните файл.

3. В html-файле создайте гиперссылку а так же пропишите ссылку на внешнюю таблицу стилей styles.css Сохраните файл.

4. Запустите веб браузер, откройте созданный документ. Проверьте как меняется цвет ссылки, в зависимости от различных событий(Активная ссылка не должна изменять свой цвет при наведении на неё курсора мыши). Измените файл стилей таким образом, чтобы активная ссылка изменяла свой цвет при наведении на неё курсора мыши. Результат покажите преподавателю.

5. Отредактируйте документ и таблицу стилей и создайте список в соответствии с вариантом (стиль списка создайте с помощью селектора применяющегося ко всем элементам с заданным именем, стиль элементов списка - с помощью контекстного селектора, оба стиля должны быть встроенными. Стиль одного элемента списка объявите Inline). Результат покажите преподавателю. Поясните результат.

6. Отредактируйте документ и таблицу стилей и создайте таблицу в соответствии с вариантом. Стили объявите как классы и поместите во внешнюю таблицу стилей. Результат покажите преподавателю.

 

ВАРИАНТЫ РАБОТЫ

1. Список №1, таблица №1

2. Список №1, таблица №2

3. Список №2, таблица №1

4. Список №2, таблица №2

5. Список №3, таблица №1

6. Список №3, таблица №2

 

Варианты списков:

1.

2.

3.

Варианты таблиц:

1.

2.

 

 

Лабораторная работа № 2