Разработка сайта. 
Разработка веб-сайта "Интернет-магазин футбольной атрибутики"

Верстка

Верстка была выполнена на языке гипертекстовой разметки HTML, с использованием таблиц каскадных стилей CSS.

Для обеспечения кроссбраузерности веб-сайта, была подключена таблица каскадных стилей Normalize, сбрасывающая настройки браузеров, установленные разработчиками значениями по умолчанию.

Для создания адаптивной верстки был применен фраймеворк Twitter Bootstrap 2.3.

Для поддержки решений, написанных на языке JavaScript, была подключена библиотека jQuery 1.8.1.

В данной работе применяется блоковая, резиновая верстка.

Исходный код верстки главной страницы сайта и стилей сайта приведен в Приложении А.

Twitter Bootstrap 2.3

Twitter Bootstrap — свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML и CSS шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейсов, включая JavaScript расширения. 4].

jQuery 1.8.1

jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API для работы с AJAX. 5].

Разработка слайдера

Слайдер, располагающийся на некоторых страницах сайта реализован с помощью языка программирования JavaScript.

Слайдер выводит поочередно элементы слайдера на веб-страницу. Это действие достигается путем изменения параметра у элемента со значения «none» свойства display на значение «block». Отображение блоков происходит поочередно, через определенный промежуток времени, или после нажатия на кнопки «влево» или «вправо», находящиеся по бокам слайдера.

Анимация перехода на слайдере создана путем изменения положения элементов на странице. Это достигается при помощи изменения параметра left. Для того, чтобы элементы не отображались за пределами области слайдера, к блоку слайдера добавлено свойство «overflow: hidden».

Исходный код слайдера приведен в Приложении Б.

Валидация

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

Проверка на валидность была пройдена на веб-сайте www. w3c.org.

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

Для тестирования веб-сайта, страницы сайта были протестированы на всех популярных браузерах.

В результате проверки, удалось выявить некоторые ошибки.

Браузер Internet Explorer 8.0 не имеет поддержки новых свойств HTML 5 и CSS 3, что вызвало определенные ошибки в отображении сверстанных страниц в данном браузере. Так, необходимо заменить html-теги и, на поддерживаемый в этой версии браузера .

Также, данный браузер не поддерживает псевдо-классы, в особенности используемые в работе классы «:first-of-type» и «:nth-child», в связи с этим, необходимо в блоках, использующих свойства данных псевдо-классов, прописать дополнительные классы.

В браузере Opera возникли проблемы с отображением изображений товара, на странице товара. Для исправления данной ошибки у изображений были прописаны максимально разрешенные размеры.

На этапе тестирования других ошибок выявлено не было.