Создание сайта

Автор работы: Пользователь скрыл имя, 20 Августа 2013 в 18:04, реферат

Краткое описание

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

Вложенные файлы: 1 файл

Diplom.doc

— 2.79 Мб (Скачать файл)

Конструкция рабочего стула должна обеспечивать:

  • ширину и глубину поверхности сиденья не менее 400 мм;
  • поверхность сиденья с закругленным передним краем;
  • регулировку высоты поверхности сиденья в пределах 400 - 550 мм и углам наклона вперед до 15 град, и назад до 5 град.;
  • высоту опорной поверхности спинки 300 +-20 мм, ширину - не менее 380 мм и радиус кривизны горизонтальной плоскости - 400 мм;
  • угол наклона спинки в вертикальной плоскости в пределах +/- 30 градусов;
  • регулировку расстояния спинки от переднего края сиденья в пределах 260 - 400 мм;

-стационарные или съемные подлокотники длиной не менее 250 мм и шириной - 50 - 70 мм;

  • регулировку подлокотников по высоте над сиденьем в пределах 230 +/- 30 мм и внутреннего расстояния между подлокотниками в пределах 350- 500 мм.

Рабочее место пользователя ПЭВМ (рисунки 17, 18) следует оборудовать подставкой для ног, имеющей ширину не менее 300 мм, глубину не менее 400 мм, регулировку по высоте в пределах до 150 мм и по углу наклона опорной поверхности подставки до 20 град. Поверхность подставки должна быть рифленой и иметь по переднему краю бортик высотой 10 мм.

 

 

Рисунок 17 – Рабочее место (вид сбоку)

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

 

 

 

Рисунок 18 – Рабочее место (вид сверху)

 

Дисплей компьютера следует располагать в вертикальной плоскости под углом ±15° от нормальной линии взгляда и в горизонтальной плоскости под углом ±15° от глаз человека.

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

Нормами для данных работ установлена необходимая освещенность рабочего места ЕН=300 лк (для работ высокой точности, когда наименьший размер объекта различения равен 0.3 - 0.5 мм).

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

Кроме того, необходимо в течение 8-ми часового рабочего дня предусмотреть один часовой перерыв на обед, 5-ти минутные перерывы каждые полчаса и 15-ти минутные перерывы каждые 1.5 - 2 часа. Работу необходимо организовать таким образом, чтобы наиболее сложные задачи решались с 11:00 до 16:00 - в период наибольшей активности человека, а не в начале дня, когда оператор еще не достиг максимальной активности, и не в конце дня, когда уже развивается утомление.

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

 

 

 

Заключение

 

 

В процессе работы над дипломным проектом мной был разработан сайт для Парка культуры и отдыха имени М. Горького г. Ростова-на-Дону.

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

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

  • сбор необходимой информации для разработки сайта;
  • подбор программного обеспечения для создания дизайна;
  • рассмотрены технологии и средства создания web-сайтов;
  • написания HTML кода, а также JavaScript’ов;

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

Дальнейшая разработка и администрирование будет осуществляться также в содействии с сотрудниками администрации парка имени М. Горького г. Ростова-на-Дону.

Возможности и преимущества web-сайта:

  • удобно изложен и расположен материал;
  • на данном сайте можно найти последние новости парка;
  • имеется возможность отправки обращения к администрации парка.

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

Данный программный продукт можно использовать на базе Windows ХР, Windows Vista, Windows 7;

Использование материалов сайта парка имени М. Горького позволит:

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

 

 

 

Список литературы

 

 

1 СанПин 2.2.2/2.4.1 1340-96. Гигиенические требования к персональным электронно-вычислительным машинам и организации работы. – М.: Информационно издательский Центр Минздрава РФ, 2003.

2 ГОСТ 12.1.003-83. Шум. Общие требования безопасности. Государственный комитет по жилищной и строительной политике. – М.: ГПЦПП, 1997 год. – 71с.

3 ГОСТ 12.1.004-91. Пожарная безопасность. Общие требования. – М., 1992.

4 Джамса К., Кинг К., Андерсон Э. Эффективный самоучитель  по креативному Web-дизайну. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. Текст, графика, звук и анимация. – М, Спб, К.: ООО ДиаСофтЮП, 2005.

5 Карасева Э.В., Чумаченко И.Н. Рисование в PhotoshopCS. – М.: Издательство «НТ Пресс», 2004.

6 Кукина П.П. Безопасность  жизнедеятельности. Производственная  безопасность и охрана труда.  Учебник для вузов под ред.  – М.:Высшая школа, 2001.

7 Кухарчик А. PHP обучение на примерах. – Минск: Новое знание, 2004.

8 Мазуркевич А., Еловой Д. PHP настольная книга программиста. – Минск: Новое знание, 2003.

9 История развития HTML [Электронный ресурс]. – Режим доступа: http://ru.wikipedia.org/. – Загл. С экрана.

 

Приложение А

(обязательное)

 

 

 

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

 

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" lang="ru-RU">

<head>

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

<META NAME="keywords" CONTENT="">

<title>Парк имени М. Горького Ростов-на-Дону</title>

<link rel="profile" href="http://gmpg.org/xfn/11" />

<link rel="pingback" href="http://parkgorkogo.500mb.net/xmlrpc.php" />

<link rel="alternate" type="application/rss+xml" title="Парк имени М. Горького Ростов-на-Дону &raquo; Лента" href="http://parkgorkogo.500mb.net/?feed=rss2" />

<link rel="alternate" type="application/rss+xml" title="Парк имени М. Горького  Ростов-на-Дону &raquo; Лента комментариев" href="http://parkgorkogo.500mb.net/?feed=comments-rss2" />

<link rel='stylesheet' id='contact-form-7-css'  href='http://parkgorkogo.500mb.net/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.4' type='text/css' media='all' />

<link rel='stylesheet' id='gllrStylesheet-css'  href='http://parkgorkogo.500mb.net/wp-content/plugins/gallery-plugin/css/stylesheet.css?ver=3.5.1' type='text/css' media='all' />

<link rel='stylesheet' id='gllrFancyboxStylesheet-css'  href='http://parkgorkogo.500mb.net/wp-content/plugins/gallery-plugin/fancybox/jquery.fancybox-1.3.4.css?ver=3.5.1' type='text/css' media='all' />

<link rel='stylesheet' id='exp-reset-fonts-grids-css'  href='http://parkgorkogo.500mb.net/wp-content/themes/travel-blogger/css/reset-fonts-grids.css?ver=3.5.1' type='text/css' media='all' />

<link rel='stylesheet' id='exp-main-css'  href='http://parkgorkogo.500mb.net/wp-content/themes/travel-blogger/style.css?ver=3.5.1' type='text/css' media='all' />

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2'></script>

<script type='text/javascript' src='http://parkgorkogo.500mb.net/wp-content/plugins/jquery-drill-down-ipod-menu/js/jquery.cookie.js?ver=3.5.1'></script>

<script type='text/javascript' src='http://parkgorkogo.500mb.net/wp-content/plugins/jquery-drill-down-ipod-menu/js/jquery.dcdrilldown.1.2.js?ver=3.5.1'></script>

<script type='text/javascript' src='http://parkgorkogo.500mb.net/wp-content/plugins/gallery-plugin/fancybox/jquery.mousewheel-3.0.4.pack.js?ver=3.5.1'></script>

<script type='text/javascript' src='http://parkgorkogo.500mb.net/wp-content/plugins/gallery-plugin/fancybox/jquery.fancybox-1.3.4.pack.js?ver=3.5.1'></script>

<script type='text/javascript' src='http://maps.google.com/maps/api/js?sensor=false&#038;ver=3.5.1'></script>

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://parkgorkogo.500mb.net/xmlrpc.php?rsd" />

<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://parkgorkogo.500mb.net/wp-includes/wlwmanifest.xml" />

<meta name="generator" content="WordPress 3.5.1" />

<!-- Start ios -->

<script type="text/javascript">

(function($){

$(document).ready(function(){

$('#fancybox-overlay').css({

'width' : $(document).width()

}); 

}); 

})(jQuery);

</script>

<!-- End ios -->

 

<link rel="stylesheet" type="text/css" href="http://parkgorkogo.500mb.net/wp-content/plugins/jquery-drill-down-ipod-menu/css/dcdrilldown.css" media="screen" /><!-- wpSpoiler Code -->

        <script type="text/javascript">

            function wpSpoilerToggle(spoiler, link, showtext, hidetext) {

                if (spoiler.style.display != 'none') {

                    spoiler.style.display = 'none';

                    link.innerHTML = showtext;

                    link.className = 'spoiler_link_show';

                } else {

                    spoiler.style.display = 'block';

                    link.innerHTML = hidetext;

                    link.className = 'spoiler_link_hide';

                }

            }

          </script>

 

<style type="text/css">

.yui-t6 .yui-b, .yui-t3 .yui-b, .yui-t2 .yui-b { width: 19%; } .yui-t6 #yui-main{ margin-right:-20%; } .yui-t6 #yui-main .yui-b { margin-right:20%; } .yui-t3 #yui-main .yui-b, .yui-t2 #yui-main .yui-b { margin-left: 20%; } .yui-t3 #yui-main { margin-left:-20%; } .yui-t2 .sidebar { width: 24%; } .yui-t2 .main-content { width: 72%; } .entry-content img { max-width:730px; } #content .attachment img { max-width:720px; }

h1,h1.entry-title,h1.page-title {font-size:15px}

h2 {font-size:15px}

.widget-container h3 {font-size:15px}

#nav .menu {font-size:15px}

#site-info .footer-links {font-size:15px}

p.site-description,h2.site-description {font-size:15px}

body { font-family:Candara, Verdana, sans-serif}

a:link, a:visited, a:hover {color:#B58A00}

body, input, textarea {color:#384006}

#nav,#nav ul ul a {background-color:#698C00}

.author_photo {border-color:#698C00}

.feature_ft {background-color:#698C00}

.archive-meta {background:#698C00}

.footer-copy,.footer-copy a,.footer-copy {color:#FFFFFF}

#nav li:hover > a,#nav ul ul :hover > a {color:#FFFFFF}

#nav ul li.current_page_item > a, #nav ul li.current-menu-ancestor > a, #nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a {color:#F5C60A}

#nav a {color:#FFED94}

.logo a,.logo h1.site-title a {color:#FFFFFF}

.site-description {color:#EBEBEB}

h1.entry-title,.feature_panel h1 a {color:#505C09}

.archive-meta h1.page-title {color:#505C09}

.archive-meta {background-color:#FFED94}

.archive-meta p {color:#505C09}

.widget-area h3 {color:#505C09}

.widget-area h3 {background-color:#FFED94}

h2 a:link, h2 a:visited,.widget-area h2 a:link,.widget-area h2 a:visited {color:#B58A00}

.entry-content h1,.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {color:#505C09}

#site-disclaimer, #site-disclaimer a {color:#FFFFFF}

#site-info li:hover > a,#site-info ul ul :hover > a {color:#FFFFFF}

#site-info ul li.current_page_item > a, #site-info ul li.current-menu-ancestor > a, #site-info ul li.current-menu-item > a, #site-info ul li.current-menu-parent > a {color:#F5CC00}

#site-info .footer-links a {color:#FFF2A1}

#site-info {background-color:#698C00}

.entry-meta {border-bottom:none;} </style>

 

<style type="text/css">

        #header {

            background:transparent url(http://parkgorkogo.500mb.net/wp-content/uploads/2013/02/титл-копия.png);

height:130px;

width:975px;

        }

#header {cursor:pointer}    </style>

<style type="text/css">

body { background-color: #255926; background-image: url('http://parkgorkogo.500mb.net/wp-content/uploads/2013/02/Безимени-1.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; }

</style>

<!--[if IE]>

<style type="text/css">

  .clearfix, .third, .widget-container,.menu{

    zoom: 1;

    }

</style>

<![endif]-->

</head>

<body class="home blog custom-background custom">

<div id="doc4" class="yui-t3">

   <div id="hd">

    <div id="header">

     <div class="logo">

           </div><!-- .logo -->

    </div><!--#header-->

Информация о работе Создание сайта