Сайт типографии

ustify">     <a href="kal2.html" title="Календарь-домик настольный">Календарь-домик настольный</a><br>            <a href="kal3.html" title="Календарь квартальный">Календарь квартальный</a><br>

     <a href="kal4.html" title="Календарь настенный">Календарь  настенный</a>        <br>

     Кроме того, используются следующие параметры  CSS:

     background – параметр позволяет установить одновременно до пяти атрибутов стиля фона.

     background-color – устанавливает фоновый цвет  элемента.

     background-image:url(images/DSC00023.JPG) – устанавливает фоновое изображение  для элемента.

     На  главной странице с помощью языка  Java Script добавлен элемент календарь:

           <SCRIPT language=JavaScript>

     <!-- Begin

     monthnames = new Array("Январь", …,"Декабрь");

     var linkcount=0; function addlink(month, day, href) {

     var entry = new Array(3); entry[0] = month; entry[1] = day; entry[2] = href;

     this[linkcount++] = entry;}

     Array.prototype.addlink = addlink; linkdays = new Array();

monthdays = new Array(12);

     monthdays[0]=31; monthdays[1]=28;monthdays[2]=31; monthdays[3]=30;

     monthdays[4]=31; monthdays[5]=30; monthdays[6]=31; monthdays[7]=31;

     monthdays[8]=30; monthdays[9]=31;monthdays[10]=30; monthdays[11]=31;

     todayDate=new Date(); thisday=todayDate.getDay();

     thismonth=todayDate.getMonth(); thisdate=todayDate.getDate();

     thisyear=todayDate.getYear(); thisyear = thisyear % 100;

     thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));

     if (((thisyear % 4 == 0)  && !(thisyear % 100 == 0))

     ||(thisyear % 400 == 0)) monthdays[1]++; startspaces=thisdate;

     while (startspaces > 7) startspaces-=7; startspaces = thisday - startspaces;

     if (startspaces < 0) startspaces+=7;

     document.write("<table border=2 bgcolor=white ");

     document.write("bordercolor=black><font color=black>");

     document.write("<tr><td colspan=7><center><strong>"

     + monthnames[thismonth] + " " + thisyear

     + "</strong></center></font></td></tr>"); document.write("<tr>");

     document.write("<td align=center>Пн</td>");

     …………………………………………..

     document.write("<td align=center>Вс</td>");

     document.write("</tr>");document.write("<tr>");

     for (s=0;s<startspaces;s++)  document.write("<td> </td>");

     count=1; while (count <= monthdays[thismonth])

     for (b = startspaces;b<7;b++)  linktrue=false; document.write("<td>");

     for (c=0;c<linkdays.length;c++)  if (linkdays[c] != null)

     if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {

     document.write("<a href=\"" + linkdays[c][2] + "\">"); linktrue=true;

     if (count==thisdate) {

     document.write("<font color='FF0000'><strong>");

     if (count <= monthdays[thismonth]) document.write(count);

     else  document.write(" "); if (count==thisdate)

     document.write("</strong></font>");if (linktrue) document.write("</a>");

     document.write("</td>"); count++; document.write("</tr>");

     document.write("<tr>"); startspaces=0; document.write("</table></p>");

     </SCRIPT>

     Для защиты страниц от копирования, используется скрипт отключения правой кнопки мыши:

     <script language="Javascript1.2">

     <!--

     var mymessage = "Правая кнопка мыши отключена!!!";

     if (document.layers){

     document.captureEvents(Event.MOUSEDOWN);

     }

     function rtclickcheck(keyp){

     if (document.layers && keyp.which != 1) {

     alert(mymessage);

     return false;

     }if (document.all && event.button != 1) {

     alert(mymessage);

     return false;

     }}document.onmousedown = rtclickcheck

     </script>

       В проекте используется подключение  каскадной таблицы стилей:

     html, body, div, span, object, iframe,

     h1, h2, h3, h4, h5, h6, p, blockquote, pre,

     a, abbr, acronym, address, code,

     del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

     fieldset, form, label, legend,

     table, caption, tbody, tfoot, thead, tr, th, td {

           margin: 0;

           padding: 0;

           border: 0;

           font-weight: inherit;

           font-style: inherit;

           font-size: 100%;

           font-family: inherit;

           vertical-align: baseline;}

     Таким образом, с помощью языка разметки гипертекста HTML, использования языка Java Script и подключения каскадных таблиц стилей CSS я разработала удобный, информативный сайт для ОАО «Ковылкинская типография.

     Полный  листинг программы можно просмотреть  в приложении С.

 

      2.3 Анализ результатов решения задачи 

     В результате выполнения дипломного проекта на тему «Разработка сайта ОАО «Ковылкинская типография», был разработан сайт на основе HTML с использованием Java Script.

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

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

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

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

     Техническое задание – один из способов сделать процесс создания сайта более понятным и эффективным.

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

     Сайт  разработан на языке разметки гипертекста  HTML и отлажен в программе Adobe Dreamweavr CS5.

     Разработанный сайт содержит двадцать страниц, главное  меню содержит страницы –  «Главная», «О нас». «Заказчикам», «Контакты», подменю «Наша продукция» содержит страницы «Брошюры», «Буклеты», «Визитки», «Газеты», «Каталоги», «Календари» («Календарь карманный», «Календарь-домик  настольный, «Календарь квартальный», «Календарь настенный»), «Книги», «Листовки», «Плакаты, афиши, постеры», «Открытки и приглашения», «Сертификаты, дипломы, грамоты»,  «Флаеры».

     На  странице «Главная» размещена основная информация о деятельности предприятия.

     На  странице «О нас» размещена краткая  информации о предприятии.

     Страница  «Заказчикам» позволяет ознакомиться с требованиями, предъявляемыми к  материалам и заказам.

     Страница  «Контакты содержит контактную информацию: адрес, телефоны, факс.

     Подменю «Наша продукция» содержит ссылки на страницы о продукции, выпускаемой  в типографии.

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

 

2.4 Надежность программы  им защита от  несанкционированного  доступа 

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

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

     Один  из показателей надежности сайта  – система навигации сайта.

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

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

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

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

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

     Оценить надежность сайта можно ряду  критериев. Надежность сайта будет  тем выше, чем:

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

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