katerynazadorozhnia Goto Github PK

bootstrap

demo bootstrap

formatingwithhtml-2

Форматирование контента используя теги html

html_1

Реализовать html-страницу со списком продуктов. Требования: ■■ один продукт описывается иконкой и названием; ■■ блок продукта обведен рамкой и имеет фиксированную ширину; ■■ при изменении ширины браузера, в одну строку должно помещаться максимальное количество продуктов (на пер- вом скриншоте в одной строке поместилось 5 продуктов, на втором – 4 продукта); ■■ после списка продуктов должна быть подпись that’s all. Иконки для выполнения задания прикреплены к данному pdf-файлу.*

html_2

Реализовать html-страницу с вертикальным меню. Один пункт меню состоит из иконки и текста. При наведении мышкой на пункт меню, его фон должен меняться на более темный (как пункт SECURITY на скриншотe). Иконки для выполнения задания прикреплены к данному pdf-файлу.*

html_3

Реализовать html-страницу со структурой сайта. Сайт состоит из: ■■ шапки; ■■ меню; ■■ трех боковых панелей (2 слева, 1 справа); ■■ основного содержимого, внутри которого: • два блока, расположенных друг под другом. ■■ футера. Задание необходимо выполнить, используя семантические теги HTML5 и CSS стиль float.

html_dom1

Написать Web-страничку где: • в строке заголовка браузера написано «Моя первая Web-страница»; • кодировка Web-страницы — utf-8; • в теле Web-страницы отображается ваше ФИО и дата рождения.

html_dom2

1. Создайте простую HTML-страницу, в которой имеется один пустой блок div размерами 50% на 50% , и поэкспериментируйте в ней с указателями мыши. 2. В документе, созданном выше, создайте гиперссылку и поэкспериментируйте с контурами. 3. Попробуйте нарисовать на листе бумаги свою разметку страницы, а потом создать ее, используя приобретенные навыки.

html_dom3

Создать новый HTML-документ где: • заголовок странички (2 уровень), зеленого цвета; • небольшой абзац, на ваше усмотрение, имеет цвет текста — синий, шрифт — Arial, размер — +1; • в этом абзаце должны присутствовать: ◦ элемент SPAN; ◦ элемент Q; ◦ элемент STRONG; ◦ элемент I; • все вышеперечисленное должно быть заключено в тег DIV и центрировано; Результат выглядит так:

html_dom3.1

Сверстать страницу по гифке

html_dom4

html_dom5

html_gallery

Работа с графикой в HTML

html_lab1_12.06

Таблицы

html_lab1_19.06

grid

html_lab2_12.06

ТАБЛИЦЫ - Меню ресторана "Ромашка"

html_lab2_19.06

html_lab3

html_lab3_13.06

html_lab3_19.06

grid

html_lab4

html_lab4_17.06

javascript_1

1. Запросить у пользователя его возраст и определить, кем он является: ребенком (0–2), подростком (12–18), взрослым (18_60) или пенсионером (60– ...). 2. Запросить у пользователя число от 0 до 9 и вывести ему спецсимвол, который расположен на этой клавише (1–!, 2–@, 3–# и т. д). 3. Запросить у пользователя трехзначное и число и проверить, есть ли в нем одинаковые цифры. 4. Запросить у пользователя год и проверить, високосный он или нет. Високосный год либо кратен 400, либо кратен 4 и при этом не кратен 100. 5. Запросить у пользователя пятиразрядное число и определить, является ли оно палиндромом. 6. Написать конвертор валют. Пользователь вводит количество USD, выбирает, в какую валюту хочет перевести: EUR, UAN или AZN, и получает в ответ соответствующую сумму. 7. Запросить у пользователя сумму покупки и вывести сумму к оплате со скидкой: от 200 до 300 – скидка будет 3%, от 300 до 500 – 5%, от 500 и выше – 7%. 8. Запросить у пользователя длину окружности и периметр квадрата. Определить, может ли такая окружность поместиться в указанный квадрат. 9. Задать пользователю 3 вопроса, в каждом вопросе по 3 варианта ответа. За каждый правильный ответ начисляется 2 балла. После вопросов выведите пользователю количество набранных баллов. 10. Запросить дату (день, месяц, год) и вывести следующую за ней дату. Учтите возможность перехода на следующий месяц, год, а также високосный год

javascript_3

team-project

Десктопная программа на WPF для бронирования аудиторий для консультаций.

tmpr