Создание сайта на языке HTML

color: #1a9ad0; - Определяет цвет текста.}

.clr {clear: both;} - Отменяет обтекание элемента одновременно с правого и левого края.

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

HTML код:

<div class="search"><form>

<input class="form" type="text" placeholder="Фраза для поиска" />

<input class="submit" type="submit" value="" /></form></div>

CSS код:

.search {background: #fff; - Определяет цвет фона

float: right; - Выравнивает элемент по правому краю

border: solid 2px #1a9ad0; - Cвойство border позволяет одновременно установить толщину, стиль и цвет границы вокруг элемента.

margin: 5px 25px 0 0; - Устанавливает величину отступа от каждого края.

border-radius: 5px; - Устанавливает радиус скругления уголков рамки.}

search input {float: left; - Выравнивает элемент по левому краю.

margin: 0; - Устанавливает величину отступа от каждого края.}

search input.form {background: none;

line-height: 20px; - Устанавливает межстрочный интервал текста.

height: 20px; - Устанавливает высоту блочных или заменяемых элементов.

width: 200px; - Устанавливает ширину блочных или заменяемых элементов.

font-size: 10px; - Определяет размер шрифта.

color: #888888; - Определяет цвет текста.

padding: 0 5px; - Устанавливает значение полей вокруг содержимого элемента.}

search input.submit {height: 20px; - Устанавливает высоту блочных или заменяемых элементов.

width: 20px; - Устанавливает ширину блочных или заменяемых элементов.

margin-left: 5px; Устанавливает величину отступа от левого края}

Снизу по центру есть возможность перейти на следующую или на предыдущую страницу на сайте:

HTML код:

<div style="text-align:center">

<div class="navi">

<span>1</span>

<a href="index2.html">2</a>

<a href="index3.html">3</a></div></div>

CSS код:

.navi {display: inline-block; - Это значение генерирует блочный элемент, который обтекается другими элементами веб-страницы подобно встроенному элементу.

border-bottom: solid 2px #1a9ad0; - Свойство border позволяет одновременно установить толщину, стиль и цвет границы вокруг элемента.

padding: 0 5px 5px 5px; - Устанавливает значение полей вокруг содержимого элемента.

font-weight: bold; - Устанавливает насыщенность шрифта. bold -- полужирное начертание

overflow: hidden; - Отображается только область внутри элемента, остальное будет скрыто.}

.navi a, .navi span {float: left; - Выравнивает элемент по левому краю,

margin: 0 6px; - Устанавливает величину отступа от каждого края.}

.navi span {color: #1a9ad0;

text-decoration: underline; - Устанавливает подчеркнутый текст }

.navi a, .navi span.nav_ext {color: #1a9ad0; - Определяет цвет текста.}

.navi span.nav_ext {text-decoration: none; - Отменяет все эффекты, в том числе и подчеркивания у ссылок, которое задано по умолчанию. }



3. Экономическая часть

Проектирование данного "Wed-сайта" с точки зрения практического применения достаточно обоснованно т.к. даст возможность:

Ш ознакомления с новостями о мобильных устройтв;

Ш узнавать цены интересующих их устройств;

Ш читать полезные статьи;

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

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

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

3.1 Расчет себестоимости

Себестоимость представляет собой сумму текущих затрат на производство и реализацию продукта

Затраты определим по формуле:

З_атраты = З_пл+А_м+З_элект

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

А_м - амортизация техники в процессе эксплуатации, которая рассчитывается по формуле:

А_м^год = Ст.КТС x 0.25

где, в свою очередь, Ст.КТС - стоимость комплекса технических средств (стоимость компьютера), а 0.25 - норма амортизации для компьютерной техники.

З_элект - затраты на электроэнергию, которые складываются из стоимости энергии, потребляемой компьютером и затрат на освещение.

Итак, определим тарифную ставку веб разработчика 2500 сум в час и будем считать, что он работал над сайтом в течение 25 дней по 6 ч. каждый день. Веб разработчик затратил 25 дней x 6 ч = 150 ч.

З_пл = 2500сум/час x 150часов = 375 000сум.

А_м = 1 800 000сум. x 0.25 x 0.25 = 112 500сум.

З_элект = {(400Вт*ч + 100Вт*ч) x 150ч x 130сум }/1000 = 9750сум

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

З_атраты =375 000сум + 112 500сум + 9750сум = 497 250сум

Цена данного программного продукта будет равна его себестоимости.

3.2 Экономическая выгода

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

4. Нормы и требования охраны труда на рабочем месте оператора компьютерного набора

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

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

4.1 Требования безопасности во время эксплуатации ЭВМ

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

- проветрить рабочее помещение;

проверить:

- устойчивость положения оборудования на рабочем столе;

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

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

отрегулировать:

- освещенность на рабочем месте. При необходимости включить местное освещение;

- протереть поверхность экрана монитора, защитного фильтра (при его наличии) сухой мягкой тканевой салфеткой;

- убедиться в отсутствии отражений на экране монитора, встречного светового потока;

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

Запрещается приступать к работе при:

- выраженном дрожании изображения на мониторе;

- обнаружении неисправности оборудования;

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

- отсутствии или неисправности защитного заземления (зануления) оборудования.

4.2 Требования безопасности во время работы

Во время работы с ПК работник обязан:

- соблюдать требования охраны труда;

- содержать в порядке и чистоте свое рабочее место;

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

- соблюдать оптимальное расстояние от экрана монитора до глаз.

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

Оператору и пользователю ПК во время работы запрещается:

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

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

- переключать разъемы интерфейсных кабелей периферийных устройств

при включенном питании;

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

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

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

Продолжительность непрерывной работы с ПК без регламентированного перерыва не должна превышать 2 часов.

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

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

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

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

4.3 Требования безопасности в аварийных ситуациях

Оператор и пользователь ПК обязан:

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

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

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

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

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

4.4 Требования безопасности после окончания работы

После окончания работ оператор и пользователь ПК обязан:

- корректно закрыть все активные задачи;

- при наличии дискеты в дисководе извлечь ее;

- выключить питание системного блока;

- выключить питание всех периферийных устройств;

- отключить блок бесперебойного питания;

- отключить питающий кабель от сети;

- осмотреть и привести в порядок рабочее место;

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

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

Заключение

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

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

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



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

1. Пауэлл Т.А. Полное руководство по HTML.- Мн.: Попурри, - 2001. - 912с.

2. Нильсен Я. Web-дизайн.- СПб.: Символ-Плюс, - 2000. - 512с.

3. Кирсанов Д. Web-дизайн.- СПб.: Символ-Плюс, - 2000. - 376с

4. Шафран Э. Создание Web-страниц.- СПб.: Питер, - 2001. - 320с

5. Холмогоров В. Основы Web-мастерства. - СПб.: Питер, 2001. - 352с

6. Web-сайт - htmlbook.ru

7. Web-сайт - css.manual.ru

8. Web-сайт - html.manual.ru

9. Web-сайт - www.w3schools.com/html/

10. Web-сайт - www.w3schools.com/css/

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