Разработка сайта html, удовлетворяющего заданным параметрам.

 

ВВЕДЕНИЕ

 

Целью работы является разработка сайта с помощью языка гипертекстовой разметки HTML.

 

ОПИСАНИЕ РАБОТЫ

 

В данной работе требуется разработать сайт (2-3 html файла, 1 файл css, 1 файл js) согласно варианта задания. Все оформление должно осуществляться с помощью стилей CSS, записаных во внешнем файле (css файл используется один на все html файлы). Интерактивность обеспечивается за счет использования скриптов JavaScript, выделенных в отдельный js файл, и подключаемый из html файлов.

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

Создание и редактирование сайта должно осуществляться только с помощью текстового редактора, или специализированного редактора с возможностью редактирования страниц в текстовом виде.

Все html-страницы должны успешно проходить валидацию (http://validator.w3.org/)

 

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

1. Сайт с расписанием занятий на неделю для двух групп. Три страницы: основная, со списком групп, кратким описанием сайта, картинками и ссылками на внешние ресурсы, и две страницы с расписанием для каждой группы, оформленным в виде таблиц. Ячейки таблицы должны быть окрашены, например лекции – одним цветом, практики – другим и т.п. При наведении курсора на ячейку расписания, данная ячейка должна менять свой цвет. Количество студентов в каждой группе не менее 15.

2. Сайт с успеваемостью группы студентов в текущем семестре. Три страницы: основная, с описанием, картинками и ссылками на внешние ресурсы и две страницы с успеваемостью. На одной странице оценки студентов за 1 и 2 контрольную точку по всем дисциплинам (не менее 10 дисциплинн). На второй – количество пропусков занятий с начала семестра по дисциплинам. Ячейки содержащие разные оценки должны быть раскрашены разным цветом (например 2 – красным, 5 – зеленым и т.п.). Для страницы пропусков выделить цветом ячейки, содержащие больше 5 пропусков по дисциплине. При наведении курсора на ячейку таблицы, данная ячейка должна менять свой цвет. Количество студентов в группе не менее 15.

3. Сайт с погодой в городе. Три страницы: основная, с текущей погодой, картинками и ссылками на внешние ресурсы, и две страницы с прогнозами – подробный прогноз на 3 дня и прогноз на месяц. Ячейки таблицы должны быть раскрашены в зависимости от температуры. При наведении на строку таблицы, вся строка должна менять цвет.

4. Новостной сайт. Три страницы: основная с заголовками новостей из разных групп, картинками и ссылками на внешние ресурсы, страница с заголовками политических новостей и страница с заголовками финансовых новостей. Заголовки новостей должны быть оформлены в виде таблицы, каждая новость должна иметь дату и время. Важные новости должны быть выделены в таблице цветом. Количество новостей в каждой группе – не менее 20. При наведении курсора на строку таблицы, вся строка должна менять цвет.

5. Сайт интернет-магазина компьютерных комплектующих. Три страницы: основная, с информацией о магазине (адресом), картинками и ссылками на внешние ресурсы, вторая страница – прайс-лист материнских плат, третья – прайс-лист процессоров. Прайс-листы должны быть оформлены в виде таблиц, обязательные колонки: артикул, наименование, остаток на складе, цена. Комплектующие должны быть сгруппированы по производителям, цвет ячеек колонки «остаток» должен зависеть от остатка (нет в наличии – красный, <5 – желтый, и т.п.). Количество наименований комплектующих на каждой странице не менее 15. При наведении курсора на строку таблицы, вся строка должна менять цвет.

6. Сайт со справочником почтовых отделений. Три страницы: основная с информацией о сайте, картинакми и ссылками на внешние ресурсы, две остальные страницы – справочники почтовых отделений в двух городах. Справочники должны быть оформлены в виде таблиц со следующими колонками: номер отделения, адрес, телефон, график работы. Количество отделений в каждой таблице не менее 20. При наведении курсора на ячейку таблицы строка и столбец, в которых находится ячейка, должны изменить цвет.

ИНДИВИДУАЛЬНОЕ ЗАДАНИЕ № 2

Построение графика переходного процесса в среде Matcad методом узловых потенциалов.

 

ВВЕДЕНИЕ

 

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

 

ОПИСАНИЕ РАБОТЫ

 

Задача Коши предполагает нахождение частного решения исходной системы уравнений – нахождение функции x (t) - для одной или нескольких выходных переменных при заданных начальных условиях x (0).

 

Для нахождения переходного процесса будем использовать метод численного интегрирования с помощью неявной схемы Эйлера –

 

X=X_p+h*dX/dt

 

Здесь X – вектор состояния искомого решения в момент времени t=t_p+h, X_p=X(t_p) – значение вектора состояния в момент t_p, соответствующий предшествующему состоянию.

Индекс p – означает previous (предшествующий).

Реализация схемы следующая – при известном X_p в момент времени t_p – находим X, соответствующий времени t = t _p+h, при этом вектор X и вектор его производных по времени dX/dt связанны между собой посредствам нашей матричной системы уравнений

для токов

 

A_R* I_R + A_L* I_L + A_C * I_C + A_V * I_V + A_J * J + A_I * I = 0;

 

напряжений

 

U_R = A_R^T*f, U_L = A_L^T*f, U_C = A_C^T*f, U_V = A_V^T*f;

 

и компонентных уравнений

 

U_R=R*I_R, J=K*V, L*dI_L/dt=U_L, C*dU_C/dt=I_C

 

Два последних компонентных уравнения являются дифференциальными, следовательно -

dX/dt = [dU_C/dt, dI_L/dt]^T, а X = [U_C, I_L]^T.

 

Дальнейшие выражения для расчета будем получать простой подстановкой одних уравнений в другие, исключая переменные, тем самым упрощая систему до удобного вида. Сначала подставим выражение для неявной схемы Эйлера в компонентные уравнения для емкостей

 

I_C=C/h*(U_C-U_Cp),                                                                   (1^*)

 

затем для индуктивностей

 

I_L =I_Lp + h/L*U_L.                                                                      (2^*)

 

I_R – выразим через узловые потенциалы при помощи первого уравнения для напряжений и первого компонентного уравнения –

 

I_R = R^-1*A_R^T*f

 

Результат подставим в уравнение для токов -

 

A_R* R^-1*A_R^T*f + A_L* I_L + A_C * I_C + A_J * J + A_I * I = 0

 

Этим действием мы исключили из дальнейшего рассмотрения переменные I_R и U_R.

Действуя по аналогии для зависимых источников J –

 

A_R* R^-1*A_R^T*f + A_L* I_L + A_C * I_C + A_J * K * A_V^T*f + A_I * I = 0

 

Для емкостей, подставив уравнение для напряжений U_C = A_C^T*f в (1^*) получим

I_C=C/h*(A_C^T*f -U_Cp) и

A_R* R^-1*A_R^T*f + A_L* I_L + A_C * C/h* A_C^T*f - A_C * C/h* U_Cp + A_J * K * A_V^T*f + A_I * I = 0

Заменим в (2^*) U_L = A_L^T*f и подставим в полученное уравнение для токов -

A_R* R^-1*A_R^T*f + A_L* I_Lp + A_L* h/L* A_L^T*f + A_C * C/h* A_C^T*f - A_C * C/h* U_Cp + A_J * K * A_V^T*f + A_I * I = 0

 

Неизвестными в полученном выражении будут только узловые потенциалы. Введем обозначения -

 

Y_R = A_R* R^-1*A_R^T, Y_L = A_L* h/L*A_L^T_, Y_C = A_C* C/h*A_C^T, Y_J = A_J * K * A_V^T

 

Тогда

 

[Y_R +Y_C+Y_L+Y_J] * f =  -A_L* I_Lp + A_C * C/h* U_Cp - A_I * I

 

С точки зрения вычислительных затрат выгодно создать матрицу

Y_inv = [Y_R +Y_C+Y_L+Y_J]^-1

поскольку операция обращения самая трудоемкая, здесь она выполняется 1 раз.

тогда узловые потенциалы –

 

f =  Y_inv [-A_L* I_Lp + A_C * C/h* U_Cp - A_I * I]                        (3^*)

 

 

Для построения графиков переходных процессов нам понадобятся следующие функции –

 

f =calcFi(I_Lp, U_Cp)

 

реализующая (3^*),

 

U_C = calcUc(f),

 

реализующая, соответствующее (третье) уравнение для напряжений, и

 

I_L=calcUL(f,I_Lp),

 

реализующая I_L =I_Lp + h/L*U_L, где U_L = A_L^T * f.

 

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

 

Схема для анализа цепи выдается преподавателем из вариантов схем к лабораторной работе №3

Задание:

1. Постройте график переходного процесса из нулевых начальных условий

I_Lp(t =0)=0 и U_Cp(t =0)=0

для разных значений шага интегрирования. Подберите шаг, формирующий достаточно гладкий график.

2. Постройте такой же график с помощью ASIMEC. Добейтесь совпадения результатов.

3. Создайте архив отчета о проделанной работе в следующем виде: файл MatCad-a; файл программы ASIMEC; и скан графа схемы.

4. При необходимости сопроводите фрагменты выполненной работы комментариями в произвольной форме.

5. Отправьте преподавателю архив электронной почтой