Вы находитесь на странице: 1из 8

MINISTERUL EDUCAŢIEI ŞI 

TINERETULUI AL REPUBLICII MOLDOVA


UNIVERSITATEA TEHNICA A MOLDOVEI

FACULTATEA CALCULATOARE, INFORMATICĂ ŞI MICROELECTRONICĂ

Лабораторная работа
ПО ПРЕДМЕТУ «Tehnologii WEB»

Тема: Creare pagini adaptabile pentru diferite dispositive. JavaScript - crearea


elementelor dinamice in pagina.

Выполнил: студент группы TI-182 Ватаманюк Игорь

UTM 2020
Цель работы: Crearea conținutului Web adaptabil. Crearea elementelor dinamice in pagina

Так как, переделывать всю структуру под bootstrap слишком долго, я выбрал вариант, создания
дизайна бо разные разрешения, используюя мета тэг viewport с атрибутами content="width=device-
width, initial-scale=1.0", и используя отдельные css блоки media.
В данном случае @media screen and (max-width:371px)
Далее прилагаю скриншоты получившегося дизайна:
Вывод:
C 2007 года очень быстро растёт количество используемых в мире смартфонов. В числе прочих причин резкого
скачка популярности несколько лет назад покупателей привлекла способность этих устройств отображать сайты
так, как они выглядели на экранах компьютеров. Но, купив смартфон и начав им пользоваться, люди отмечали,
что для чтения отдельных блоков текста на относительно небольшом экране приходилось постоянно
масштабировать страницу. Плюс к тому, многие элементы управления сайтов оказалось неудобно использовать.
Это происходило потому, что страницы не были рассчитаны на управление с помощью прикосновений к экрану и
зачастую требовали компьютерную мышь или другой манипулятор. Для решения этих проблем начали
появляться отдельные версии сайтов, предназначенные исключительно для устройств с маленьким экраном. При
этом пользователям оказалось не нужно знать адреса мобильных сайтов. Вместо этого сервер считывает
информацию об устройстве из обращённого к нему запроса и определяет, какую версию предпочтительнее
отдать посетителю.

Вскоре многим стало понятно, что разработка отдельной мобильной версии — это долго и дорого в поддержке.
Кроме того, это противоречит идеологии веба, который подразумевает, что размеченный документ универсален
и может быть прочитан практически на любом устройстве вывода. Для решения возникшего противоречия в CSS
был добавлен стандарт Media Queries. Появились новые возможности по определению особенностей устройства,
в частности появилась возможность применять различное оформление страницы для произвольных размеров
окна.

Вам также может понравиться