Автор: Пользователь скрыл имя, 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. Техника безопасности при работе с персональным компьютером
Заключение
Литература
Приложение
Назначение
Программа предназначена для наглядности получения данных через всемирную паутину. Основными функциями сайта являются: получение информации и переход по гиперссылкам.
Условия выполнения программы
Программа будет выполняться при наличии программы Internet Explorer. Также необходим модем для выхода в Internet. Для обеспечения нормальной работы программы должна быть использована следующая конфигурация компьютера:
Выполнение программы
Для просмотра сайта «Игрушки» может использоваться файл «главная» на дискете, либо файл с таким же названием на жестком диске компьютера. Так же можно вызвать программу, открыв приложение Ace Html Pro v6.2 и среди представленного списка Web-страниц выбрать главная.
При открытии файла «Главная» появляется диалоговое окно Internet Explorer. В этом окне можно перейти на интересующую страницу щелкнув по соответствующим названиям.
На странице имеются функциональные копки, позволяющие перейти на другую страницу. Такими кнопками являются:
Кнопка «на главную»
При нажатии на кнопку «на главную» должен осуществляться переход со страницы, содержащей эту кнопку на главную страницу.
Сообщения оператору
В ходе выполнения программы никакие сообщения пользователю не выдаются, т.к. пользователь не может вводить информацию.
2.6.2. Руководство программиста
Назначение и условия применения программы
Программа предназначена
для наглядности получения
Для обеспечения нормальной работы программы должна быть использована следующая конфигурация компьютера:
Обращение к программе
Загрузки сайт можно с дискеты, жесткого диска, открыв файл с именем главная.html. С этой страницы при нажатии на кнопку мыши можно перейти на страницы с этих же страниц можно вернуться на главную.
Входные и выходные данные
Сайт предназначен для поиска информации т.к. техническим заданием определено, что пользователь не должен вносить какую-либо информацию в программу, которая бы повлекла порчу программы или потерю достоверности информации.
Сообщения
Программисту может выдавиться сообщение о невозможности отобразить станицу. Это может быть связанно с неправильным указанием адреса, на который ссылается страница, изображение.
3. Руководство технического обслуживания
Для обеспечения нормальной работы программы должна быть использована следующая конфигурация компьютера:
Заключение.
Сегодня, путешествуя по Internet, можно найти много очень хорошо выполненных сайтов, которые быстро загружаются, привлекательны на вид, имеют четко разграниченную по разделам информацию и удобные функции навигации. Такие сайты просто приглашают посетить их, расслабиться, задержаться на некоторое время, развлечься и узнать что-то новое.
Если кто-то задерживается на каком-либо сайте на длительное время и даже не осознаете этого, то, по всей видимости, такой сайт очень хорошо продуман.
Многие Web-мастера не тратят время на то, чтобы продумать информационный поток, а ограничиваются только размещением текста и изображений на странице. Хотя на многих сайтах можно встретить хвастливые уверения, что у них гораздо больше посетителей, чем у конкурентов, однако это не самый лучший индикатор качества исполнения. Лучшим показателем является время: если пользователи остаются на сайте достаточно долго для того, чтобы пройти по разным его уровням и разделам, то можно вправе быть уверенными в хорошо выполненной работе. С таким инструментом в руках, как Ace Html Pro v6.2, имеются практически все возможности для создания самого посещаемого сайта.
Литература:
Приложение 1.
<html>
<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Где найти хорошие</
<meta http-equiv="Page-Enter" content="revealTrans(Duration=
<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,
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.
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])
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*/
<div style="position: absolute; width: 169px; height: 151px; z-index: 1; left: -1px; top: 106px" id="layer1">
<img border="0" src="../моё/рисунки/
<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">История
<div style="position: absolute; width: 100px; height: 100px; z-index: 2; left: 168px; top: 103px" id="layer2">
<img border="0" src="../моё/рисунки/image1.
<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">Сделайте
</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 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> </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>
<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>
</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></
<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,/*
onmousedown="FP_swapImg(1,0,/*
<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:
to="419.25pt,18.75pt" strokecolor="#f9f pure"/><![endif]--><![if !vml]><span
style='mso-ignore:vglayout;
width:546px;height:2px'><img width=546 height=2 src="1.files/image001.gif"
v:shapes="_x0000_s1029"></
</div>
<div style="position: absolute; width: 349px; height: 275px; z-index: 2; left: 7px; top: 50px; background-color:#FFFFCC" id="layer25">
<ul>
<li>На сайте вы
найдёте различные фотографии&
<li>Ознакомитесь с
историей происхождения
<li>Какому производителю отдать предпочтение при покупке игрушек</li>
<li>Руководство по выбору </li>
<li>Какие игрушки нельзя покупать</li>
</ul>
<p> </div>
<div style="position: absolute; width: 107px; height: 110px; z-index: 3; left: 363px; top: 208px" id="layer26">
<img border="0" src="../моё/рисунки/
height="114"></div>
<div style="position: absolute; width: 106px; height: 108px; z-index: 4; left: 419px; top: 154px" id="layer27">
<img border="0" src="../моё/рисунки/
<div style="position: absolute; width: 99px; height: 109px; z-index: 4; left: 474px; top: 211px" id="layer28">
<img border="0" src="../моё/рисунки/
<p> </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">
</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>
</div>
</body>
</html>