Logo GenDocs.ru

Поиск по сайту:  

Загрузка...

Отчет по практике - файл 8_Раздел_5.doc


Загрузка...
Отчет по практике
скачать (235.1 kb.)

Доступные файлы (15):

10_ЗАКЛЮЧЕНИЕ.doc25kb.31.01.2009 03:46скачать
1_0_Титульник.doc28kb.31.01.2009 03:46скачать
11_Литература.doc23kb.31.01.2009 15:54скачать
1_1_Содержжание.doc44kb.31.01.2009 15:55скачать
2_Дневник.doc26kb.31.01.2009 03:46скачать
3_0_Содержание дневника.doc39kb.31.01.2009 03:46скачать
3_1_Введение.doc29kb.31.01.2009 03:46скачать
4_Раздел_1.doc36kb.31.01.2009 03:46скачать
5_Раздел_2.doc45kb.31.01.2009 03:46скачать
6_Раздел_3.doc25kb.31.01.2009 15:46скачать
7_Раздел_4.doc105kb.31.01.2009 15:48скачать
8_Раздел_5.doc118kb.31.01.2009 15:49скачать
9_Раздел_6.doc186kb.31.01.2009 15:51скачать
Приложение А.doc49kb.31.01.2009 03:46скачать
Приложение Б.doc37kb.31.01.2009 03:46скачать

8_Раздел_5.doc

Реклама MarketGid:
Загрузка...
Негосударственное образовательное учреждение

Октябрьский экономический техникум








ОТЧЕТ ПО ПРАКТИКЕ

ОПИСАНИЕ ПРОГРАММЫ

ППН 2203.01.03.19

2008

СОДЕРЖАНИЕ


5.1ОБЩИЕ СВЕДЕНИЯ

5.2 ФУНКЦИОНАЛЬНОЕ НАЗНАЧЕНИЕ

5.3 ОПИСАНИЕ ЛОГИЧЕСКОЙ СТРУКТУРЫ

5.4 ИСПОЛЬЗУЕМЫЕ ТЕХНИЧЕСКИЕ СРЕДСТВА

5.5 ВЫЗОВ И ЗАГРУЗКА

5.6 ВХОДНЫЕ И ВЫХОДНЫЕ ДАННЫЕ





^ 5 ОПИСАНИЕ ПРОГРАММЫ


5.1 Общие сведения

Данная программа называется «Электронный учебник».

Для функционирования программы необходимо установка Apache или Denwer, в этих программных пакетах содержится все необходимые компоненты для работы программы.

Основные элементы интерфейса полностью построены на HTML.

Для увеличения интерактивности использованы PHP и Java скрипты.


^ 5.2 Функциональное назначение

Данная программа предназначена для:

  • Облегчения труда работников отдела кадров;

  • Углубления знаний «новобранцев»;

  • Для использования как основы Web-сайта.


^ 5.3 Описание логической структуры

Программа «Электронный учебник» выводит на монитор заранее подготовленные текстовые блоки по определенным тематикам. Окно разделено на несколько основных частей:

  1. Логотип – здесь может располагаться любой текст или рисунок соответствующий тематике содержимого учебника;

  2. Основное меню – здесь находятся ссылки на страницы с основными сведениями об организации МВД РФ;

  3. Дополнительное меню – полезная информация для поступающих на службу в органы Внутренних Дел

  4. Окно приветствия –здесь содержится текст приветствия.


На рисунке 1 представлена схема интерфейса программы



Logo

Menu_1

Menu_2

privetstvie

Рисунок 1 - Схема расположения элементов


Основная страница основана на таблице, что для электронного учебника вполне достаточно.

Код документа написан с соблюдением всех норм и этики, поэтому на разных браузерах проблем с отображением не возникнет.

При желании сделать учебник как основу для сайта, то основное меню желательно нужно переделать на основе фреймов, что для специалиста особого труда не составит.

HTML – предназначен для разметки текстовых документов и основными его элементами являются теги. Теги заключаются в скобки типа <>, т.е все что находится внутри них – теги, а все что вне – просто отображается в браузере как текст.

В HTML существуют обязательные теги, без которых отображение страницы невозможно, браузер ее будет просто игнорировать.

Первый основной тег это <HTML> </HTML>.

Второй - <HEAD></HEAD>, внутри этого тега находится тег <title></title> в котором записывается название окна. Также внутри тега <HEAD> пишутся мета теги, в которых указывается автор проекта, его е –mail и другая информация.

Пример мета тегов:

<Meta name="Author" Content="Шайхайдаров Артур">

<Meta name="Reply-to" Content="http://putnik11.10@rambler.ru">


Третий - <BODY></BODY> содержит основное содержание страницы.

Таблицы в HTML делаются с помощью тега <table></table>, внутри него находятся теги <tr> - строчка таблицы, <td> - ячейки таблицы.

Как видно из схемы главной страницы, ячейки таблицы расположены особым образом, такое расположения можно добиться с помощью параметров height и width – высота и ширина соответственно. Они задаются ячейкам, которые необходимо фиксировать в определенном положении. Значения могут быть как в пикселях, так и в процентах. Желательно задавать значения в процентах, т.к при изменении разрешения монитора на других мониторах, пропорции страницы останутся такими же, это позволяет сохранять красивый внешний вид.

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

Некоторые параметры (color, width, height, и др) применяются практически ко всем элементам в HTML и они в большинстве случаев одинаковы.


В данной программе фон залит набольшим рисунком, который размножен по всей поверхности окна. Фон заливается рисунком с помощью тега background, пример из программы:

<TD align="center" BACKGROUND="img_1\fon_osnovnogo_okna.gif">


В HTML могут указываться как относительные пути, так и абсолютные. Если на ПК имеется доступ к сети Интернет, то пути можно указывать в виде web-ссылок на элементы других сайтов.


Расположение элементов задается с помощью параметров align и valign – горизонтальное и вертикальное выравнивание соответственно. Первый может принимать значения left, right, сenter , второй – top, center, bottom.

При выравнивании текста можно применить значение justify – он задает выравнивание по ширине окна.


В «шапке» программы находится логотип. Он образуется с помощью 4-х рисунков формата *.gif. Чтоб добиться визуального слияния 4-х рисунков независимо от размеров окна, необходимо левый и правый рисунок выровнить по соответствующим сторонам окна, остальное пространство будет заполнять третий файл который будет помещен как фон ячейки.

4-е изображение в виде герба помещен в ячейку по центру.

Расположения текста поверх рисунка можно добиться используя тег <div></div> - этот тег выполняет функцию слоев в HTML. Задав тексту расположенному внутри этого тега параметр style=”position:absolute” можно добиться такого результата.

Пример из программы:

<TD COLSPAN="2" HEIGHT="150" BACKGROUND="img_1\logo.gif">

<img src="img_1\logo_r.gif" align="right">

<img src="img_1\logo_l.gif" align="left">

<div style="position:absolute;width:100%"><h1>Отдел Внутренних Дел по Буздякскому району</h1></div>

<center><img src="img_1\logo_gerb.gif" valign="top"></center>

</TD>

В данном примере также использован параметр cosplan – с помощью него ячейка растягивается на 2 колонки по горизонтали. Параметром rowspan можно растянуть ячейку по вертикали.

В основном окне находится текст. Текст в HTML можно форматировать как угодно, текст форматируется огромным количеством параметров. Среди основных можно выделить color – определяет цвет текста. Значение может быть в виде английского названия цвета или в виде 16-тиричного формата определения цвета.

Пример кода:

<font color=”red”>текст</font>

полностью идентичен коду

<font color=”#ff0000”>текст</font>


Текст заключен в параграфы, которые определяются тегом <p></p>. С помощью параграфов можно форматировать одновременно огромное количества текста.

Также тексту можно задать определенный шрифт и размер. Эти параметры можно определить для конкретного текста включив его в тег <font></font> . Параметр size определяет размер, по умолчанию он равен нулю, по мере увеличения значения текст тоже увеличивается.


Шрифт задается параметром face. Применять можно практически любые шрифты, но рекомендуется применять только стандартные шрифты OS Windows (Tahoma, System и т.п), т.к ваших шрифтов на другой машине может не быть. Пример использования:

<font size="4" face="Times New Roman">текст</font>


В окнах меню представлены множество ссылок на страницы с информацией. Ссылки имеют вид:

<A HREF="путь"><li>Название</li></A>


Тег <li> определяет текст как элемент списка.

Списки можно воводить с помощью тега <ol>, в котором определяется его тип, с помощью параметра type. Например:

A большие латинские буквы;

a – маленькие латинские буквы;

I – большие римские цифры;

i - маленькие римские цифры;

1 – обычные цифры.


Тег <br> используется для перехода на другую строку, как “Enter” на клавиатуре.

При переходе по ссылкам открывается новая страница с темой, соответствующей названию ссылки. На страницах есть дополнительные кнопки и ссылки.

На каждой странице имеется ссылка для перехода на главную страницу:

<a href="../index.htm"><font color="#808080"> &lt&lt&lt Назад </font></a>


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


Также имеется кнопка для распечатки текста, который выведен на экран. При обработке команды кнопки используется Java-скрипт:

<INPUT NAME="print" TYPE="button" VALUE=" Печать страницы " ONCLICK="varitext()">

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

function varitext(text){

text=document

print(text)

}

// End -->

</SCRIPT>


Ссылка на исходный документ *.doc формата тоже находится на каждой странице, это удобно, если надо сохранить текст как документ на другом съемном накопителе или на жестком диске.


Также в проекте использовался и скрипт PHP. Этот скрипт выводит приветствие типа «Добрый день» в зависимости от времени суток.

Для этого используются стандартные функции возвращения значения времени:

<?

$Chas=date("H",time());

$noch="Доброй ночи!";

$utro="Доброе утро!";

$den="Добрый день!";

$vecher="Добрый вечер!";

if($Chas==0){echo "$noch<br/>";}

if($Chas==1){echo "$noch<br/>";}

……………………………………

if($Chas==23){echo "$noch";}

if($Chas==24){echo "$noch";}

?>


Переменной Chas присваивается значение времени суток, если оно равно определенному диапазону, то с помощью переменной $”значение” (utro, den, vecher, noch) выводится соответствующее сообщение.

Для того чтобы вывести приветствие на главной странице, в нужном месте необходимо установить код:

<? include "day_time.php"; ?>


Все значения можно менять в зависимости от часового пояса.


Окно приветствия и правое меню расположены на отдельной таблице, которая является встроенной в основную таблицу. Принцип построения такой же. Важный параметр при интеграции одну таблицу в другую это frame, с помощью него можно управлять отображением внешних границ встроенной таблицы. Это необходимо для того чтобы границы двух таблиц не создавали эффект сдвоенности. Frame может принимать значения:

Void – окантовки нет;

Above – только сверху;

Below – только снизу;

Hsides – снизу и сверху;

Vsides – справа и слева;

Lhs – только левая;

Rhs – только правая;

Box – все 4 стороны;

Border – также все 4 стороны.


В нижней части во встроенной таблице имеются еще несколько ячеек. В двух указаны ссылки на важные web-сайты, а щелкнув по третей ссылке откроется окно для отсылки письма(посредством электронной почты) администратору проекта. Адрес знать не обязательно, он уже указан автоматически, необходимо всего лишь указать тему и написать текст сообщения. Пример с кода программы:

<a href="mailto:putnik11.10@rambler.ru" align="bottom" &cc="putnik11.10@rambler.ru" title="Сюда пишем пожелания и идеи по развитию проекта, а также личные письма"> &lt&lt&ltНаписать письмо администратору проекта&gt&gt&gt</a>

Исходный текст программы представлен в приложении Б.


Параметр title выводит всплывающую подсказку. Ее можно увидеть при наведении на ссылку курсором мыши.


^ 5.4 Используемые технические средства

Для работы программы необходим IBM-PC совместимый ПК с частотой процессора 200 Мегагерц, ОЗУ 64 МБ, видеокартой 32 МБ. Также установленный пакет Apache или Denwer.

Редактировать HTML и PHP странички в блокноте или обычном текстовом редакторе не очень удобно, поэтому при создании данного приложения использовался редактор EmEditor.exe. В нем удобно преставлена структура, есть возможность работы с несколькими файлами разного формата одновременно, предварительный просмотр и много других полезных функций.


^ 5.5 Вызов и загрузка

Вызов программы осуществляется с адресной строки в браузере. В данном случае mvdbr.ru . Загрузку осуществляет браузер , по умолчанию стартовая страница index.php .


^ 5.6 Входные и выходные данные

Входных данных как таковых программа не имеет.

К выходным данным можно отнести документы формата *.doc, которые можно сохранить на диске и распечатанный текст со страницы.


Скачать файл (235.1 kb.)

Поиск по сайту:  

© gendocs.ru
При копировании укажите ссылку.
обратиться к администрации