InfoBlog

Публікації

Як вставити відео на веб-сторінку

Одним з компонентів веб-сторінки може бути вставлене відео, перегляд якого є можливим не за посиланням, а безпосередньо на самій сторінці. Для цього існує два основних способи, які найчастіше використовуються. Спосіб 1. Відеофайл У цьому випадку сам відеофайл розміщується в одній з папок самого сайту з назвою, наприклад, video аналогічно до того, як використовувані в подальшому на сайті зображення збираються в окрему папку, а для безпосереднього вставлення цього файлу на веб-сторінку використовується тег <video> . <video src="video/movie1.mp4"> Відеофайл, вставлений таким чином, неможливо переглянути, оскільки він не міститиме елементів керування ( перемотка, гучність тощо ). Для того, щоб ці елементи з'явилися, необхідно дописати атрибут controls : <video src="video/movie1.mp4" controls> Отепер уже інша справа. Спосіб 2: Відеовставка Суть у тому, що відео, яке буде використане на сайті, завантажується на один з відеохостингів, наприклад, н...

Докладніше

Веб-сторінка як мольберт. Учимося малювати

Як правило, зображення на веб-сторінку вставляють уже готовим: прописується відповідний тег <img> і додається його адреса. На тому і все. Але може скластися така ситуація, коли зображення не є художньо складним, але при цьому повинне бути інтерактивним, коли його потрібно змінювати в залежності, наприклад, від даних, які вносить користувач на сторінці. У цьому випадку "намалювати" простеньку картинку можна одразу на веб сторінці засобами Java Script. Розберемося, як це робиться. Перш за все потрібно підготувати місце для малювання. Таким "мольбертом" на веб-сторінці є спеціальне поле canvas ( з англ. - полотно ). Створення полотна За замовчуванням елемент canvas створює прямокутну область, яка не має ані власного контенту, ані рамок. Основними атрибутами цього елементу є ширина і довжина, якщо вони спеціально не оголошені, то розмір полотна тоді буде 300 рх на 150 рх. Для розміщення полотна на веб-сторінці записуємо такий код: <body> <center...

Докладніше

Створення інтерактивної веб-сторінки, що містить форму

Наявність на вашому сайті форми, за допомогою якої користувач може виконати якісь обчислення, є досить зручним компонентом. Такі форми розміщують не тільки на спеціалізованих математичних сайтах типу formula.co.ua , а й, наприклад, на сайтах банків , для попереднього прораховування клієнтом свого депозиту або ж таким прикладом є пенсійний калькулятор на сайті Пенсійного фонду України. Насправді, створити такий калькулятор не дуже складно. Потрібна тільки форма і трохи JavaScript. Отже, створимо для прикладу простенький калькулятор, за допомогою якого можна буде розв'язати квадратне рівняння за його коефіцієнтами. Наша інтерактивна веб-сторінка потребуватиме двох файлів: власне, html-сторінка, на якій буде розміщено форму, і js-файл з програмним кодом скрипта, що виконуватиме обчислення. Розробка форми Для розміщення форми веб-сторінці є спеціальний парний тег <form> , яким позначається початок і кінець її розташування: <!DOCTYPE html> <html lang="en"> ...

Докладніше

Як виготовляють флешки і карти пам'яті

Докладніше

Створення горизонтальних та вертикальних меню

Наявність меню на сайті, практично в усіх випадках, є обов'язковим його компонентном, оскільки саме воно виконує важливу роль у навігації по сайту. В залежності від компоновки сайту, це меню може бути горизонтальним або вертикальним ( хоча, на деяких сайтах бувають присутні й обидва його види ). Розберемо основні підходи щодо його створення. Вертикальне меню Використання переліку гіперпосилань Найпростішим способом створити вертикальне меню є такий: наставити гіперпосилань, які приводитимуть на інші сторінки сайту, а потім "підправити" усе це за допомогою стилів. В потрібному місці нашого сайту розміщуємо код списку: <div class="vertical-menu"> <a href="#" class="active">Home</a> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> <a href="#">Link 4</a> </div> Home Link 1 Link 2 Li...

Докладніше

Підбирання розв'язків рівнянь

Для розв'язування рівняння, тобто знаходження усіх значень змінної, при яких утворюється правильна рівність, є багато різних способів, застосування яких залежить від типу рівняння. Однак, для обчислення коренів рівнянь у математиці практично ніколи не використовується найочевидніший спосіб розв'язування: просто підібрати таке число. Чому так? Та з тієї простої причини, що це досить довго, адже усіх чисел, які можуть стати коренями рівняння надзвичайно багато. Скільки часу знадобиться для підбирання коренів рівняння з областю допустимих значень ? Очевидно, що так само безліч! Для ручного розв'язування рівнянь такий підхід є неприйнятним ( окрім, хіба що, деяких окремих випадків, коли ніяких інших методів просто не існує ), а от, якщо призначити таке завдання комп'ютеру, то, чому б і ні? Адже, швидкість перебирання усіх варіантів комп'ютером значно швидша за перебирання імовірних варіантів вручну! Розглянемо на прикладі, як можна розв'язати рівняння вищезазначени...

Докладніше

Використання безплатного хостингу на zzz.com.ua

Уже досить тривалий час zzz.com.ua надає професійні хостингові послуги. Тут веб-розробникам пропонуються безкоштовні і платні пакети послуг, а також домени та сервери VPS. Міжнародна команда забезпечує надання послуг у широкому колі країн, до якого на даний момент входять Польща, Україна, Росія, Південна Америка, Африка і країни Близького Сходу. Особливістю сервісу є легкість створення нового облікового запису, швидкість реакції хостингу на зміни, внесені в код вашого сайту, наявністю безплатного пробного періоду хостингу й відносно невелика вартість хостингу після його завершення. Для розміщення свого сайту на хостингу, що належить zzz.com.ua спочатку потрібно зареєструватися: Далі обираємо ім'я для свого сайту й клікаємо на кнопці Free : Після цього завершуємо реєстрацію і задаємо свої особисті дані, створюючи таким чином свій обліковий запис: Не забудьмо отримати код підтвердження, який прийде на зазначену вами електронну адресу: ...і поставити позначку, що ви не робот. В самом...

Докладніше

Просте випадне горизонтальне меню на блоках

Якщо меню вашого сайту містить посилання як на його сторінки так і на підсторінки, тоді доречним буде створення відповідного типу меню, яке б відображувало структуру сайту й забезпечувало швидкий перехід одразу на потрібну сторінку. Реалізувати таке можна за допомогою випадного меню, коли при наведенні вказівника миші на один з його пунктів розкриватимуться інші підпункти. Один з простих варіантів - використати блокову розмітку. Отже, принцип такий: кожний пункт меню розміщуємо в одному блоці, а підменю - в другому. Блок з підменю приховуємо, а потім, при наведенні вказівника мишки на перший блок забезпечимо відображення другого. ➊ Створюємо головний блок, в якому розмістяться ще два блоки нашого горизонтального меню: <div id="container"> <div id="first"></div> <div id="second"></div> </div> Назвемо головний блок container , а вкладені блоки - first і second ...

Докладніше