Создание Web-сайта для детской больницы

Следует упомянуть, что Google не в одиночку занимается подобной деятельностью. Например, над преобразованием голоса в текст работает компания VoiceSignal; чуть раньше уже упоминалось о V-ENABLE. Деятельность компании Promptu также связана с голосовым поиском в мобильных телефонах. AgileTV разрабатывает программное обеспечение распознавания речи, главным образом, для телепоиска. В настоящее время подобной деятельностью занимается и компания Microsoft.

Самым наглядным примером применения голосового поискового интерфейса могут служить мобильные устройства, например, сотовые телефоны. По прогнозам специалистов доля рынка мобильных телефонов увеличится к 2008 г. до $11 млрд. Игра стоит свеч, и Google не может отказаться от участия в ней. Только представьте, как счастливы будут рекламодатели, получив дополнительный рынок сбыта контекстной рекламы! В центре событий окажутся компании, занимающиеся беспроводными технологиями, включая мобильный поиск.

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

E-Mail рассылка. E-mail реклама - это рассылка электронных писем (E-mail) по электронным почтовым адресам фирм, организаций или частных лиц. Ни для кого не секрет, что сегодня за рубежом E - Mail реклама подходит к пику своей популярности, и никто не сомневается, что на этом пике он будет находиться достаточно долго. В России динамика развития E-mail рекламы в целом положительная, хотя темпы немного ниже зарубежных. Если несколько лет назад в основном только крупные кампании достаточно регулярно применяли E-mail рекламу в своей работе, то сейчас тенденция изменилась и e-mail рекламой активно пользуется малый и средний бизнес. Это вызвано тем, что электронный почтовый адрес (E-mail) уже имеют практически все организации независимо от их величины. Для примера: компания может разослать Вашу информацию, рекламные предложения, прайс-листы, сообщения и любую другую информацию по 60.000 электронным почтовым адресам организаций Москвы. Эффективность E-mail рекламы намного превышает эффективность обычной рекламы и может составить 100%. Если Вы еще не используете E-mail рекламу в своей компании, разрешите представить Вам ряд его преимуществ:

E - Mail реклама позволяет достичь желаемых секторов рынка, благодаря точным целевым коммуникациям (электронная почта); Обеспечивает более гибкие возможности для маркетинга; Повышает эффективность других видов маркетинга и рекламы; Является прекрасной альтернативой СМИ (по эффективности затрат). Отсутствие рекламы конкурентов - в отличие от СМИ, где Ваша реклама может затеряться среди рекламы конкурентов, Вы можете быть уверены, что Ваше предложение не останется незамеченным.

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

Обмен ссылками.

Как посетители приходят на Ваш сайт? Если Вы не веб-мастер www.yandex.ru или www.rambler.ru, то ответ простой: с других сайтов. Добиться хорошего положения в поисковых машинах и каталогах по силу не всем. На это действует ряд факторов, которые сильно сказываются на результатах. И многие выбирают более простой способ.

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

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

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

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

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

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

1. достижение первого места в выдаче поисковых систем по запросам, которые отвечают тематике ресурса;

2. реклама в сети и на других площадках (СМИ, выставки, наружная)

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

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

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

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

Виды ссылок: платные, взаимные, регистрация в каталогах:

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

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

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

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

использует ли компания подобный обмен (о чем может свидетельствовать наличие каталога ссылок на сайте)

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

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

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

Возникает ряд вопросов:

Как поисковая система ранжирует сайты по тематике? Например, поисковая система Yandex использует для тематического ранжирования разделы своего каталога, а Google и ряд других поисковых систем ориентируются на каталог DMOZ.

Как определить тематику обмена до включения сайта в каталог?

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

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

Какими преимуществами обладает взаимный обмен ссылками?

1. Повышение весовых характеристик сайта. Небольшой пример из опыта: сайт широкой тематики -- база оптовых поставок строительных материалов, электротехники, осуществляющая доставку грузов до заказчика железнодорожным и автомобильным транспортом. В процессе работы над сайтом обмен велся только с ресурсами строительной и электротехнической тематики и сайтами по грузоперевозкам. В результате, после размещения ресурса в каталог Яндекса ТИЦ сайта вырастает в 4 раза, он попадает на 15 место на первой странице своего тематического раздела, что позволяет получать в среднем по 15-20 целевых посетителей в сутки.

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

Возможен прирост трафика за счет переходов по ссылке.

Много споров вызывает рассмотрение ТИЦ как весового показателя. Является ли его рост хорошей тенденцией и что вообще это дает сайту?

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

3. Разработка Web-сайта для ГККП «Костанайской детской больницы»

В данном курсовом проекте была поставлена задача разработать программный продукт рекламный сайт ГККП "Костанайская городская детская больница".

Системные требования для работы системы; для компьютера-сервера - наличие IBM PC совместимого компьютера, с операционной системой Windows Xp, наличие сетевой карты в том случае.

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

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

3.1 Планирование структурирования сайта ГККП "Костанайская городская детская больница"

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

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

Идеальная структура сайта имеет один вход и один выход. Как это сделать, если наш сайт имеет множество страниц? В данном случае наш сайт будет иметь много входов и всего один выход. Посетитель заходя, на главную страницу нашего сайта, находит интересующую его информацию, под которой находится ссылка на страницу сайта, где ее можно найти. Таким образом посетитель продвигается от главной страницы во внутренним, что позволяет ему не пропустить ту информацию, которая будет ему интересна и полезна. Еще один важный момент при создании сайта - меню сайта должно полностью дублироваться на главной странице полным его описанием. Меню - это важный элемент навигации по сайту. Однако если посетитель зашел на наш сайт впервые, то первое, что бросается ему в глаза это информация, выложенная на главной странице. Не найдя интересующей информации, он вряд ли начнет ознакомляться с меню и уйдет на другой ресурс. Если же мы для каждого раздела меню создадим описание, в этом случае посетитель ознакомится с описанием и пройдет по ссылке на нужную страницу сайта. Таким образом, единственный выход с сайта у посетителя лежит через посещение как минимум двух страниц нашего сайта, что увеличивает значение счетчика наших посещений. Данная структура сайта строится по принципу «воронки».

Кроме принципа простоты структуры сайта необходимо также помнить о принципе целевой сегментации.

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

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

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

Наш сайт построен по принципу гибридная структуры (см. рис.9).

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

Рис. 9. Гибридная структура сайта

Рис. 10. Главное окно разрабатываемого сайта

3.2 Выбор языка программирования для создания сайта ГККП "Костанайская городская детская больница"

Для разработки сайта нами был выбран язык гипертекстовой разметки HTML.

Главных причин популярности HTML три. Вот они в порядке возрастания важности.

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

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

Многие авторы учебников даже стесняются называть HTML-тексты программами. Работу HTML-проектировщика они называют разметкой текста. На самом деле, в этом названии заключена методическая ошибка. Ведь оно (название) предполагает такой порядок работы: берется обычный текст и размечается, то есть, на него накладывается сетка из тегов так, чтобы браузер смог показать строчки текста на экране.

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

Переносимость.

Если, работая в Word'e, вы создаете документ для собственного потребления, у вас нет проблем. Нет проблем и тогда, когда вы посылаете свою работу в мир как печатную копию. Если же ваш партнер, издатель или коллега просит прислать электронную версию -- начинаются проблемы.

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

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

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

Но даже, если все эти условия выполнены, все равно мало шансов на то, что ваш товарищ увидит текст неискаженным (картинки вылезают из рамок, границы страниц плывут по тексту,...). Это происходит потому, что ваш Word и Word вашего партнера настроены по-разному.

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

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

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

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

HTML-документ - это гипертекст.

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

Первый этюд к гипертексту

Некоторое нарушение линейности обычной книги вносят сноски, ссылки на другие страницы и ссылки на другую литературу.

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

Второй этюд к гипертексту

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

Третий этюд к гипертексту

В век бурных компьютерных технологий как-то не хочется вручную копаться в большом словаре. Почему бы эту рутину не поручить "железному" другу с "мягкой" душой? Вгоним словарь в "железо" и настроим "душу". Щелкнул мышкой по нужному слову -- получил результат: нужный раздел книги на экране.

Последний этюд к гипертексту

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

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

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

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

Одним из главных доводов за построение сайта на языке гипертекстовой разметки был - простота структуры WEB-страницы

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

<HTML>

<HEAD>

<TITLE> Структура WEB-страницы </title>

<STYLE> H2 {font-family: Arbat;}CODE { font-family: Arial;} </style>

<META http-equiv. = ”Content-Type” content = “text/html; chariest = windows-1251">

<META name = “Author” content = “Pavel Trizno”>

<META name = “Keywords” content = “ HTML, document, element”>

</head>

<BODY bgcolor = #FFFFFF>

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

<A name = “top></a>

Переход к <A href = “#bottom”> конец </a> документа <P>

Здесь расположена <B> ссылка 1 </b><A name = “S001”></a>

<HR>

<P> Здесь должен располагаться оригинальный текст WEB-страницы

<HR>

<A name = “bottom”></a><P>

Переход в <A href = “#top”>начало</a> документа

</body>

</html>

Если рассмотреть исходные тексты различных WEB-страниц, то можно легко увидеть схожесть их структуры. Это объясняется тем, что документы создаются по определенным правилам. В основу синтаксиса языка HTML лег стандарт ISO 8879:1986 «Information processing. Text and office systems. Standard Generalized Markup Language (SGML)». Правда, существует большое различие между стандартом официальном и стандартом фактическим. 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 - данных:

Дата, обозначающая срок годности документа:

Name - “Expires” content = “Дата”

Адрес электронной почты:

Name = “Reply - to” content = “ Имя @ Адрес “

Имя автора Web-страницы:

Name = “Author” content = “ Имя автора”

Набор ключевых слов для поиска:

Name = “Keywords” content = “слово 1, слово 2, слово 3…”

Краткое описание содержания Web- страницы:

Name = “Description” content = “Содержание страницы”

Описание типа и характеристик Web - страницы:

Name = “Content - Type” content = “ Описание страницы”

Указание приложения, в котором была создана Web - страница:

Name = “Generator” content = “Название HTML - редактора”

Атрибут Name используется приложением - клиентом для получения дополнительной информации о Web - страницах и их упорядочения. Его часто заменяют атрибутом http - equiv. Он используется сервером для создания дополнительных полей при выполнении запроса.

Элемент META может содержать URL. Шаблон атрибута таков:

URL = “http: // адрес”

<BODY></body>

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

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

background = “Путь к файлу”

Более простое оформление фона сводится к заданию его цвета:

bgcolor = “#RRGGBB”

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

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

text = “#RRGGBB”

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

link = “#RRGGBB”

Точно так же можно задать цвет для просмотренных гиперссылок:

vlink = “#RRGGBB”

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

Alink = “#RRGGBB”

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

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

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

<H1><h1>

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

align = “left”

align = “center”

align = “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-страницы, которое можно разместить в начале и в конце документа.

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

Вы поняли, что:

гипертекстовые ссылки среди других элементов текста выделяются цветом и подчеркиванием;

мышиный курсор на ссылке меняет свою форму и превращается в указующий перст;

для перехода по ссылке необходимо щелкнуть по ней мышкой;

для возврата из ссылки необходимо использовать навигационную кнопку браузера "Назад" ("Back").

Если ссылки образуют вложенную цепочку, то кнопки "Назад" ("Back") и "Вперед"("Forward") можно использовать для движения по пройденному ссылочному пути в обе стороны. Они работают как традиционные операции "откатка" и "накатка" в большинстве прикладных программ.

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

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

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

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

Общий вид программы
... <A href=#метка>текст</A> ... ... <A name=метка></A> ...	Задание перехода по метке На экран выводится ссылка: текст Метка. Сюда браузер приходит по ссылке. На экране ничего не отображается.

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

<TABLE WIDTH="800px" ALIGN="Center" COLS="1" BORDER="0" CELLSPACING="0" CELLPADDING="0" BACKGROUND="fon/font_b.gif">

<TR>

<TD>

<A TITLE="(ИСТОРИЯ) История возникновения больницы." HREF="history.html"><IMG SRC="history_b.gif" HEIGHT="70" WIDTH="68" ALT="(ИСТОРИЯ) История возникновения больницы." BORDER="0"></A>

При нажатии на надпись «Смотреть здесь» (рисунок 11), появляется окно загрузки табличного файла (рисунок 12), затем сам файл (рисунок 13).

</p><a href="gos zakup 190209.xls"><b>Смотреть здесь</b> </a>

Рисунок 11. Пример просмотра ссылки



Рисунок 12. Пример загрузки файла

Рисунок 13. Загруженный файл

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

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

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

А что будет, если не послушаться этого совета?

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

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

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

Запрограммировать переход по метке.

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

Здесь:

# - ключевой символ;

метка - выбранное имя для метки;

текст - запись, которая будет выглядеть на экране браузера как ссылка.

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

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

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

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

Имена файлов с HTML-программами имеют расширение htm или html.

Без необходимости обозначение html лучше не использовать, так как не все операционные системы понимают 4 символа в расширении имени файла.

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

Если, например, многофайловый гипертекст имеет иерархическую структуру, старайтесь в обозначениях учитывать иерархию. Так, основной файл с оглавлением можно назвать 00.htm (или index.htm). Файл с первой главой - 01.htm и так далее (быть может до 99.htm). Когда главы имеют файлы-параграфы, их имена получаются из имени главы добавлением двузначного номера параграфа. Так же поступают и с файлами-пунктами параграфа.

Предлагаемая нотация позволяет по имени файла определить его принадлежность. Например, файл 0205.htm -- описывает построение пятого параграфа второй главы, а файл 111299.htm -- 99-ый пункт 12-ого параграфа 11-ой главы.

Если в теге <A> указано имя файла, браузер ищет файл в том же каталоге, в котором расположен файл со ссылкой. Когда необходимо сослаться на файл из другого каталога можно:

указывать в ссылке полный путь к файлу, начиная с имени дисковода;

указывать в ссылке путь по отношению к файлу со ссылкой.

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

Пусть, например, ваш гипертекст расположен в каталоге BOOK корневого каталога диска C. В самом каталоге BOOK расположен файл с оглавлением 00.htm. Остальные файлы помещены в подкаталоги 01, 02, 03, 04 в соответствии с принадлежностью к той или иной главе документа.

Как можно сослаться из файла 00.htm на файл 02.htm?

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

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

Первый способ приводит к непереносимости вашего продукта. Стоит вам перезаписать, например, каталог BOOK на диск D, как ссылки перестают работать.

Вторая запись предлагает браузеру ориентироваться на текущий каталог - об этом говорит указание "./". Можно перемещать каталог BOOK в любое место и даже переименовывать его - ссылки работать будут.

Относительная ссылка из файла 02.htm в файл 00.htm запишется так: ../00.htm. Символы "../" указывают на родительский каталог.

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

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

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

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

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

<TABLE>…</ table>

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

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

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

web сайт создание больница

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

<TABLE>…</table>

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

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

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

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

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

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

Еще одним важным элементом нашего сайта было построение таблиц.

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

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

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

Таким образом, по строкам, описывается вся структура таблицы.

Рассмотрим следующий пример.

Программа	Таблица на экране
<TABLE border=1> <TR> <!-- Первая строка --> <TD>(1,1)</TD> <!-- Первая ячейка --> <TD>(1,2)</TD> <!-- Вторая ячейка --> </TR> <TR> <!-- Вторая строка --> <TD>(2,1)</TD> <!-- Первая ячейка --> <TD>(2,2)</TD> <!-- Вторая ячейка --> </TR> <TR> <!-- Третья строка --> <TD>(3,1)</TD> <!-- Первая ячейка --> <TD>(3,2)</TD> <!-- Вторая ячейка --> </TR> </TABLE>

Просмотр WEB-страниц

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

В мире создано немало программ для просмотра HTML-документов: Mosaic, Cello, Global Network Navigator, Opera и др. Наиболее популярными браузерами, которые обеспечивают корректный просмотр гипертекста, являются Microsoft Internet Explorer и Netscape Communicator.

Microsoft Internet Explorer

Этот браузер фирмы Microsoft удобен первую очередь тем, что является полностью русифицированным. В данный момент наиболее распространены 4 и 5 версии этого браузера. Microsoft Internet Explorer (MSIE) настолько тесно интегрирована с Windows, что его трудно назвать автономной программой. Скорее, это один из компонентов операционной системы.

Работа с браузером может начинаться с подключения к Интернату или вестись автономно, если все необходимые файлы находятся на локальном диске (то есть, диске своего компьютера). В поле Адрес на панели инструментов указывается URL. Адрес предваряется кодом, который определяет, с какой подсистемой Интерната мы хотим работать. Например, если мы ищем сайт компании Microsoft, то адрес должен быть таким: http//microsoft.com.

Код http указывает на то, что программа должна работать с системой гипертекстовых документов и использовать соответственный протокол (HyperText Transfer Protocol). Но могут быть и другие варианты адреса. Например, адрес с кодом ftp указывает на архив файлов, доступных по FTP, код mailto обозначает адрес электронной почты, а код file - файл на собственном компьютере.

После указания URL браузер загружает данные из Интернета и демонстрирует гипертекстовой документ, находящийся по заданному адресу.

4. Оптимальные условия труда инженера-программиста, расчет освещенности, расчет вентиляции

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

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

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

- определение оптимальных условий труда инженера - программиста;

- расчет вентиляции;

- расчет освещенности;

4.1 Определение оптимальных условий труда инженера - программиста

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

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

- оптимальное размещение оборудования, входящего в состав рабочего места;

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

- необходимо естественное и искусственное освещение для выполнения поставленных задач;

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

- достаточная вентиляция рабочего места;

Главными элементами рабочего места программиста являются письменный стол и кресло. Основным рабочим положением является положение сидя.

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

При проектировании письменного стола следует учитывать следующее:

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

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

§ поверхность стола должна обладать свойствами, исключающими появление бликов в поле зрения программиста;

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

Высота рабочей поверхности рекомендуется в пределах 680-760 мм. Высота рабочей поверхности, на которую устанавливается клавиатура, должна быть 650 мм.

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

Положение экрана определяется:

- расстоянием считывания (0.60 + 0.10 м);

- углом считывания, направлением взгляда на 20 ниже горизонтали к центру экрана, причем экран перпендикулярен этому направлению.

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

- по высоте +3 см;

- по наклону от 10 до 20 относительно вертикали;

- в левом и правом направлениях

Зрительный комфорт подчиняется двум основным требованиям:

- четкости на экране, клавиатуре и в документах;

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

Большое значение также придается правильной рабочей позе пользователя. При неудобной рабочей позе могут появиться боли в мышцах, суставах и сухожилиях. Требования к рабочей позе пользователя видеотерминала следующие: шея не должна быть наклонена более чем на 20° (между осью "голова-шея" и осью туловища), плечи должны быть расслаблены, локти - находиться под углом 80? - 100? , а предплечья и кисти рук - в горизонтальном положении. Причина неправильной позы пользователей обусловлена следующими факторами: нет хорошей подставки для документов, клавиатура находится слишком высоко, а документы - слишком низко, некуда положить руки и кисти, недостаточно пространство для ног. В целях преодоления указанных недостатков даются общие рекомендации: лучше передвижная клавиатура, чем встроенная; должны быть предусмотрены специальные приспособления для регулирования высоты стола, клавиатуры, документов и экрана, а также подставка для рук.

Характеристики используемого рабочего места:

- высота рабочей поверхности стола 750 мм;

- высота пространства для ног 650 мм;

- высота сиденья над уровнем пола 450 мм;

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

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

- расстояние от глаза до экрана 700 мм;

- расстояние от глаза до клавиатуры 400 мм;

- расстояние от глаза до документов 500 мм;

- возможно регулирование экрана по высоте, по наклону, в левом и в правом направлениях;

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

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

4.2 Расчет освещенности

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

- недостаточность освещенности;

- чрезмерная освещенность;

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

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

...