Тема 2. Проектирование информационных систем в экономике
1. Принципы проектирования ИСЭ
· определение цели;
· определение требований к системе (определение границ объекта);
· определение функциональных подсистем, их структуры и задач в общей системе управления;
· выявление и анализ связей между подсистемами;
· установление порядка функционирования и развития всей системы в целом.
2. Понятие открытой системы
3. Понятие жизненного цикла ИС. Этапы проектирования
4. Методы и способы проектирования ИС
|
| <TABLE> . . . </TABLE> | Определяет начало и конец таблицы. |
| Атрибуты тега TABLE: | |
| BGCOLOR=" . . . " | - определяет цвет фона всей таблицы; |
| BACKGROUND=" . . . " | - указывает адрес файла для Background; |
| BORDER="n" | - задаёт обрамление, образованное линиями шириной n пикселов. |
| BORDERCOLOR=”цвет” | - задает цвет обрамления |
| WIDTH=" . . . " | - задаёт ширину таблицы (в пикселах или процентах) |
| ALIGN=left ALIGN=right ALIGN=center | - задаёт способ выравнивания таблицы по ширине страницы (слева, справа, по центру) |
| CELLSPACING=" . . . " | - задаёт в пикселах расстояние между границами ячейки и её содержимым; |
| CELLPADDING=" . . . " | - задаёт в пикселах интервал между ячейками; |
| Пример использования: < TABLE CELLSPACING=2 CELLPADDING=3 BORDER=1 ALIGN="Center" BGCOLOR="Gray" BACKGROUND="Bk10.gif" WIDTH=100> | |
| <TR> . . . </TR> | Определяет начало и конец строки в таблице. |
| Атрибуты тега TR: | |
| BGCOLOR=" . . . " | - определяет цвет фона данной строки; |
| BACKGROUND=" . . . " | - указывает адрес файла для Background данной строки; |
| BORDER="n" | - задаёт обрамление, образованное линиями шириной n пикселов. |
| ALIGN=left ALIGN=right ALIGN=center | - задаёт способ выравнивания содержимого ячеек в данной строке (слева, справа, по центру) |
| VALIGN=top VALIGN=bottom VALIGN=center VALIGN=baseline | - задаёт способ размещения содержимого ячеек в данной строке по вертикали (сверху, снизу, по центру, по базовой линии) |
| Пример использования: < TR ALIGN="сenter" VALIGN="middle"> | |
| <TD> . . . </TD> | Определяет начало и конец ячейки в таблице. |
| Атрибуты тега TD: | |
| BGCOLOR=" . . . " | - определяет цвет фона данной ячейки; |
| BACKGROUND=" . . . " | - указывает адрес файла для Background данной ячейки; |
| WIDTH=" . . . " | - задаёт ширину ячейки (в пикселах или процентах от ширины таблицы) |
| ALIGN=left ALIGN=right ALIGN=center | - задаёт способ выравнивания содержимого ячейки (слева, справа, по центру) |
| VALIGN=top VALIGN=bottom VALIGN=center VALIGN=baseline | - задаёт способ размещения содержимого ячейки по вертикали (сверху, снизу, по центру, по базовой линии); |
| ROWSPAN="n" | - указывает, что данная ячейка охватывает n соседних строк; |
| COLSPAN="n" | - указывает, что данная ячейка охватывает n соседних столбцов; |
| NOWRAP | - указывает, в данной ячейке отключается режим автоматического распределения текста по всей ячейке. То есть будет отображаться лишь та часть текста, которая умещается в ячейке по длине. |
| Пример использования: < TD ALIGN="Center" VALIGN="Baseline" COLSPAN="2" WIDTH="30" HEIGHT="30" NOWRAP> | |
| Пример взаимного расположения тегов при описании таблицы: <TABLE BORDER=0> <TR> <TD> </TD> </TR> </TABLE> |
Пример.
Введите следующую программу:
<center><table border="12" width="1" cellpadding="10" cellspacing="10">
<tr>
<td>Температура</td> <td>Давление</td> <td>Влажность</td> <td>Скорость ветра</td>
<td>Направление ветра</td>
</tr>
<tr>
<td>21</td> <td>745</td> <td>65</td> <td>4</td> <td>юг</td>
</tr>
<tr>
<td>20</td> <td>748</td> <td>72</td> <td>6</td> <td>север</td>
</tr>
<tr>
<td>22</td> <td>750</td> <td>70</td> <td>3</td> <td>запад</td>
</tr>
</table></center>
Общее задание 5. Самостоятельно начертите таблицу: Цвет фона первой строки – салатовый, второй строки – сиреневый.
| ХАРАКТЕРИСТИКА ОС | |||
| ПРОЕКТИВНЫЕ ОС | ПРОЦЕДУРНЫЕ ОС | ||
| + | - | + | _ |
| Активность человека | Ориентация на профессионала | Ускоренная программа обучения | Активность машины |
| Необходимо осваивать | Ориентация на новичка |
|
Фреймы являются средством отображения нескольких документов в одном окне броузера. При использовании фреймов рабочая область окна броузера разбивается на несколько более мелких областей, в которых отображаются различные HTML-страницы. Фреймы полезны в тех случаях, когда необходимо, чтобы определенная область присутствовала в окне броузера постоянно, в то время как другая область обеспечивала возможность загрузки различных документов.
| <FRAMESET> . . . </FRAMESET> | Определяет начало и конец документа с фреймами. Используется вместо тега BODY. |
| Атрибуты тега FRAMESET: | |
| BORDER="n" | - задаёт обрамление фреймов, образованное линиями шириной n пикселов. |
| BORDERCOLOR=" . . . " | - задаёт цвет обрамления; |
| COLS=" . . . , . . . , . . . " | - задаёт горизонтальное расположение фреймов. В списке указывается ширина каждого фрейма в пикселах или процентах. Ширину последнего фрейма можно указать как *, т.е. - всё остальное пространство. |
| ROWS=" . . . , . . . , . . . " | - задаёт вертикальное расположение фреймов. В списке указывается высота каждого фрейма в пикселах или процентах. Высоту последнего фрейма можно указать как *, т.е. - всё остальное пространство. |
| Пример использования: <FRAMESET COLS="179, *"> | |
| <FRAME> | Определяет фрейм в наборе фреймов. |
| Атрибуты тега FRAME: | |
| BORDER="n" | - задаёт обрамление фрейма, образованное линией шириной n пикселов. |
| BORDERCOLOR=" . . . " | - задаёт цвет обрамления; |
| SRC=" . . . " | - задаёт адрес (URL) файла, который будет отображаться в этом фрейме; |
| NAME=" . . . " | - задаёт имя этого фрейма; |
| SCROLLING=yes SCROLLING=no SCROLLING=auto | - описывает наличие и тип линии прокрутки (есть всегда, никогда нет, добавляется при необходимости); |
| NORESIZE | - запрещает изменять размеры фреймов; |
| MARGINHEIGHT=" . . . " | - задаёт размещение над содержимым фрейма и под ним областей свободного пространства высотой по n пикселов; |
| MARGINWIDTH=" . . . " | - задаёт размещение слева и справа от содержимого фрейма областей свободного пространства высотой по n пикселов; |
| Пример использования: <FRAME NAME="FrameA" SRC="Begin.htm" MARGINHEIGHT=1 MARGINWIDTH=1 SCROLLING="Auto" NORESIZE> | |
| Пример взаимного расположения тегов при описании набора фреймов: <FRAMESET ROWS="200,*"> <FRAME NAME="Frame 1" SRC="A1.htm" SCROLLING="AUTO"> <FRAME NAME="Frame 2" SRC="B1.htm" SCROLLING="AUTO"> </FRAMESET> |
Общее задание 6. Создайте следующий документ с фреймами glav.html. В первом и четвертом фреймах запрещается изменять размеры и показывать полосы прокрутки. Ширина обрамления фреймов равна 15, цвет – зеленый. В первом фрейме задать размещение над содержимым фрейма и под ним областей свободного пространства высотой 0 пикселов. В четвертом фрейме размещение слева и справа от содержимого фрейма областей свободного пространства сделайте шириной по 0 пикселов.
| 20%, Имя: FRAME1, Источник – файл, содержащий рисунок | ||
| 15% Имя: FRAME2 Источник – файл lesson3.html | Имя: FRAME3, Источник – файл index_ВашеИмя.html | 25% Имя: FRAME4, Источник – файл, содержащий рисунок |
|
| <IMG> | - Для размещения графических объектов | ||||||||||
| Атрибуты тега IMG: | |||||||||||
| SRС="URL графического файла" | - Параметр SRC является обязательным и указывает URL графического файла, который должен отображаться на странице | ||||||||||
| Пример использования SRC: SRC="http://www.domain.ru/navigation/home.gif" SRC="images/logo.jpg" | |||||||||||
| ALT= "Замещающий текст" | - позволяет указывать текст, отображаемый вместо графического объекта в броузерах, не поддерживающих отображение графики; | ||||||||||
| ALIGN=bottom| middle|top |left|right | - определяет режим выравнивания графического объекта относительно текста:
| ||||||||||
| НЕIGНТ =высота | - определяет высоту графического объекта в пикселах при его отображении на странице | ||||||||||
| Width=Ширина | -определяет ширину графического объекта в пикселах при его отображении на странице | ||||||||||
| BORDER= Толщина границы | - используется для указания ширины границы, отображаемой вокруг графического объекта | ||||||||||
| НSРАСЕ= Отступ по горизонтали | - параметр определяет расстояние от графического объекта до текста страницы и других объектов | ||||||||||
| VSРАСЕ= Отступ по вертикали | - параметр определяет расстояние от графического объекта до текста страницы и других объектов | ||||||||||
| Пример использования: <IMG SRC="mail.jpg" ALT=”Отправить сообщение”> |
| |||
| <MARQUEE>ТЕКСТ </MARQUEE> | - Флаг, создающий бегущую строку | ||
| Атрибуты тега MARQUEE: | |||
| DIRECTION= | left | - Если бегущую строку нужно направить справа налево | |
| right | - движение слева направо | ||
| BEHAVIOR= | scroll | - стандартное движение от правого края к левому | |
| slide | - надпись один раз пробегает от правого края к левому, где и остается. | ||
| alternate | - движение от правого края страницы к левому и обратно | ||
| LOOP=n | Ограничение числа циклов. Значение n оператора LOOP указывает число повторений цикла | ||
| WIDHT=n | указать ширину участка, занимаемого бегущей строкой, где n - ширина той части страницы, на которой расположена бегущая строка. Значение n указывается как в пикселях, так и в процентах от общей ширины видимой части страницы. | ||
| BGCOLOR=n | - окрасить поверхность бегущей строки в какой-либо цвет | ||
| HEIGHT=n | - указать высоту бегущей строки, задавая величину n в пикселях | ||
| scrolldelay=t | В данном случае переменная величина - время t - измеряется в миллисекундах. Метод задания скорости состоит в указании времени, спустя которое текст будет перерисован на экране заново. | ||
| |
| <BGSOUND > | Для воспроизведения звука (файл *.mid или *.wav) |
| Атрибуты: | |
| SRC="Адрес mid-файла” | - после загрузки документа в броузер (в фоновом режиме) будет проигрываться музыка из указанного файла |
| LOOP = n | Число воспроизведений музыки loop можно увеличить с 1 до n. |
| |
| (16 основных цветов) aqua - бирюзовый; black - черный; blue - синий; gray - серый; green - зеленый; lime - ярко-зеленый; maroon - темно-красный; | white - белый; navy - темно-синий; olive - оливковый; purple - фиолетовый; red - красный; silver - светло-серый; teal - ярко-голубой; yellow - желтый; fuchsia - ярко-фиолетовый. |
| Вместо указанных терминов для задания цвета можно использовать RGB-коды, например: #FFFFFF -белый (white), #FF0000 -красный (red). Меняя RGB-коды, можно подбирать желаемые цвета текста и фона. |
Общее задание 7.
1) В документ index_ВашеИмя.html добавьте рисунок размером 100´100 пикселов, расположенный по центру страницы на расстоянии 20 по горизониали. Альтернативный текст: «Здесь должен быть рисунок Имя_Рисунка».
2) Создайте бегущую строку красного цвета «РАЗРАБОТКА МОЕЙ ПЕРВОЙ ВЕБ-СТРАНИЦЫ ОКОНЧЕНА» высотой 20, пробегающей слева направо 5 раз.