Разработка Web- сайта “Элетронный магазин”

Автор работы: Пользователь скрыл имя, 07 Мая 2015 в 23:11, дипломная работа

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

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

Содержание работы

Аннотация…………………………….……………………………………………………… 3
Введение………………………………………………………………………………………..4
Постановка задачи……………………………………………………………………………5
Глава 1. Информационные технологии в Web
1.1. Актуальность систем электронной коммерции………………………………….6
1.2. Основные этапы создания сайта…………………………….………………………6
1.3. Правила Web дизайна……………………………………………………………….7
1.4. Браузеры……………………………………………………………………………….9
1.5. Влияние дисплеев на Web-дизайн………………………………………………….. 11
1.6. Представление графики на Web-страницах………………………………..… 14
1.7. Создание фиксированных и гибких Web-страниц………………………….. 17
1.8. Язык гипертекстовой разметки HTML……………………………………….... 19
Глава 2. Средства разработки Web приложения
2.1.Язык программирование PHP……………………………………......…...................…25
2.2.Возможности и преимущества PHP……………………………..….....……………….35
2.3.PHP и MySql – совместная работа………………………………..….....………………40
2.4.Проектирование базы данных на СУБД MySql Server..………….....………………...41
Глава3. Практическая реализация
3.1.Организация сайта “Компьютерной фирмы”……………….…….....………………..53
3.2.Жизненный цикл проекта…………..……………………………….....…....................58
Глава 4. Безопасность жизнедеятельности
4.1. Воздействие на организм человека вредных веществ содержащихся в воздухе в рабочей зоне…………………………………………………………...................................61
4.2. Основные требования безопасности к промышленному оборудовании..................63
Заключение…………………………………………………………………………………….66
Литература …………………………………………………………………………………….67
Листинг программы.................................................................................................................68

Файлы: 1 файл

теория.doc

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

 

 

 

 

 

 

 

 

 

 

 

 

Приложение 1

Листинг  программы:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

 

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">

<title></title>

 

  <link href="style.css" rel="stylesheet" type="text/css">

   <script type="text/JavaScript">

<!--

function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;

}

 

function MM_preloadImages() { //v3.0

  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

 

function MM_findObj(n, d) { //v4.01

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

  if(!x && d.getElementById) x=d.getElementById(n); return x;

}

 

function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

</script>

 

</head>

 

<body id="page4">

 

<table style="height:700px;">

<tr>

<td id="row1" align="center">

<table style="width:766px;">

<tr>

<td id="header">

<table>

<tr>

<td class="row1">

<table class="auto">

<tr>

<td class="c1"></td>

<td class="c2"><span class="date">8:00, 2010 Июнь 18</span></td>

<td class="c3"><span class="login">Комппьютерная фирма</span></td>

</tr>

</table>

</td>

</tr>

<tr>

<td class="row2">

<table class="auto">

<tr>

<td><a href="comp.htm"><img alt="" src="images/logo.jpg" style="margin: 35px 40px 0 64px;"></a></td>

<td><img alt="" src="images/slogan.jpg" style="margin:58px 0 0 0;"></td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td id="header_menu">

<table>

<tr>

<td class="c1"></td>

<td class="c2"><a href="comp.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r_1','','images/but_1_act.jpg',1)"><img alt="" src="images/but_1.jpg" name="r_1" width="95" height="66" border="0"></a><a href="index-1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r_2','','images/but_2_act.jpg',1)"><img alt="" src="images/but_2.jpg" name="r_2" width="95" height="66" border="0"></a><a href="index-2.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r_3','','images/but_3_act.jpg',1)"><img  alt="" src="images/but_3.jpg" name="r_3" width="95" height="66" border="0"></a><a href="index-3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r_4','','images/but_4_act.jpg',1)"><img  alt="" src="images/but_4_act.jpg" name="r_4" width="95" height="66" border="0"></a><a href="index-4.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r_5','','images/but_5_act.jpg',1)"><img alt=""  src="images/but_5.jpg" name="r_5" width="95" height="66" border="0"></a><a href="index-5.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r_6','','images/but_6_act.jpg',1)"><img  alt="" src="images/but_6.jpg" name="r_6" width="95" height="66" border="0"></a></td>

<td class="c3"></td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td id="row2" align="center">

<table style="width:766px;" align="center">

<tr>

<td id="content">

<table class="auto">

<tr>

<td class="col1">

<img class="title1" alt="" src="images/4_t1.gif">World Wide Web, или, что-то же самое Всемирная паутина,<br />

<strong>Mauris accumsan nulla vel diam.</strong>

 WWW составляет основную компоненту глобальной компьютерной сети Интернет. Зародившись еще в 60-е гг., Интернет долгое время использовалась лишь узким кругом специалистов для обмена информацией по электронной почте.<br />

<br />

<img class="img_indent" alt="" src="images/4_p1.jpg" align="left">

<strong>Текстовые гиперссылки </strong><br />

<img alt="" src="images/spacer.gif" width="1" height="4" /><br />

обычно выделяются цветом и подчеркиванием, хотя это необязательно. Гиперссылки позволяют пользователю немедленно перейти к нужному документу, независимо от места его физического расположения.<br />

<img alt="" src="images/spacer.gif" width="1" height="11" /><br />

<a class="link1" href="#">read more</a>

<div class="clear"></div>

<img alt="" src="images/spacer.gif" width="1" height="18" /><br />

<img class="img_indent" alt="" src="images/4_p2.jpg" align="left">

<strong>Financial saving program</strong><br />

<img alt="" src="images/spacer.gif" width="1" height="4" /><br />

Proin dictum elementum velit. Fusce euis- mod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit llentesque sed doquamongue fermentum<br />

<img alt="" src="images/spacer.gif" width="1" height="11" /><br />

<a class="link1" href="#">read more</a>

<div class="clear"></div>

</td>

  <td class="col2">

<img class="title2" alt="" src="images/4_t2.gif"><br />

<div class="scroll">

                             <div style="height:400px; ">

<span class="date_1">Автором языка HTML является Тим Бернерс-Ли </span><br />

<img alt="" src="images/spacer.gif" width="1" height="5" /><br />

<strong>(Tim Berners-Lee), выпускник Оксфордского университета,  </strong><br /> работавший в то время по контракту в Женеве, в Европейской лаборатории физики элементарных частиц (CERN, Conseil Europeen pour la Recherche Nucleaire) консультантом по программному обеспечению. CERN - достаточно большая организация, и потому, чтобы лучше ориентироваться в ее структуре, не хранить в памяти данные о большом количестве проектов, должностных лиц и пр., Тим Бернерс-Ли разработал для своего личного пользования программу Enquire, на основе которой через несколько лет для лаборатории было создано своего рода информационное пространство.<br />

<a class="link1" href="#">more</a><br />

<img alt="" src="images/spacer.gif" width="1" height="18" /><br />

<span class="date_1"> </span><br />

<img alt="" src="images/spacer.gif" width="1" height="5" /><br />

<strong> </strong>. <br />

<a class="link1" href="#">more</a><br />

                             </div>

     </div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="height:1px;"><img alt="" src="images/spacer.gif" width="1" height="1" /></td>

</tr>

<tr>

<td id="row3" align="center">

<table style="width:766px;" align="center">

<tr>

<td id="footer">

<table class="auto">

<tr>

<td class="c1"><div style="margin:21px 172px 0 60px;"><span class="date">GBS &copy; 2007</span> | <a href="index-6.html"> </a> | <a href="#">Terms Of Use</a></div></td>

<td class="c2"><div style="margin:22px 51px 21px 38px;"><img alt="" src="images/phone.jpg"></div></td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

 

</body>

</html>

 

 

 

 

 


Информация о работе Разработка Web- сайта “Элетронный магазин”