Оглавление

• Глава 7 – Редактор векторной графики Draw
  • Что такое Draw?
  • Главное окно Draw
    • Рабочая область
    • Панель страниц
    • Боковая панель
    • Линейки
    • Строка состояния
    • Панели инструментов
      • Стандартная панель инструментов
      • Панель инструментов Рисование
      • Панель инструментов Линии и заливка
      • Панель инструментов Форматирование текста
      • Панель инструментов Параметры
  •  

21.1. Блокова модель CSS.

Верстка сайту на сьогоднішній день може бути виконана безліччю різних способів. Розглянемо найпоширеніші з них.

• HTML-верстка сайту. HTML-верстка сайту - це верстка сайту на основі мови гіпертекстової розмітки HTML. Залежно від основних елементів html, що використовуються при верстці сайту, виділяють табличну html-верстку й блокову html-верстку.
• Таблична верстка сайту - це верстка, при якій структура сторінки сайту представлена у вигляді таблиці. Кожний елемент сторінки - це одна або кілька комірок таблиці. Таблична верстка сайту зручна й широко застосовується верстальниками, однак вона не завжди може задовольнити потреби сайту зі швидкості завантаження, наприклад.
• CSS-верстка сайту. CSS-верстку іноді виділяють в окремий вид верстки сайту, хоча в сучасному веб-дизайні каскадні таблиці стилів (css) використовуються практично при будь-якій верстці. Каскадні таблиці стилів описують зовнішній вигляд сторінок сайту, написаних мовою розмітки: HTML, XHTML, XML.
• Блокова верстка сайту, або як її ще називають верстка div'ами, - це верстка сайту на основі елементів <div>. Така верстка сайту має ряд переваг: стислість коду, висока швидкість завантаження коду й т.д.

<div id="blok1"> вміст блоку 1</div>

<div id="blok2"> вміст блоку 2</div>

<div id="blok3"> вміст блоку 3</div>

Создать QR код онлайн

QR код создаётся автоматически. Главное ввести нужный текст, нажать кнопку ОК внизу страницы. Остальные настройки выставлены по умолчанию.

Пример стандартного QR кода чёрного цвета (hex: #000000), синего (hex: #000080) и фиолетового (hex: #800080), в которых закодирована ссылка на этот сайт:
  

Разрезать фото на равные части онлайн

Главное нужно указать картинку на вашем компьютере или телефоне, при необходимости указать, сколько частей должно быть по ширине и высоте, нажать кнопку ОК, подождать пару секунд, скачать результат. Остальные настройки уже выставлены по умолчанию. Ещё есть обычная обрезка фотографии, где можно указать, сколько % или пикселей нужно обрезать с каждой стороны.

Пример фотографии до и после разрезания на две равные части по вертикали, настройки выставлены по умолчанию:
  

На этом сайте можно разрезать фото ещё и так, первая нижеперечисленная картинка разрезана на девять частей одинакового размера (формат 3x3), вторая картинка разрезана на две равные части по горизонтали (формат 1x2):

Таблиці та списки на веб-сторінках