Главная страница
Главная страница – это информация, которая предстаёт перед пользователем при переходе его по адресу сайта. Другими словами, главная страница – это первое, с чем сталкивается посетитель, оказываясь на сайте. Правилу этому подчиняются все сайты в Интернете – контент-провайдеры, модные интернет-магазины, мощные порталы и многолюдные форумы. Предназначение главной страницы любого сайта – это обеспечение такого «приёма» посетителя, чтобы, в идеале, он стал пользователем. Или, по крайней мере, чтобы задержался на сайте в течение длительного времени.
На главной странице должна быть информация о той теме к которой принадлежит сайт. Для визуальной красоты была добавлена картинка с помощью тега <img src="/", и еле заметная линия <hr> отделяющая текстовую информацию от графической.
Тег <img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <img> в контейнер <a>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border="0" в тег <img>.
<hr> Рисует горизонтальную линию, которая по своему виду зависит от используемых параметров, а также браузера. Тег<hr> относится к блочным элементам, линия всегда начинается с новой строки, а после нее все элементы отображаются на следующей строке.
После линии посередине, с помощью тега <center> был добавлен контент поясняющий к чему принадлежит сайт и что на нем можно найти. Для выравнивания текста добавлен тег <p align="justify">.
В конце главной страницы, по центру (<center>) добавлено видео. Это было сделано с помощью копирования HTML кода с другого сайта. Так и получилось главная страница сайта, она представлена на рисунке 3,4.
Рисунок
1.4 – главная страница Рисунок
1.3 – главная страница
Второстепенные страницы
Рисунок
1.3 - блоки
Тестирование сайта
Тестирование сайта обычно используют перед запуском большого проекта, чтобы получить гарантии правильной работоспособности или уже на существующем проекте, чтобы повысить его эффективность. Чем сложнее сайт, тем больше он нуждается в тестировании. Довольно многие разработчики и заказчики упускают этап тестирования сайта, в результате это может привести к серьёзным финансовым потерям, дополнительным трудозатратам и недовольству пользователей.
Тестирование — это отклонение фактического результата от ожидаемого, другими словами — это процесс поиска багов (ошибок).
Основные правила тестирования веб-сайтов — это шаги, которые показывают пользователю, насколько удобен и логичен будет проект, насколько просто и возможно найти ту или иную информацию. Хорошо ли воспринимается человеческому взгляду и правильно ли работает весь функционал данного сайта, который был поставлен по ТЗ или брифу — это основные показатели для тестировщика.
Тестирование может происходить самыми разными способами, однако не стоит забывать о самом процессе и стратегии тестирования. От него зависит последовательность ваших действий. На сегодняшний день, специалисты по тестированию веб-сайтов применяют такие виды как:
Функциональное тестирование
Тестирования удобства пользования (юзабилити)
Тестирование производительности
Тестирование интерфейса пользователя (UI testing)
Тестирование безопасности.
Функциональное тестирование одно из важных и незаменимых видов тестирование. Самое главное правило функционального тестирования является правильные расчеты функций. К примеру, возьмем интернет магазин, у которого есть не только скидки на товар, но и множество статусов при покупке, n кол-во товаров. Все эти варианты следует учитывать. Ведь если функционал проекта не работает в определенном браузере, то он не будет работать нигде. Если брать определенный функционал для веб проектов, то в основном проверяется:
поиск и покупка товара, оформление заказа
навигация
формы аутентификация
добавление, удаление, редактирование товара, заказа и т.д.
Тестирование удобства пользования (юзабилити) – это вид тестирования, который делает для сайта удобство и практичность в использовании. Основная цель показать пользователю:
Понятен ли ваш сайт для окружающих и удобен ли?
Удобная навигация?
Какое впечатление создается у пользователя?
Что может быть лишним или не нужным.
Основная задача тестироания юзабилити сайта — это дизайн того, что пользователь хочет найти и приобрести, что он ищет необходимую информацию и для этого ему ничего не мешает.
Тестирование производительности — в основном это нагрузочное тестирование. Нагрузочное тестирование сайта проверяется в большинстве случаев автоматом, то есть специальными программами. Это дает шанс проверить, насколько он будет работать под определенной нагрузкой.
Цель этого тестирования, заключается в кол-ве виртуальных пользователей, которые задают n кол-во запросов, в одно время (будь это секунды даже). Тем самым результат дает то, смог ли наш проект выдержать, к примеру, 100 пользователей, которые одновременно покупали товар или авторизовались на сайте, ответ показывает, реально ли выдержать сайт такую нагрузку.
UI testing- это тестирование графического интерфейса пользователя, которая предполагает проверить сайт на соответствия требованиям к графическому интерфейсу, профессионально ли оно выглядит, выполнено ли оно в едином стиле.
В большинстве случаев, тестирование интерфейса пользователя, осуществляется вместе со следующими видами тестирования(UI):
Тестирование на соответствие стандартам графических интерфейсов
Тестирование с различными разрешениями экрана
Тестирование кроссбраузерности, или совместимости с разными интернет браузерами и их версиями
Тестирование локализованных версий: точность перевода (мультиязычность, мультивалютность), проверка длины названий элементов интерфейса и т.д.
Тестирование графического интерфейса пользователя на целевых устройствах (смартфоны, кпп, планшеты).
Тестирование сайта на уязвимости — это ключ к надежности веб-сайтов. Основные правила этого тестирования — это проверка на уязвимость разных видов атак. Если это интернет-магазин, то, скорее всего, следует проверять запросы на Sql инъекцию (запросы к базе данных).
SQL-инъекции — это вредоносный код в запросах базы данных — наиболее опасный вид атак. Если это различные формы общественные (гостевая книга), то проверка на XSS инъекции. Дает возможность внедрить произвольный код, и атаковать компьютер пользователей, просматривающих зараженные страницы.
Главная задача тестирования заключается в том, чтобы заказчику, как и пользователю, было предоставлено качество продукта. Для этого перед началом любого сайта следует составить чек-лист для тестирования:
проверки веб-форм;
проверки правильности данных;
тестирования интерфейса пользователя
тестирования оплаты
тестирования версий для печати
тестирования отчетов.