Разработка сайта

Автор: Пользователь скрыл имя, 15 Марта 2012 в 03:16, дипломная работа

Описание работы

Цель моей курсовой работы заключается в том, чтобы научиться разрабатывать свой Web – сайт и создавать гиперссылки (hyperlinks).

Содержание

Введение
1. Основные понятия
1.1. Основы создания сайта
1.2. Постановка задачи
2. Разработка сайта
2.1. Анализ предметной области
2.2. Разработка структуры сайта
2.3. Разработка интерфейса сайта
2.4. Выбор среды программирования
2.5. Тестирование программы
2.5.2. Виды и методы тестирования
2.5.3. Процесс тестирования
2.6. Программная документация
2.6.1. Руководство оператора
2.6.2. Руководство программиста
3. Организация производства и эксплуатация
3.1. Структура вычислительного центра
3.2. Характеристика оператора
3.3. Мероприятия по поддержке работоспособности программы
4. Расчёт себестоимости
5. Мероприятия по технике безопасности и противопожарной технике
5.1. Общее положение о технике безопасности
5.2. Техника безопасности при работе с персональным компьютером
Заключение
Литература
Приложение

Работа содержит 1 файл

Разработка сайта.doc

— 195.00 Кб (Скачать)

3.           в процессе проверки орфографии были допущены ошибки. Изменения были внесены в окно текстового редактора и сохранены в этом же текстовом редакторе с тем же именем.

4.           для просмотра изменений снова вернулись в окно броузера и нажали «Обновить». Если снова обнаружились недочеты необходимо вернуться к пункту 3.

 

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

Работа гиперссылок:

1.           С главной страницы можно перейти на страницы:

             1. «История появления»

             2. «Производители»

             3. «Наша экспертиза»

              4. «Фотоальбом»

              5. «Вредные игрушки»

              6. «Руководство по выбору»

Работа ссылок:

1.           При нажатии на перечисленные выше ссылки можно перейти на интересующую страницу  со страницы «Главная».

2.6. Программная документация

3.1. Руководство оператора

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

Назначение

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

Условия выполнения программы

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

           центральный процессор класса Pentium III 433 МГц;

           объём оперативной памяти не менее 128 Mb (т.к. при меньшем объеме скорость загрузки страниц будет меньше);

           стандартный манипулятор «мышь»;

           стандартный SVGA монитор;

           операционная система типа Windows, 98, 2000, XP;

Выполнение программы

Для просмотра сайта «Игрушки» может использоваться файл «главная» на дискете, либо файл с таким же названием на жестком диске компьютера. Так же можно вызвать программу, открыв приложение Ace Html Pro v6.2 и среди представленного списка Web-страниц выбрать главная.

 

При открытии файла «Главная»  появляется диалоговое окно Internet Explorer. В этом окне можно перейти на интересующую страницу щелкнув по соответствующим названиям.

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

           кнопка «на главную» (позволяет, перейти на страницу с именем главная);

         Кнопка «на главную»

При нажатии на кнопку «на главную» должен осуществляться переход со страницы, содержащей эту кнопку на главную страницу.

Сообщения оператору

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2.6.2. Руководство программиста

Назначение и условия применения программы

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

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

           центральный процессор класса Pentium III 433 МГц;

           объём оперативной памяти не менее 128 Mb;

           стандартный манипулятор «мышь»;

           стандартный SVGA монитор;

           программа Internet Explorer;

           операционная система типа Windows, 98, 2000, XP;

           модем.

Обращение к программе

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

Входные и выходные данные

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

Сообщения

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

 

 

 

3. Руководство технического обслуживания

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

           центральный процессор класса Pentium III 433 МГц;

           объём оперативной памяти не менее 128 Mb (т.к. при меньшем объеме скорость загрузки страниц будет меньше);

           стандартный манипулятор «мышь»;

           стандартный SVGA монитор;

           программа Internet Explorer;

           операционная система типа Windows, 98, 2000, XP;

           модем.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Заключение.

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

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

Многие Web-мастера не тратят время на то, чтобы продумать информационный поток, а ограничиваются только размещением текста и изображений на странице. Хотя на многих сайтах можно встретить хвастливые уверения, что у них гораздо больше посетителей, чем у конкурентов, однако это не самый лучший индикатор качества исполнения. Лучшим показателем является время: если пользователи остаются на сайте достаточно долго для того, чтобы пройти по разным его уровням и разделам, то можно вправе быть уверенными в хорошо выполненной работе. С таким инструментом в руках, как Ace Html Pro v6.2, имеются практически все возможности для создания самого посещаемого сайта.

 

 

 

 

 

 

 

 

 

 

 

 

Литература:

1)          Антипов Д. В. Соколов А. В. Internet как среда глобального общения - Москва 1996.

2)          Клименко С. Уразметов В. INTERNET - среда обитания информационного общества. Москва 1996.

3)          Хоникат Использование Internet 2-е изд. Издательство: К.: Диалектика

4)          Рассохин Д. и Лебедев А. World Wide Web - всемирная информационная паутина в сети Internet - Москва 1997.

5)          Перри Секреты World Wide Web Москва 1996.

6)          Нольден. Знакомьтесь: World Wide Web Москва 1996. Издательство: К.: BHV

7)          Ахметов Microsoft Internet Explorer 4.0 для всех Москва 1997. Издательство: М.: КомпьютерПресс

8)          HTML 4.0 – Сергеев А.О.: БХВ - Санкт- Петербург, 1999.

9)          Web-сайт своими руками - И. Шапошников: БХВ – Санкт-Петербург, 2000.

 

 

 

 

 

 

 

 

 

 

 

 

 

Приложение 1.

<html>

<head>

<meta http-equiv="Content-Language" content="ru">

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

<title>Где найти хорошие</title>

<meta http-equiv="Page-Enter" content="revealTrans(Duration=2.0,Transition=12)">

<link rel="File-List" href="1.files/filelist.xml">

<script language="JavaScript">

<!--

function FP_preloadImgs() {//v1.0

var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();

for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }

}

function FP_swapImg() {//v1.0

var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;

n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;

elm.$src=elm.src; elm.src=args[n+1]; } }

}

function FP_getObjectByID(id,o) {//v1.0

var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);

else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;

if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)

for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }

f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;

for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }

return null;

 

}

// -->

</script>

<!--[if !mso]>

<style>

v\:*         { behavior: url(#default#VML) }

o\:*         { behavior: url(#default#VML) }

.shape       { behavior: url(#default#VML) }

</style>

<![endif]--><!--[if gte mso 9]>

<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>

</xml><![endif]-->

</head>

<body onload="FP_preloadImgs(/*url*/'button2F.jpg', /*url*/'button30.jpg')">

<div style="position: absolute; width: 169px; height: 151px; z-index: 1; left: -1px; top: 106px" id="layer1">

              <img border="0" src="../моё/рисунки/rect39759060.gif" width="169" height="151"></div>

<div style="position: absolute; width: 100px; height: 39px; z-index: 7; left: 123px; top: 55px" id="layer9">

              <p align="center"><b><font face="Comic Sans MS" size="2" color="#808080">

              <a href="2.htm">История появления</a></font></b></div>

<div style="position: absolute; width: 100px; height: 100px; z-index: 2; left: 168px; top: 103px" id="layer2">

              <img border="0" src="../моё/рисунки/image1.jpg" width="597" height="154"></div>

<div style="border:1px solid #C0C0C0; position: absolute; width: 1001px; height: 102px; z-index: 3; left: 0px; top: 4px; background-color: #F2F2F2; padding-left:4px;

 

 

padding-right:4px; padding-top:1px; padding-bottom:1px" id="layer3">

<div style="position: absolute; width: 101px; height: 88px; z-index: 1; left: 828px; top: 8px" id="layer33">

              <a href="6.htm"><img border="0" src="рисунки/4.bmp" width="113" height="90"></a></div>

<div style="position: absolute; width: 100px; height: 92px; z-index: 2; left: 4px; top: 1px" id="layer34">

              <img border="0" src="рисунки/5.bmp" width="110" height="89"></div>

<div style="position: absolute; width: 575px; height: 40px; z-index: 3; left: 180px; top: 1px" id="layer35">

              <p align="center"><b><font face="Comic Sans MS" color="#D571D2" size="5">

              <a href="4.htm">Сделайте правильный выбор игрушки!</a></font></b></div>

&nbsp;</div>

<div style="border:1px ridge #C0C0C0; position: absolute; width: 701px; height: 49px; z-index: 4; left: 113px; top: 52px; background-color: #FFFFCC; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px" id="layer4">

              <div style="position: absolute; width: 88px; height: 45px; z-index: 2; left: 601px; top: 1px" id="layer29">

                            <p align="center"><b>

                            <font face="Comic Sans MS" size="2" color="#808080"><a href="3.htm">Наше

                            экспертиза</a></font></b></div>

              <div style="position: absolute; width: 131px; height: 49px; z-index: 1; left: 464px; top: 2px" id="layer5">

                            <p align="center"><b>

                            <font face="Comic Sans MS" color="#808080" size="2"><a href="7.htm">Вредные игрушки</a></font></b></div>

             

<p>&nbsp;</div>

<div style="position: absolute; width: 101px; height: 43px; z-index: 5; left: 239px; top: 54px" id="layer6">

              <b><font face="Comic Sans MS" size="2" color="#808080"><a href="5.htm">Производители</a></font></b></div>

<div style="position: absolute; width: 89px; height: 43px; z-index: 6; left: 362px; top: 56px" id="layer7">

              <div style="position: absolute; width: 169px; height: 379px; z-index: 1; left: -362px; top: 204px; border: 1px solid #C0C0C0; background-color: #F2F2F2" id="layer10">

<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 2px; top: 183px" id="layer32">

              <a href="6.htm">

              <img border="0" src="рисунки/2.bmp" width="154" height="156"></a></div>

&nbsp;</div>

              <p align="center"><b><font face="Comic Sans MS" size="2" color="#808080">

              <a href="4.htm">Руководство по выбору </a></font></b></div>

<div style="position: absolute; width: 98px; height: 39px; z-index: 8; left: 467px; top: 57px" id="layer8">

              <p align="center"><b><font face="Comic Sans MS" size="2" color="#808080">

              <a href="6.htm">Фотоальбом</a></font></b></div>

<div style="position: absolute; width: 111px; height: 168px; z-index: 9; left: 11px; top: 263px; background-color: #FFFFFF" id="layer11">

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