Смекни!
smekni.com

Комплекс программ для создания Web сайта

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

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

Списокиспользуемойлитературы


1.Матросов А.В.,Сергеев А.О.,Чаунин М.П. HTML4.0. – Санкт-Петербург,1999.

2.Кудряшова А.В.Методическиеуказания покурсовому идипломномупроектированию.– СПб.: "ЛРПТ".1987.

3. Дронов В.А.JavaScript вWeb-дизайне.- Санкт-Петербург,2001.

4.Айзекс С. DynamicHTML.- Санкт-Петербург, 2001

5.ЕСПД: ГОСТ 19.102-77;19.402-78; 19.701-90; 19.781-90.

6.ЕСКД: ГОСТ 2.105-79.


7


3. ЭКОНОМИЧЕСКОЕОБОСНОВАНИЕЦЕЛЕСООБРАЗНОСТИРАЗРАБОТКИ


3.1Цель работы.

Разработкакомплексапрограмм длясоздания Webсайта.

В этом разделеопределяетсяэкономическоеобоснованиепроектированияпрограммы. Дляопределенияэкономическойцелесообразностипроектируемойпрограммы,имеются следующиеисходные данные.


Таблица 1.

Исходныеданные


п/п

Показатели Единицаизмерения Величина
1 Времяразработкипрограммы. месяц 1
2 Времяотладки программы. час 12
3 Времярешения задачиручным способом(или с помощьюранее действующейпрограммы). час 2
4 Стоимостьмашинногочаса. руб. 20
5 Времярешения задачина ЭВМ (или времяработы программы). час 0.0003
6 Месячнаязаработнаяплата разработчика. руб./мес. 8000
7 Месячнаязаработнаяплата специалиста,решавшегозадачу ручнымспособом (илиоператора,решавшегозадачу с помощьюранее действующейпрограммы). руб./мес. 4000
8 Заработнаяплата оператораЭВМ, работающегос внедряемойпрограммой. руб./мес. 6000
9 Частотаиспользованияпрограммы загод (частотарешения задачи). раз 1500
10 Расчетныйпериод. год 1

Дополненияк исходнымданным.


Pн- нормативрентабельности= 10%

Wg- коэффициентучитывающийдолю дополнительнойзаработнойплаты (15%*Зосн),

т.е.= 0,15

Wc- коэффициент,показывающийдолю отчисленийорганам страхования39% от (Зосндоп)

т.е.= 0,39

Wн- коэффициент,показывающийдолю накладных(общепроизводственных)расходов поотношению кзаработнойплате(основной)(140%* Зосн), т.е. =1,4.


3.2 Стоимостнаяоценка затратпо проектируемойпрограмме.


гдеPн- нормативрентабельности(Pн= 10%);

n -количестворазработчиков;

k -порядковыйномер разработчиков(k,…,n);

tpi- времязатраченноена разработкупрограммыработникомi-ойквалификации;

Bopi- основнаязаработнаяплата разработчикаi-ойквалификации;

Wg- коэффициент,показывающийдолю дополнительнойзаработнойплаты разработчикапо отношениюк основнойзаработнойплате;

Wc - коэффициент,показывающийдолю отчисленийорганам страхованияпо отношениюк сумме основнойзаработнойплате;

Wн- коэффициент,показывающийдолю накладных(общепроизводственных)расходов организации,в которойразрабатываласьпрограмма, поотношению косновной заработнойплате разработчиков;

tmo- время отладкиразработанной(внедряемой)программы;

lr- стоимостьмашинного часа;

Тр- расчетныйпериод;

aт- коэффициентдисконтирования,т.е. коэффициентпривиденияединовременныхзатрат к расчетномугоду;

Ем- коэффициент,показывающийминимальнуюприбыль, которуюдолжно получитьпредприятиепосле внедренияпрограммы.


Расчет:

ат= (1+0,1)1-1=1

Зт=(1+0,1)*{176*45,45*[(1+0,15)(1+0,39)(1+1,4)]-12*20}*1=

=1,1*{176*45,45*3,8364-240}=33496,32 (руб./год)


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


гдеP1- расходы вычислительныхработ до внедренияпрограммнойразработки;

P2- расходы связанныес эксплуатациейвнедряемойпрограммы;

ат- коэффициентдисконтирования,т.е. коэффициентприведенияединовременныхзатрат к расчетномупериоду.


1) Расходывычислительныхработ до внедренияпрограммнойразработки.

гдеЗП - заработнаяплата работника,решавшегозадачу раньше;

t1- время решениязадачи до внедренияданнойпрограммы;

n- частота решениязадачи.

Расчет:

P1=22,73*2*1500=68190(руб.\год)


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

гдеТМВ- расходы вычислительныхработ до внедренияпрограммнойразработки;

lr- стоимостьодного часамашинноговремени;

ТМВ= t2* n,

гдеt2- времярешения задачина ЭВМ;

n -частота использованиявнедряемойпрограммы.

Расчет:

ТМВ=0,0003*1500=0,45

P2=0,45*20=9(руб./год)


3)Коэффициентдисконтирования

гдеЕм- коэффициентпоказывающийминимальнуюприбыль, которуюдолжно получитьпредприятиепосле внедренияпрограммы;

Тр- расчетныйпериод.

Расчет:

ат=(1+0,1)1-1=1

Pт=68190-9=68181 (руб./год)


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


гдеЭт- экономическийэффект за расчетныйпериод;

Pт- стоимостнаяоценка результатовот вложенныхсредств;

Зт- стоимостнаяоценка затратпо проекту;

Расчет:

Эт=68181-33496,32=34684,68 (руб./год)


Таблица 2.

Сравнительныехарактеристикипараметровпроектируемойпрограммы ианалога.


Наименованиепоказателей Аналог Проект
ЭВМ

IBM PC

75МГц

IBM PC

200 МГц

Быстродействие,опер./с. 80000 230000
Объемоперативнойпамяти, Мбайт 32 64
Времявыполненияпрограммы,мин. 0,03 0,0003
Стоимостьмашинногочаса 15 20
Стоимостьмашинноговремени напрохождениепрограммы,руб. 0,0075 0,0001
Экономическийэффект, руб./год - 34684,68

3.5 Вывод.


Проведяэкономическиерасчеты, мыопределили,что экономическийэффект проектируемойпрограммысоставит - 34,7руб./год.

Потому какданная программаработает быстрее,т.е. затрачиваетменьшее времяна выполнение,по сравнениюс аналогом, онатакже экономити стоимостьмашинноговремени напрохождениепрограммы.

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


  1. МЕРОПРИЯТИЯПО ОБЕСПЕЧЕНИЮБЕЗОПАСТНОСТИЖИЗНЕДЕЯТЕЛЬНОСТИ.


    1. Кондиционированиевоздуха в ВЦ.

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

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

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


    1. Электрозащитныесредства (основныеи дополнительные)

К электрозащитнымсредствамотносятся:

  1. Изолирующиесредства(диэлектрическиерезиновыеперчатки, рукавицы,боты, галоши,коврики и дорожки,а также изолирующиеподставки);

  2. Переносныетокоизмерительныеклещи.


Изомерическиезащитные средстваделятся наосновные идополнительные:

Основныминазываютсятакие средства,изоляции которыхнадежно выдерживаетрабочее напряжениеэлектроустановки.При использованииэтих средствдопускаетсяприкосновениек токоведущимчастям, находящимсяпод напряжением.

К основнымизолирующимзащитным средствамотносятся: вэлектроустановкахнапряжениемвыше 1000В изолирующиештанги, клещи,лестницы, площадки;в электроустановкахнапряжениемдо 1000В диэлектрическиеперчатки иинструментыс изолирующимирукоятками.

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

К дополнительнымв электроустановкахнапряжениемвыше 1000В относятсядиэлектрическиеперчатки, руковицы,галоши, боты,коврики, дорожкии изолирующиеподставки;до1000В - диэлектрические


СОДЕРЖАНИЕ


Введение_____________________________________________________________________________________ 3


1.ТЕОРИТИЧЕСКАЯЧАСТЬ _________________________________________________________________ 4


1.1. Описаниепредметнойобласти......... 4

1.2. Анализметодоврешения.......... 4


1.3. Обзор средствпрограммирования......... 5

1.4. Описанияязыка программированияHTML и JavaScript...... 5

1.4.1. Общиесведения.......... 5

1.4.2.1. Элементыязыка гипертекста HTML........ 6

1.4.2.2. Элементыязыка JavaScript . . . . . . . . . 7

1.4.2.3. Операторы . . . . . . . . . . 9

1.4.2.4. Встроенныеэлементы . . . . . . . . . 10

6

2.ОПЫТНО-ЭКСПЕРИМЕНТАЛЬНАЯЧАСТЬ _________________________________________________ 12


2.1. Постановказадачи.......... 12

2.1.1. Основаниядля разработки......... 12

2.1.2. Назначениепрограммы.......... 12

2.1.3. Требованияк программе.......... 12

2.1.3.1. Требованияк функциональнымхарактеристикам...... 12

2.1.3.2. Требованияк надежности......... 12

2.1.3.3. Требованияк техническимсредствам........ 12


2.2. Описаниесхем . . ......... 12


2.3. Текстпрограммы.......... 12


2.4. Описаниепрограммы.......... 13

2.4.1. Общиесведения.......... 13

2.4.2. Функциональноеназначение......... 13

2.4.3. Описаниелогическойструктуры......... 13

2.4.4. Вызов изагрузка.......... 14

2.4.5. Входныеданные.......... 14

2.4.6. Выходныеданные.......... 14


2.5.Описание процессаотладкипрограммы........ 14


2.6.Пример рузультатовработы программы........ 14


3.Экономическоеобоснованиецелесообразностиразработки __________________ 14


3.1. Цельработы.......... 14


3.2. Стоимостнаяоценка затратпо проектируемойпрограмме..... 15


3.3. Стоимостнаяоценка результатаот вложенныхсредств..... 16


3.4. Стоимостнаяоценка результатаот внедренияпрограммы..... 17


4.МЕРОПРИЯТИЯПО ОБЕСПЕЧЕНИЮБЕЗОПАСНОСТИЖИЗНЕДЕЯТЕЛЬНОСТИ ____________ 19


4.1Кондиционированиевоздуха вВЦ........ 19

4.2.Электрозащитныесредства (основныеи дополнительные)..... 19

19

Заключение___________________________________________________________________________________ 21


Списокиспользуемойлитературы_______________________________________________________________ 22


Приложение1_________________________________________________________________________________


Приложение2_________________________________________________________________________________


Приложение3_________________________________________________________________________________


7


ПРИЛОЖЕНИЕ2


Примеррезультатовработы программы


Рис1. Загрузка языка“JavaScript”





Рис2. Главная “Webстраница”





Рис 3. Окноссылки ”О фирме”




Рис4. Окно ссылки“Файлы”




Рис5. Окно “Ссылки”





Рис6. Окно диалога“E-Mail”


3


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

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

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


2


ПРИЛОЖЕНИЕ1.


Функцияинициализациипользователя


Рис1.Preload

1




2

7



Выводна экран этого

соотношения



3

8



Цикл Конец

“All_Images” цикла

While “Each_Image”

4

9


Цикл Конец

“Each_Image” цикла

While “All_Images”

5

10


Побайтовая

загрузка

текущего

изображения

Переходна страницу

Main.html



6


11


Вычесление

процентного

соотношения

загрузкис остатком







Рис2.Coocie

1




2

3


Да





Нет


4

5


Записьнового экрана

Да





Preload

Main.Html

Нет

6

7

8



11


  1. ТЕОРЕТИЧЕСКИЕОСНОВЫ РАЗРАБОТКИ

    1. Описаниепредметнойобласти

Всемирнаяпаутина WorldWide Web (WWW) сотканаиз Webстраниц, которыесоздаются спомощью такназываемогоязыка разметки гипертекстаHTML (HyperText MarkupLanguage ). ПриразработкеHTML – документавыполняетсяразметка текстовогодокумента точнотак же, как этоделает редакторпри помощикрасного карндаша.Эти пометкислужат дляуказания формыпредставленияинформации,содержащейсяв документе.

Специальныепрограммыпросмотра HTML– документов,которые частоназывают броузерами,служат дляинтерпретациифайлов, размеченныхпо правиламязыка HTML,форматированиеих в виде Web– страници отображенииих содержимогона экране компьютерапользователя.

Дляпередачи текстовойинформациипо сети Internetиспользуетсяформат HTML.Существуетбольшое количествотекстовыхфайлов, разработанныхв среде DOS,которые имеюткодировкуСР-866, неудобнуюдля обеспеченияорганизациидокументооборотапутём передачитекстовойинформациипо сети Internetили для созданияудобных пользовательскихинтерфейсовв гипертекстовыхдокументах,сочетающийв себе крометекста ещё играфическиеобъекты, а такжегипертекстовыессылки.


    1. Анализметодов решения

Преобразованиеформата текстовогофайла из кодировкиСР-866 в форматHTMLв кодировкеСР-1251 с проверкойи исправлениембукв с идентичнымнаписаниемна русском ианглийскомязыках можетосуществлятьсяследующимиспособами:

1) Частичноавтоматизированным(сама перекодировкаосуществляетсявручную, а компьютериспользуетсядля набора иредактированиятекстов в стандартныхредакторах)– пользовательищет на дискенужные текстовыефайлы, форматкоторых необходимопреобразовать,создаёт ихкопии, а затемпоочерёднооткрывает втекстовомредакторе копиюкаждого найденногофайла и расставляетHTML-теги,выделяя в текстевстречающиесяэлементыформатирования.Затем пользовательпроверяетнаписание иисправляетслова, в которыхсимволы кириллицы,схожие по начертаниюс латинскимисимволами,ошибочно замененына латинскиесимволы, и слова,в которых латинскиесимволы, схожиепо начертаниюс символамикириллицы,ошибочно замененына символы кириллицы.Такую проверкуи исправлениеможно осуществить,открыв файл,уже находящийсяв формате HTML,например, вокне редактированиясреды программированияBorlandC,в котором символыкириллицывыделяютсяподсветкой,как недопустимые.Затем пользовательдолжен осуществитьперекодировкуполученногофайла в форматеHTMLиз кодовойстраницы СР-866в кодовую страницуСР-1251, открыв этотфайл в редактореЛексикон. Каждыйсимвол кириллицыи символ “№”необходимобудет заменитьна такой символиз таблицыASCII,который в кодировкеWindowsбудет выглядетьтакже, как исходныйсимвол до егозамены. Заменубольшинствасимволов такимобразом придётсявыполнять припомощи сочетанийуправляющихклавиш.

Так как надиске можетсодержатьсябольшое количествотекстовыхфайлов, в текстекаждого из этихфайлов содержитсямного элементовформатирования,а в каждом элементеформатированиясодержитсябольшое количествосимволов, поэтомупреобразованиеформата текстовогофайла этимспособом требуетбольших затратвремени и усилий.

2) Автоматизированным– в этом случаепользовательзадаёт имякаталога, вкотором находятсятекстовыефайлы, и имякаталога, вкоторый нужнопоместитьсоздаваемыеHTML-файлы.При этом преобразованиеформата текстовыхфайлов в форматHTML,проверку написанияи исправлениеслов, в которыхсимволы кириллицы,схожие по начертаниюс латинскимисимволами,ошибочно замененына латинскиесимволы, и слов,в которых латинскиесимволы, схожиепо начертаниюс символамикириллицы,ошибочно замененына символы кириллицы, атакже переводтекста из кодировкиСР-866 в кодировкуСР-1251 выполняетпрограмма.

Длярешения постановленнойзадачи частичноавтоматизированныйспособ не подходит,потому что онтребует большихзатрат времении усилий пользователя.

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

1)Программавыполняет поисктекстовыхфайлов в кодировкеСР-866 в каталоге,указанномпользователеми сохраняетна диске списокимён найденныхфайлов. Затемпрограммапоследовательносчитывает имякаждого файлаиз списка ивыполняет длянего ряд нижеперечисленныхдействий дотех пор, покане будет достигнутконец списка;

2) Программасоздаёт копиюalign.datдля считанноготекстовогофайла. В этойкопии устраняетсявозможныйотступ текстас левой стороны;

3) Программакопирует файлalign.datв файл frame.dat.В файле frame.datпрограммаразмечаеттаблицы безразметки символами+, – ,| и *;

4) Файл frame.datкопируетсяв файл table.dat.В файле table.datтаблицы с разметкой(размеченныес помощью символов+, – и | ) и таблицыбез разметки(размеченныес помощью символов+, – , | и *) преобразуютсяв таблицы вформате HTML;

5) Файл table.datкопируетсяв файл error.dat.В файле error.datвыполняетсяпроверка иисправлениеслов, в которыхсимволы кириллицы,схожие по начертаниюс латинскимисимволами,ошибочно замененына латинскиесимволы, и слов,в которых латинскиесимволы, схожиепо начертаниюс символамикириллицы,ошибочно замененына символы кириллицы;

6) Из файлаerror.datпрограммаформирует файлв формате HTMLс расширениемhtm,выделяя изтекста элементыформатированияи сохраняя ихв виде элементовHTML.Этот htm-файлпомещаетсяв каталог, указанныйпользователем.

7) После того,как программасоздала HTML-файлдля каждогофайла из списка,создаётсяконфигурационныйфайл style.cssдля HTML-теговдля созданнойгруппы htm-файлов.


    1. Обзорсредств программирования

Существуетмножестворазличныхязыков программирования,с помощью которыхможно выполнитьданнуюпрограмму :HTML,Java Script,CGI Scriptи т.д.

HTML – Языкразметки гипертекста,выполняетсяразметка текстовогодокумента точнотак же, как этоделает редакторпри помощикрасного карндаша.Эти пометкислужат дляуказания формыпредставленияинформации,содержащейсяв документе.

Java Skript – небольшиепрограммы(скрипты илисценарии) пишутьсяна Java Skript иособым образомвнедряютсяв HTML – кодWeb страниц.

CGI- Common Gateway Interface являетсястандартоминтерфейса(связи) внешнейприкладнойпрограммы синформационнымсервером типаHTTP, Web сервер.
Обычногипертекстовыедокументы,извлекаемыеиз WWW серверов,содержат статическиеданные. С помощьюCGI можно создаватьCGI-программы,называемыешлюзами, которыево взаимодействиис такими прикладнымисистемами, каксистема управлениябазой данных,электроннаятаблица, деловаяграфика и др.,смогут выдатьна экран пользователядинамическуюинформацию.


    1. Описаниеязыка HTMLи JavaScript

      1. Общиесведения

ЯзыкразметкигипертекстовыхдокументовHTML.Язык HTMLприобрел популярностьв середине 90годов, благодаряэкспоненциальномуросту сетиИнтернет. HTML– язые разметкидокумента.юДля просмотратакого док-танеобходимоиметь специальныепрграммы, называемыеброузерами.Они интерпритируютфайлы, размеченныепо правиламязыка HTML,форматируютих в виде WEB– страниц иотображаютсодержимоена экране компьютера.Одной из основныхвозможностейязыка HTML,которая дажеотражена всамом названии,является возможностьсоздания ссылокна другие док-ты.

Управляющимикомандами вязыке HTMLявляются тэги(с английскогоTag –ярлыкпризнак).

Тэгизаключины междусимволами “”и управляютотображениемтекста,при этом самине отображаютсяна экране. Названиетэгов, а так жеих параметровможно записыватьна любом регистре.Большинствоуправляющихкоманд HTMLиспользуютсяпопарно, т.е.для определениятэга,назовем его“открывающим”должен бытьсоответствующий“закрывающий”тэг. Первымтэгом, с которогоследует начинатьописание документовHTML,является тэг

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


1.4.2.1. Элементыязыка гипертекстаHTML.

и .

Эти тэгисообщают браузеру,что текст междуними следуетинтерпритироватькак HTML-текст.Посколькудокументы HTMLчисто текстовые,тэг говорито том, что файлнаписан наязыке HTML(HyperTextMarkupLanguage - Языкгипертекстовойразметки).

Создаваяновый HTML-файл,в первую очередьнеобходимоввести даннуюпару тэгов. Дляэтого наберите в самом началетекста. Затемнаберите егонапарника - - в конце. Теперьвесь текст,написанныймежду ними,будет принятбраузерам затекст HTML. Вы заметили,что во второмтэге присутствуетсимвол "/"?Правый слэш(/) используетсядля обозначениязакрывающихсятэгов. БольшинствоHTML-тэгов парные:один открывает(), другой закрывает(). Их действиераспространяетсятолько на тоттекст, которыйнаходится междуними.


Элементпредназначаетсядля выделениятой части документа,которая будетвизуализированадля пользователя.Он имеет какначальный, таки конечныйтеги. Начальныйтег можетиметь несколькоатрибутов .Вложенныеатрибуты элемента

  • BACKGROUND
    Атрибутзадает графическоеизображение,которое какчерепица заполнитфон документа.Файл с изображениемдолжен бытьсохранен вформате GIFилиJPEG.
    Синтаксис:

    (URL)(путь)имя файла">
    Вданном случаефайл с изображениемфона лучшеразмещать втом же каталоге,что и сам файл,тогда (URL)и (путь)указывать ненужно.
  • BGCOLOR
    Этотатрибут задаетцвет фона документапри помощишестнадцатеричныхзначенийинтенсивностицветов RGB, или припомощи строчноголитерала,соответствующегоназваниюцвета.
    Синтаксис:

    #ff0000">или RED">
  • TEXT
    Этотатрибут задаетиспользуемыйпо умолчаниюцвет текста,который неявляетсягиперссылкой.По умолчаниютакой текстбудет черным.
    Синтаксис:

    цвет ">
  • LINK
    Этотатрибут задаетцвет гиперссылки,в большинствебраузеров онзадан по умолчаниютемно синим.
    Синтаксис:

    цвет">
  • ALINK
    Этотатрибут задаетцвет активнойгиперссылки,он меняет цветгиперссылкив момент щелчкапо ней мышью,не желательнозадавать емуцвет фона попонятнымпричинам.
    Синтаксис:

    цвет">
  • VLINK
    Этотатрибут задаетцвет посещеннойгиперссылки,не желательнозадавать емуцвет фона ицвет атрибутаLINK по понятнымпричинам.
    Синтаксис:

    цвет">
  • BGPROPERTIES
    Этотатрибут задаетсвойства фоновогоизображения.В данный моментбраузерамиподдерживаетсяединственноеего значениеfixed, запрещающеескроллингизображения.
    Синтаксис:

    fixed">
  • TOPMARGIN
    Этотатрибут задаетверхнюю границустраницы впикселях.
    Синтаксис:

    число>

  • BOTTOMMARGIN
    Этотатрибут задаетнижнюю границустраницы впикселах.
    Синтаксис:

    число>

  • LEFTMARGIN
    Этотатрибут задаетграницу страницыв пикселяхслева.
    Синтаксис:

    число>

  • RIGHTMARGIN
    Этотатрибут задаетграницу страницыв пикселяхсправа.
    Синтаксис:

    число>


        1. ЭлементыязыкаJava Script.


Массивы

Массивы - этогруппа элементоводинаковоготипа. Объявлениемассива имеетдва формата:

спецификатор-типаописатель[константное- выражение];

спецификатор-типаописатель [ ];

Описатель- это идентификатормассива .

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

Элементамимассива немогут бытьфункции и элементытипа void.Константное-выражениев квадратныхскобках задаетколичествоэлементовмассива. В языкеСИ определенытолько одномерныемассивы, номожно определитьи многомерныемассивы. Первыйэлемент массиваимеет индексравный 0.

Переменные

Основнаяформа объявленияпеременныхимеет вид:

спецификатортипа описатель[=инициатор][,описатель [=инициатор] ]...

Описатель- идентификаторпеременной.

Спецификатортипа - тип объявляемойпеременной.

Инициатор- задает начальноезначение илисписок начальныхзначений переменнойпри объявлении.

Переменнаяможет бытьобъявлена какнемодифицируемая.Это достигаетсядобавлениемключевого словаconstк спецификатору-типа.


1.4.2.2. Выраженияи присваивания

Выражения

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

(тип) выражение

Операции.

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

В языке Сиимеются следующиеунарные операции:

- арифметическоеотрицание(отрицание идополнение);

~ побитовоелогическоеотрицание(дополнение);

! логическоеотрицание;

* разадресация(косвеннаяадресация);

& вычислениеадреса;

+ унарныйплюс;

++ увеличение(инкремент);

-- уменьшение(декремент);

Унарныеоперации выполняютсясправа налево.

В отличиеот унарных,бинарные операции,список которыхприведен втабл.2, выполняютсяслева направо.

Таблица 2

Знакоперации Операция Группаопераций
* Умножение

Мультипликативные

/ Деление
% Остатокот деления
+ Сложение Аддитивные
- Вычитание

Сдвигвлево Операциисдвига
>> Сдвигвправо

Меньше

Операцииотношения

Меньшеили равно
> Больше
>= Большеили равно
== Равно
!= Неравно
& ПоразрядноеИ

Поразрядныеоперации

| ПоразрядноеИЛИ
^ ПоразрядноеисключающееИЛИ
&& ЛогическоеИ Логическиеоперации
|| ЛогическоеИЛИ
= Присваивание

Операцииприсвоения

*= Умножениес присваиванием
/= Делениес присваиванием
%= Остатокот деления сприсваиванием
-= Вычитаниес присваиванием
+= Сложениес присваиванием

Сдвигвлево с присваиванием
>>= Сдвигвправо с присваиванием
&= ПоразрядноеИ с присваиванием
|= ПоразрядноеИЛИ с присваиванием
^= ПоразрядноеисключающееИЛИ с присваиванием

Операции( ) и [ ] имеют высшийприоритет.Операция условие?: имеет вид:

(выр 1)?(выр2):(выр 3)

Вычисляетсявыражение (выр1). Если это выражениеимеет ненулевоезначение, товычисляетсявыражение (выр2), а если выражение(выр 1) имеет нулевоезначение, товычисляетсявыражение (выр3).

1.4.2.3. Операторы

Операторif

Формат оператора:

if (выражение)оператор-1; [elseоператор-2;]

Выполнениеоператора ifначинаетсяс вычислениявыражения.

Далее выполнениеосуществляетсяпо следующейсхеме:

- если выражениеистинно (т.е.отлично от 0),то выполняетсяоператор-1.

- если выражениеложно (т.е. равно0),то выполняетсяоператор-2.

- если выражениеложно и отсутствуетоператор-2 (вквадратныескобки заключенанеобязательнаяконструкция),то выполняетсяследующий заif оператор.

Допускаетсяиспользованиевложенныхоператоровif.

Операторswitch

Операторswitch предназначендля организациивыбора из множестваразличныхвариантов.Формат оператораследующий:

switch ( выражение)

{ [объявление]

:

[ case константное-выражение1]:[ список-операторов1]

[ case константное-выражение2]:[ список-операторов2]

:

[ default: [ списокоператоров]]

}

Схема выполненияоператораswitchследующая:

- вычисляетсявыражение вкруглых скобках;

- вычисленныезначенияпоследовательносравниваютсяс константнымивыражениями,следующимиза ключевымисловами case;

- если одноиз константныхвыраженийсовпадает созначениемвыражения, тоуправлениепередаетсяна оператор,помеченныйсоответствующимключевым словомcase;

- если ни одноиз константныхвыражений неравно выражению,то управлениепередаетсяна оператор,помеченныйключевым словомdefault,а в случае егоотсутствияуправлениепередаетсяна следующийпосле switchоператор.

Операторbreak

Операторbreakобеспечиваетпрекращениевыполнениясамого внутреннегоиз объединяющихего операторовswitch,do,for,while.После выполненияоператора breakуправлениепередаетсяоператору,следующемуза прерванным.

Операторfor

Операторfor- это наиболееобщий способорганизациицикла. Он имеетследующийформат:

for( выражение 1 ;выражение 2 ;выражение 3 )тело;

Схема выполненияоператора for:

1. Вычисляетсявыражение 1.

2. Вычисляетсявыражение 2.

3. Если значениявыражения 2отлично от нуля(истина), выполняетсятело цикла,вычисляетсявыражение 3 иосуществляетсяпереход к пункту2, если выражение2 равно нулю(ложь), то управлениепередаетсяна оператор,следующий заоператоромfor.

Операторwhile

Операторцикла whileназываетсяциклом с предусловиеми имеет следующийформат:

while(выражение)тело ;

Схема выполненияоператора whileследующая:

1. Вычисляетсявыражение.

2. Если выражениеложно, то выполнениеоператора whileзаканчиваетсяи выполняетсяследующий попорядку оператор.Если выражениеистинно, товыполняетсятело оператораwhile.

3. Процессповторяетсяс пункта 1.

Операторdowhile

Операторцикла dowhileназываетсяоператоромцикла с постусловиеми используетсяв тех случаях,когда необходимовыполнить телоцикла хотя быодин раз. Форматоператора имеетследующий вид:

doтело while(выражение);

Схема выполненияоператора dowhile:

1. Выполняетсятело цикла(которое можетбыть составнымоператором).

2. Вычисляетсявыражение.

3. Если выражениеложно, то выполнениеоператора dowhileзаканчиваетсяи выполняетсяследующий попорядку оператор.Если выражениеистинно, товыполнениеоператорапродолжаетсяс пункта 1.

Операторcontinue

Операторcontinue,как и операторbreak,используетсятолько внутриоператоровцикла, но в отличиеот него выполнениепрограммыпродолжаетсяне с оператора,следующегоза прерваннымоператором,а с началапрерванногооператора.Формат оператораследующий:

continue;

Операторreturn

Операторreturn завершаетвыполнениефункции, в которойон задан, ивозвращаетуправлениев вызывающуюфункцию, в точку,непосредственноследующую завызовом. Функцияmain передаетуправлениеоперационнойсистеме. Форматоператора:

return [выражение];

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

1.4.2.4. Встроенныеэлементы

Функцииprintf()и scanf()

Функцииprintf()и scanf()осуществляютформатированныйввод и выводна консоль.Форматированныйввод и выводозначает, чтофункции могутчитать и выводитьданные в разномформате, которымможно управлять.

Функцияprintf()имеет прототипв файле STDIO.H

intprintf(char*управляющая_строка,…);

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

scanf()– основнаяфункция вводас консоли. Онапредназначенадля ввода данныхлюбого встроенноготипа и автоматическипреобразуетвведенное числов заданныйформат. Прототипиз файла STDIO.Hимеет вид

intscanf(char*управляющая_строка,…);

Управляющаястрока содержиттри вида символов:спецификаторыформата, пробелыи другие символы.Команды илиспецификаторыформата начинаютсяс символа %.

Функцияgetch()

Функцияgetch()производитбуферизованныйввод символа,но не выводитсимвол на экран.Ее прототипнаходится вфайле CONIO.H.

Функцииработы со строками

Для работысо строкамисуществуетбиблиотека,описание которойнаходится вфайле STRING.H.Наиболее частоиспользуемыефункции: strcpy(),strcat(),strlen()


29


Приложение3.

Текстпрограммы


1.HTMLдокументы


quot;-//W3C//DTD HTML 4.0 Transitional//EN">

MARITAHome Page - Preloading...


quot;-//W3C//DTD HTML 4.0 Transitional//EN">

MARITAHome Page

&nbsp

&nbsp


quot;-//W3C//DTD HTML 4.0 Transitional//EN">

MARITAPage - Main



&nbsp

&nbsp

&nbsp

Вперед

&nbsp

Выход

E-Mail

&nbsp

Автору

Назад
&nbsp
&nbsp



Добропожаловать!


&nbspМы радыприветствоватьВас на нашемWeb сайте. Надеюсь,

чтоВы не потеряетезря свое времяи останетесьдовольны этимпосещением.


&nbspP.S. Эта страницапредназначенадля просмотрав Microsoft

InternetExplorer версии 5.0 иливыше, с разрешениеммонитора 800x600 или

1024x768пикселей иглубиной цветане менее 16 бит.

&nbsp

&nbsp

&nbsp

&nbsp Обновить
Печать
Избранное
Начальная

&nbsp

SpyLOG



quot;-//W3C//DTD HTML 4.0 Transitional//EN">

MARITAPage - About



&nbsp

&nbsp

&nbsp

Вперед

&nbsp

Выход

&nbsp

Автору

Назад
&nbsp
E-Mail
&nbsp



&nbspСтраницапредназначенанести информациюо фирме ООО "MARITA "

&nbspСтраницусоздал БессмертновАлександр(СПИШЭ)

&nbsp

&nbsp


&nbsp

&nbsp Обновить
Печать
Избранное
Начальная
&nbsp
&copySHStudio

SpyLOG



quot;-//W3C//DTD HTML 4.0 Transitional//EN">

MARITAPage - Files



&nbsp

&nbsp

&nbsp

Вперед

&nbsp

E-Mail

&nbsp

Автору

Назад
Выход &nbsp
&nbsp



&nbspВ этом разделеВы сможетенайти некоторыемои программыи

утилиты,для более удобногопросмотраданной страницы.

&nbsp

&nbsp


&nbsp

&nbsp Обновить
Печать
Избранное
Начальная

&nbsp

&copySHStudio

SpyLOG



quot;-//W3C//DTD HTML 4.0 Transitional//EN">

MARITAPage - Links



&nbsp

&nbsp

&nbsp

Вперед

&nbsp

Выход

E-Mail

&nbsp

Автору

Назад
&nbsp
&nbsp



&nbspЗдесь будутраспологатьсяполезные, намой взгляд,ссылки, которые,

можетбыть, пригодятьсяи Вам.

&nbsp

&nbsp


&nbsp

&nbsp Обновить
Печать
Избранное
Начальная

&nbsp

&copySHStudio

SpyLOG


2.JavaScriptдокументы


varm="";m+="

Microsoft Internet Explorer"

if(b==1){m+="

"}

else{m+="

"}

m+="&nbsp Cтраницапредназначенадля просмотрав броузереMicrosoft Internet Explorer версии5.0 или выше, гдеона имеет вид,который и былзадуман еедизайнером.

800x600,
1024x768"

if(wd>=800&&wd"}

else{m+="

"}

m+="&nbsp Приразрешениимонитора 800x600 или1024x768 пикселей иглубиной цветане менее 16 битпросмотр этойстраницы, намой взгляд,более удобени приятен.

JavaScript

&nbsp Ваширесурсы Необходимыересурсы Y /N Замечания "+br+" "

if(wd==0){m+="Неизвестно"}else{m+=wd+"x"+hg}

m+="

JavaScript &nbspНа последующихстраницахпредпологаетсявыполнениесценариевJavaScript, поддержкакоторых Вашимброузеромобеспечитправильнуюработу моейстраницы.
&nbsp "

document.write(m)

varsl="";var lb=0;var lr=0;var sc=0;var loc="main.html";varwdpb=300;var hgpb=25

varmImg=newArray("src/logo.gif","src/statusR.gif","src/statusD.gif","src/mainB.gif",

"about/src/about.gif","files/src/files.gif","links/src/links.gif","photos/src/photos.gif",

"src/back.gif","src/forward.gif","src/exit.gif","src/mail.gif","src/reload.gif",

"src/print.gif","src/favorite.gif","src/start.gif","src/SHSlogo.gif","src/mainB.gif",

"about/src/aboutB.gif","files/src/filesB.gif","files/src/download.gif","links/src/linksB.gif")

if(d.images){var dots=new Array()

dots[0]=newImage(2,25)

dots[0].src="src/statusR.gif"

dots[1]=newImage(2,25)

dots[1].src="src/statusD.gif"

varpi=new Array(),c=Math.floor(wdpb/mImg.length),cc=0

varld=new Array(),i,covered,timerID

varlow=wdpb%c};function ldi(){

for(i=0;i

for(i=0;i

chk()};functionchk(){

if(cc==pi.length){location.replace(loc);return}

for(i=0;i

if(ld[i]==false&&pi[i].complete){

ld[i]=true;eval("d.img"+cc+".src=dots[1].src");cc++;

sl="Загружено:"+cc+" / "+mImg.length

sc=0;}};sc++;if(sc==150){window.location=loc}else{timerID=setTimeout("chk()",10)};

lb=Math.floor(((151-sc)/150)*100);lr=Math.floor(mImg.length-cc)

window.status=sl+', Осталось: '+lr+', Статус: '+lb+'%';}

d=document;d.write("

")

varn=0;

functioninit(){

if(d.cookie==""){

varsm=2;var ex=new Date()

d.cookie="un=;expires="+ex.toGMTString();

ex.setMonth(ex.getMonth()+1)

varsm=d.forms[0].saved.value;

d.cookie="un="+sm+";expires="+ex.toGMTString()}

else{varget=d.cookie;get=get.substring((get.indexOf("=")+1),get.length);

varu=get.split(" ");

if(u==2){n=1}

else{u[0]=2;d.forms[0].saved.value=u[0];

saveit()}}}

functionsaveit(){

varex=new Date()

d.cookie="un=;expires="+ex.toGMTString();

ex.setMonth(ex.getMonth()+1)

varsm=d.forms[0].saved.value;

d.cookie="un="+sm+";expires="+ex.toGMTString()}

init()

if(n==1){location="main.html"}


5


  1. ОПЫТНО-ЭКСПЕРИМЕНТАЛЬНАЯЧАСТЬ

    1. Постановказадачи

      1. Основаниядля разработки

Основаниемдля разработкипослужилозадание руководителядипломногопроектирования.


      1. Назначениепрограммы

Программапредназначенанести информациюпользователюо деятельностифирмы ООО «МАРИТА»через всемирнуюэлектроннуюсеть Internet (WorldWide Web).


      1. Требованияк программе

        1. Требованияк функциональнымхарактеристикам

Программадолжна:


        1. Требованияк надёжности

При наборе URLадреса Webсайт долженнезамедлительнозагрузитьсяв предложенномInternet броузерепользователя.


        1. Требованияк техническимсредствам

Программадолжна работатьна IBM PC-совместимыхкомпьютерахс процессоромIntel Pentyum 100 и выше,объемом оперативнойпамяти 8Мбайт и выше,цветным мониторомEGA/VGA, наличиемжесткого дискаи дисководадля гибкихмагнитныхдисков 3.5" (1.44 Мбайт).


    1. Описаниесхем

Схема главнойфункции представленав преложении1.


    1. Текстпрограммы

Текст программыв соответствиис ГОСТ 19.101-77 (СТ СЭВ1626-79) и ГОСТ 19.401-79

(СТСЭВ 3746-82) представляетсобой записьпрограммы наисходном языкепрограммированияс необходимымикомментариями.Текст программыпредставляетсобой документ,выполненныймашинным способом,и приведен вприложении3.


    1. Описаниепрограммы

      1. Общиесведения

Комплекспрограмм длясоздания Webсайта ООО«МАРИТА» предназначендля преобразованияфайлов из кодировкиHtml, Css, Js вединый интернетсайт для удобствапользователя.

Программанаписана наязыке разметкигипер текстаHTML и языкепрограммированияJava Sdript, можетработать подуправлениемоперационной системыWindows 95, Windows 98 илиWindows ME.

Запускаемымфайлом являетсяфайл index.html(дополнительныхпараметровкоманднойстроки не требуется).


      1. Функциональноеназначение

Комплекспрограмм длясоздания Webсайта ООО«МАРИТА» предназначендля преобразованияфайлов из кодировкиHtml, Css, Js вединый интернетсайт для удобствапользователя.

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


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

Программасостоит изосновногомодуля, модулей preload.html, index.html,main.html, about.html,links.html, files.html, browser.js,error.js, preload.js, resolution.js, spylog.js, user.js .

Основной модуль

В модуле содержатсяфункции escape, eval, infinity,isFinite, isNaN,NaN, parseFloat,parseInt, undefined,unescape.


Функция Escapeкодирует строкутак, чтобы онавыглядела какURL .То есть,все недопустимыев URL символы( “*”, “_”, “+”,“/”, пробел )будут представленыих шестнадцатиричнымикодами.

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

Функция Infinityвозвращаетзначение “плюсбесконечность”.Служит дляматематическихрасчетов. Непринимаетаргументови не требуетскобок.

Функция isFiniteПроверяет,возвращаетли выражениеконечноечисло. Результат:True или False.

Функция isNaNПроверяет,возвращаетли выражениеправильное число. Результат:True если не возвращает(бесконечностьили ошибка,иначе говоряNaN (Not a Number – не число)),или False, есливозвращает.

Функция NaNвозвращаетвыражениеNaN (Not a Number – не число).Не принимаетаргументови не требуетскобок.

Функция parseFloatпреобразуетстроку в числос плавующейточкой. Еслистрока не можетбыть преобразована,возвращаетNaN.

Функция parseIntпреобразуетстроку в целоечисло системысчисления,определяемойоснованием.В частности,основание 10определяетдесятичнуюсистему, 8 –восмеричную,16 – шестнадцатиричную.По умолчаниюберется десятичнаясистема. Еслистрока не можетбыть преобразована,возвращаетNaN.

Функция undefinedвозвращаетзначение undefined,обозначающее,что переменнаяне определена,хоть и былаобъявлена.Может бытьиспользованав выраженияхсравнения. Непринимаетаргументови не требуетскобок.

Функция unescapeдекодируетстроку, закодированнуюфункцией escape


      1. Вызови загрузка

Программапредназначенадля работы подуправлениемоперационнойсистемы Windows95, Windows 98 или WindowsME, NT.


      1. Входныеданные

Входнымиданными являются:

– Имя каталога,содержащеготекстовыефайлы;

– Имя каталога,предназначенногодля помещенияв него html-файлов;


      1. Выходныеданные

Выходнымиданными являются:

– Конфигурационныйфайл, с помощьюкоторогонастраиваютсягенерируемыеHTML-теги;


2.5. Описаниепроцесса отладкипрограммы.


Дляотладки разрабатываемойпрограммы былиспользованметод "снизувверх". Вначалекаждый самостоятельныйкласс или функциябыл отлаженнотдельно, азатем отлаженныемодули былидобавлены вединую программу.Для отладкикаждой функцииили класса былнаписан вызывающий модуль, которыйзадает исходныеданные дляфункции иликласса, вызываетее и выводитрезультат еёработы на экран.

Впроцессе отладкибыли обнаруженныошибки следующихтипов:

Синтаксические– это опечатки, а также ошибки,связанные снеправильным написаниемоператоровязыка. Компиляторобнаруживаетэти ошибки, выводит сообщенияо них и устанавливаеткурсор в томесто, где обнаруженаошибка.

Семантические– это ошибки,связанные снеправильнымиспользованиемоператоровязыка. Они необнаруживаютсяпри компиляции,но проявляютсяпри работепрограммы.

Логические– это ошибки,связанные снеправильнымпостроениемалгоритмапрограммы. Вразрабатываемойпрограммекаждая функцияи ее логическаясхема былапродумана доее написания,так что логическихошибок прикомпиляциии отладки данногопрограммногопродукта найденоне было.


2.6.Пример результатовработы программы.


Рабочиеокна интерфейсапрограммы, атакже контрольныепримеры приведеныв приложении2.