Современные технологии разработки Web-сайтов

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

ВCSS2 используемая графика положительно влияет на уменьшение размера Web-страниц и времени их загрузки по каналам Сети;

отсутствие проблем совместимости с различными браузерами, например такими широко распространенными, как Internet Explorer, Opera, MozillaFirefox и GoogleChrome;

гибкость, открытость и модифицируемость при помощи простых средств.

К числу имеющихся недостатков можно отнести следующее:

необходимость овладения идеологией и средствами HTML-kitиCSS2 - современным профессиональным инструментарием создания Web-страниц;

вынужденность использования для существующих версий браузеров подключаемого модуля-проигрывателя (Flash Java Player) для адекватного просмотра Flash-страниц.

Полученный опыт:

Во время написания дипломного проекта подкрепил полученные во время учебы теоретические навыки практическими. Познакомился с организацией, структурой и принципами функционирования предприятия. Развил коммуникативные навыки. Получил опыт работы в коллективе.

Во время написания дипломного проекта расширил свои знания в области информационных систем, web-проектирования, web-дизайна и др.

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

При написании дипломного проекта особо ценными оказались знания, полученные при изучении таких предметов как Web-дизайн.

Материалы преддипломной практики показывают, что поставленные в ней задачи, сформулированные выше во введении и описании, полностью решены.

Были получены и закреплены знания и советы, полученные во время прохождения практики на предприятии и знания, полученные во время обучения в университете.

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

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

После анализа большинства распространенных сред разработки был выбран скриптовый язык программирования CSS+HTML. Так как этот язык был разработан специально для написания веб - приложений, в отличие от других сред разработки. Он широко используем, что позволяет без труда разместить веб - сайт, написанный на CSS+HTML на любом сервере (хостинге) в сети Internet. Также он бесплатен, что позволяет разрабатывать веб - сайты без необходимости оплаты новых версий языка. Написанные на нем веб - приложения, распространяются с открытым кодом (OpenSource) что позволяет использовать уже готовые скрипты.

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

Программы, на которых написана система управления обучением, очень легко осваиваемые и соответствуют многим требованиям. Программа Apache считается надежной и гибкой в конфигурации, что считается преимуществом. Язык PHP, является одним из лидеров среди языков программирования применяющихся для создания веб-сайтов. MySQL - обеспечивает поддержку большого количества типов таблиц, и является одной из самых лучших баз данных.

Проведя исследования по техники безопасности, были выделены основные правила необходимые для комфортной и безопасной работы за компьютером:

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

Монитор должен быть установлен прямо перед пользователем, на расстоянии 60-70 см. при работе недопустимы повороты головы или корпуса тела пользователя.

Не рекомендуется располагать монитор около яркого источника света; на мониторе не должно быть бликов, сильного контраста с внешнем освещением.

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

В целях пожарной безопасности нельзя кушать и пить рядом с компьютером.



Список использованных источников

1. А.В.Фролов, Г.В. Фролов. Сценарии JavaScript в активных страницах Web.-М., ДИАЛОГ-МИФИ, 1998.-284 с.

2. А.В.Фролов, Г.В. Фролов. Сервер Web своими руками. Язык HTML, приложения CGI и ISAPI, установка серверов Web для Windows. -M.,ДИАЛОГ-МИФИ, 1998.-288 с.

3. А.Федоров. JavaScript для всех. - М.: КомпьютерПресс, 1998.-384 с.

4. Антипов СВ. Современные технологии разработки Web-сайтов //Информатика и образование. - 2004. - №3.- 334 с.

5. Глушаков СВ., Жакин И.А., Хачиров Т.С. Программирование Web-страниц. - Харьков: Фолио, 2002.- 358 с.

6. Гончаров А. Самоучитель HTML.- СПб.: Питер, 2001.- 214 с.

7. Гультяев А.К., Машин В.А. Уроки Web-мастера. Технология и инструменты: Практическое пособие.- СПб.: КОРОНА принт, 2001.- 526 с.

8. Дарнелл P. JavaScript. Справочник. Спб.: Питер, 2000 - 418 с

9. Демин И.С. Гипертекстовые среды в обучении // Модели экономических систем и информационные технологии. Сборник научных трудов, вып. VII, - М.: Финансовая академия при Правительстве РФ, 2002 - 725 с.

10. Демин И.С. Концепция многослойного гипертекста // Модели экономических систем и информационные технологии. Сборник научных трудов, вып. VII - М.: Финансовая академия при Правительстве РФ, 2002 -725 с.

11. Денисенко Г.Ф. Охрана труда (учебное пособие для спец. вузов), М., Изд. Высшая школа, 1985.- 356 с.

12. Дж.Мейнджер. JavaScript: основы программирования: Пер.с англ. -Киев: Издательская группа BHV, 1997.- 512 с.

13. Костарев А.Ф. РНР в Web-дизайне.- СПб.: BHV-Петербург, 2002.- 393 с.

14. Котеров Д. Самоучитель РНР4. - СПб.: BHV-Петербург, 2001.- 324 с.

15. Крол Э. Все об Internet;- Киев: Торгово-издательское бюро BNY, 1995.- 311 с.

16. Лаушкина И.С. Разработка сценария on - line теста на языке JavaScript // Информатика и образование. - 1999. - №9 91с.

17. Лори Б., Лори П. Apache: Установка и использование. - Киев: BHV, 1997.

18. Морис Б. HTML в действии. СПб.: «Питер», 1997 - 245 с.

19. Новоселова Е.Н., Кадыров И.Р. Создание Web-страниц с помощью HTML//Информатика и образование. - 2005. - №1-3.- 396 с.

20. Ованесбеков Л.Г. Технология построения гипертекстов. М.: Наука, физ - мат., 1993.- 358 с.

21. Пек С, Аррантс С. Web-сервер WebSite. - Киев: BHV, 1997.- 196 с.

22. Под ред. к.т.н. Павлова Н.Н. и инж. Шиллера Ю.И., Справочник проектировщика. Внутренние санитарно-технические устройства. Часть 3. Вентиляция и кондиционирование воздуха. Книга 1.Москва, Стройиздат, 1992 г.- 248 с.

23. Под ред. к.т.н. Павлова Н.Н. и инж. Шиллера Ю.И., Справочник проектировщика. Внутренние санитарно-технические устройства. Часть 3. Вентиляция и кондиционирование воздуха. Книга 2.Москва, Стройиздат, 1992 г.- 395 с.

24. Пышкина Э.П. Охрана труда на предприятиях БО (учебник для вузов). М., 1990.- 328 с.

25. Р.Дарнелл. JavaScript: Справочник. - СПб: ПИТЕР, 1998.-192 с.

26. Роберт И.В. Современные информационные и коммуникационные технологии в системе среднего профессионального образования. /Методические рекомендации. М.: Научно-методический центр среднего профессионального образования министерства общего и профессионального образования РФ, 1999.- 354 с.

27. Роберт И.В. Современные информационные технологии в образовании: дидактические проблемы; перспективы использования. М.: Школа-Пресс, 1994.- 247 с.

28. Роберт И.В., Самойленко П.И. Информационные технологии в науке и образовании. /Учебно-методическое пособие. М.: Московский государственный заочный институт пищевой промышленности Министерства общего и профессионального образования РФ, 1999.- 326 с.

29. Розанов B.C., Рязанов А.В. Обеспечение оптимальных параметров воздушной среды в рабочей зоне. Учебное пособие. Москва, МИРЭА, 1989.- 272 с.

30. Румянцев Д. Сам себе Web-программист. Практикум создания качественного Web-сайта. - М.: ИНФРА-М, 2001. 1:35.- 144 с.

31. С.Айзекс DynamicHTML:nep. с англ.-СПб.-ВНУ-Санкт-Петербур,;1998.-496 с.

32. С.Дунаев. INTERNЕТ-технологии. -М., ДИАЛОГ-МИФИД997.-288 с. .

33. Самгин Э.Б., Освещение рабочих мест. Текст лекций. Москва, МИРЭА,1989г.- 386 с.

34. Симдянов И. - Самоучитель РНР- 2005 г.- 194 с.

35. Спейнаур С, Куэрсиа'В. Справочник Web-мастера. - Киев: BHV, 1997.- 466 с.

36. Т.Кенцл. Форматы файлов Internet/Пер, с англ. - СПб: ПИТЕР, 1997.-320 с.

37. Уилсон Р. Планирование стратегии интернет-маркетинга.- М.: И.Д. Гребенникова, 2003.- 411 с.

38. Федоров A. JavaScript для всех. - М.: КомпьютерПресс, 1998.- 350 с.

39. Франклин Д., Паттон Б. Flash 4. Анимация в Интернете/ Пер. с англ.- СПб.: Символ-Плюс, 2000.- 432с.

40. Фролов А.В., Фролов Г.В. Сервер Web своими руками. - М.: ДИАЛОГ-МИФИ, 1998.- 259 с.

41. Фролов А.В., Фролов Г.В. Сценарии JavaScript в активных страницах Web. -М.: ДИАЛОГ-МИФИ, 1998.- 474 с.

42. Хилайер С, Мизик Д. Программирование ActiveServerPage. - М.: Русская редакция, 1999.- 200 с.

43. Хоумер A. DynamicHTML: справочник программиста. - СПб.: ПитерКом, 1998.- 408 с.

44. Человеческий фактор в обеспечении безопасности и охраны труда: Учеб.пособие/П.П. Кукин, Н.Л. Пономарёв, В.М. Попов, Н.И. Сердюк. - М.: Высшая школа, 2008.- 364 с.

45. Шапошников И.В. Web-сайт своими руками: Практическое руководство. - СПб.: БВХ-Санкт-Петербург, 2000.- 358 с.

46. ЯргерР., Риз Дж., Кинг Т. MySQL и mSQL. Базы данных для небольших предприятий и Интернета. - СПб.: Символ-Плюс, 2000.- 358 с.

47. Франклин Д. Flash 4. Анимация в Интернете (с CD). - СПб.: Символ-Плюс, 2000. - 464 стр.

48. Малекс А. Flash. Теория и практика. Символ-Плюс. 2001. 324 стр.

49. Крамер Н. HTML: наглядный курс Web-дизайна. Символ-Плюс. 2001. 214 стр.

50. Грибов А. Macromedia Flash 4 для дизайнеров. Символ-Плюс. 2001. 64 стр.

51. Леонтьев Ю. Web-дизайн. Руководство пользователя. Символ-Плюс. 2001. 517 стр.

52. Нидерст В. Web-мастеринг для профессионалов. Настольный справочник. Символ-Плюс. 2001. 288 стр.

53. Якоб Нильсен. «Web-дизайн.» Символ-Плюс. 2006 г. 512 стр.

54. Чак Муссиано и Билл Кеннеди. «HTML и XHTML. Подробное руководство.» Символ-Плюс. 2011 г. 752 стр.

55. Эрик А. Мейер. «CCS. Каскадные таблицы стилей. Подробное руководство.» Символ-Плюс2008г. 575стр.

56. Дмитрий Котеров и Алексей Костарев. «PHP 5 2-е издание.» БХВ-Петербург. 2010. 1104стр.

57. Лаура Томсон и Люк Вампинг. «Разработка web-приложений на PHP и MySQL.» Диа Софт ЮП. 2003г. 457стр.

58. Дэвид Флэнаган. «JavaScript. Подробное руководство.» Символ-Плюс 2008 г. 992 стр.

59. Бер Бибо, Хегуда Кац. «JQuery. Подробное руководство по продвинутому Java Script.» Символ-Плюс 2011 г. 624 стр.

60. Кристиан Дари. «AJAX и PHP. Разработка динамических Web-приложений.» Символ-Плюс 2009 г. 336 стр.

61. Дэн Седерхольм. «CSS ручной работы» Питер 2011 г. 240 стр.

62. Якоб Нильсен, Кара Перниче. «Веб-дизайн. Анализ удобства использования веб-сайтов по движению глаз» Вильямс 2010 г. 496 стр.

63. Дж. Гарретт. «Веб-дизайн. Книга Дж. Гарретта.» Символ-Плюс 2008 г. 192 стр.

64. С. В. Киселев, С. В. Алексахин, А. В. Остроух. «Веб-дизайн» Академия 2009 г. 64 стр.

65. Дмитрий Кирсанов. «Веб-дизайн: книга Дмитрия Кирсанова» Символ-Плюс 2006 г. 376 стр.

66. Келли Гото, Эмили Котлер. «Веб-редизайн» Символ-Плюс 2003 г. 376 стр.

67. Этан Вотролл и Джефф Сьярто. «Изучаем веб-дизайн» Эксмо 2010 г. 496стр.

68. Сьюзан Уэйншенк. «Интуитивный веб-дизайн» Эксмо 2011 г. 160 стр.

69. Ю. А. Сырых. «Современный веб-дизайн» Вильямс 2008 г. 304 стр.

70. Мэтью МакДональд. «Создание Web-сайтов. Основное руководство» Эксмо 2010 г. 768 стр.

71. Дэвид Кроудер. «Создание веб-сайта для чайников» (+ CD-ROM) Вильямс 2009 г. 352 стр.

72. Квентин Ньюарк. «Что такое графический дизайн?» Астрель 2005 г. 256 стр.

73. Франклин С. «Flash 4. Анимация в Интернете.» Символ-Плюс 2000г. 464стр.

Использованные Web-ресурсы

74. http://ishodniki.ru/ Уроки программирования

75. http://ru.wikipedia.org/ Википедия -- свободная энциклопедия

76. http://whylinux.ru/Материалподготовленнабазестатьисhowtoforge.com (автор: FalkoTimme)

77. http://www.antula.ru/ Компания по созданию веб - сайтов

78. Боровой А. - Видеокурс по созданию сайтов 2009г. DVD2

79. «Сайтостроение от А до Я». Бочкарев Антон 2006 г.

80. http://www.internet-technologies.ru/articles/article_858.html

81. Средства HTML 4.0. Расширенный список возможностей. 2000г.

82. http://www.w3.org/WAI/References/HTML4-access

83. Полные спецификации данной версии HTML 4.0. 2008-2009г.

84. http://www.w3.org/TR/REC-html40

85. Продвинутая CSS верстка: шаг за шагом - статьи:

86. http://webmascon.com/topics/coding/42a.aspавтор: 2004.06.29 © Nick Rigby

87. http://webmascon.com/topics/coding/41a.aspавтор: 2004.05.18 © Dave Shea

88. Википедия - свободная энциклопедия. 2013г.

89. Что такое Сайт 2013г.

90. http://ru.wikipedia.org/wiki/%D0%A1%D0%B0%D0%B9%D1%82

91. Что такое HTML 2013г.

92. http://ru.wikipedia.org/wiki/Html



Глоссарий

При составлении глоссария была использована свободная энциклопедия Википедия.

Azelle-- семейство технологий, разработанных и продвигаемых компанией ARM, предназначенных для аппаратного ускорения выполнения приложений, написанных на языке Java. Jazelle разработана для архитектуры ARMv5TEJ, и первым процессором, использующим технологию Jazelle, был ARM926EJ-S. Доступность технологии Jazelle в названии процессора обозначается буквой Т, за исключением моделей, для которых данная технология является неотъемлемой частью архитектуры.

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

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

Embedded. Встраиваемая система, встроенная система (англ. embeddedsystem) -- это специализированная компьютерная система, в которой сам компьютер обычно встроен в устройство, которым он управляет.

ERP-система (англ. EnterpriseResourcePlanningSystem -- Система планирования ресурсов предприятия) -- корпоративная информационная система (КИС), предназначенная для автоматизации учёта и управления. Как правило, ERP-системы строятся по модульному принципу и в той или иной степени охватывают все ключевые процессы деятельности компании.

ESMTP (англ.ExtendedSMTP) -- масштабируемое расширение протокола SMTP. В настоящее время под «протоколом SMTP», как правило, подразумевают ESMTP и его расширения,

FTP(англ. FileTransferProtocol -- протокол передачи файлов) -- протокол, предназначенный для передачи файлов в компьютерных сетях,FTP позволяет подключаться к серверам FTP, просматривать содержимое каталогов и загружать файлы с сервера или на сервер; кроме того, возможен режим передачи файлов между серверами (см. FXP).

Google (произносится «Гугл») -- первая по популярности (77,05 %) в мирепоисковая система, обрабатывающая более 40 миллиардов запросов в месяц (доля рынка 62,4 %).

HRM. Управление персоналом (англ. HumanResourceManagement.HRM) -- область знаний и практической деятельности, направленная на обеспечение организации «качественным» персоналом и оптимальное его использование. Оптимальное использование персонала с точки зрения «управления персоналом» достигается за счёт выявления положительных и отрицательных мотивов индивидуумов и групп в организации и соответствующего стимулирования положительных мотивов и «погашения» отрицательных мотивов, а также анализа таковых воздействий. Управление персоналом является неотъемлемой частью качественных систем управления (менеджмента) в концепции контроллинга. В различных источниках могут встречаться и другие названия: управление трудовыми ресурсами, управление человеческим капиталом, кадровый менеджмент, менеджмент персонала.

HTML-верстка. Утверждённый дизайн передаётся html-верстальщику, который «нарезает» графическую картинку на отдельные рисунки, из которых впоследствии складывает html-страницу, В результате создаётся код, который | можно просматривать с помощью браузера. А типовые страницы впоследствии будут использоваться как шаблоны.

HTTP(англ. HyperTextTransferProtocol -- «протокол передачи гипертекста») -- протокол прикладного уровня передачи данных (изначально -- в виде гипертекстовых документов). Основой HTTP является технология «клиент-сервер», то есть предполагается существование потребителей (клиентов), которые инициируют соединение и посылают запрос, и поставщиков (серверов), которые ожидают соединения для получения запроса, производят необходимые действия и возвращают обратно сообщение с результатом.

IMAP(англ. InternetMessageAccessProtocol -- «Протокол доступа к электронной почте Интернета») -- протокол прикладного уровня для доступа к электронной почте.

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

OpenSSH (открытый безопасный shell) набор программ, предоставляющих шифрование сеансов связи по компьютерным сетям с использованием протокола SSH. Он был создан под руководством Тео deRaadt.{Тэо де Раадт) как открытая альтернатива пропритарного ПО от SSHCommunicationsSecurity.

РОРЗ (англ. PostOfficeProtocolVersion 3 -- протокол почтового отделения, версия 3) используется почтовым клиентом для получения сообщений электронной почты с сервера. Обычно используется в паре с протоколом SMTP.

Postfix-- агентпередачи почты (МТА -- mailtransferagent).Postfix является свободным программным обеспечением.

SMTP(англ.SimpleMailTransferProtocol -- простой протокол передачи почты) -- это сетевой протокол, предназначенный для передачи электронной почты в сетях TCP/IP.

Usenet(англ.Usenet сокр. от UserNetwork) -- компьютерная сеть, используемая для общения и публикации файлов. Usenet состоит изньюсгрупп, в которые пользователи могут посылать сообщения. Сообщения хранятся на серверах, которые обмениваются ими друг с другом. Usenet оказал большое влияние на развитие современной Веб-культуры, дав начало таким широко известным понятиям, как Ники, смайлы, подпись, модераторы, троллинг, флуд, флейм, бан, FAQ и спам.

WML(англ. WirelessMarkupLanguage -- «язык беспроводной разметки») - язык разметки документов для использования в сотовых телефонах и других мобильных устройствах по стандарту WAP.

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

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

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

Веб - хостинг -- услуга, позволяющая пользователю разместить веб сайт или другую информацию пользователя (текст, изображения, видео) в сети Интернет на сервере хостинг - провайдера.

Вебалайзер (англ. Webalizer) -- прикладная программа, распространяемая под лицензией GPL, на основе файлов регистрации (например, acciss.log)событий веб-сервера генерирующая HTML-страницы со статистикой о работ веб-сайта. Webalizer был создан Братфордом Л. Барретом в 1997 году. Статистические данные, генерируемые Вебалайзером, включают в себя количество запросов, посещений, ссылающиеся страницы, страны посетителей, количество подгруженных данных и другую информацию.

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

Веб-сайт (англ. Website, от web - паутина и site - «место») - в компьютерной сети объединённая под одним адресом (Доменным именем или IP-адресом) совокупность документов частного лица или организации. По умолчанию подразумевается, что сайт располагается в сети Интернет.

Виртуальный хостинг (англ. sharedhosting) -- вид хостинга, при котором множество веб - сайтов расположено на одном веб - сервере. Это самый экономичный вид хостинга, подходящий для небольших проектов.

Движок (жаргонизм от англ. Engine -- мотор, двигатель) -- выделенная часть программного кода для реализации конкретной прикладной задачи -- программа, часть программы, комплекс программ или библиотека, в зависимости от задачи и реализации. Как правило, прикладная часть выделяется из программы для использования в нескольких проектах, и/или раздельной разработки/тестирования.

Кэш или кеш (англ. cache, от фр. Cacher -- прятать; произносится -- кэш) -- промежуточный буфер с быстрым доступом, содержащий информацию, которая с наибольшей вероятностью может быть запрошена быстродействующей памятью, например ОЗУ. Доступ к данным в кэше идёт быстрее, чем выборка исходных данных из медленной памяти (внешней) или их перевычисление, за счёт чего уменьшается среднее время доступа.

Модуль в программировании представляет собой функционально законченный фрагмент программы, оформленный в виде отдельного файла с исходным кодом или поименованной непрерывной его части (например, ActiveOberon), предназначенный для использования в других программах. Модули позволяют разбивать сложные задачи на более мелкие, в соответствии с принципом модульности. Обычно проектируются таким образом, чтобы предоставлять программистам удобный для многократного использования функционал(интерфейс) в виде набора функций, классов, констант. Модули могут объединяться в пакеты и, далее, в библиотеки.

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

Редактор HTMLили HTML - редактор -- компьютерная программа, позволяющая составлять и изменять страницы в формате HTML. Несмотря на то, что HTML-код может быть написан в простом текстовом редакторе (например, Notepad), специальные редакторы для написания кода HTML предлагают больше удобств и функциональности. Принцип их работы условно делится на две категории:

Редактор показывает готовую страницу, работая по технологии

WYSIWYG.

Редактор показывает только исходный код.

Редизайн. В дословном переводе с английского это означает «переделка дизайна» и многие считают, что это всего лишь изменение внешнего вида сайта. На самом деле - это более широкое понятие, которое может включать в себя не только изменение дизайна, но также перестройку и даже новое проектирование всего сайта. За время работы сайта происходит накопление ценной статистики о работе функциональной составляющей сайта. Анализ статистики позволяет уверенно развивать сайт в направлении, оптимальном для посетителей. Многие эксперты сходятся на том, что редизайн требуется каждые 2-3 года, так как за этот период появляются принципиально новые технологии и возможности для реализации интернет - проектов.

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



Приложение A

Листинг главной страницы сайта

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset="windows-1251" />

<title>Главная "Корпоративный эксперт"</title>

<meta name="keywords" content="Business Template - free web design template provided by templatemo.com" />

<meta name="description" content="Business Template - free web design template provided by templatemo.com" />

<link href="templatemo_style.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript">

function clearText(field){

if (field.defaultValue == field.value) field.value = '';

else if (field.value == '') field.value = field.defaultValue;

}

</script>

</head>

<body>

<div id="templatemo_container">

<div id="templatemo_banner">

<div id="logo"></div>

</div>

<div id="templatemo_menu_search">

<div id="templatemo_menu">

<ul>

<li><a href="index.html" class="current">Главная</a></li>

<li><a href="Company.html">О компании</a></li>

<li><a href="Projects.html">Проекты</a></li>

<li><a href="Laws.html">Законы</a></li>

<li><a href="Contacts.html" class="last">Контакты</a></li>

</ul>

</div><!-- end of menu -->

<div id="search_section">

<form action="#" method="get">

<input type="text" value="Enter keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />

<input type="submit" name="Search" value="Искать" alt="Search" id="searchbutton" title="Search" />

</form>

</div>

<div class="cleaner"></div>

</div>

<div id="templatemo_content">

<div class="section_w650 fl">

<div id="welcome_title"></div>

<p>Юридическая компания «Корпоративный эксперт». Этот сайт создан специально для людей которым требуется юридическая помощь от профессионалов.</p>

<p>У нас вы можете ознакомиться с новыми поправками и внедрениями в законодательную сферу. Незнание законов не освобождает от ответсвтеннойсти</p>

<divclass="margin_bottom_30 border_bottom"></div>

<div class="margin_bottom_30"></div>

<div id="project_title"></div>

<div class="section_w200 fl margin_right_25">

<div class="image_wrapper_01">

<a href="#"><img src="images/templatemo_image_01.jpg" alt="image" /></a></div>

<div class="header_02">АО «Корпорация KUAT»</div>

<p>АО «Корпорация KUAT» -- крупная строительная организация в Казахстане.

Основными направлениями деятельности Корпорации являются: строительство и ремонт гражданских и промышленных сооружений; проектирование и архитектура. Жилой комплекс «Сайран» из пяти домов. В период строительного бума компания «Куат» начала в Алматы реализацию грандиозного проекта по созданию «города в городе» на площади 228 гектаров. Председатель правления корпорации «Куат» -- Иван Владимирович Демин.</p>

<div class="margin_bottom_10"></div>

<div class="rc_btn_01"><a href="Projects.html"></a></div>

</div>

<div class="section_w200 fl margin_right_25">

<div class="image_wrapper_01">

<a href="#"><img src="images/templatemo_image_03.jpg" alt="image" /></a></div>

<div class="header_02">ТК «Magnum Cash & Carry»</div>

<p>С первых дней оборот и количество клиентов в нем неуклонно растет.

В августе 2009 года был открыт торговый комплекс «MagnumCash&Carry» в Караганде. Этот торговый комплекс сразу занял лидирующие позиции в этом регионе и продолжает их удерживать.

В декабре 2010 году состоялось открытие второго торгового комплекса «MagnumCash&Carry» в Алматы, а в декабре 2013 г. был открыт торговый комплекс "MagnumATAK"!

Общее количество покупателей «MagnumCash&Carry» превышает 27 000 человек в день.

Более 27 000 покупателей в день.</p>

<div class="margin_bottom_10"></div>

<div class="rc_btn_01"><a href="Projects.html"></a></div>

</div>

<div class="section_w200 fl">

<div class="image_wrapper_01">

<a href="#"><img src="images/templatemo_image_02.jpg" alt="image" /></a></div>

<div class="header_02">АО "НК «КазМунайГаз»</div>

<p>АО "НК «КазМунайГаз» -- казахстанская национальная нефтяная компания. Полное наименование -- Акционерное общество "Национальная компания «КазМунайГаз». Общая численность персонала компании -- свыше 30 тыс. человек. Консолидированная выручка за 2005 год -- 6,78 млрд $, чистая прибыль -- 1,15 млрд $.

За январь-март 2009 года совокупные активы компании 1,15 трлн тенге, собственный капитал -- 962,8 млрд тенге. Чистая прибыль компании за указанный период составила 108 млрд тенге.</p>

<div class="margin_bottom_10"></div>

<div class="rc_btn_01"><a href="Projects.html"></a></div>

</div>

<div class="cleaner"></div>

</div>

<div class="section_w270 fr">

<div id="news_events_title"></div>

<div id="news_events_section_wrapper">

<div class="news_events_section">

<div class="date">Июнь 5</div>

<divclass="short_note">Защита дипломного проекта, презентации, сайта.</div>

<div class="cleaner"></div>

</div>

<div class="margin_bottom_15"></div>

<div class="news_events_section">

<div class="date">Июнь 1</div>

<divclass="short_note">День защиты детей. Бесплатное кино, аквапарки, мороженое. </div>

<div class="cleaner"></div>

</div>

<div class="margin_bottom_15"></div>

<div class="news_events_section">

<div class="date">Май 29</div>

<divclass="short_note">Государственный экзамен. 4 предмета. ois, subd, Web, Ком.сети</div>

<div class="cleaner"></div>

</div>

</div>

<div class="margin_bottom_30 border_bottom"></div>

<div class="margin_bottom_30"></div>

<div id="contact_title"></div>

<ul class="contact_info_list" >

<li><span>Tel:</span> 8-(727)-268-14-52, 8-(727)-268-14-54</li>

<li><span>Mobile:</span> 8-777-231-46-26 &nbsp;&nbsp;Fax: 020-200-2000</li>

<li><span>Email:</span> shadow-sanya90@mail.ru</li>

<li>

<a href="http://vk.com"><img src="images/VK.jpg" border="30"></a>

<a href="http://facebook.com"><img src="images/FB.jpg" border="30"></a>

<a href="http://plus.google.com"><img src="images/Goo.jpg" border="30"></a>

<a href="http://mail.ru"><img src="images/Mail.jpg" border="30"></a>

<a href="http://twitter.com"><img src="images/TW.jpg" border="30"></a>

</li>

</ul>

<div class="margin_bottom_30 border_bottom"></div>

<div class="margin_bottom_30"></div>

<a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>

<a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>

</div><!-- end of section 270 rigth column -->

<div class="cleaner"></div>

</div>

<div id="templatemo_footer">

<ul class="footer_list">

<li><a href="index.html" class="current">Главная</a></li>

<li><a href="Company.html">О компании</a></li>

<li><a href="Projects.html">Проекты</a></li>

<li><a href="Laws.html">Законы</a></li>

<li class="last"><a href="Contacts.html">Контакты</a></li>

</ul>

<div class="margin_bottom_10"></div>

Copyright В© 2013 <a href="#">Корпоративный эксперт</a> | Сайт разработан <a href="http://my.mail.ru/?from=content" target="_parent">Bewa</a></div>

<!-- end of footer -->

</div>

</body>

</html>



Приложение Б

Листинг кода CSS

body {

margin: 0;

padding: 0;

line-height: 1.5em;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #333;

background: #e7e9c3;

}

a:link, a:visited { color: #af1313; text-decoration: underline; font-weight: normal; }

a:active, a:hover { color: #996600; text-decoration: none; }

p {

margin: 0px;

padding: 0px;

}

img {

margin: 0px;

padding: 0px;

border: none;

}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px; }

.margin_bottom_15 { clear: both; width: 100%; height: 15px; font-size: 1px; }

.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px; }

.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px; }

.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px; }

.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px; }

.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px; }

.margin_right_25 { margin-right: 25px; }

.margin_right_60 { margin-right: 60px; }

.fl { float: left; }

.fr { float: right }

.border_bottom { border-bottom: 1px dotted #999; }

.rc_btn_01 a {

clear: both;

float: right;

display: block;

width: 41px;

height: 8px;

border: none;

background: url(images/templatemo_more.jpg) no-repeat;

}

.rc_btn_01 a {

clear: both;

float: right;

display: block;

width: 41px;

height: 8px;

border: none;

background: url(images/templatemo_more.jpg) no-repeat;

}

.header_01 {

padding: 0 0 10px 0;

margin: 0 0 10px 0;

font-size: 26px;

color: #ffffff;

}

.header_02 {

padding: 0 0 5px 0;

margin: 0 0 5px 0;

font-size: 12px;

color: #af1313;

font-weight: bold;

}

#templatemo_container {

width: 960px;

margin: 0 auto;

padding: 0 10px;

}

#templatemo_banner {

width: 960px;

height: 288px;

margin: 0 auto;

background: url(images/templatemo_banner_bg.jpg) no-repeat;

border-bottom: 5px solid #cfd389;

}

#templatemo_banner #logo {

float: left;

margin: 100px 0 0 0px;

width: 459px;

height: 98px;

background: url(images/templatemo_logo.jpg) no-repeat;

}

/* menu */

#templatemo_menu_search {

clear: both;

width: 960px;

height: 50px;

background: url(images/templatemo_menu_bg.jpg) repeat-x;

}

#templatemo_menu {

float: left;

width: 650px;

height: 50px;

}

#templatemo_menu ul {

margin: 0px;

padding: 0px;

list-style: none;

}

#templatemo_menu ul li {

display: inline;

}

#templatemo_menu ul li a {

float: left;

display: block;

padding: 0 30px;

height: 35px;

padding-top: 18px;

text-align: center;

font-size: 12px;

text-align: center;

text-decoration: none;

color: #333333;

font-weight: bold;

outline: none;

}

#templatemo_menu li a:hover, #templatemo_menu li .current {

color: #ffffff;

background: url(images/templatemo_menu_hover.jpg) repeat-x;

}

/* end of menu*/

#templatemo_menu_search #search_section {

float: right;

margin: 10px 20px 0 0;

width: 275px;

}

#search_section form {

float: right;

margin: 0px;

padding: 0px;

}

#searchfield {

height: 15px;

width: 180px;

padding: 5px;

color: #ffffff;

font-size: 13px;

font-variant: normal;

line-height: normal;

background: #af1313;

border: 1px solid #ffffff;

}

#searchbutton {

height: 29px;

margin: 0 0 0 10px;

padding: 0 6px;

cursor: pointer;

font-size: 12px;

font-weight: bold;

text-align: center;

vertical-align: bottom;

white-space: pre;

color: #333333;

background: none;

border: none;

}

#templatemo_content {

clear: both;

padding: 40px 0 20px 0;

}

#welcome_title {

clear: both;

width: 242px;

height: 35px;

margin-bottom: 20px;

background: url(images/welcome_title.jpg) no-repeat;

}

#welcome_title2 {

clear: both;

width: 242px;

height: 35px;

margin-bottom: 20px;

background: url(images/welcome_title2.jpg) no-repeat;

}

#welcome_title3 {

clear: both;

width: 242px;

height: 35px;

margin-bottom: 20px;

background: url(images/welcome_title3.jpg) no-repeat;

}

#project_title {

clear: both;

width: 182px;

height: 35px;

margin-bottom: 20px;

background: url(images/project_title.jpg) no-repeat;

}

#news_events_title {

clear: both;

width: 240px;

height: 42px;

margin-bottom: 20px;

background: url(images/news_events_title.jpg) no-repeat;

}

#contact_title {

clear: both;

width: 147px;

height: 32px;

margin-bottom: 20px;

background: url(images/contact_title.jpg) no-repeat;

}

.section_w270 {

width: 270px;

}

.section_w650 {

width: 650px;

}

.section_w650 p {

text-align: justify;

margin-bottom: 10px;

}

.section_w200 {

width: 200px;

}

.image_wrapper_01 {

position: relative;

width: 185px;

height: 95px;

background: url(images/templatemo_image_frame.png) no-repeat;

}

.image_wrapper_01 img {

position: absolute;

width: 175px;

height: 74px;

top: 4px;

left: 5px;

}

#news_events_section_wrapper {

clear: both;

width: 250px;

height: 130px;

padding: 20px 10px;

background: url(images/templatemo_news_bg.jpg) no-repeat;

}

#news_events_section_wrapper .news_events_section {

clear: both;

}

.news_events_section .date {

float: left;

width: 50px;

font-size: 12px;

color: #ffffff;

font-weight: bold;

}

.news_events_section .short_note {

float: right;

width: 190px;

}

.contact_info_list {

margin: 0px;

padding: 0px;

list-style:none;

}

.contact_info_list li {

padding: 0px;

margin-bottom: 5px;

}

.contact_info_list li span {

float: left;

display: block;

width: 80px;

}

/* footer */

#templatemo_footer {

clear: both;

height: 65px;

width: 920px;

text-align: center;

color: #333;

padding: 30px 20px 0 20px;

background: url(images/templatemo_footer_bg.jpg) repeat-x;

}

.footer_list {

margin: 0px;

padding: 0px;

list-style: none;

}

.footer_list li {

padding: 0 10px;

display: inline;

border-right: 1px solid #333;

}

.footer_list li a {

color: #333;

}

.footer_list .current {

color: #af1313;

}

.footer_list .last {

border-right: none;

}

/* endoffooter */

Приложение В

Скриншоты страниц:

Составляющие сайта:

Заголовок;

Главное меню;

Информационная панель;

Новостная панель;

Контактная панель;

Проектная панель;

Навигационная панель;

Главная страница сайта (Рис. 11) состоит из 7 частей, которые созданы с целью быстрого перемещения и удобной навигации по Web-сайту для быстрого получения краткой информации о компании, контактных данных, проектах, новостях и прочей информации.

Рис. 11. Главная страница сайта

Так же на сайте присутствует сервис проверки CSS -- бесплатное приложение, созданное организацией W3C для помощи веб-дизайнерам и веб-разработчикам в проверке каскадных таблиц стилей (CSS). Он может быть использован как бесплатный сервис в сети или загружен для запуска на веб-сервере в качестве Java-приложения.

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

Страница «О компании» (Рис. 12) создана с целью дать максимально полную информацию о компании и ее деятельности пользователям.

Рис.12. О компании

Страница «проекты» (Рис. 13) создана с целью информирования пользователей о проектах компании и сотрудничестве с другими крупными компаниями.

Рис. 13. Проекты

Страница «Законы» (Рис. 14) создана с целью ознакомления пользователей с законодательными актами и последними поправками в законодательстве РК.

Рис. 14. Законы

Страница «Контакты» (Рис. 15) создана с целью донесения клиенту-пользователю информации о контактных данных, точном местоположении и адресе компании.

Рис. 15. Контакты



Приложение Г

Общие требования к оформлению дипломной работы (ГОСТы)

1 ГОСТ 7.32-2001 «Отчет о научно-исследовательской работе. Структура и правила оформления»

2 По ГОСТ 7.32-2001 текст печатается на одной стороне листа белой бумаги формата А4 через полтора интервала. Цвет шрифта - черный. Размер шрифта (кегль) - не менее 12. Обычная практика - кегль 14. ГОСТ не определяет тип шрифта, но обычно - Times New Roman.

3 ГОСТ 7.32-2001 заголовки структурных элементов работы располагают в середине строки без точки в конце и печатают заглавными буквами без подчеркивания. Каждый структурный элемент следует начинать с новой страницы.

4 По ГОСТ 7.32-2001 заголовок СОДЕРЖАНИЕ пишется заглавными буквами посередине строки.

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

5 Безопасность -- состояние, при котором риск для здоровья и безопасности персонала находится на приемлемом уровне (ГОСТ 12.0.006-2002)

6 Безопасность производственного оборудования-- свойства производственного оборудования соответствовать требованиям безопасности труда при монтаже (демонтаже) и эксплуатации в условиях, установленных нормативно-технической документацией (ГОСТ 12.0.002.80).

7 Безопасное расстояние-- наименьшее расстояние между человеком и источником опасного и вредного производственного фактора, при котором человек находится вне опасной зоны (ГОСТ 12.0.002.80)

8 Авария -- разрушение сооружений, оборудования, технических устройств, неконтролируемые взрыв и/или выброс опасных веществ, создающие угрозу жизни и здоровью людей (ГОСТ 12.0.006-2002).

9Как система законодательных актов, а также предупредительных и регламентирующих социально-экономических, организационных, технических, санитарно-гигиенических и лечебно-профилактических мероприятий, технических средств и методов, направленных на обеспечение безопасных условий труда. (ГОСТ 12.0.002-80)

Размещено на Allbest.ru