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

Автор: Пользователь скрыл имя, 31 Января 2013 в 11:57, курсовая работа

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

Для того чтобы создать Web – сайт при помощи FrontPage, нет необходимости учить HTML, языки скриптов или DHTML. FrontPage позволяет просто набрать текст, который можно поместить на Web –страницу, расположить в нужных местах рисунки, встроить звуковое оформление. Используя FrontPage, можно создавать эффекты, для которых обычно требуются скрипты или программы DHTML. Конечно, можно набирать коды HTML, скрипты или коды DHTML, однако при работе с FrontPage этого не требуется.
Цель моей курсовой работы заключается в том, чтобы научиться разрабатывать свой 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 Кб (Скачать)

Назначение 

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

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

Программа будет выполняться  при наличии программы 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">

<p><a href="6.htm">

<img border="0" src="рисунки/3.bmp" width="111" height="168"></a></div>

<p>

<img border="0" id="img1" src="button2E.jpg" height="20" width="100" alt="Текст кнопки" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'button2F.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'button2E.jpg')"

onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'button30.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'button2F.jpg')" fp-style="fp-btn: Jewel 1" fp-title="Текст кнопки"></p>

<div style="position: absolute; width: 580px; height: 332px; z-index: 18; left: 176px; top: 263px; background-color:#FFCCFF" id="layer23">

<!--[if gte vml 1]><v:line id="_x0000_s1029"

style='position:absolute;left:0;text-align:left;top:0;z-index:19' from="11.25pt,18.75pt"

to="419.25pt,18.75pt" strokecolor="#f9f pure"/><![endif]--><![if !vml]><span

style='mso-ignore:vglayout;position:absolute;z-index:19;left:190px;top:287px;

width:546px;height:2px'><img width=546 height=2 src="1.files/image001.gif"

v:shapes="_x0000_s1029"></span><![endif]><div style="position: absolute; width: 564px; height: 14px; z-index: 1; left: 5px; top: 17px" id="layer24">

&nbsp;</div>

<div style="position: absolute; width: 349px; height: 275px; z-index: 2; left: 7px; top: 50px; background-color:#FFFFCC" id="layer25">

<ul>

<li>На сайте вы  найдёте различные фотографии&nbsp; игрушек</li>

<li>Ознакомитесь с  историей происхождения игрушки</li>

<li>Какому производителю отдать предпочтение при покупке игрушек</li>

<li>Руководство по  выбору </li>

<li>Какие игрушки  нельзя покупать</li>

</ul>

<p>&nbsp;</div>

<div style="position: absolute; width: 107px; height: 110px; z-index: 3; left: 363px; top: 208px" id="layer26">

<img border="0" src="../моё/рисунки/ellipse46406338.gif" width="104"

 

 

height="114"></div>

<div style="position: absolute; width: 106px; height: 108px; z-index: 4; left: 419px; top: 154px" id="layer27">

<img border="0" src="../моё/рисунки/ellipse46406338.gif" width="106" height="112"></div>

<div style="position: absolute; width: 99px; height: 109px; z-index: 4; left: 474px; top: 211px" id="layer28">

<img border="0" src="../моё/рисунки/ellipse46406338.gif" width="106" height="112"></div>

<p>&nbsp;</div>

<div style="position: absolute; width: 595px; height: 38px; z-index: 16; left: 169px; top: 601px; border: 1px solid #C0C0C0; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #F2F2F2" id="layer21">

&nbsp;</div>

<div style="position: absolute; width: 237px; height: 535px; z-index: 15; left: 764px; top: 105px; border: 1px solid #C0C0C0; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; background-color: #F2F2F2" id="layer20">

<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 10px; top: 11px" id="layer30">

<a href="6.htm">

<img border="0" src="Новая%20папка/де.bmp" width="215" height="153"></a></div>

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

<a href="6.htm">

<img border="0" src="рисунки/1.bmp" width="216" height="279"></a></div>

&nbsp;</div>

</body>

</html>


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