Языки программирования для разработки сайта : Диплом по Информационное обеспечение, программирование

Рубрикатор

Информационное обеспечение, программирование

Дипломы

Языки программирования для разработки сайта

Содержание

Введение

1. Общая часть

1.1 Появление Интернета

1.2 Браузеры

1.3 История создания web-сайта

1.4 Понятие "сайт"

1.5 Классификация веб-сайтов

1.6 Языки программирования для web

1.7 Анализ сайтов ВУЗ-ов

1.8 Обоснование потребности в web-сайте

2. Проектирование web-сайта

2.1 Языки разработки сайта

2.2 Технология создания сайта и руководство пользователя

3. Охрана труда на рабочем месте

Заключение

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

Приложение

Введение

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

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

Задачи:

дать определение понятию "сайт", осветить проблемы классификации сайтов;

рассмотреть историю возникновения Интернета и сайта;

рассмотреть наиболее распространенные web-языки написания сайтов;

проанализировать сайты различных ВУЗов;

описать языки создания сайта;

описать технологию создания сайта;

разработать методические рекомендации пользователю по описанию, созданию и редактированию веб-сайта; основам техники безопасности

Объект дипломного исследования: информационные технологии, применяемые для создания сайта кафедре Физики и информационных технологий.

сайт интернет язык программирование

Теоретическая и методологическая основа исследования освещена в работах следующих специалистов: С. Хольцнера, М. Фленова, А. Ломова, Э. Мейера, К. Шмитта и др.

Практическая база написания дипломного проекта:

кафедра Физики и информационных технологий костанайского социально-технического университета им. академика З. Алдамжар

Работа состоит из: Введения, Общей части, Проектирования web-сайта, Заключения, Списка использованной литературы, и Приложения.

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

Основным кодом написания сайта будет html, а для придания ему интерактивности и удобства его редактирования применим скриптовый язык PHP. За визуальное оформление сайта будет отвечать так называемые каскадные таблицы стилей CSS.

В первой части работы рассмотрены теоретические вопросы, касающиеся появления интернета и его развития. В частности создание в 1969 году первой компьютерной сети ARPANET в США для Министерства Обороны, как будущего прообраза современного всемирной паутины, последующее использование интернета в коммерческих целях и его выход в широкое использование простыми пользователями, разработка и использование протоколов обмена информацией между ЭВМ для соединения большого количества рабочих станции и серверов в единую глобальную сеть с надежным функционированием, интеграция и стандартизация сетей с различными протоколами связи с целью их взаимной совместимости, постепенный отказ от использования сетями с малой пропускной способностью и переход на стандарт обмена информацией по протоколу tcp/ip, создание систем доменных имён DNS в 1984 году и протокола http в 1989 году использующегося по сей день как стандарт передачи данных по www, появление в 1993 году первого знаменитого веб-браузера NCSA Mosaic, который позволял просматривать информацию по протоколу http.

В заключении сопоставлены темпы развития коммуникационными технологиями. Далее описаны рождение первого сайта 6 августа 1991 года, созданного Тимом Бернерсом-Ли, который в это же время разработал http, uri/url и html, как основополагающие кирпичики www, дано понятие web-сайта, а так же рассмотрены проблемы классификации сайтов и их эволюция со времени их появления, проведен анализ языков программирования для создания веб-приложений, где показаны преимущества и недостатки простых языком программирования как html, и более сложных делящихся на серверные и клиентские и совместно используемые с ними базы данных для web.

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

В Заключении предоставлены методические рекомендации пользователю по основам техники безопасности при работе с вычислительной техникой.

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

1. Общая часть

1.1 Появление Интернета

Самому появлению сайтов предшествовало появление Интернета, без которого не было бы возможно создание и самих сайтов, поэтому немного предыстории. В 1957 году Министерство обороны США посчитало, что на случай войны Америке нужна надёжная система передачи информации. Агентство передовых оборонных исследовательских проектов США (DARPA) предложило разработать для этого компьютерную сеть. Разработка такой сети была поручена Калифорнийскому университету в Лос-Анджелесе, Стэнфордскому исследовательскому центру, Университету штата Юта и Университету штата Калифорния в Санта-Барбаре. Компьютерная сеть была названа ARPANET (англ. Advanced Research Projects Agency Network), и в 1969 году в рамках проекта сеть объединила четыре указанных научных учреждения. Все работы финансировались Министерством обороны США. Затем сеть ARPANET начала активно расти и развиваться, её начали использовать учёные из разных областей науки. [1]

Первый сервер ARPANET был установлен 1 сентября 1969 года в Калифорнийском университете в Лос-Анджелесе. Компьютер Honeywell DP-516 имел 24 Кб оперативной памяти.

октября 1969 года в 21: 00 между двумя первыми узлами сети ARPANET, находящимися на расстоянии в 640 км - в Калифорнийском университете Лос-Анджелеса (UCLA) и в Стэнфордском исследовательском институте (SRI) - провели сеанс связи. Чарли Клайн (Charley Kline) пытался выполнить удалённое подключение к компьютеру в SRI. Успешную передачу каждого введённого символа его коллега Билл Дювалль (Bill Duvall) из SRI подтверждал по телефону.

В первый раз удалось отправить всего три символа "LOG", после чего сеть перестала функционировать. LOG должно было быть словом LOGON (команда входа в систему). В рабочее состояние систему вернули уже к 22: 30 и следующая попытка оказалась успешной. Именно эту дату можно считать днём рождения Интернета.

К 1971 году была разработана первая программа для отправки электронной почты по сети. Эта программа сразу стала очень популярна.

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

В 1970-х годах сеть в основном использовалась для пересылки электронной почты, тогда же появились первые списки почтовой рассылки, новостные группы и доски объявлений. Однако в то время сеть ещё не могла легко взаимодействовать с другими сетями, построенными на других технических стандартах. К концу 1970-х годов начали бурно развиваться протоколы передачи данных, которые были стандартизированы в 1982-83 годах. Активную роль в разработке и стандартизации сетевых протоколов играл Джон Постел. 1 января 1983 года сеть ARPANET перешла с протокола NCP на TCP/IP, который успешно применяется до сих пор для объединения (или, как ещё говорят, "наслоения") сетей. Именно в 1983 году термин "Интернет" закрепился за сетью ARPANET.

В 1984 году была разработана система доменных имён (англ. Domain Name System, DNS).

В 1984 году у сети ARPANET появился серьёзный соперник: Национальный научный фонд США (NSF) основал обширную межуниверситетскую сеть NSFNet (англ. National Science Foundation Network), которая была составлена из более мелких сетей (включая известные тогда сети Usenet и Bitnet) и имела гораздо большую пропускную способность, чем ARPANET. К этой сети за год подключились около 10 тыс. компьютеров, звание "Интернет" начало плавно переходить к NSFNet.

В 1988 году был разработан протокол Internet Relay Chat (IRC), благодаря чему в Интернете стало возможно общение в реальном времени (чат).

В 1989 году в Европе, в стенах Европейского совета по ядерным исследованиям (фр. Conseil Européen pour la Recherche Nucléaire, CERN) родилась концепция Всемирной паутины. Её предложил знаменитый британский учёный Тим Бернерс-Ли, он же в течение двух лет разработал протокол HTTP, язык HTML и идентификаторы URI.

В 1990 году сеть ARPANET прекратила своё существование, полностью проиграв конкуренцию NSFNet. В том же году было зафиксировано первое подключение к Интернету по телефонной линии (т. н. "дозво?н" - англ. Dialup access).

В 1991 году Всемирная паутина стала общедоступна в Интернете, а в 1993 году появился знаменитый веб-браузер NCSA Mosaic. Всемирная паутина набирала популярность.

В 1995 году NSFNet вернулась к роли исследовательской сети, маршрутизацией всего трафика Интернета теперь занимались сетевые провайдеры, а не суперкомпьютеры Национального научного фонда.

В том же 1995 году Всемирная паутина стала основным поставщиком информации в Интернете, обогнав по трафику протокол пересылки файлов FTP. Был образован Консорциум всемирной паутины (W3C). Можно сказать, что Всемирная паутина преобразила Интернет и создала его современный облик. С 1996 года Всемирная паутина почти полностью подменяет собой понятие "Интернет".

В 1990-е годы Интернет объединил в себе большинство существовавших тогда сетей (хотя некоторые, как Фидонет, остались обособленными). Объединение выглядело привлекательным благодаря отсутствию единого руководства, а также благодаря открытости технических стандартов Интернета, что делало сети независимыми от бизнеса и конкретных компаний. К 1997 году в Интернете насчитывалось уже около 10 млн. компьютеров, было зарегистрировано более 1 млн. доменных имён. Интернет стал очень популярным средством для обмена информацией.

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

В течение пяти лет Интернет достиг аудитории свыше 50 миллионов пользователей (Таблица № 1). Другим средствам массовой информации требовалось гораздо больше времени для достижения такой популярности:

Таблица 1

Темпы роста "пользователей" коммуникационными технологиями

Информационная средаВремя, летРадио38Телевидение13Кабельное телевидение10Интернет5

1.2 Браузеры

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

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

Браузеры постоянно развивались со времени зарождения Всемирной паутины и с её ростом становились всё более востребованными программами. Ныне браузер - комплексное приложение для обработки и вывода разных составляющих веб-страницы и для предоставления интерфейса между веб-сайтом и его посетителем. Практически все популярные браузеры распространяются бесплатно или "в комплекте" с другими приложениями: Internet Explorer (совместно с Microsoft Windows), Mozilla Firefox (бесплатно, свободное ПО), Safari (совместно с Mac OS или бесплатно для Windows), Opera (бесплатно, начиная с версии 8.50), Google Chrome (бесплатно, свободное ПО).

Первым распространённым браузером с графическим интерфейсом был NCSA Mosaic. Исходный код этого одного из первых браузеров был открыт и некоторые другие браузеры (Netscape Navigator и Internet Explorer) взяли его за основу. Этот браузер имел свои недостатки, но почти все они были устранены в браузере Netscape Navigator (некоторые сотрудники компании Netscape были из NSCA и участвовали в разработке Mosaic).netscape выпустила Netscape Navigator под разные операционные системы (UNIX, Windows, Mac OS) и добилась заметного успеха, в том числе и коммерческого. Это побудило компанию Microsoft выпустить свой браузер Internet Explorer.

В отличие от Netscape, Microsoft сразу выпускала локализованные версии IE. В 1995 году Microsoft выпустила операционную систему Windows 95, в ней не было встроенного браузера, но через некоторое время в обновление системы (Windows 95 OSR2) браузер (Internet Explorer 3.0) был встроен. К тому же, Microsoft добавляла в свой браузер несовместимые со стандартами расширения языка HTML, и это можно считать началом войны браузеров, закончившейся монополизацией (более 95 %) рынка браузером от Microsoft.

Из-за потери рынка доходы компании Netscape упали и её приобрела AOL, а исходный код браузера Netscape был выпущен под свободной лицензией MPL (Mozilla Public License). Название "Mozilla" изначально присутствовало в браузере от Netscape и означало сокращение слов Mosaic+killer. Однако этот код было решено не использовать и вместо него для Netscape 6 с нуля был написан новый движок (Gecko), изначально ориентировавшийся на полную поддержку стандартов, на основе которого позже были созданы входящие в комплект Mozilla Suite браузер, почтовый и irc-клиент и редактор веб-страниц.

Впоследствии в Mozilla Foundation было принято решение поставлять и развивать браузер отдельно от общего пакета и родился проект Mozilla Firefox. Firefox содержит много возможностей, отсутствующих в IE или других браузерах, и постепенно набирает популярность.

Монополизация рынка браузером IE имела и другие последствия - Microsoft почти перестала развивать браузер и он с 4-й до 6-й версии почти не менялся: хуже других браузеров поддерживал стандарты, отставал по удобству использования и по скорости работы и отображения страниц. Такое положение сподвигло Microsoft вновь заняться браузером и седьмая версия вышла с некоторыми изменениями (были добавлены закладки-табы, улучшена поддержка стандартов, поднята скорость работы). Однако, на текущий момент скорость прохождения тестов javascript (основа web 2.0) всё равно почти на порядок хуже, чем у других браузеров. На данный момент Microsoft выпустила 8-ю версию Internet Explorer и активно продвигает её на российском рынке совместно с такими компаниями, как Яндекс, Mail.ru и Рамблер.

В 1996 году появился браузер Opera. Долгое время этот браузер позиционировался как самый быстрый браузер. Он считался самым лёгким и в старте, и в загрузке из Интернета, и в отображении страниц, и, в зависимости от доминирующего в тот момент на рынке браузера, был совместим с ним (или старался быть таковым). Первоначально Opera распространялась как условно-бесплатное ПО (shareware), этим, возможно, объяснятся её низкая популярность. Однако с 2005 года Opera также стала распространяться бесплатно.

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

В Internet Explorer 8 Microsoft сначала предлагала ввести HTML-комментарий, который бы указывал браузерам, какие версии движков использовать (заголовок DOCTYPE при этом должен был быть отменён, как малоиспользуемый), что вызвало возмущение сторонников стандартов, так как указания на использование стандартов не предусматривалось. Позже было объявлено, что IE8 будет по умолчанию использовать "режим стандартов" (англ. standards mode), а не "режим совместимости" (англ. quirks mode), а при обнаружении соответствующего комментария использовать режим имитации предыдущей версии. В 2008 году компания Google решила "помочь" конкуренции на рынке браузеров и выпустила свой браузер с открытым исходным кодом - Chrome. Браузер Chrome содержит некоторые новшества (изоляция сбоев, режим "инкогнито" и т.д.). Выпущены версии для Windows XP, Windows Vista и Windows 7, для Linux и Mac OS доступна пока только бета-версия. В начале 2009 года Microsoft объявила, что разрабатывает новый браузер, который будет называться Gazelle. Новый браузер будет применять принципы разделения ресурсов, характерные для многопользовательских операционных систем, что, согласно Microsoft, повысит его безопасность. В сентябре 2009 года стало известно о намерении российской правительственной комиссии по федеральной связи и информтехнологиям разработать для государственных организаций свой браузер, выбрав разработчика по результатам открытого конкурса. Парадоксально, что Opera и Firefox отвергаются в пользу Internet Explorer из-за того, что они "передают информацию о пользователях в поисковую систему Google", хотя это легко отключается в настройках обеих программ.

Таблица 2

Наиболее распространённые браузеры

ПопулярныеInternet Explorer, Mozilla Firefox, Safari, Google Chrome, OperaМенее распространённыеChromePlus, Mozilla, Netscape Navigator, Flock, Maxthon, Konqueror, SeaMonkey, Green Browser, Avant Browser, AOL Explorer, Galeon, Epiphany, Kazehakase, Charon, Arachne, Links2, slimbrowser, FastIE, MyBrowser, Dillo, K-Meleon, Arora. Для портативных устройствInternet Explorer Mobile, Mozilla Fennec, Opera Mobile, Opera Mini, Wapalta, Safari для iPhone

По данным StatCounter.com, с 1 июля 2008 по 8 февраля 2010 мировая динамика доли браузеров выглядела как медленнное уменьшение доли Internet Explorer (приблизительно с 65-71 до 53-56 %) в пользу Firefox (приблизительно с 24-28 до 31-34 %) и других браузеров. В России же, с января 2009 по конец сентября того же года первое место удерживает Opera (в районе 36-40 %), после чего случается резкое падение, но в начале декабря Opera восстанавливает лидерство (с небольшими переменами). Похожие данные по России показывает за последние месяцы и LiveInternet.ru.

В Южной Корее в 2007-2008 годах 99 % пользователей использовало Internet Explorer в Microsoft Windows, так как все банковские и правительственные сайты требовали использования ActiveX.

1.3 История создания web-сайта

Первый в мире сайт - info. cern. ch появился 6 августа 1991 года. Его создатель, Тим Бернерс-Ли, опубликовал на нём описание новой технологии World Wide Web, основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы серверов и браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты. [2]

Все инструменты, необходимые для работы первого сайта, Бернерс-Ли подготовил ещё раньше - в конце 1990 года появились первый гипертекстовый браузер WorldWideWeb с функционалом веб-редактора, первый сервер на базе NeXTcube и первые веб-страницы.

"Отец" веба считал, что гипертекст может служить основой для сетей обмена данными, и ему удалось претворить свою идею в жизнь. Ещё в 1980 году Тим Бернерс-Ли создал гипертекстовое программное обеспечение Enquire, использующее для хранения данных случайные ассоциации. Затем, работая в Европейском центре ядерных исследований в Женеве (CERN), он предложил коллегам публиковать гипертекстовые документы, связанные между собой гиперссылками. Бернерс-Ли продемонстрировал возможность гипертекстового доступа к внутренним поисковику и документам, а также новостным ресурсам Интернета. В результате, в мае 1991 года в CERN был утверждён стандарт WWW.

Тим Бернерс-Ли является "отцом" основополагающих технологий веба - HTTP, URI/URL и HTML, хотя их теоретические основы были заложены ещё раньше. В 1940-х годах Ванневар Буш выдвинул идеи расширения памяти человека с помощью технических устройств, а также индексации накопленной человечеством информации для её быстрого поиска. Теодор Нельсон и Даг Энгельбарт предложили технологию гипертекста - "ветвящегося" текста, предоставляющего читателю разные варианты чтения. Xanadu, так и не законченная гипертекстовая система Нельсона, была предназначена для хранения и поиска текста, в который введены взаимосвязи и "окна". Нельсон мечтал связать перекрёстными ссылками все тексты, созданные человечеством.

В настоящее время Тим Бернерс-Ли возглавляет основанный им Консорциум Всемирной паутины (World Wide Web Consortium), который занимается разработкой и внедрением стандартов Интернета.

1.4 Понятие "сайт"

Веб-сайт (от англ. website: web - "паутина", "сеть" и site - "место", букв "место в сети") или просто сайт - в компьютерной сети объединённая под одним адресом (доменным именем или IP-адресом) совокупность документов частного лица или организации. По умолчанию подразумевается, что сайт располагается в сети Интернет. Все веб-сайты в совокупности составляют Всемирную паутину. Для прямого доступа клиентов к веб-сайтам на серверах был специально разработан протокол HTTP. Веб-сайты иначе называют Интернет-представительством человека или организации. Когда говорят "своя страничка в Интернет", то подразумевается целый веб-сайт или личная страница в составе чужого сайта. Кроме веб-сайтов в сети Интернет так же доступны WAP-сайты для мобильных телефонов. [3]

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

Из-за проблем связанных с безопасностью протоколов HTTP и WAP, появилось защищенное http соединение. Данное соединение использует протокол, похожий HTTP, но обладает высокой степенью безопасности. Такой тип соединения применяется в "личных кабинетах" пользователей интернет-магазинов. Данный метод соединения обретает все большую популярность.

В большинстве случаев в Интернете одному веб-сайту соответствует одно доменное имя. Именно по доменным именам сайты идентифицируются в глобальной сети. Возможны иные варианты: один сайт на нескольких доменах или несколько сайтов под одним доменом. Обычно несколько доменов используют крупные сайты (веб-порталы) чтобы логически отделить разные виды предоставляемых услуг (mail. google.com, news. google.com, maps. google.com). Нередки и случаи выделения отдельных доменов для разных стран или языков. Например, google.ru и google. fr логически являются сайтом Google на разных языках, но технически это разные сайты. Объединение нескольких сайтов под одним доменом характерно для бесплатных хостингов. Иногда для идентификации сайтов в адресе после указания хоста стоит тильда и имя сайта: example.com/~my-site-name/, а чаще всего используется домен третьего уровня: my-site-name. example.com.

Аппаратные сервера для хранения веб-сайтов называются веб-серверами. Сама услуга хранения называется веб-хостингом. Раньше каждый сайт хранился на своём собственном сервере, но с ростом Интернета технологическим улучшением серверов на одном компьютере стало возможно размещение множества сайтов (виртуальный хостинг). Сейчас сервера для хранения только одного сайта называются выделенными (англ. dedicated).

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

1.5 Классификация веб-сайтов

По доступности сервисов:

Открытые - все сервисы полностью доступны для любых посетителей и пользователей.

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

Закрытые - полностью закрытые служебные сайты организаций (в том числе корпоративные сайты), личные сайты частных лиц. Такие сайты доступны для узкого круга людей. Доступ новым людям обычно даётся через т. н. инвайты (приглашения). [4]

По природе содержимого:

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

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

По физическому расположению:

Внешние сайты сети Интернет.

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

По схеме представления информации, её объёму и категории решаемых задач можно выделить следующие типы веб-ресурсов:

Интернет-представительства владельцев бизнеса (торговля и услуги, не всегда связанные напрямую с Интернетом):

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

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

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

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

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

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

Сайт-квест - Интернет-ресурс, на котором организовано соревнование по разгадыванию последовательности взаимосвязанных логических загадок.

Информационные ресурсы:

Тематический сайт - веб-сайт, предоставляющий cпецифическую узкотематическую информацию о какой-либо теме.

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

Веб-сервис - услуга созданная для выполнения, каких либо задач в рамках сети WORLD WIDE WEB:

1.Доска объявлений.

2.Каталог сайтов - например, Open Directory Project.

3.Поисковые сервисы - например, Yahoo, Google.

.Почтовый сервис.

.Веб-форумы.

.Блоговый сервис.

.Файлообменный Пиринговый сервис - например, Bittorrent.

.Датахостинговый сервиc - например, Skydrive.

.Датаэдиторинговый сервиc - например, Google Docs.

.отохостинг - например, Picnik, ImageShack, Panoramio, Photobucket.

.ранение видео - например, YouTube, Dailymotion.

.оциальные Медиа - например, Buzz.

.омбинированные Веб сервисы (Социальные сети) - например, Facebook, Twitter.

.Комбинированные Веб сервисы (Специализированные социальные сети) - например, MySpace, Flickr.

1.6 Языки программирования для web

Обзор языков программирования для web

Пожалуй, самым распространенным сегодня таким языком создания веб-страниц является HTML. Также с недавних пор популярность получил язык PHP скриптов. Менее популярными, но не менее хорошими являются ASP, GGI, Perl, SSI, ASP. XML, XHTML и DHTML к языкам веб-программирования не относятся, но служат хорошими дополнениями к ним. Среди скриптов можно выделить лишь JavaScript и VBScript., также его называют языком гипертекстов, - это язык логической разметки документа № 1 в мире. С этим языком очень удобно и легко работать, возможно, именно поэтому в основном предпочитают его. При использовании HTML каждый текст, картинка, эффект, скрипт, расположение элемента записывается в один документ, который не содержит ничего кроме текста, браузер же читает этот документ и формирует веб-страницу так, как и сказано в этом самом документе. Каждая деталь отделяется отдельным тегом и расположением на странице.html используется совместно с CSS (стили визуального оформления) и скриптами, типа JavaScript и VBScript.

Среди прочих скриптовых языков наибольшую популярность получил PHP. С помощью этого языка строятся наиболее сложные веб-ресурсы, которые очень отличаются от страниц на технологии HTML. Используя PHP можно создать страницы, от которых можно будет узнать о посетителях сайта и их действиях, создавать гостевые книги, чаты, форумы, счетчики, системы и т.д., PHP работает со многими базами данных. PHP когда создавался с помощью GGI и Perl.позволяет создавать динамические и интерактивные интернет-приложения. GGI - это интерфейс, который позволяет веб-серверу по запросу браузера запускать и выполнять какие-либо программы, а результат их работы возвращать серверу или браузеру. Perl - самый распространенный язык веб-программирования для приложений GGI. Он также очень удобен для системного администрирования, сетевого программирования и других задач., DHTML и XHTML являются чем-то вроде дополнительных компонентов к HTML. Они делают стандартную HTML страничку более динамической и интерактивной. Ведь сам HTML очень ограничен в своих возможностях создания интерактивных элементов.

Клиентские языки

Как следует из названия, клиентские языки обрабатываются на стороне пользователя, а если проще - программы на клиентском языке обрабатывает браузер. Отсюда следует и недостаток - обработка скрипта зависит от браузера пользователя, и пользователь имеет полномочия настроить свой браузер так, чтобы он вообще игнорировал скрипты. При этом, если браузер старый, он может не поддерживать тот или иной язык или версию языка, на которую опирался разработчик. С современными браузерами таких проблем возникать не должно, к тому же языки программирования не так уж часто кардинально обновляются (раз в несколько лет) и лучшие из них давно известны. Также код клиентского скрипта может посмотреть каждый, выбрав в меню "Вид" своего браузера вкладку "Исходный код" (или что-то в этом роде).

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

Самым распространенным из клиентских языков является JavaScript, разработчиками которого является компания Netscape совместно с компанией Sun Microsystems. Ещё один популярный язык - это VBScript от Microsoft.

Серверные языки

Когда пользователь дает запрос на какую-либо страницу (переходит на неё по ссылке или вводит адрес в адресной строке своего браузера), то вызванная страница сначала обрабатывается на сервере, то есть выполняются все программы, связанные со страницей, и только потом возвращается к посетителю по сети в виде файла. Этот файл может иметь расширения: HTML, PHP, ASP, Perl, SSI, XML, DHTML, XHTML.

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

Важной стороной работы серверных языков является возможность организации непосредственного взаимодействия с системой управления базами данных (или СУБД) - сервером, на котором упорядоченно хранится информация, которая может быть вызвана в любой момент. Популярными среди систем управления базами данных являются: Firebird, IBM DB2, IBM DB2 Express-C, Microsoft SQL Server, Microsoft SQL, Server Express, mSQL, MySQL, Oracle, PostgreSQL, SQLite, Sybase Adaptive, Server Enterprise.

1.7 Анализ сайтов ВУЗ-ов

Для примера взяты сайты или соответствующий раздел сайта ВУЗа кафедры инновационных технологий, это сайт Московского государственного университета им. М. Ломоносова (МГУ - РФ) [8], Евразийский национальный yниверситет им. Л. Гумилева (ЕНУ - РК) [9] и Костанайского государственного университет им.А. Байтурсынова (КГУ - РК) [10].

Сайты факультетов инновационных технологий (либо их аналоги) МГУ и КГУ представляют собой отдельные сайты доменов второго уровня, у ЕНУ это раздел на головном сайте ВУЗа. Все три сайта многоязычны, однако, на сайте КГУ и ЕНУ раздел на английском языке отсутствует. На всех сайтах использовано мало графических элементов, что верно, так как ВУЗовские интернет ресурсы не являются мультимедийными приложениями и предназначены, прежде всего, для освещения научной и учебной деятельности. По содержанию сайт МГУ оказывается наиболее наполненным информацией, за ним следует КГУ и ЕНУ.

В целом по всем параметрам наиболее "развитым" оказываются сайты МГУ и КГУ, так они фактический являются отдельными сайтами второго уровня, соответствующий раздел ЕНУ в плане информативности значительно уступает им.

1.8 Обоснование потребности в web-сайте

На сегодняшний день большое количество организаций имеет собственный web-сайт, что на данный момент касается в основном только стран с высоко развитой или "бурно" развивающейся экономикой. Так Всемирный экономический форум представил отчет о развитии информационных технологий в 134 странах мира. Уровень развития ІТ выражается в индексе сетевой готовности (The Networked Readiness). Казахстан занимает в рейтинге 73 место, опережая, к примеру - Россию (74 место). Однако следует учитывать, что это лишь условный показатель, который имеет существенные колебания внутри одной страны. Известно, что Россия все же по уровню развития интернет технологий и далеко "обгоняет" РК, а отставание касается лишь отдельных регионов. [11]

Таблица 3

Индекс развития информационных технологий в мире

Индекс сетевой готовности (Всемирный экономический форум) 2009МестоСтранаИндекс1 Дания5,852 Швеция5,843 США5,684 Сингапур5,6773 Казахстан3,7974 Россия3,77

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

Для кафедры сайт, прежде всего своеобразная "доска" для проводимой ими научной и учебной деятельности. Несмотря на то, что есть головной сайт ВУЗа, сайт кафедры будет содержать более подробную информацию о преподавателях, учебной деятельности студентов, проводимых мероприятиях, новостях, расписании и т.п. Если "монополия" использования web-ресурса принадлежала университету в целом, то сейчас любое структурное подразделение может себе позволить иметь сайт. Это тем более значимо для кафедры Инновационных технологий, так как именно здесь имеются специалисты хорошо владеющие web-технологиями.

2. Проектирование web-сайта

2.1 Языки разработки сайта

Синтаксис HTML как является основой для создания сайта. Если рассмотреть исходные тексты различных WEB-страниц, то можно легко увидеть схожесть их структуры. Это объясняется тем, что документы создаются по определенным правилам. В основу синтаксиса языка HTML лег стандарт ISO 8879: 1986 "Information processing. Text and office systems. Standard Generalized Markup Language (SGML). Правда, существует большое различие между стандартом официальном и стандартом фактическим.html постоянно развивается, дополняется новыми элементами [13].

Структура WEB-страницы.

Заготовка типичной WEB-страницы:

<html>

<head>

<title> структура web-страницы </title>

</head>

<! - комментарий к страницы - -! >

переход к <a href = "#bottom> конец </a> документа <p>

переход к <a href = "#s001> <b> ссылке 1 </b></a><p>

<p>

<hr>

<h1> заголовок 1 </h1>

<h2> заголовок 2 </h2>

<h3> заголовок 3 </h3>

<h3> заголовок 4 </h4>

<h3> заголовок 5 </h5>

<h3> заголовок 6 </h6>

<hr>

здесь расположена <b> ссылка 1 </b><a name = "s001></a>

<hr>

<p> здесь должен располагаться оригинальный текст web-страницы

<hr>

переход в <a href = "#top>начало</a> документа

</body>

</html>

Основные элементы HTML.

<HTML></html>

Означает документ на языке HTML. Данный элемент является самым внешним, так как между его начальным и коечным тегами должна находится вся WEB - страница. Он имеет атрибуты version, long и dir и допускает вложение элементов HEAD, BODY и других, определяющую общую структуру WEB-страницы. Конечным тегом </html> оканчиваются все документы в формате HTML.

<HEAD></head>

Область заголовка Web - страницы, её первая часть. HEAD служит только для формирования общей структуры документа. Этот элемент может иметь атрибуты IANG, DIR, должен включать элемент TITLE и допускает вложение элементов BASE, META, LINK, OBJECT, SCARIPT, STULE.

<TITLE></title>

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

<STYLE></style>

Элемент для описания стиля некоторых элементов Web - страницы. В файле Strukt. Htm назначены шрифты для элементов h2, code. Для каждого элемента существует стилевое оформление по умолчанию, поэтому употребление элемента style не обязательно, но желательно. Этот элемент введён сравнительно недавно, без него немыслима работа в приложениях World, Excel.

<META>

Элемент содержит служебную информацию, которая не отражается при просмотре Web - страницы. Внутри него нет текста в обычном понимании, поэтому нет и конечного тега. Каждый элемент Meta содержит два основных атрибута, первый из которых определяет тип данных, а второй - содержание. Вот несколько примеров meta - данных:

<BODY></body>

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

<! - Комментарий - -! >

В любом языке программирования есть конструкции, позволяющие создавать произвольные ремарки.html в этом смысле - не исключение. Текст, введений внутри этого элемента, игнорируется браузером. Эти элементы могут располагаться в любом месте WEB-страницы

<H1><h1>

Элемент заголовка. Существует шесть уровней заголовка, которые обозначаются H1…H6. Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый маленький заголовок. Для заголовков могут использовать атрибуты, задающие выравнивание влево, по центру или вправо:

align = "left= "center= "right

<HR>

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

Во-вторых, потому что выбор подобных элементов оформления у автора страницы очень небольшой. Этот элемент не имеет конечного тега, но допускает ряд атрибутов для выравнивания влево, по центру, вправо, по ширине: align = "left, align = "center, align = "right, align = "justify.

Можно задать толщину линии: Size = толщина в пикселях

Можно управлять длиной линии: width = длина в пикселях,width = длина в процентах.

Можно выбрать цвет: color = "цвет

<A></a>

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

<A name = ">Произвольный текст</a>

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

<P>Переход к <A href = "#метка>метке</a></p>

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

Переход внутри одного документа

Для задания гипертекстового перехода внутри документа используют две команды <A>. Первая команда с атрибутом href является источником перехода, вторая с атрибутом name - приемником.

Для организации перехода внутри документа нужно:

Выбрать имя для метки.

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

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

Имя может заключаться в кавычки.

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

Запрограммировать переход по метке. В месте перехода нужно написать команду <A href=#метка>текст</A>.

Здесь: # - ключевой символ; метка - выбранное имя для метки; текст - запись, которая будет выглядеть на экране браузера как ссылка.

Установить тег с меткой в нужном месте HTML-программы.

Перед фрагментом HTML-программы, на который должен выполниться переход записать команду-метку <A name=метка></A>.

При этом: имя метки должно быть то же самое, что и в команде, задающей переход; на экране тег-метка <A name=метка> никаких изображений не строит.

Переход к другому документу

Для того чтобы браузер загрузил в свое окно новый HTML-документ, нужно записать в программе ссылку при помощи команды <A> с атрибутом href=имя_файла.

C: /BOOK/02/02. htm (абсолютная адресация)

. /02/02. htm (относительная адресация)

Правила синтаксиса

При использовании каждого элемента важно знать, какие элементы могут располагаться внутри него, и внутри каких элементов может находиться он сам. Так, взаимное расположение элементов HTML, HEAD, TITLE, BODY должно быть стандартным на любой странице, в тех случаях, когда не используются фреймы. Если страница представляет собой документ планировки фреймов, то вместо элемента BODY используется элемент FRAMESET.

Существуют группы элементов, которые используются совместно. К ним относятся элементы для создания таблиц, списков, фреймов. В этом случае порядок вложения элементов определяется логикой создания того или иного объекта на странице. Таблицы и фреймы часто используются для того, чтобы разместить детали страницы (рисунки, текст и др.) в определённом порядке. Например, располагая рисунок внутри ячейки таблицы, можно добиться определённого его положения.

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

Например, есть два абзаца (первый в зелёной рамке) и таблица:

<P style = "border: 3px solid green> Текст абзаца 1</p>

<P> Текст абзаца 2 </p>

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

Можно использовать другой код:

<P style = "border: 3px solid green ">Текст абзаца 1

<P> текст абзаца 2</p>

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

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

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

Некоторые элементы не имеют конечного тега. Элементу BR, обозначающему конец строки, не нужен конечный тег. Некоторые элементы могут использоваться с конечным тегом и без него. Элемент абзаца P может иметь конечный тег, но если тег не задан, то признаком окончания действия элемента служит следующий элемент, который может логически определить конец текущего абзаца: другой элемент P, элемент рисунка IMG, элемент списка UL, элемент таблицы TABLE и др.

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

Кодирование символов

Основным языком Интернета является английский язык. Но для гипертекстовых документов предусмотрено использование национальных алфавитов. Стандартным режимом отображения является кодировка ISO Latin 1 (ISO 8859-1). Она подходит как для MS-DOS (набор символов ASCCII), так и для Windows. В тоже время браузеры поддерживают набор символов Unicode 2.0 (ISO10646), что позволяет использовать национальные алфавиты. Это означает, что символы могут кодироваться однобайтовым числом (коды в пределах 0-255) или двухбайтовым (0-65 535). В первом случае для использования национального алфавита необходим атрибут charset, так как одни и те же коды символов могут быть интерпретированы по-разному для различных кодовых страниц.

Кириллица (Windows) и/или Кириллица (Кои8-Р) - это две наиболее популярные кодировки.

Использование символов

В HTML и в браузерах реализована возможность прорисовки символов по их кодам. Символы могут быть общепринятыми, нестандартными и используемыми в HTML в качестве служебных символов. Их называют спецсимволами. Первый способ ввода спецсимвола заключается в указании его кода. Например, латинскую букву А можно задать так: &#65. Для некоторых символов предусмотрена мнемоническая кодировка. Для отделения символа от последующего текста надо вводить точку с запятой.

Типы данных

Основным типом данных Web-страницы является текстовой тип. Существует много элементов, которые являются контейнерами для текста, или используются для форматирования текста. Числовые и мнемонические коды, обозначающие символы, предваряются знаком амперсанта &. Таким образом, амперсанд и угловые скобки могут быть введены в текст не на прямую, а только при помощи кодов. Текстовые данные, являющиеся значениями атрибутов, заключаются в прямые двойные кавычки. Числовые данные требуются только для указания значений атрибутов и записываются без кавычек. Гиперссылки обычно состоят из двух частей: текста подсказки и адреса, который определяет координату перехода. Текст подсказки или заменяющий его рисунок располагается внутри элемента А, а адрес задаётся при помощи атрибута href. Гиперссылка обычно выделяется на фоне текста цветом или подчёркиванием. Вид указателя мыши обязательно изменяется, когда он помещается над гиперссылкой.

Управление цветом

Кодирование цвета используется для раскрашивания шрифтов, горизонтальных линий и фона, других элементов страницы. Цвета обозначаются английскими названиями или числовыми шестнадцатеричными кодами. Существует несколько атрибутов, значениями которых являются параметры цвета. Самый простой способ определить цвет - написать название цвета на английском языке. Так, например, задаётся красный цвет шрифта в элементе FONT: Color = "red

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

Графика

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

Браузеры "хорошо" работают с двумя наиболее распространенными форматами графических формата GIF и JPG. Использование других графических файлов допускается, к примеру, png, flesh и т.п., но самыми распространенными являются первые два, поскольку они наиболее просты в использовании и применялись на "заре" создания web.

Формат GIF

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

Мультипликация. Используя анимационный GIF-редактор, легко собрать простой мультик: нарисовать отдельные кадры, настроить время задержки в последовательности показа, "зациклить кино" или показывать кадры только один раз. Когда анимация готова, она записывается на диск как обычный GIF-файл. Хотя в этом файле не одна, а целая серия GIF-картинок и разная настроечная информация.

В HTML нет различия между заданием вывода на экран простого GIF или анимированного. О том, что картинка "живая" - браузер узнает в момент загрузки GIF-файла (с диска или сети) и поступает соответственно. Обычные картинки он просто размещает на экране и "забывает" про них. Анимированные ему приходится опекать постоянно, меняя кадры на экране в соответствии с программой, заложенной в самом GIF.

Прозрачная графика. В GIF-формате один цвет можно объявить прозрачным. Это позволяет избавиться от строго прямоугольных иллюстраций и вписывать рисунок в документ более привлекательным образом. Прозрачный цвет задается в редакторе при записи GIF-файла на диск. Обычный GIF легко сделать прозрачным. Нужно просто загрузить его в GIF-редактор или PhotoShop и снова записать на диск, указав прозрачный цвет.

Чересстрочная развертка. Применяется для больших GIF. Иллюстрация разделяется на четыре части, размером с оригинальную картинку. Первая часть содержит 1, 5, 9,. строки исходного изображения. Вторая - 2, 6, 10,. Третья - 3, 7, 11,. Четвертая - 4, 8, 12,.

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

Формат JPG

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

Конечно, высокое качество отражается на размерах файла. Но формат JPG имеет одну особенность: в JPG-редакторе, при записи на диск, можно указать ту степень качества, которая нужна и, тем самым, балансируя на планке "качество-размер файла", достичь нужного компромисса. В самом деле, если из миллиона цветов отсканированной фотографии оставить только 10 000, заменив остальные цвета на близкие - на глаз такую подмену будет обнаружить практически невозможно, а размер файла существенно сократится.формат поддерживает режим, похожий на чересстрочную развертку GIF. Но в отличие от GIF, деление на части происходит не по строкам, а по алгоритму выделения из картинки полноформатных частей. При этом каждая следующая часть по качеству выше предыдущей. JPG в таком режиме называется прогрессивным.

Как программировать картинки

Картинку можно помещать в документ почти так же, как текстовый символ. Для вставки этого необычного знака нужно воспользоваться командой <IMG <file:///C:\Soft\HTML\add\tags\html32.htm>>. Команда не имеет парного закрывающего тега, но имеет много атрибутов.

Атрибут src = имя файла. Самым главным атрибутом команды является атрибут src, при помощи которого можно задать имя файла с картинкой. Например, команда <IMG src=img. gif> заставит браузер отобразить на экране графический файл img. gif из текущего каталога.

Атрибуты width = n и height = m. Эти атрибуты задают ширину и высоту (в пикселах <file:///C:\Soft\HTML\spravka\pixel.htm>) прямоугольника, в который выводится картинка.

Если атрибуты не заданы, картинка рисуется в естественных размерах.

Атрибут border = n

Атрибут позволяет задать рамку иллюстрации толщиной в n пикселов. Атрибут align. Этот атрибут позволяет определять положение иллюстрации по отношению к соседним элементам документа. Можно использовать следующие значения атрибута:=top вертикальное выравнивание по верхнему краю;=middle вертикальное выравнивание по центру;=bottom вертикальное выравнивание по нижнему краю;=left горизонтальное выравнивание по левому краю;=right горизонтальное выравнивание по правому краю.

Картинка как ссылка

Очень легко заставить работать картинку как гиперссылку. Достаточно вложить команду IMG внутрь команды A: <A href=переход><IMG src=файл></A>

Построение таблиц.

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

Что такое таблица

Она представляет собой прямоугольник, расчерченный на клетки. Вертикальные ряды клеток образуют столбцы, горизонтальные - строки. Каждая строка и столбец в таблице может иметь свой заголовок. Заголовки записываются в первой строке и первом столбце [14].

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

Как задать таблицу

Таблица задается командой <TABLE>. </TABLE>.

Внутри этих тэгов задаются строки командами <TR>. </TR>.

Наконец, внутри строк задаются клетки (ячейки) командами <TD>. </TD>.

Атрибуты команды TABLEleft, right Выравнивание по горизонталичисло или процент Ширина таблицычисло Расстояние между содержимым ячейки и рамкойчисло Расстояние между ячейками таблицыцвет Цвет фона таблицыфайл Фоновая картинкачисло Ширина линий рамкицвет Цвет линий рамкицвет Цвет рамки (снизу и справа)цвет Светлый цвет рамки (сверху и слева)

Атрибуты команды TR

HTML-таблица состоит из строк, каждая из которых задается командой <TR>описание ячеек табличной строки</TR>

Варьируя атрибутами команды TR, можно установить те или иные свойства одновременно для всех ячеек строки:left, center, right Выравнивание по горизонтали

valign top, center,bottom, baseline Выравнивание по вертикали

bgcolor цвет Цвет фонацвет Цвет линий рамкицвет Цвет рамки (снизу и справа)цвет Светлый цвет рамки (сверху и слева)

Атрибуты команды TD (TH)

Каждая табличная строка состоит из ячеек, которые последовательно описываются командами TD (обычная ячейка) и (или) TH (ячейка-заголовок):

<TH>описание содержимого ячейки</TH>

<TD>описание содержимого ячейки</TD>

Команды TD и TH имеют следующие атрибуты:

align left, center, right Выравнивание по горизонтали

valign top, center, bottom, baseline Выравнивание по вертикали

width число или процент Ширина ячейкицвет Цвет фонафайл Фоновая картинкацвет Цвет линий рамкицвет Цвет рамки (снизу и справа)цвет Светлый цвет рамки (сверху и слева)Выключение автоматического разрыва строкчисло Ширина большой ячейки (в столбцах)число Высота большой ячейки (в строках)

Таблицы стилей.

Уровни CSS. Впервые каскадные таблицы стилей CSS были реализованы в браузере Internet Explorer 3.0. Однако в то время развитие CSS находилось в зачаточном состоянии, поэтому правила составления стилевых шаблонов были весьма разрозненными. [15]

С момента своего возникновения структура CSS была несколько раз пересмотрена, в нее были добавлены новые элементы и убраны (видоизменены) старые. Существуют три уровня CSS, определяемых наличием завершенной редакции структуры. Это: CSS 1 (первый уровень структуры стилевых шаблонов), CSS 2 (второй уровень стилевых конструкций) и CSS 3 (третий уровень стилевого оформления электронных документов).

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

Способы определения таблиц стилей

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

Определение таблицы стилей (стилевого шаблона) возможно четырьмя способами:

ссылка на внешний файл. Если все стилевые шаблоны для конкретного HTML-документа разместить в одном текстовом файле (с расширением css), то с помощью специального тега <link> из текущего документа можно сделать ссылку на внешний CSS-файл стилевых шаблонов, например:

Браузер, анализируя HTML-код, обратится по указанному пути и, обнаружив указанный файл стилевого оформления, отобразит элементы страницы в соответствии с определенными правилами CSS.

Следует помнить, что конструкция указания пути к внешнему CSS-файлу должна находиться в пределах раздела head HTML-документа;

внедрение в документ. Под внедрением в документ подразумевается задание стилевой конструкции внутри самой HTML-страницы, например:

<! - { font-family: Arial, Helvetica; }{ background-color: ICECECE; }

</STYLE>

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

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

<Р ALIGN="justify" STYLE="color: 1000000; font-family: Verdana; "> Текст параграфа.

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

<TABLE>

<TR>

</TR>

</TABLE>

Описание классов должно строиться следующим способом (на примере внедрения стилевого шаблона в документ):

<! -

. header { font-weight: bold; color: gray; }

. text { color: black; font-size: llpx; }

</STYLE>

В данном случае текст табличной ячейки класса. header будет отображаться жирным начертанием и серым цветом, а ячейки класса. text - обычным начертанием, черным цветом и размером шрифта 11 пикселов;

импортирование. Импортирование стилевого шаблона CSS, по сути, аналогично указанию ссылки на внешний файл:

<! -

@import: url (style. ess);

</STYLE>

Все четыре способа определения стилевого шаблона CSS можно использовать одновременно в пределах одного HTML-документа (листинг 9.1). Такая возможность позволяет задавать основное правило CSS, к примеру, в виде внешнего файла шаблонов, а для исключительных или редких HTML-элементов - отдельные конструкции либо в теге <style>, либо в кодовых конструкциях самих тегов.

Запись шаблона CSS

Группировка и наследование

Любое правило таблицы стилей CSS состоит из селектора и определения шаблона. Селектор выступает в роли указателя стилевого правила для определенного HTML-элемента или внутреннего класса (идентификатора). Определение шаблона - это описание стилевых правил для обозначенных элементов HTML. Правила чередуются через точку с запятой и заключаются в фигурные скобки [16].

НЗ { color: blue; font-family: Tahoma, Verdana, Arial; }

В данном примере селектором является элемент заголовка НЗ, для шаблона которого следует такое определение: цвет - синий, шрифт - Tahoma, либо Verdana, либо Arial.

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

Сравнив запись вида:

Н3 { color: blue; }

Н3 { font-family: Tahoma, Verdana, Arial; }

Н3 { color: blue; font-family: Tahoma, Verdana, Arial; }

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

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

TD, ТН, Р, DIV {text-align: justify; color: gray: font-size: 10рх; }

Такая запись назначает единый стиль отображения текстовой информации для элементов ячейки таблицы (<то>, <тн>), а также параграфов (<p>) и блоков (<div>), а именно: выравнивания - по ширине, цвет - серый, размер шрифта - 10 пикселов.

Селекторы. В качестве селектора CSS могут выступать:

И элементы HTML. Переопределение стиля для конкретного элемента страницы:

BODY { color: orange; }

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

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

. red {color: red; }

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

<FONT CLASS="red">текст красным цветом</ FONT >

ИЛИ

Если мы дополним селектор класса наименованием конкретного HTML-элемента, то действие стилевого правила будет распространяться только на данный элемент:

HR. red {color: red; }

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

HR {text-align: justify; }

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

идентификаторы. Запись идентификатора начинается с символа # (диез) и заканчивается наименованием:

fblack { background-color: black; }

Например, присвоив данный идентификатор тегу то, мы получим ячейку таблицы, залитую черным цветом:

<TD color=<"black">Ячейка черного цвета</ТD>

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

В заключение необходимо обратить особое внимание на невозможность сочетания селекторов различных типов. Нельзя одновременно переопределить стиль для стандартного элемента HTML и для него же, но по конкретному классу/идентификатору. [18]

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

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

Согласно спецификации HTML и стандарту CSS, гиперссылка может принимать четыре состояния: непосещенная ссылка (link), посещенная ссылка (visited), активная ссылка (active) и ссылка при наведении курсора мыши (hover).

Первые три состояния (link, visited, active) обычно. Прописываются в теге <BODY> HTML-документа (уровень CSS 1). Четвертое состояние (hover) относится к уровню CSS 2 и подразумевает изменение цвета ссылки при наведении на нее курсора мыши пользователя (событие работает в браузерах Internet Explorer 4 и выше, Opera 5 и выше, Netscape 6 и выше, Mozilla 1.0; браузеры более ранних версий, а также некоторые не особенно распространенные браузеры не поддерживают состояние hover).

Эти состояния и будут являться псевдоклассами при записи правил отображения гиперссылок в стилевом шаблоне:

A: link { color: blue; }: active { text-decoration: underline; }: visited { color: gray; }: hover { color: orange; }

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

A: active. red { color: red; } A: hover. red { color: blue; } A: active. white { color: white; } A: hover. white { color: black; }

PHP язык скриптов сайтафайлы обычно представляют собой смесь HTML и РНР. Это не создает проблем, так как PHP-код всегда заключается внутри тегов <? php.? >, что позволяет серверу легко идентифицировать его. [19]

При использовании обычного HTML-кода все достаточно просто - web-сервер посылает текст страницы браузеру, который интерпретирует HTML-теги и отображает результат на экране. С РНР всё становится немного сложнее. PHP-код выполняется при помощи РНР, и если этот код формирует какой-либо текст для отображения, он вставляется на то место, где размещался РНР-код.

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

Листинг совместного использование РНР и HTML, phphtml. Php

<HTML>

<HEAD>

<TITLE>Использование HTML и РНР в одном файле</TITLE>

</HEAD>

<BODY>

<Hl>Использование HIML и РНР в одном файле </Н1>

<? php(); >

</BODY>

</HTML>

После тега <Н1> расположен PHP-код, который выполняется, а его результат - сформированная таблица с параметрами настройки РНР - размещается после заголовка.

Для того чтобы PHP-страница выглядела более строго, можно добавить один из логотипов, доступных для закачки по адресу www.php.net/down-load-logos, php. После загрузки логотипа (например, РНР. GIF) его можно использовать в коде при помощи тега <IMG>:

<HTML>

<HEAD>

<TITLE>

<H1>Использование HTML и РНР в одном файле</Н1>

<? php();

? >

</BODY>

</HTML>

Отправка e-mail

При помощи РНР можно достаточно просто отправлять электронную почту. Для того чтобы подключить эту функциональность, необходимо отредактировать в конфигурационном файле php. ini следующую секцию:

[mail function]

; For Win32 only.= localhost

; For Win32 only._from = [email protected]

; For Unix only. You may supply arguments as well (default:

" sendmail - 1 - i ").

; sendmail_path =

Для Windows следует вместо localhost указать адрес SMTP-сервера для отправки электронной почты, а в параметре sendmail_from - обратный адрес отправителя писем. Для Unix и Linux скорее всего дополнительная настройка не понадобится, но в случае проблем с отправкой почты следует присвоить параметру sendmailpath полный путь к команде sendmail, предварительно убрав с него знак комментария ";".

Для отправки электронной почты используется функция mail, синтаксис которой приведен ниже: mail (string to, string subject, string message [string additional_headers [,stringaddi tional_parameters]].

Эта функция отправляет письмо message с темой subject по адресу to. Кроме того, могут быть указаны дополнительные заголовки почтового сообщения, а также дополнительные параметры. Пример 9.7 содержит форму, в которой вводятся все данные, необходимые для формирования письма, а в листинге приведен скрипт-обработчик формы, который осуществляет собственно отправку корреспонденции. После заполнения производится отправка письма.

Форма для ввода e-mail, phpemail.html

<HTML>

<HEAD>

<TITLE> Отправка e-mail</TITLE>

</HEAD>

<BODY>

<Н1>0тправка e-mail</Hl>

Введите сообщение и нажмите OK: <BR>

Кому: <INPUT TYPE="text" NAME="to1IxBR>

Тема: <E4PUT TYPE="text" NAME="subject"><BR>

<TEOARE\ ШУ1Е= "message" COLS=0" R0WS="></TEXTAREA>

<BR>

</FORM>

</CENTER>

<BODY>

</HTML>

В листинге для отправки e-mail используется функция mail, описанная выше.

<HTML>

<HEAD>

<TITLE>Отправка e-mail</TITLE>

</HEAD>

<B0DY>

<Н1>Отправка e-mail</Hl>

<? php($_REQUEST ['to'], $_REQUEST ['subject'],

$_REQUEST ['message']);

? >

Письмо отправлено.

<BR>

</CENTER>

<B0DY>

</HTML>

mail с дополнительными заголовками

При помощи функции mail можно отправить письмо, содержащее различные дополнительные заголовки, например се: (carbon copy - твердая копия) или bee: (blind carbon copy - слепая копия). Оба этих заголовка используются для перечисления дополнительных получателей письма. Отличие в том, что заголовок bee: не виден на стороне адресата, и список тех, кому отправлено письмо при помощи него, неизвестен получателям письма (в том числе и тем, кто перечислен в этом заголовке). Для задания дополнительных заголовков при вызове функции mail используется необязательный аргумент additional headers: mail (string to, string subject, string message [string additional_headers [string additional_parameters}]).

Следует обратить внимание на то, что для разделения строк заголовка должны использоваться символы \r\n (хотя в Unix для обозначения конца строки традиционно используется только символ \n). Листинг демонстрирует расширенную форму для отправки письма и отличается тем, что в нем присутствуют поля для дополнительных заголовков. [20]

Форма для ввода e-mail с дополнительными заголовками, hpemailheaders.html

Отправка e-mail по нескольким адресам

</TITLE>

</HEAD>

<BODY>

<Н1>0тправка e-mail по нескольким адресам </Н1>

Введите сообщение и нажмите OK: <BR>

Кому: <INPUT TYPE="text" NAME="to"><BR>: <INPUT TYPE="text" NAME="CG"><BR>: <INPUT TYPE="text" NAME="bcc"><BR>

Тема: <INPUT TYPE="text" NAME="subject"><BR>

<TEXTAREANAME= "message" COLS=_0" R0WS=" 5 "x/TEXTAREA>

<BR>

</FORM>

</CENTER>

<BODY>

</HTML>

В листинге при заполнении полей формы сс и be с формируется строка заголовка, которая передается как параметр функции mail. Для проверки наличия данных в поле используется функция isset.

Листинг отправки по нескольким адресатам, phpemailheaders. Php

<HTML>

<HEAD>

<TITLE>Отправка e-mail по нескольким адресам</TITLE>

</HEAD>

<BODY>

<Н1>0тправка e-mail по нескольким адресам </Н1>

<BR>

<? php

$headers = "";(isset ($_REQUEST ["cc"]))

{

$headers = "cc:". $_REQUEST ["cc"]. "\r\n";

}(isset ($_REQUEST ["bcc"]))

{

$headers = "bcc:". $_REQUEST ["bcc"]. "\r\n";

}($_REQUEST ['to'], $_REQUEST ['subject'],

$_REQUEST ['message'], $headers);

? >

Письмо отправлено.

</CENTER>

<BODY>

</HTML>

С вложенными файлами

При помощи РНР можно отправлять и письма с вложенными файлами, но для этого придется приложить чуть больше усилий. Допустим, требуется отправить файл image, jpg. Прежде всего, следует определить MIME-тип файла, в данном случае это image/ jp eg (если отправляемый файл будет иметь другой тип, следует указать корректный MIME-тип.):

$attachment = "image. jpg";

$attachment_MIME_type = "image/jpeg";

Далее следует прочитать файл и сохранить его содержимое в переменной:

$handle = fopen ($attachment, "rb ");

$data = fread ($handle, filesize ($attachment));

fclose ($handle);

Так как электронные письма передаются в семибитной кодировке, требуется преобразовать содержимое файла в кодировку base64 и указать в заголовке письма, что оно состоит из нескольких частей. Преобразование осуществляется при помощи функций chunksplit Hbase64_encode:

$boundary = " Multipart_Boundary ";

$headers = "\nMIME-Version: 1.0\n"

"Content-Type: multipart/mixed, \n".

" boundary=". $boundary. "";

$data = chunk_split (base64_encode ($data));

Скрипт демонстрирует отправку письма с вложенным файлом. Он может использоваться в качестве обработчика формы.

Листинг отправка e-mail с вложенным файлом, phpemailattachment. php

Отправка e-mail с вложенным файлом

</TITLE>

</HEAD>

<BODY>

<Н1>0тправка e-mail с вложенным файлом</Н1>

<? php

$to = $_REQUEST [' to '];

$subject = $_REQUEST ['subject'];

$message = $_REQUEST ['message'];

// При необходимости укажите другой файл и его тип

$attachment = "image. jpg";

$attachment_MIME_type = "image/jpeg";

$handle = fopen ($attachment, "rb");

$data = fread ($handle, filesize ($attachment));($handle);

$boundary = "Multipart_Boundary";

$headers = "\nMIME-Version: 1.0\n".

"Content-Type: multipart/mixed; \n".

" boundary=". $boundary. "";

$data = chunk_split (base64_encode ($data));

$text = "-". $boundary. "\n".

"Content-Type: text/plain\nContent-Transfer-Encoding:

bit\n\n".

$message. "\n\n-". $boundary. "\n".

"Content-Type:". $attachment_MTME_type. "; \n name=".

$attachment. "\nContent-Transfer-Encoding: base64\n\n".

$data. "\n\n-". $boundary. "-\n";

$result = mail ($to, $subject, $text, $headers);

if ($result)

{"Письмо отправлено. ";

}

{"Ошибка при отправке письма. ";

}

? >

</CENTER>

<BODY>

</HTML>

Открытие файла: fopen

Использование оператора: позволяет задать имя базового класса непосредственно, но зачастую требуется сослаться на метод непосредственного предка данного класса. Для этой цели в РНР предусмотрено ключевое слово parent, которое может быть использовано вместо имени базового класса. С его использованием вызов метода set_name выглядит следующим образом: parent:: set name ($text).

Возможность использования файлов для хранения данных является значительным преимуществом РНР, и в нем предусмотрен полный набор функция для работы с файлами. Наиболее важные из них описываются в оставшейся части данной главы. Начать их изучение следует с функции fopen, которая открывает заданный файл для чтения или записи. Синтаксис этой функции приведен ниже:(string filename, string mode [int use include path [resource, context]])

Здесь filename - имя открываемого файла, mode задает режим открытия файла (для чтения или записи), параметр use_include_path может быть установлен в значение 1 или TRUE для поиска файла по каталогам, указанным в параметре include_path конфигурационного файла php. ini. Необязательный параметр context задает контекст файла, который предназначен для дополнительной обработки потоков данных в файл и из файла (в данной книге контексты не рассматриваются).

Параметр mode, определяющий режим открытия и возможные операции с файлом, может принимать следующие значения:

'r'Файл открывается только для чтения.

'r+ 'Файл открывается для чтения и записи.

'w'Файл открывается только для записи. Если файл существует, он усекается до нулевой длины. Если файл не существует, он создается.

'w+'Файл открывается для чтения и записи. Если файл существует, он усекается до нулевой длины. Если файл не существует, он создается.

'а'Файл открывается только для записи, указатель файла

устанавливается на конец файла. Если файл не существует, он создается.

'а+'Файл открывается для чтения и записи, указатель файла

устанавливается на конец файла. Если файл не существует, он создается.

'х'Файл создается и открывается для записи. Если файл уже

существует, функция fopen возвращает значение FALSE, свидетельствующее об ошибке.

'х+'Файл создается и открывается для чтения и записи. Если файл уже существует, функция fopen возвращает значение FALSE, свидетельствующее об ошибке.

Следует иметь в виду, что в различных операционных системах действуют различные соглашения по обозначению конца строки в текстовых файлах. При записи в текстовый файл следует соответствующим образом корректировать символы конца строки в соответствии с той операционной системой, под которой выполняется скрипт. В Unix/Linux концом строки считается символ \n, в Windows - \r\n, а в Macintosh - \г. В РНР предусмотрена системная константа PHPEOL, которая хранит представление конца строки для текущей операционной системы.

При работе в Windows можно использовать флаг текстового режима обработки файла ('t'), который задает преобразование символа \n в \r\n при записи данных в файл (и, соответственно, выполнение обратного преобразования при чтении). Также можно использовать флаг двоичного режима обработки файла ('t'), при котором данные преобразовываться не будут. Для использования любого из этих флагов его надо просто дописать к строке mode, например 'wt'. Режим по умолчанию - текстовый или двоичный - зависит от используемой версии и модуля РНР, поэтому рекомендуется в любом случае задавать режим в явном виде.

При успешном открытии файла функция fopen возвращает дескриптор файла, который используется для дальнейшей работы с файлом. После открытия файла данные могут быть, например, считаны при помощи функции fread, которая описана несколько ниже.

Следующая строка открывает текстовый файл для записи:

Shandle = fopen ("/home/file. txt", "wt"); To же самое для двоичного режима работы: $handle = fopen ("/home/file. txt", "wb");

При работе под Windows следует экранировать все обратные слеши, как показано ниже (или использовать прямые слеши): $handle = fopen ("с: WdataWfile. txt", "r");

При работе с файлами можно не ограничиваться локальной файловой системой. Например, можно открыть файл, находящийся на web-сервере, указав его URL:

$handle = fopen ("#"justify">Как уже сказано выше, при открытии файла возвращается дескриптор, который используется всеми остальными функциями работы с файлами.

Чтение строк текста: fgets

Для чтения строки текста из файла используется функция fgets, ниже приведен ее синтаксис: fgets (resource handle [int_ length])

В качестве аргументов функции передаются дескриптор открытого файла и необязательный параметр length. Функция возвращает строку символов длиной до length-1. Считывание символов прекращается при достижении length-1 символа, при считывания конца строки (он также включается в возвращаемый результат) или при достижении конца файла, в зависимости оттого, что произойдет первым. Если параметр length не задан, то по умолчанию его значение принимается равным 1024 байт.

В примере рассматривается использование этой функции для чтения содержимого текстового файла. Например, существует файл file. txt следующего содержания: Это файл с текстом.

Требуется отобразить содержимое этого файла. После открытия файла он считывается построчно при помощи функции fgets. Для организации цикла используется оператор while и функция feof, которая возвращает значение TRUE при достижении конца файла:

<? php

$handle = fopen ("file. txt", "r"); (! feof ($handle)) {

}

? >

В теле цикла производится чтение строки текста при помощи fgets и ее отображение:

<? php

$handle = fopen ("file. txt", "r"); while (! feof ($handle))

{$text = fgets ($handle);$text, "<BR>"; }

? >

После завершения работы с файлом его следует закрыть при помощи функции fclose:

<HTML>

<HEAD>

<ТIТLЕ>

<? php

$handle = fopen ("file. txt", "r");(! feof ($handle))

{

$text = fgets ($handle); echo $text, "<BR>";

}($handle);

? >

</CENTER>

</BODY>

</HTML>

<HTML>

<HEAD>

<BODY>

<ТIТLЕ Чтение файла > </TITLE>

<H1>Чтение файла </Н1>

<? php

$handle = fopen ("file. txt", "r");(! feof ($handle))

{

$text = fgets ($handle); echo $text, "<BR>";

}($handle);

? >

</CENTER>

</BODY>

</HTML>

Чтение символов: fgetc

Зачастую требуется считать из файла не целую строку, а отдельный символ. Для этого предназначена функция fgetc. Ниже приведен пример демонстрирует использование этой функции для посимвольного чтения и отображения содержимого файла. Следует обратить внимание, что символ конца строки заменяется на тег <BR>.

Посимвольное чтение файла

<BODY>

<HEAD>

<TITLE>

<CENTER> <Hl> Посимвольное чтение файла</Н1>

<? php

$handle = fopen ("file, txt", "rb") while ($char = fgetc ($handle))

{($char == "\n")

{

$char = "<BR>";

}$char;

}($handle);

</CENTER>

</BODY>

</HTML>

Двоичное чтение файла: fread

Читать содержимое файла необязательно по строкам или символам. Данные из файла могут быть прочитаны в любом необходимом объеме при помощи функции fread. Функция fgets рассматривает файлы как текстовые, а функция fread рассматривает их как двоичные, не обрабатывая специальным образом, концы строк и не выполняя никаких других преобразований данных - файл считается простой последовательностью байт. Синтаксис функции fread приведен ниже: fread (resource handle, int length). [21]

Функция считывает до length байт из файла, заданного своим дескриптором handle. Чтение прекращается, если достигнут конец файла, или если считано заданное количество байт. В операционной системе Windows для использования функции fread файл должен быть открыт в двоичном режиме ('rb'). Так как добавление режима b не имеет негативного эффекта в других операционных системах, то имеет смысл использовать его всегда в целях совместимости:

<? php

$handle = fopen ("file. txt1', 'rb");

? >

При помощи fread можно считать весь файл целиком в одну строку. Для определения фактического размера файла используется функция file size:

<? php

$handle = fopen ("file. txt", " rb ");

$text = fread ($handle, filesize ("file. txt"));

? >

После выполнения этого кода файл будет считан в переменную $text. Если при выполнении возникнет какая-либо ошибка, то переменная будет содержать, пустую строку. Для преобразования символов концов строк в теги <BR> используется функция strreplace:

<? php

$handle = fopen ("file. txt", " rb ");

$text = fread ($handle, filesize ("file. txt"));

$br_text = str_replace ("\n", "<BR>", $text);

? >

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

Чтение файла при помощи fread

<HTML>

<HEAD>

<TITLE>

<BODY>

<CENTER> <H1>Чтение файла при помощи fread </Н1>

<? php

$handle = fopen ("file. txt", "rb");

$text = fread ($handle, filesize ("file. txt"));

$br_text = str_replace ("\n", "<BR>", $text);$br_text;($handle);

? >

</CENTER>

</BODY>

</HTML>

Чтение файла целиком: file_get_contents

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

Чтение содержимого файла при помощи file_get_contents

<HTML>

<HEAD>

<TITLE> Чтение содержимого файла при помощи file_get_contents</TITLE>

<CENTER> <H1>Чтение содержимого файла при помощи file_get_contents </Н1>

<? php

$text = filegetcontents ("file. txt");

$br_text = str_replace ("\n", "<BR>", $text)$br_text;

? >

</CENTER>

</BODY>

</HTML>

Синтаксический разбор файла: fscanf

Для облегчения считывания данных из файла он может быть отформатирован, например, при помощи табуляций, а для выборки отдельных элементов данных разумно применить функцию fscanf. Ее синтаксис представлен ниже:(resource handle, string format)

Аргументами функции являются дескриптор файла и формат, заданный в виде строки. Формат задается в том же виде, что и для функции sprintf. Например, пусть в файле tabs. txt хранятся имена и фамилии людей, разделенные символом табуляции:

George Washington Benjamin Franklin Thomas Jefferson Samuel Adams

Анализ подобного файла при помощи fscanf достаточно прост. Вначале файл следует открыть:

$handle = fopen ("tabs. txt", "rb");

В данном случае строка, задающая формат данных, будет следующей - " %s\t%s\n" (строка, символ табуляции, строка, символ конца строки). При помощи функции fscanf осуществляется считывания очередной строки из файла, а результат размещается в массиве $names:

<? php

$handle = fopen ("tabs. txt", "rb");($names = fscanf ($handle, "%s\t%s\n"))

{

}

? >

Выделение отдельных элементов из массива производится при помощи функции list:

<HTML>

<BODY>

<? php

$handle = fopen ("tabs. txt", "rb");($names = fscanf ($handle, "%s\t%s\n"))

{($firstname, Slastname) = Snames;

}

? >

<Hl> Чтение файла при помощи fscanf </Hl>

<? php

$handle = fopen ("tabs. txt", " rb"); while ($names = fscanf ($handle, "%s\t%s\n"J)

{($firstname, $lastname) = $names; echo $firstname, "", $lastname, "<BR>";

}($handle);? >

</CENTER>

</BODY>

</HTML>

Запись в файл: fwrite

Для записи данных в файл предназначена функция fwrite, которая имеет следующий синтаксис: fwrite (resource handle, string string [int length]). Функция осуществляет запись строки string в файл, заданный своим дескриптором handle. Если указан третий необязательный аргумент length, то запись завершается после вывода заданного количества байт (если до тех пор не встретится конец строки). Функция возвращает количество записанных байт или значение false в случае возникновения ошибки. В случае работы в операционной системе Windows (или в любой другой, в которой текстовые и двоичные файлы различаются) файл должен быть открыт в двоичном режиме. В данном случае в файл выводится несколько строчек текста. Для начала следует открыть файл в двоичном режиме при помощи функции fopen (если файл не существует, он будет автоматически создан): $handle = fopen ("text. txt", wb); После этого при помощи функции fwrite осуществляется вывод в файл текста, предварительно записанного в переменную $text. В случае возникновения ошибки выводится соответствующее сообщение.

Запись в файл при помощи fwrite

<BODY>

<HEAD>

<ТIТLЕ>

<Н1>Запись в файл при помощи fwrite </Н1>

<? php

$handle = fopen ("text. txt", "wb");

$text = "Просто\nстрока\nтекста. \n";

if (fwrite ($handle, $text) == FALSE)

{"Ошибка записи в файл 1 text. txt1. ";

}

{"Файл 'text. txt' успешно создан.

}($handle);

</CENTER>

</BODY>

</HTML>

Запись в файл при помощи fwrite

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

$handle = fopen ("text, txt", "ab");

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

Добавление к файлу при помощи fwrite

<HTML>

<BODY>

<HEAD>

<TITLE> Добавление к файлу при помощи fwrite</TITLE>

<Hl>Добавление к файлу при помощи fwrite </Н1>

<? php

$handle = fopen ("text. txt", "ab"); $text = "Это\nдобавленный\nтекст. \n"; if (fwrite ($handle, $text) = FALSE)

{"Ошибка записи в файл text. txt. ";

}

{'Текст добавлен к файлу text. txt. ";

}(Shandle);

? >

</CENTER>

</BODY>

</HTML>

При помощи стандартных средств операционной системы можно проверить, что сейчас файл text. txt содержит следующие строки: Просто строка текста. Это добавленный текст.

Запись файла целиком: fileput_contents

Для формирования файла необязательно открывать его, записывать данные и закрывать. Существует сокращенный способ (аналогично чтению файла целиком, рассмотренному выше) для выполнения этой операции - использование функции file_put_contents. Ее синтаксис приведен ниже: file_put_contents (string filename, string data [int flags [resource context]).

В параметре filename задается имя файла, в который будет производиться запись данных, data представляет собой текстовую строку для записи в файл. Необязательный параметр flags задает дополнительные режимы открытия файла, он может принимать значение fileuse include_path, file append или их сумму. Значение file_use_include_path задает поиск файла по каталогам, указанным в параметре include_path конфигурационного файла php. ini. Значение fileappend включает режим добавления к файлу (по умолчанию существующий файл будет перезаписан). Последний необязательный параметр context задает контекст файла, который предназначен для дополнительной обработки потоков данных в файл и из файла (в данной книге контексты не рассматриваются).

Эта функция осуществляет последовательное открытие файла (как fopen), запись в него (как fwrite) и закрытие (как fclose), при этом не требуется работать с дескриптором файла. В примере ниже приводится использование этой функции для формирования файла text. txt. В случае возникновения ошибки выводится соответствующее сообщение. Иначе выводится сообщение об успешной записи текста в файл.

Создание файла при помощи file_put_contents

<HTML>

<BODY>

<HEAD>

<TITLE>Создание файла при помощи file_put_contents</TITLE>

<H1>Создание файла при помощи file_put_contents </Н1>

<? php

$text = "Просто\nнемного\nтекста. \n";(file_put_contents ("text. txt", $text) = false)

{"Ошибка записи в файл text. txt. ";

}{"Текст записан в файл text. txt. "};

? >

</CENTER>

</BODY>

</HTML>

В результате выполнения этого примера файл text. txt содержит следующие строки: Просто немного текста.

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

2.2 Технология создания сайта и руководство пользователя

Сайт написан с помощью программ Macromedia Dreamweaver 8 (редактор кода html, php, css) [22] и Adobe Photoshop SC 8 (редактор графических файлов, таких как psd, jpg, gif и т.п.) [23]. Нужно отметить, что в свой среде эти редакторы являются наиболее популярными, что облегчает работу по их использованию, так как они широко известны и протестированы специалистами. Также использован инсталляционный пакет Denwer (Denwer3_Base_2008-01-13_a2.2.4_p5.2.4_m5.0.45_pma2.6.1 exe), для отладки кода написанного на php, mysql и perl [24]. Пакет Denwer является "http" сервером включающий в себя модули языков PHP, MySQL, PERL и в какой то степени являющийся "совмещенным" вариантом известных инсталляционных пакетов Apach [25], PHP MyAdmin [26].

Для эффективного использования сайта, прежде всего, необходимо знать его структуру и составляющие его элементы. Наш сайт состоит из страницы index. php, в которой находится основной код, написанный на языках программирования html и php с применение каскадных стилей css. Дополнительно имеется скрипт обработчик php mailme. php, который обрабатывает данные, переданные через форму раздела "Обратной связи" файла svyz. txt, находящийся в каталоге page. Здесь же находится файл каскадных стилей css придающий "внешний" вид страница сайт. Все три файла находятся в корневой директории сайта. Существуют еще две директории img в которой хранятся все изображения сайта и page где находятся все файлы страниц выводимых на сайте.

Как работает код страницы index. php? Участок кода php, при запросе пользователя к странице сайту проверяет наличие открытого файла в каталоге page отличной от meropriytia. txt, если да то подключает файл, указанный в запросе посетителя, если нет, то открывает на главной странице код из страницы meropriytia. txt.

Листинг 1 php кода index. php(! file_exists ("'meropriytia'/". $_GET ['r'].". txt"))

{

$_GET ['r'] = 'meropriytia';

}(empty ($_GET ['r']))

{

$_GET ['r'] = 'meropriytia';

}

Листинг 2 php кода index. php

<? PHP include ("page/". $_GET ['r'].". txt")? >

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

так между тегами <title></title> указывается заголовок, который будет выводиться в заголовке браузера; в тэге <meta Charset/> содержится указатель кодировки, в которой будет "читаться" страница; в тэге <meta name="KeyWords"/> указываются так называемые ключевые слова; в тэге <meta name="Author"/> указывается создатель страницы; найдя левый столбец, возможно, редактировать меню сайта, в правом столбце возможно добавление различных ссылок, баннеров и т.п.

Листинг 3 html кода index. php

<html>

<head>

<title>Сайт кафедры Иновационных технологий КСТУ г. Костаная</title>

</head>

<body>

<tr>

<td>

</td>

</tr>

</tr>

<td>

<tr><td background="img/butn. gif" height="28"><a href="? r=kafedra"><b>Кафедра</b></a></td></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=meropriytia"><b>Мероприятия</b></a></td></tr></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=sostav"><b>Преподаватели</b></a></td></tr></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=raspisanie"><b>Расписание занятий</b></a></td></tr></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=adres"><b>Адрес</b></a></td></tr></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=svyz"><b>Обратная связь</b></a></td></tr></tr>

</table></td>

</td>

<tr>

<td>

<? PHP include ("page/". $_GET ['r'].". txt")? ></td>

</tr>

</table>

</td>

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

Рисунок 1 Внешний вид главной страницы сайта

Форма обратной связи находится в директории page, файл svyz. txt. Если посетитель решил воспользоваться этим сервисом, то все данные, отправленные из этого файла, передаются обработчику php mailme. php. Здесь сначала проверяется существование обязательных полей формы, и если они существуют, то весь текст отправляет по указанному в скрипте адресу, иначе выводится просьба заполнить форму снова.

Листинг №4 php кода mailm. php

$GLOBALS;mailsend ($addr)

{

$txtmess=nl2br ($_POST ['txtmess']);

$headers="Content-type: text/html; charset=windows-1251\r\n";

mail ($addr,"Оставить сообщение::: kstu. kz",

"<b>ФИО: </b>". $_POST ['txtname']. "<BR>".

"<b>Почтовый адрес: </b>". $_POST ['txtadr']. "<BR>".

"<b>Место работы: </b>". $_POST ['txtwork']. "<BR>".

"<b>Обратный E-mail: </b> <a href='mailto:". $_POST ['txtmail']. "'>". $_POST ['txtmail']. "</a>". "<BR>".

"<b>Телефон: </b>". $_POST ['txtphone']. "<BR>".

"<b>Кому адресовано: </b>". $_POST ['selectmail']. "<BR>".

"<b>Форма ответа: </b>". $_POST ['fansw']. "<BR>".

"<b>Форма уведомления: </b>". $_POST ['fuved']. "<BR>".

"<b>Текст письма: </b>". $txtmess. "<BR>",$headers);

}(empty ($_POST ['selectmail']))

{

$mess="Не выбран адресат!";

}(empty ($_POST ['txtmess']))

{

$mess="Пустое сообщение!";

}(empty ($_POST ['txtname']) || empty ($_POST ['txtadr']) || empty ($_POST ['fansw']) || empty ($_POST ['fuved']))

{

$mess="Заполнены не все поля!";

}(empty ($mess))

{($_POST ['selectmail'] =='dekan')

{('kstu@mail. kz');

}

$fl=fopen ('mailme. txt','r');

$dat=fgets ($fl);($fl);

$dat=$dat+1;

$fl=fopen ('mailme. txt','w');($fl,$dat);($fl);

$mess="Спасибо! Ваш запрос был отправлен! Thank's! Your message has been sent!";

}$mess. "<BR><BR>";'<a href="/? r=svyz">"" Назад. Back. </a>';

? >{color: #336699;: #ffffff;family: Verdana, Tahoma, Arial, Times New Roman;

}

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

Листинг №5 css кода 001. css

body {

background-color: #336699;: #ffffff;family: Verdana, Tahoma, Arial, Times New Roman;

}: visited { color: #ffffff; font-size: 12px; }: link { text-decoration: underline; color: #ffffff; font-size: 12px; }: hover { text-decoration: none; color: #c1c1c1; font-size: 12px; }{margin: 0; padding: 0; font-size: 18px; color: #ffffff}

. datanews

{font-size: 11px; font-weight: bold}

. news

{font-size: 12px; color: #000000}

. black

{font-size: 10px; color: #000000; font-weight: bold}

. beg

{font-size: 12px; color: #ffffff; font-weight: bold}. black: visited { color: #727272; font-size: 11px; }. black: link { text-decoration: underline; color: #727272; font-size: 11px; }. black: hover { text-decoration: none; color: #000000; font-size: 11px; }. blue: visited { color: #0B3B79; font-size: 11px; }. blue: link { text-decoration: underline; color: #0B3B79; font-size: 11px; }. blue: hover { text-decoration: none; color: #000000; font-size: 11px; }. links: visited { color: #000000; font-size: 11px; }. links: link { text-decoration: underline; color: #000000; font-size: 11px; }. links: hover { text-decoration: none; color: #000000; font-size: 11px; }

В директории page находятся все файлы страниц контента сайта, на которые имеются ссылки. Директория содержит все изображения отображаемые на сайте. Редактирования контента сайта достаточно просто для создания страницы требуется создать файл с расширением txt и указать ссылку. Создание самой страницы возможно в простом редакторе html, к примеру, как здесь Dreamweaver 8. Все изображения, которые будут отображаться на страницах, для упорядоченности рекомендуется располагать в директории img. Соответственно если вы вставляете код рисунка на странице нужно указать полный или относительный путь к директории img.

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

3. Охрана труда на рабочем месте

Теоретическая часть

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

Пожароопасными свойствами обладают твердые вещества, расположенные в данном помещении, такие как столы, стулья, книжные стеллажи, компьютеры, провода, сетевые кабели и др. Из наиболее пожароопасных объектов можно выделить мебель: это - столы, шкафы (ДСП), двери (дерево+ДВП). Также имеется некоторое количество бумажных материалов, в том числе обоев. Кроме того, при возгорании помещения различная аппаратура из пластмассы (ЭВМ) может не только активно гореть, но и выделять ядовитые химические продукты сгорания. Дверные проемы и оконные рамы из дерева, а также предметы интерьера различного рода, в случае возгорания также будут способствовать распространению пламени. Еще один пожароопасный материал - линолеум. Он при пожаре выделяет вредные продукты горения.

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

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

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

Воздействие электромагнитного излучения.

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

Поражение электрическим током.

Все оборудование, установленное в рабочем помещении, работает от сети напряжением 220В. Следовательно, ЭВМ и периферийные устройства, которые использовались в процессе выполнения экспериментальной части работы, представляют опасность поражения человека-оператора электрическим током из-за: [28]

Нарушения целостности кабельной системы;

Короткого замыкания;

Повреждения корпуса оборудования;

Несоблюдения правил техники безопасности;

Опасные факторы пожара, которые воздействуют на людей:

Пламя и искры;

Повышение температуры окружающей среды;

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

Дым; Пониженная концентрация кислорода;

Воздействие на анализаторы человека:

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

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

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

Согласно НПБ по взрывопожарной и пожарной опасности помещение относится к категории В (пожароопасная), так как есть твердые горючие вещества.

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

Санитарно-гигиеническая характеристика помещения

Допустимые нормы температуры, относительной влажности и скорости движения воздуха согласно СанПиН "Гигиенические требования к микроклимату производственных помещений" в рабочей зоне аудитории для холодного и теплого времени года для категории 1а, к которой относятся виды работ, для серверной, т.е. работы с интенсивностью энергозатрат до 120 ккал/ч (до 139 Вт), производимые сидя и сопровождающиеся незначительным физическим напряжением.

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

Условия безопасности при проведении экспериментальной части работы. Электробезопасность Согласно СанПиН устанавливаются гигиенические требования к персональным электронно-вычислительным машинам и организации работы.

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

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

Требования к помещениям для работы с ПЭВМ.

Помещения для эксплуатации ПЭВМ должны имеют естественное и искусственное освещение. Оконные проемы оборудованы регулируемыми устройствами типа жалюзи из занавесей.

Требования к уровням шума и вибрации.

При выполнении основных или вспомогательных работ с использованием ПЭВМ уровни шума на рабочих местах не превышают предельно допустимых значений.

Шумящее оборудование (принтеры, серверы), уровни шума которых превышают нормативные, размещены вне аудитории.

Требования к освещению на рабочих местах, оборудованных ПЭВМ.

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

Расчет освещенности должен выполняться с учетом двух основных правил:

Для обеспечения требуемой контрастности между экраном дисплея и окружающей обстановкой уровень освещенности должен составлять 300-500 лк при использовании общего освещения.

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

Мониторы на рабочих местах ориентированы боковой стороной к световым проемам, чтобы естественный свет падал преимущественно слева. Искусственное освещение равномерное.

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

Работодатели несут ответственность за проведение оценки рабочего места с точки зрения проведения обучения. Необходимо проводить обучение по вышеизложенным требованиям. [30]

При размещении рабочих мест с ПЭВМ расстояние между рабочими столами с видеомониторами (в направлении тыла поверхности одного видеомонитора и экрана другого видеомонитора) должно быть не менее 2,0 м, а расстояние между боковыми поверхностями видеомониторов - не менее 1,2 м.

Рабочие места с ПЭВМ при выполнении творческой работы, требующей значительного умственного напряжения или высокой концентрации внимания, рекомендуется изолировать друг от друга перегородками высотой 1,5-2,0 м.

Экран видеомонитора должен находиться от глаз пользователя на расстоянии 600-700 мм, но не ближе 500 мм с учетом размеров алфавитно-цифровых знаков и символов.

Электробезопасность.

Для защиты людей от поражения электрическим током принимаются следующие меры электробезопасности:

недопустимо оголение токоведущих частей, приборов;

электропроводка внутренняя (в стенах), напряжение сети 220В, частота тока 50Гц;

все приборы и оборудование должны быть в исправном состоянии и иметь защитное заземление;

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

пол должен быть выполнен из нетоковедущих материалов (дерево, линолеум и т.п.);

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

к работе допускаются лица, прошедшие инструктаж по технике безопасности;

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

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

Пожарная безопасность и средства пожаротушения

В качестве пожаропредупреждения можно посоветовать применять соответствующее электрооборудование, соблюдать требования искробезопасности и т.д. К защите можно отнести следующее: применение пожарной сигнализации, средств пожаротушения, применение конструкций с заданными пределами огнестойкости, эвакуация людей, применение средств коллективной и индивидуальной защиты. Должны быть проведены в полном объеме и своевременно мероприятия по обучению правилам пожарной безопасности, разработаны нормы, регламенты, средства наглядной агитации, контроль. В помещении должно быть необходимое количество огнетушителей, объем которых должен позволять ликвидировать очаг пожара в помещении. Так как возникновение пожара в данном помещении возможно, скорее всего, из-за электрической неисправности, то можно порекомендовать углекислотные огнетушители, типа ОУ-5, которые применяются для тушения загорании различных веществ и материалов, а также электроустановок, находящихся под напряжением. [31]

Защита окружающей среды.

Никаких вредных выбросов и загрязненного воздуха в рабочем помещении не образуется. Поэтому защита окружающей среды сводится к соблюдению элементарных правил: Поддержание санитарно-гигиенического состояния рабочего места, то есть уборка мусора в специально отведенные для этого урны. Категорически запрещается выбрасывать мусор в окна, загрязняя тем самым территорию, прилежащую к НИ РХТУ; Регулярно должна проводиться влажная уборка помещения. Необходимо соблюдать чистоту и порядок в помещении.

Расчетная часть

Оценка уровня шума на рабочем месте

При проектировании рабочих мест в вычислительных центрах или конторских помещениях следует предварительно рассчитать эквивалентный уровень звука А на рабочих местах, если известны шумовые характеристики отдельных устройств [20].

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

Частотно-зависимые акустические параметры следует определять для среднеоктавной частоты 500 Гц.

Заключение

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

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

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

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

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

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

При этом были решены следующие частные задачи:

изучение истории развития интернета, интернет-технологий и создания web-сайтов;

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

изучение программного инструментария, применяемого для разработки и создания web-сайтов;

ознакомление с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительное следование им на практике;

выбрана стратегия разработки и создания Web-сайта;

определена структура Web-страниц и папок;

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

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

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

1. #"justify">. #"justify">. #"justify">. #"justify">. #"justify">. #"justify">. #"justify">. #"justify">. #"justify">. #"justify">. #"justify">. Основы современного программирования. Разработка гетерогенных систем в Интернет-ориентированной среде учеб. пособие для вузов, ВУЗ, Зыков С.В., Издательство: Горяч. Линия-Телеком, 2006, 443с, ISBN: 5-93517-13.html 4.0. - СПб.: БХВ-Петербург, 2003. - 672 с.: ил. ISBN 5-8206-0072-Х, Матросов А.В., Сергеев А.О., Чаунин М. П.

-3

.html, CSS, скрипты: практика создания сайтов. - СПб.: БХВ-Петербург, 2006. - 416 с: ил. ISBN 5-94157-698-6, Ломов А. Ю.

. Самоучитель HTML, CSS, скрипты: практика создания сайтов (+CD) Издательство: BHV, 2007-: 416, ISBN: 5-94157-698-6.

.html, скрипты и стили в подлиннике.2-е изд. доп. и перераб, Дунаев В. В, Издательство: BHV, 2008, 1024с, ISBN: 978-5-9775-0111-8.

. CSS: Рецепты программирования 2-е изд., Шмитт К., BHV 2007,592с, ISBN: 978-5-9775-0075-3

. CSS - каскадные таблицы стилей. Подробное руководство.3-е издание подробное руководство, 3-е изд., Автор: Мейер Э., Издательство: Символ, 2010, 576с, ISBN: 978-5-93286-107-3

. Web-сервер глазами хакера. - СПб.: БХВ-Петербург, 2007. - 288 с: ил.5-94157-913-6., Фленов М.

. РНР в примерах. Пер. с англ.352 с: ил. М.: ООО"Бином-Пресс", 2007 г., Хольцнер

. PHP: полезные приемы.2-е изд., перераб. и доп 2-е изд., перераб. и доп. Автор: Орлов А.А., Горяч. Линия-Телеком, 2006, 272с, ISBN: 5-93517-149-X

. Компьютерная графика для Интернета самоучитель, Молочков В.П., Издательство: Питер, 2004, 368с, ISBN: 5-94723-924-8

. Использование Adobe® Photoshop CS4 для Windows® и Mac OS, Официальное Руководство Корпорация Adobe Systems, 2008.

. #"justify">. Apache для профессионалов, Уэйнрайт П., Издательство: Лори, 2001, 473с, ISBN: 5-85582-137-4

. MySQL. Руководство администратора., пер. с англ. - М.: Издательский дом "Вильяме", 2005. - 624 с. - Парал. тит. англ., ISBN 5-8459-0805-1 (рус.)

. СНиП II - 4 - 79. Естественное и искусственное освещение. Нормы проектирования. - М.: Стройиздат, 1980.

. Безопасность жизнедеятельности: безопасность технологических процессов и производств. Кукин П.П., В.Л. Лапин М: высшая школа, 2004 г.

. Основы безопасности жизнедеятельности. Хван Т.А., Хван П.А. Ростов - на - Дону: "Феникс", 2000 г.

. Безопасность жизнедеятельности. Русак О.Н., Малаян К.Р., Занько Н.Г. СПб, 2002 г.

. Безопасность жизнедеятельности, Приходько Н.Г., Алматы, 2004 г.,

Охрана труда в торговле, общественном питании, пищевых производствах в малом бизнесе и быту. Фатыхов Д.Ф., Белехов А.Н. М: Академия, 2003 г.

Приложение

Листинг № 1 кода основной страницы

<? PHP(! file_exists ("page/". $_GET ['r'].". txt"))

{

$_GET ['r'] = 'meropriytia';

}(empty ($_GET ['r']))

{

$_GET ['r'] = 'meropriytia';

}

? >

<html>

<head>

<title>Сайт кафедры Иновационных технологий КСТУ г. Костаная</title>

</head>

<body>

</td>

</tr>

</tr>

<td>

<tr><td background="img/butn. gif" height="28"><a href="? r=kafedra"><b>Кафедра</b></a></td></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=meropriytia"><b>Мероприятия</b></a></td></tr></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=sostav"><b>Преподаватели</b></a></td></tr></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=raspisanie"><b>Расписание занятий</b></a></td></tr></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=adres"><b>Адрес</b></a></td></tr></tr>

<tr><td background="img/butn. gif" height="28"><a href="? r=svyz"><b>Обратная связь</b></a></td></tr></tr>

</table></td>

</td>

<tr>

<td>

<? PHP include ("page/". $_GET ['r'].". txt")? ></td>

</tr>

</table>

</td>

</td>

</tr>

</table>

</td>

</td></tr></table>

<br>

</body>

</html>

Листинг № 2 кода обработки отправки сообщения

$GLOBALS;mailsend ($addr)

{

$txtmess=nl2br ($_POST ['txtmess']);

$headers="Content-type: text/html; charset=windows-1251\r\n";

mail ($addr,"Оставить сообщение::: ksu. kz",

"<b>ФИО: </b>". $_POST ['txtname']. "<BR>".

"<b>Почтовый адрес: </b>". $_POST ['txtadr']. "<BR>".

"<b>Место работы: </b>". $_POST ['txtwork']. "<BR>".

"<b>Обратный E-mail: </b> <a href='mailto:". $_POST ['txtmail']. "'>". $_POST ['txtmail']. "</a>". "<BR>".

"<b>Телефон: </b>". $_POST ['txtphone']. "<BR>".

"<b>Кому адресовано: </b>". $_POST ['selectmail']. "<BR>".

"<b>Форма ответа: </b>". $_POST ['fansw']. "<BR>".

"<b>Форма уведомления: </b>". $_POST ['fuved']. "<BR>".

"<b>Текст письма: </b>". $txtmess. "<BR>",$headers);

}(empty ($_POST ['selectmail']))

{

$mess="Не выбран адресат!";

}(empty ($_POST ['txtmess']))

{

$mess="Пустое сообщение!";

}(empty ($_POST ['txtname']) || empty ($_POST ['txtadr']) || empty ($_POST ['fansw']) || empty ($_POST ['fuved']))

{

$mess="Заполнены не все поля!";

}(empty ($mess))

{($_POST ['selectmail'] =='abenov')

{('zhitikara@kostanay. kz');

}

$fl=fopen ('mailme. txt','r');

$dat=fgets ($fl);($fl);

$dat=$dat+1;

$fl=fopen ('mailme. txt','w');($fl,$dat);($fl);

$mess="Спасибо! Ваш запрос был отправлен! Thank's! Your message has been sent!";

}$mess. "<BR><BR>";'<a href="/? r=svyz">"" Назад. Back. </a>';

? >

Листинг № 3 таблицы стилей CSS

body {color: #336699;: #ffffff;family: Verdana, Tahoma, Arial, Times New Roman;

. datanews

{font-size: 11px; font-weight: bold}

. news

{font-size: 12px; color: #000000}

. black

{font-size: 10px; color: #000000; font-weight: bold}

. beg

Больше работ по теме:

Практика моделирования и оптимизации линейных систем в среде расширения MatLab Control System
Диплом
Приложение "Сетевой мониторинг"
Диплом
Применение беспроводных систем связи на примере стандарта DECT
Диплом
Применение жидкостных систем охлаждения для регулировки тепловых режимов персонального компьютера
Диплом
Применение информационных технологий для оптимизации поставок и продаж товара
Диплом

Предмет: Информационное обеспечение, программирование

Тип работы: Диплом

Новости образования

Российский государственный социальный университет реорганизует сеть своих филиалов
22 Июля 2016 16:26
Более 70 представителей крупных вузов АСЕАН подтвердили участие в форуме во Владивостоке
22 Июля 2016 12:51
Абызов: публикация первичных статсведений снизит бюрократическую нагрузку на школы
22 Июля 2016 11:53
В Чечне свыше 200 школьников сдали ЕГЭ с результатом свыше 90 баллов - министр
22 Июля 2016 05:36
Замглавы Минобрнауки РФ: задача сократить число людей с высшим образованием не стоит
21 Июля 2016 20:19

КОНТАКТНЫЙ EMAIL: [email protected]

Скачать Реферат

ПРОФЕССИОНАЛЬНАЯ ПОМОЩЬ СТУДЕНТАМ