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

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

<head>

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

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>

.highslide-dimming { background: black; }

</style>

</head>

<body>

</div>

</object>

</object>

</div>

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

</div>

<ul class="art-menu"><li class="item2"><a href="/porshecenter/index.php?option=com_search&view=search&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&view=category&layout=blog&id=1&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&view=article&id=21&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&view=category&id=3&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&view=article&id=50&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&view=phocaguestbook&id=2&Itemid=40"><span class="l"></span><span class="r"></span><span class="t">Запись на тестдрайв</span></a></li></ul></div>

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

</p>

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

<tbody>

<tr>

<td>

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

</p>

<p><a href="/porshecenter/index.php?option=com_content&view=category&layout=blog&id=1&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>

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

</td>

<td>

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

<a href="/porshecenter/index.php?option=com_content&view=category&layout=blog&id=1&Itemid=5&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"> </span>

</div>

</div>

</div>

</div>

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

</div>

<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&view=article&id=12&Itemid=6"><span>О нас</span></a></li><li class="item7"><a href="/porshecenter/index.php?option=com_content&view=article&id=13&Itemid=7"><span>Контакты</span></a></li></ul></li><li class="parent item8"><a href="/porshecenter/index.php?option=com_content&view=article&id=14&Itemid=8"><span>Porsche Finance Group</span></a></li><li class="parent item11"><a href="/porshecenter/index.php?option=com_content&view=article&id=18&Itemid=11"><span>Программа Porsche Assistance</span></a></li><li class="parent item16"><a href="/porshecenter/index.php?option=com_content&view=article&id=31&Itemid=16"><span>Поддержанние авто</span></a></li><li class="parent item23"><a href="/porshecenter/index.php?option=com_content&view=article&id=35&Itemid=23"><span>Завод Porsche</span></a></li><li class="parent item31"><a href="/porshecenter/index.php?option=com_content&view=article&id=43&Itemid=31"><span>История Porsche</span></a></li><li class="item36"><a href="/porshecenter/index.php?option=com_wrapper&view=wrapper&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&view=article&id=49&Itemid=38"><span>Энциклопедии технологий</span></a></li><li class="item41"><a href="/porshecenter/index.php?option=com_phocaguestbook&view=phocaguestbook&id=1&Itemid=41"><span>Отзывы и предложения</span></a></li></ul>

</div>

</div>

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

</div>

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

</p>

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

</p>

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

</p>

</fieldset>

<ul>

<li>

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

</li>

<li>

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

</li>

<li>

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

</li>

</ul>

</div>

</div>

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

</div>

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

</div>

</div>

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

</div>

<thead>

<tr>

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

</tr>

</thead>

<tr>

<tr>

</td>

Porsche 911 Carrera </label>

</td>

</tr>

<tr>

</td>

Porsche Boxster </label>

</td>

</tr>

<tr>

</td>

Porsche Cayenne </label>

</td>

</tr>

<tr>

</td>

Porsche Macan </label>

</td>

</tr>

<tr>

</td>

Porsche Panamera </label>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

</div>

</td>

</tr>

</table>

</div>

</div>

Поиск</h3>

</div>

</form>

</div>

</div>

</div>

</div>

</div>

<p>BEKIROV.COMPANY</p>

</div>

</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

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

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

1 2 34

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