Сделай Сам Свою Работу на 5

Исходный код страницы Главная





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" >

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<meta name="robots" content="index, follow" />

<meta name="keywords" content="joomla, Joomla" />

<meta name="description" content="Joomla! - the dynamic portal engine and content management system" />

<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />

<title>Главная страница</title>

<link href="/porshecenter/index.php?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />

<link href="/porshecenter/index.php?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />

<link href="/porshecenter/templates/untitled/favicon.ico" rel="shortcut icon" type="image/x-icon" />

<link rel="stylesheet" href="/porshecenter/plugins/content/joomslide/highslide/highslide.css" type="text/css" />

<script type="text/javascript" src="/porshecenter/media/system/js/mootools.js"></script>

<script type="text/javascript" src="/porshecenter/media/system/js/caption.js"></script>

<script type="text/javascript" src="/porshecenter/plugins/content/joomslide/highslide/highslide-with-gallery.packed.js"></script>

<script type="text/javascript">

hs.lang = {

loadingText : 'Загрузка...',

loadingTitle : 'Нажмите, чтобы отменить',



focusTitle : 'Нажмите, чтобы привлечь к передней',

fullExpandTitle : 'Развернуть фактического размера (F)',

fullExpandText : 'Полный размер',

creditsText : 'Powered by Highslide JS',

creditsTitle : 'Перейти на главную страницу Highslide JS',

previousText : 'Предыдущая',

previousTitle : 'Предыдущая (стрелка влево)',

nextText : 'Следующий',

nextTitle : 'Следующий (стрелка справа)',

moveTitle : 'Двигаться',

moveText : 'Двигаться',

closeText : 'Закрыть',

closeTitle : 'Закрыть (esc)',

resizeTitle : 'Изменение размера',

playText : 'Играть',

playTitle : 'Воспроизведение слайд-шоу (пробел)',

pauseText : 'Пауза',

pauseTitle : 'Пауза слайд-шоу (пробел)',

number : 'Образ %1 из %2',

restoreTitle : 'Нажмите, чтобы закрыть изображение, щелкните мышью и двигаться. Используйте клавиши со стрелками на следующий и предыдущий.'

};

hs.graphicsDir = '/porshecenter/plugins/content/joomslide/highslide/graphics/';

hs.align = 'center';

hs.anchor = 'auto';

hs.transitions = ['expand', 'crossfade'];

hs.transitionDuration = 500;

hs.expandDuration = 500;

hs.expandSteps = 20;

hs.restoreSteps = 20;

hs.dragSensitivity = 20;

hs.numberOfImagesToPreload = 0;

hs.outlineType = 'glossy-dark';

hs.enableKeyListener = false;

hs.dimmingOpacity = 0.75;

hs.dimmingDuration = 50;

hs.blockRightClick = true;

hs.numberPosition = "heading";

hs.fadeInOut = true;

hs.captionEval = 'title';



if (hs.addSlideshow) hs.addSlideshow({

interval: 5000,

repeat: 0,

useControls: 1,

fixedControls: 'fit',

overlayOptions: {

opacity: 0.75,

position: 'top center',

width: '220',

hideOnMouseOut: 1

}

});

</script>

<style type="text/css">

.highslide-dimming { background: black; }

</style>

 

<link rel="stylesheet" href="/porshecenter/templates/system/css/system.css" type="text/css" />

<link rel="stylesheet" href="/porshecenter/templates/system/css/general.css" type="text/css" />

<link rel="stylesheet" type="text/css" href="/porshecenter/templates/untitled/css/template.css" media="screen" />

<!--[if IE 6]><link rel="stylesheet" href="/porshecenter/templates/untitled/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->

<!--[if IE 7]><link rel="stylesheet" href="/porshecenter/templates/untitled/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->

<script type="text/javascript" src="/porshecenter/templates/untitled/jquery.js"></script>

<script type="text/javascript">jQuery.noConflict();</script>

<script type="text/javascript" src="/porshecenter/templates/untitled/script.js"></script>

</head>

<body>

<div id="art-page-background-glare">

<div id="art-page-background-glare-image">

<div id="art-main">

<div class="art-sheet">

<div class="art-sheet-tl"></div>

<div class="art-sheet-tr"></div>

<div class="art-sheet-bl"></div>

<div class="art-sheet-br"></div>

<div class="art-sheet-tc"></div>

<div class="art-sheet-bc"></div>

<div class="art-sheet-cl"></div>

<div class="art-sheet-cr"></div>

<div class="art-sheet-cc"></div>

<div class="art-sheet-body">

<div class="art-header">

<div class="art-header-center">

<div class="art-header-png"></div>

<div class="art-header-jpeg"></div>

</div>

<script type="text/javascript" src="/porshecenter/templates/untitled/swfobject.js"></script>

<div id="art-flash-area">

<div id="art-flash-container">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="992" height="150" id="art-flash-object">



<param name="movie" value="/porshecenter/templates/untitled/container.swf" />

<param name="quality" value="high" />

<param name="scale" value="default" />

<param name="wmode" value="transparent" />

<param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.50&amp;framerate1=30&amp;loop=true&amp;wmode=transparent&amp;clip=/porshecenter/templates/untitled/images/flash.swf&amp;radius=5&amp;clipx=0&amp;clipy=-78&amp;initalclipw=365&amp;initalcliph=365&amp;clipw=307&amp;cliph=307&amp;width=992&amp;height=150&amp;textblock_width=0&amp;textblock_align=no" />

<param name="swfliveconnect" value="true" />

<!--[if !IE]>-->

<object type="application/x-shockwave-flash" data="/porshecenter/templates/untitled/container.swf" width="992" height="150">

<param name="quality" value="high" />

<param name="scale" value="default" />

<param name="wmode" value="transparent" />

<param name="flashvars" value="color1=0xFFFFFF&amp;alpha1=.50&amp;framerate1=30&amp;loop=true&amp;wmode=transparent&amp;clip=/porshecenter/templates/untitled/images/flash.swf&amp;radius=5&amp;clipx=0&amp;clipy=-78&amp;initalclipw=365&amp;initalcliph=365&amp;clipw=307&amp;cliph=307&amp;width=992&amp;height=150&amp;textblock_width=0&amp;textblock_align=no" />

<param name="swfliveconnect" value="true" />

<!--<![endif]-->

<div class="art-flash-alt"><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></div>

<!--[if !IE]>-->

</object>

<!--<![endif]-->

</object>

</div>

</div>

<script type="text/javascript">swfobject.switchOffAutoHideShow();swfobject.registerObject("art-flash-object", "9.0.0", "/porshecenter/templates/untitled/expressInstall.swf");</script>

<div class="art-logo">

<h1 id="name-text" class="art-logo-name"><a href="/porshecenter/">автомобильный центр</a></h1>

</div>

 

 

</div>

<div class="art-nav">

<div class="l"></div>

<div class="r"></div>

<ul class="art-menu"><li class="item2"><a href="/porshecenter/index.php?option=com_search&amp;view=search&amp;Itemid=2"><span class="l"></span><span class="r"></span><span class="t">Поиск по сайту</span></a></li><li class="item5"><a href="/porshecenter/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=1&amp;Itemid=5"><span class="l"></span><span class="r"></span><span class="t">Новости</span></a></li><li class="item14"><a href="/porshecenter/index.php?option=com_content&amp;view=article&amp;id=21&amp;Itemid=14"><span class="l"></span><span class="r"></span><span class="t">Porsche sport</span></a></li><li class="item15"><a href="/porshecenter/index.php?option=com_content&amp;view=category&amp;id=3&amp;Itemid=15"><span class="l"></span><span class="r"></span><span class="t">Вакансии</span></a></li><li class="item39"><a href="/porshecenter/index.php?option=com_content&amp;view=article&amp;id=50&amp;Itemid=39"><span class="l"></span><span class="r"></span><span class="t">Новые авто</span></a></li><li class="item40"><a href="/porshecenter/index.php?option=com_phocaguestbook&amp;view=phocaguestbook&amp;id=2&amp;Itemid=40"><span class="l"></span><span class="r"></span><span class="t">Запись на тестдрайв</span></a></li></ul></div>

 

 

<div class="art-content-layout">

<div class="art-content-layout-row">

<div class="art-layout-cell art-content">

 

<div class="art-post">

<div class="art-post-body">

<div class="art-post-inner">

<h2 class="art-postheader"> Добро пожаловать!</h2>

<div class="art-postcontent">

<div class="art-article"><p><a href="/porshecenter/images/stories/1212.jpg" class="highslide" onclick="return hs.expand(this)">

<img border="0" style="Array" src="/porshecenter/images/stories/thumbs/WjpcaG9tZVxsb2NhbGhvc3Rcd3d3XHBvcnNoZWNlbnRlci9pbWFnZXMvc3Rvcmllcy8xMjEyLmpwZw==.jpg"/></a>

</p>

<p>Новости</p>

<table border="0" width="750">

<tbody>

<tr>

<td>

<p>Чемпион на долгих дистанциях<br /> Последняя версия GranTurismo с дизельным двигателем мощностью 250 л.с. потребляет всего 6,3 л/100 км Штутгарт . Компания Dr .Ing. h.c. F. Porsche AG представила дизельную версию PorschePanamera , которая имеет запас хода более 1200 км на одной заправке бака объемом 80 л</p>

<p><a href="/porshecenter/images/stories/14news.jpg" class="highslide" onclick="return hs.expand(this)">

<img border="0" style="Array" src="/porshecenter/images/stories/thumbs/WjpcaG9tZVxsb2NhbGhvc3Rcd3d3XHBvcnNoZWNlbnRlci9pbWFnZXMvc3Rvcmllcy8xNG5ld3MuanBn.jpg"/></a>

</p>

<p><a href="/porshecenter/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=1&amp;Itemid=5">Подробн<span style="line-height: 1.3em;">ее</span></a></p>

</td>

<td>

<p>Невероятные экспонаты в музее PORSCHE<br /> До 11 сентября 2014 года посетители музея имеют возможность ознакомиться с наиболее знаковыми и интересными разработками , созданными за последние 80 лет. К их внимания - 20 экспонатов , начиная с полноценного автомобиля вотдельных двигателей , трансмиссий и проектов , имеющих значение и сегодня.Например , среди экспонатов - созданный по заказу Wanderer в 1931 году автомобиль Wanderer W22 с 6- цилиндровым двигателем объемом 1,7 или 2 л</p>

<p><a href="/porshecenter/images/stories/6news.jpg" class="highslide" onclick="return hs.expand(this)">

<img border="0" src="/porshecenter/images/stories/thumbs/WjpcaG9tZVxsb2NhbGhvc3Rcd3d3XHBvcnNoZWNlbnRlci9pbWFnZXMvc3Rvcmllcy82bmV3cy5qcGc=.jpg"/></a>

</p>

<p><a href="/porshecenter/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=1&amp;Itemid=5&amp;limitstart=5">Подробн<span style="line-height: 1.3em;">ее</span></a></p>

</td>

<td>

<p>Автомобильное представление. PORSCHE завоевывает награды<br /> 5 марта 2011 в лучшем концертном зале Украины « Crystalhall » состоялась долгожданная презентация новой церемонии награждения « CrystalAwards ». Веселой и честной премией шоу -бизнеса отмечали украинских героев индустрии развлечений и наиболее яркие события прошлого года.</p>

<p><a href="/porshecenter/images/stories/5news.jpg" class="highslide" onclick="return hs.expand(this)">

<img border="0" style="Array" src="/porshecenter/images/stories/thumbs/WjpcaG9tZVxsb2NhbGhvc3Rcd3d3XHBvcnNoZWNlbnRlci9pbWFnZXMvc3Rvcmllcy81bmV3cy5qcGc=.jpg"/></a>

<a href="/porshecenter/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=1&amp;Itemid=5&amp;limitstart=5"><span style="line-height: 1.3em;">Подробн</span><span style="line-height: 1.3em;">ее</span></a></p>

</td>

</tr>

</tbody>

</table></div><span class="article_separator">&nbsp;</span>

</div>

<div class="cleared"></div>

</div>

 

<div class="cleared"></div>

</div>

</div>

 

 

<div class="cleared"></div>

</div>

<div class="art-layout-cell art-sidebar1">

<div class="art-block">

<div class="art-block-body">

 

<div class="art-blockheader">

<h3 class="t">

Главное меню</h3>

</div>

 

<div class="art-blockcontent">

<div class="art-blockcontent-body">

 

<ul class="menu"><li id="current" class="parent active item1"><a href="http://127.0.0.1/porshecenter/"><span>Главная</span></a><ul><li class="item6"><a href="/porshecenter/index.php?option=com_content&amp;view=article&amp;id=12&amp;Itemid=6"><span>О нас</span></a></li><li class="item7"><a href="/porshecenter/index.php?option=com_content&amp;view=article&amp;id=13&amp;Itemid=7"><span>Контакты</span></a></li></ul></li><li class="parent item8"><a href="/porshecenter/index.php?option=com_content&amp;view=article&amp;id=14&amp;Itemid=8"><span>Porsche Finance Group</span></a></li><li class="parent item11"><a href="/porshecenter/index.php?option=com_content&amp;view=article&amp;id=18&amp;Itemid=11"><span>Программа Porsche Assistance</span></a></li><li class="parent item16"><a href="/porshecenter/index.php?option=com_content&amp;view=article&amp;id=31&amp;Itemid=16"><span>Поддержанние авто</span></a></li><li class="parent item23"><a href="/porshecenter/index.php?option=com_content&amp;view=article&amp;id=35&amp;Itemid=23"><span>Завод Porsche</span></a></li><li class="parent item31"><a href="/porshecenter/index.php?option=com_content&amp;view=article&amp;id=43&amp;Itemid=31"><span>История Porsche</span></a></li><li class="item36"><a href="/porshecenter/index.php?option=com_wrapper&amp;view=wrapper&amp;Itemid=36"><span>Поиск диллеров</span></a></li><li class="item37"><a href="http://www.porsche.com/russia/modelstart/all/ "><span>Porsche Car Configurator</span></a></li><li class="item38"><a href="/porshecenter/index.php?option=com_content&amp;view=article&amp;id=49&amp;Itemid=38"><span>Энциклопедии технологий</span></a></li><li class="item41"><a href="/porshecenter/index.php?option=com_phocaguestbook&amp;view=phocaguestbook&amp;id=1&amp;Itemid=41"><span>Отзывы и предложения</span></a></li></ul>

 

<div class="cleared"></div>

</div>

</div>

 

 

<div class="cleared"></div>

</div>

</div>

 

<div class="art-block">

<div class="art-block-body">

 

<div class="art-blockheader">

<h3 class="t">

Авторизация</h3>

</div>

 

<div class="art-blockcontent">

<div class="art-blockcontent-body">

 

<form action="/porshecenter/index.php" method="post" name="login" id="form-login" >

<fieldset class="input">

<p id="form-login-username">

<label for="modlgn_username">Логин</label><br />

<input id="modlgn_username" type="text" name="username" class="inputbox" alt="username" size="18" />

</p>

<p id="form-login-password">

<label for="modlgn_passwd">Пароль</label><br />

<input id="modlgn_passwd" type="password" name="passwd" class="inputbox" size="18" alt="password" />

</p>

<p id="form-login-remember">

<label for="modlgn_remember">Запомнить меня</label>

<input id="modlgn_remember" type="checkbox" name="remember" class="inputbox" value="yes" alt="Remember Me" />

</p>

<span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span><input type="submit" name="Submit" class="button art-button" value="Войти" /></span>

</fieldset>

<ul>

<li>

<a href="/porshecenter/index.php?option=com_user&amp;view=reset">

Забыли пароль?</a>

</li>

<li>

<a href="/porshecenter/index.php?option=com_user&amp;view=remind">

Забыли логин?</a>

</li>

<li>

<a href="/porshecenter/index.php?option=com_user&amp;view=register">

Регистрация</a>

</li>

</ul>

 

<input type="hidden" name="option" value="com_user" />

<input type="hidden" name="task" value="login" />

<input type="hidden" name="return" value="L3BvcnNoZWNlbnRlci8=" />

<input type="hidden" name="6acbce6abe50589652dec889d8e9e7dc" value="1" /></form>

 

 

<div class="cleared"></div>

</div>

</div>

 

 

<div class="cleared"></div>

</div>

</div>

 

<div class="art-block">

<div class="art-block-body">

 

<div class="art-blockheader">

<h3 class="t">

Автоспорт и события</h3>

</div>

 

<div class="art-blockcontent">

<div class="art-blockcontent-body">

 

<ul class="menu"><li class="item19"><a href="/porshecenter/index.php?option=com_content&amp;view=article&amp;id=34&amp;Itemid=19"><span>Клуб фанатов Porsche</span></a></li><li class="item20"><a href="/porshecenter/index.php?option=com_content&amp;view=article&amp;id=33&amp;Itemid=20"><span>Клуб путешевственников Porsche</span></a></li><li class="item22"><a href="/porshecenter/index.php?option=com_content&amp;view=article&amp;id=32&amp;Itemid=22"><span>Автоспорт</span></a></li></ul>

 

<div class="cleared"></div>

</div>

</div>

 

 

<div class="cleared"></div>

</div>

</div>

 

<div class="art-block">

<div class="art-block-body">

 

<div class="art-blockheader">

<h3 class="t">

Голосование</h3>

</div>

 

<div class="art-blockcontent">

<div class="art-blockcontent-body">

 

<form action="index.php" method="post" name="form2">

 

<table width="95%" border="0" cellspacing="0" cellpadding="1" align="center" class="poll">

<thead>

<tr>

<td style="font-weight: bold;">

Какой автомобиль марки Porsсhe Вам наиболее симпатичен? </td>

</tr>

</thead>

<tr>

<td align="center">

<table class="pollstableborder" cellspacing="0" cellpadding="0" border="0">

<tr>

<td class="sectiontableentry2" valign="top">

<input type="radio" name="voteid" id="voteid1" value="1" alt="1" />

</td>

<td class="sectiontableentry2" valign="top">

<label for="voteid1">

Porsche 911 Carrera </label>

</td>

</tr>

<tr>

<td class="sectiontableentry1" valign="top">

<input type="radio" name="voteid" id="voteid2" value="2" alt="2" />

</td>

<td class="sectiontableentry1" valign="top">

<label for="voteid2">

Porsche Boxster </label>

</td>

</tr>

<tr>

<td class="sectiontableentry2" valign="top">

<input type="radio" name="voteid" id="voteid3" value="3" alt="3" />

</td>

<td class="sectiontableentry2" valign="top">

<label for="voteid3">

Porsche Cayenne </label>

</td>

</tr>

<tr>

<td class="sectiontableentry1" valign="top">

<input type="radio" name="voteid" id="voteid4" value="4" alt="4" />

</td>

<td class="sectiontableentry1" valign="top">

<label for="voteid4">

Porsche Macan </label>

</td>

</tr>

<tr>

<td class="sectiontableentry2" valign="top">

<input type="radio" name="voteid" id="voteid5" value="5" alt="5" />

</td>

<td class="sectiontableentry2" valign="top">

<label for="voteid5">

Porsche Panamera </label>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

<div align="center">

<span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span><input type="submit" name="task_button" class="button art-button" value="ОК" /></span>

&nbsp;

<span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span><input type="button" name="option" class="button art-button" value="Итоги" onclick="document.location.href='/porshecenter/index.php?option=com_poll&amp;id=1:---porshe---'" /></span>

</div>

</td>

</tr>

</table>

 

<input type="hidden" name="option" value="com_poll" />

<input type="hidden" name="task" value="vote" />

<input type="hidden" name="id" value="1" />

<input type="hidden" name="6acbce6abe50589652dec889d8e9e7dc" value="1" /></form>

 

<div class="cleared"></div>

</div>

</div>

 

 

<div class="cleared"></div>

</div>

</div>

 

<div class="art-block">

<div class="art-block-body">

 

<div class="art-blockheader">

<h3 class="t">

Поиск</h3>

</div>

 

<div class="art-blockcontent">

<div class="art-blockcontent-body">

 

<form action="index.php" method="post">

<div class="search">

<input name="searchword" id="mod_search_searchword" maxlength="20" alt="начать поиск" class="inputbox" type="text" size="10" value="поиск..." onblur="if(this.value=='') this.value='поиск...';" onfocus="if(this.value=='поиск...') this.value='';" /><span class="art-button-wrapper"><span class="art-button-l"> </span><span class="art-button-r"> </span><input type="submit" value="начать поиск" class="button art-button" onclick="this.form.searchword.focus();"/></span> </div>

<input type="hidden" name="task" value="search" />

<input type="hidden" name="option" value="com_search" />

<input type="hidden" name="Itemid" value="1" />

</form>

 

<div class="cleared"></div>

</div>

</div>

 

 

<div class="cleared"></div>

</div>

</div>

 

<div class="art-block">

<div class="art-block-body">

 

<div class="art-blockcontent">

<div class="art-blockcontent-body">

 

<div align="center">

<img src="/porshecenter/gal//2news.JPG" alt="2news.JPG" width="150" height="115" /></div>

 

<div class="cleared"></div>

</div>

</div>

 

 

<div class="cleared"></div>

</div>

</div>

 

 

<div class="cleared"></div>

</div>

 

</div>

</div>

<div class="cleared"></div>

 

<div class="art-footer">

<div class="art-footer-t"></div>

<div class="art-footer-l"></div>

<div class="art-footer-b"></div>

<div class="art-footer-r"></div>

<div class="art-footer-body">

<div class="art-footer-text">

<p>BEKIROV.COMPANY</p>

 

</div>

<div class="cleared"></div>

</div>

</div>

<div class="cleared"></div>

</div>

</div>

<div class="cleared"></div>

<p class="art-page-footer"></p>

 

</div>

</div>

</div>

 

</body>

</html>

Тестирование и отладка.

Отладка сайта заключалась в проверке внешнего вида, работоспособности гиперссылок и проверке грамматики. Первоначально в оформлении текста использовался шрифт 12 размера с небольшими отступами полей. Но подобная настройка не способствует комфортному изучению материала на современных мониторах: их большая разрешающая способность делает буквы пособия слишком мелкими.

Для улучшения внешнего вида было внесено соответствующее изменение в файл style.css.

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

Так как электронная библиотека содержит большое количество текстового материала, одной из проблем отладки является проверка грамматики. При чтении большого количества текста ошибки и опечатки в нём часто оказываются незамеченными. Для их проверки и исправления была использована программа MicrosoftOfficeFrontPage 2007 и MacromediaDreamweaver. Одна из полезных функцийэтихпрограмм является проверка правописания. Подобную программу можно было использовать для вёрстки всего сайта, но, как и многие автоматические средства разработки, эта программа создаёт большое количество "лишнего" кода. Поэтому MicrosoftOfficeFrontPage 2003 был использован только для проверки орфографии и расстановки тэгов курсива.
Так как программный продукт не сохраняет и не создаёт дополнительных данных, то основная проверка сводится к тому, чтобы текст на всех страницах узла отображалась корректно и все гиперссылки открывали необходимые страницы пособия.

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

синтаксические ошибки;

смысловые (логические) ошибки.

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

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

Для проверки веб-дизайна было проведено тестирование электронной энциклопедии в различных браузерах. Зачастую даже при правильном коде отображение HTML-страниц может в некоторых из них быть некорректным. Тестированиепроводилосьбраузерах:

- Mozilla Firefox

- Internet Explorer

- Opera 9.0 Final Rus

-Google Chrome

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


Специальный раздел.

 








Не нашли, что искали? Воспользуйтесь поиском по сайту:



©2015 - 2024 stydopedia.ru Все материалы защищены законодательством РФ.