Ответы на вопросы. Вопросы к экзамену по Разработке корпоративных сайтов. Типы и классификации сайтов. Характеристики и особенности корпоративных сайтов
 Скачать 254.85 Kb.
|
Не игнорируйте холстОсвоение объекта Canvas - одна из самых сложных задач для нового кодера HTML5, особенно когда этот кодер ранее кодировал в других версиях HTML и не имеет опыта программирования компьютерной графики. Обучение использованию объекта canvas, даже если вы редко собираетесь рисовать, является ценным навыком, которому каждый серьезный программист должен уделить время для изучения. Его можно использовать для всех видов вещей, включая создание анимированной инфографики, слайд-шоу, диаграмм (в том числе интерактивных диаграмм) и многого другого. Использование холста - это просто вопрос создания объекта в HTML5 и последующего наполнения его JavaScript. Используемые методы являются темой для другого дня, но вы уже можете найти некоторые учебники здесь на этом сайте, которые помогут вам начать. Вам больше не нужна FlashБольшая часть того, для чего мы ранее использовали Flash, не требует Flash. Теперь вы можете делать все это с помощью переходов CSS3, рисования HTML5, анимации HTML5, видео HTML5 и аудио HTML5. Единственное, что мы не делаем в HTML5, что позволяет вам делать Flash, - это шпионить за вашими пользователями и нарушать их конфиденциальность, но в любом случае это не то, чем вы хотите заниматься, не так ли? Большинство пользователей сочли Flash очень раздражающим, хотя большинство также неохотно устанавливали его как неизбежную необходимость. Так продолжалось до тех пор, пока серьезные угрозы безопасности и проблемы с конфиденциальностью, связанные с Flash, не превратили его в нечто, что большинство пользователей либо вообще не устанавливают, либо активируют только в каждом конкретном случае, когда это строго требуется для задачи, которую они хотят выполнить. , CSS3 дает вам новые псевдо-классыНекоторые псевдоклассы присутствовали в CSS2, но с CSS3 вы можете использовать важные позиционные псевдоклассы, чтобы получить больший контроль. В основном они используются с текстом, как указывают имена псевдоклассов: до, после, первая буква, первая строка ... У вас также есть доступ к переходам, которые можно использовать для изменения чего угодно, включая текст. Эти переходы оживляют или преобразуют то, что видит пользователь на экране. Ваши веб-страницы могут общаться напрямую с GPUВы должны делать это с некоторой осторожностью, так как любое аппаратное ускорение истощает время автономной работы мобильных устройств, но все равно довольно здорово, что вы можете это сделать. Ускорение графического процессора работает при использовании переходов, преобразований 3D, холста в режиме 3D и WebGL 3D. Последнее мое любимое, но вам нужно много читать, чтобы разобраться со всем, что связано с WebGL. Однако это даст вам много возможностей для создания анимации и игр. Ускорение графического процессора не работает со старыми браузерами, даже если они поддерживают HTML5 и CSS3. Используйте игровые движки, чтобы перенести тяжелую работу с графики 3DПрограммисты игр используют игровые движки всегда, чтобы упростить задачу игрового программирования, но только в последние год или два появились действительно мощные игровые движки HTML5, которые могут противостоять задаче создания высококачественных игр 3D в среда на основе браузера. Одним из самых простых для начала является PlayCanvas, и хотя он бесплатен для экспериментов и действительно дешев для личной лицензии, он не легок. Вот Налетать, игра, созданная в PlayCanvas. Для получения опыта ретро-игры, попробуйте Construct2 or Construct3, В нем есть все необходимое, чтобы начать создавать игры методом перетаскивания (хотя некоторые сочтут это слишком ограничительным). Вы создаете свои игры онлайн, и люди играют в них онлайн. Это движок для тех, кто не знает программирования и не хочет заниматься учебой. Вы не ограничены только играми с этими двигателями. Для создания целых фильмов и презентаций было бы лучше использовать смеситель or майяи для игр, предназначенных для конкретной платформы, обычно лучше использовать собственную среду программирования, предназначенную для этой платформы. Для кроссплатформенных интерактивных игр, рассказов, образовательных программ или презентаций механизмы HTML5 являются отличным вариантом. HTML5 и CSS3 дают вам больше возможностейБлагодаря HTML5 и CSS3 у вас теперь есть полный контроль над каждым элементом, который появляется на вашей странице, включая возможность манипулировать каждым объектом практически любым способом. wish. Хотя основной единицей построения по-прежнему остается прямоугольник, вашим сайтам больше не нужно следовать прямоугольной линейности. Вы можете расположить вещи под любым углом, повернуть их, наклонить, скрутить и согнуть, и ваш веб-браузер не будет жаловаться. Теперь вы также можете управлять прозрачностью и масштабированием гораздо проще, чем раньше, и эти методы будут работать во всех основных браузерах. На момент написания статьи в раннем 2018 все еще были некоторые проблемы с масштабированием между различными браузерами, причем некоторые браузеры могли точно масштабировать, в то время как другие дают совершенно разные результаты для одной и той же страницы. Это означает, что, по крайней мере, на данный момент нам все еще приходится программировать разные версии сайта, если мы хотим использовать масштабирование для responsive целей. К счастью, вам редко когда-нибудь понадобится это, но иногда подгонка чего-либо на экране, независимо от того, насколько маленьким этот экран, будет вашей основной целью. В этих случаях отсутствие стандартизированного масштабирования в разных браузерах останется проблемой. Тем не менее, эти проблемы не являются проблемами HTML5 или CSS3, это проблемы разработчиков браузеров, которые не могут должным образом поддерживать функции, предоставляемые HTML5 и CSS3. Со временем мы увидим улучшения в браузерах, и все будет работать как положено. К тому времени, возможно, настало время начать изучение HTML6 и CSS4, но, по крайней мере, это шаг в правильном направлении. Способы тестирования сайта Перед тем как выпускать готовый проект в «свободное плавание», необходимо провести обязательное тестирование веб-сайта. Это финальный этап работы, который заключается в проверке работоспособности всех функций ресурса и его соответствия техническому заданию. Основные виды и типы тестирования: функциональное тестирование; тестирование юзабилити (проверка удобства пользования); тестирование совместимости (конфигурационное тестирование); тест на производительность; проверка безопасности. Чтобы получить на выходе качественный продукт, нельзя пропускать ни один из перечисленных этапов. Разумеется, мы подробно рассмотрим каждый из них, а также узнаем с чего начать работу, с какой целью проводится и что включает в себя тот или иной вид проверки. Функциональное тестирование Функциональное тестирование сайта – это один из самых масштабных видов работ, с которого все начинается. Основная цель – убедиться в корректности работы основных функций сайта. Чек-лист на этом этапе выглядит следующим образом: проверка ссылок (внутренних, исходящих, изолированных и т. д.); проверка форм – в дальнейшем позволит взаимодействовать с пользователями и получать от них данные; тест файлов cookie – необходим для поддержки сеансов с авторизацией; валидация HTML/CSS – проверка на отсутствие серьезных синтаксических ошибок и доступа ресурса для разных поисковых систем; проверка базы данных – здесь нужно проследить за правильностью выполнения запросов, а также извлечения и обновления данных. Помимо этого в функциональный тестинг также входит другая классификация видов тестирования. Различают следующие разновидности: ad-hock проверка – не предполагает предварительной подготовки. Этот метод помогает быстро ознакомиться с системой, а также обнаружить основные неисправности; негативный тестинг – выявляет неверные данные и значения, которые могут привести к нестабильной работе системы; проведение эквивалентных тестов – группа тестов, направленных на обнаружение конкретной ошибки; исследовательская проверка (exploratory testing) – методика, позволяющая одновременно разрабатывать и выполнять тесты, а заодно тщательно изучить готовый продукт. Тестирование веб-ресурсов: юзабилити Проверка удобства использования помогает оценить восприятие дизайна сайта и его функционал пользователем и то, насколько долго он готов не закрывать вкладку с ним. Сайт должен быть последовательным и четко структурированным. На этом этапе критерии проверки включают следующие пункты: навигационное тестирование – проверка доступа к меню, страницам, блокам, полям и кнопкам. Важно, чтобы структура была логичной и понятной; проверка контента – проверяется грамматика и орфография, размещение заголовков, а также соответствие размеров изображений; комфорт пользования – проверка структуры и наличия лишних элементов. Типы и виды тестирования на совместимость На этом этапе проверяется адаптивность сайта. Это так называемое нефункциональное тестирование, которое позволяет увидеть, насколько корректно отображается ресурс на разных разрешениях, браузерах и устройствах. Различают: кроссплатформенный тестинг – проверяется работа сайта на различных операционных системах и их версиях; проверка на кроссбраузерность – сайт должен одинаково хорошо функционировать во всех известных браузерах (Google, Яндекс, Firefox, Internet Explorer и т. д.). Он также должен правильно отображаться, на что влияет качественная верстка; тестирование на мобильных устройствах – здесь многие ошибки остаются незамеченными. Специалисты применяют различные виды тестирования сайтов для их проверки на адаптивность. Тест на производительность Важный этап проверки, который помогает оценить стабильность работы ресурса в критических ситуациях. Включает следующие методы: нагрузочное тестирование – проверяется способность одновременной обработки большого количества пользовательских запросов. Проводится для того, чтобы определить пропускную способность ресурса или отдельных страниц; стресс-тестирование – проверка устойчивости системы в экстремальных условиях. Помогает избежать поломок во время сильных нагрузок, а также определить их допустимый уровень; проверка на скорость соединения – проверяется время отклика сайта. Нужно отметить, что тест на производительность может включать различные этапы тестирования сайта. Мы перечислили лишь основные пункты, которые можно расширить в зависимости от ваших целей. Проверка безопасности Этот вид проверки – ключ к надежной работе сайта. Основная задача состоит в том, чтобы выявить самые слабые места, которые могут привести к потере данных или нарушению работы системы. Для этого обычно имитируют атаку вредоносного источника, а затем устраняют найденные угрозы. Преимущества тестирования сайта специалистами Тестирование сайтов может проводиться разными способами. Для этого специалисты разрабатывают стратегию, которая включает определенные этапы тестирования веб-проектов с подробным планом действий, чтобы ничего не упустить. Следует отметить, что проверка может проводиться вручную или в автоматическом режиме. Автоматизирование предполагает использование различных программ и сервисов, которые существенно экономят время, что особенно важно для проверки масштабных проектов. Но нельзя недооценивать ручной способ, который помогает оценить удобство системы и дизайн с точки зрения пользователя. В результате вы получите: стабильный, безопасный и надежно защищенный ресурс; удобный и функциональный продукт, который будет привлекать новых пользователей; экономию ресурсов и времени на поддержку работы сайта. Интернет-маркетинг: как продвинуть сайт В тетради SEO-продвижение и его направления SEO — это Search Engine Optimization. То есть оптимизация под поисковые движки. Адаптация и изменение веб-сайта таким образом, чтобы бы он был более привлекательным как для пользователей, так и для поисковых роботов. Последние, в свою очередь, представляют собой систему, которая анализирует страницы, проверяя их на соответствие правилам поисковой системы. У Google и Яндекс они отличаются. И обе компании не рассказывают, от чего зависит позиция сайта в поисковике. А позиция в поисковике как раз таки одна из основных причин, почему SEO вообще используют и почему так много внимания акцентируют на этом явлении. Составляющие SEO-продвижения Есть три ключевых момента, являющих собой основу хорошего SEO. То есть SEO, решающего основные задачи, поставленные вебмастерами и владельцами сайтов. В их числе: Качество трафика. То есть привлечение реальных людей, заинтересованных в посещаемой странице. Тех, кто может приносить прибыль. Но не ботов и случайных прохожих, которые искали историческую личность, а попали на ваш кондитерский сайт. Количество трафика. Прибыль веб-сайта зачастую слишком тесно связана с количеством людей, которые могут его посетить. Причем неважно, хотите ли вы заработать на кликах по рекламе или продаете какие-то товары. Даже в случае с онлайн-магазинами большая аудитория идет на пользу. Органика. То есть привлечение людей без помощи рекламы. Нужно сделать так, чтобы сайт даже без партнерства с Google попадал на высокие позиции. Тогда поисковик будет приводить на сайт новых людей бесплатно. А это дополнительная прибыль для владельца страницы за счет сокращения рекламного бюджета. Все это достигается путем повышения ранга в поисковой выдачи (попадания в ТОП, так сказать). Что, в свою очередь, достигается с помощью грамотной оптимизации под поисковые движки с учетом их требований и требований аудитории. Главные направления поисковой SEO оптимизации:Обнаружение и устранение технических неисправностей. Формирование удобного пользовательского интерфейса. Подбор основных параметров для будущего поиска. Повышение качества индексирования страниц. Создание качественной структуры сайта. Добавление релевантных ключевых слов. Построение эффективной ссылочной массы. Наполнение высококлассным контентом. Удаление спама и дубликатов. Ускорение загрузки отдельных страниц. Повышение доступности сайта на разных устройствах Успешные SEO-оптимизаторы выполняют комплексное SEO, поскольку перечисленные мероприятия принесут желаемый эффект только в случае их одновременного применения. Дополнительно экспертами учитываются сопутствующие рекомендации поисковых систем, связанные с оптимизацией изображений, уменьшением общего количества рекламы и улучшением технических параметров сайта для ускорения загрузки его отдельных страниц. Именно поэтому на протяжении последних нескольких лет алгоритмы ранжирования, определяющие уровень качества результатов поиска, стремительно эволюционировали в целях повышения удобства для пользователей. |