В рамках засідання гуртка "SMART" учасники познайомились із важливими інструментами для створення дизайнів веб-сторінок та графічних макетів. Цього разу увага була зосереджена на використанні Figma – популярного онлайн-інструменту для дизайну та прототипування, а також на важливості аспектного співвідношення зображень (Aspect Image Ratio) при створенні макетів.

У ході засідання учасники:

1. Ознайомилися з можливостями Figma, вивчили основні інструменти для створення та редагування графічних елементів, таких як фігури, текстові блоки, лінії, а також як працювати з шарами та групами елементів.

2. Навчилися використовувати Aspect Image Ratio, що є важливим аспектом дизайну, для збереження правильних пропорцій зображень при їх зміні розміру. Це дозволяє уникнути деформацій і забезпечити естетичний вигляд веб-сторінок та додатків.

3. Створили макет веб-сторінки, використовуючи принципи сучасного дизайну, включаючи розташування елементів за допомогою сіток і блоків, а також застосування правильних пропорцій для зображень, щоб макет був зручним для користувачів на різних пристроях.

4. Розглянули принципи адаптивного дизайну, що дозволяють макетам виглядати коректно на різних екранах.…

В рамках засідання гуртка "SMART" учасники продовжили знайомство з веб-розробкою, цього разу зосередившись на створенні стилів для HTML-сторінок за допомогою CSS. Метою зустрічі було навчитися оформлювати веб-сторінки та створювати привабливі, функціональні дизайни.

Під час засідання учасники:

1. Ознайомилися з основами CSS, зокрема з методами підключення стилів до HTML-сторінки (вбудовані стилі, зовнішні файли, внутрішні стилі).

2. Вивчили основні властивості CSS, такі як color, font-family, background, margin, padding, border, які дозволяють змінювати вигляд тексту, фону, відступів і елементів на сторінці.

3. Попрактикувалися в налаштуванні шрифтів та кольорів на сторінці, використовуючи різні шрифтові стилі та кольорові схеми.

4. Створили свої перші блоки і макети, додаючи CSS для вирівнювання елементів, створення ліній і рамок, а також використовуючи стилі для кнопок та посилань.

На засіданні гуртка "SMART" учасники займалися практичним створенням базової HTML-сторінки. Метою засідання було ознайомлення з основами веб-розробки та навичками створення простих веб-сторінок за допомогою HTML.

У ході засідання учасники:

1. Познайомилися з базовими елементами HTML, такими як теги для заголовків, параграфів, списків, зображень та гіперпосилань.

2. Створили просту структуру веб-сторінки, де застосували основні теги для форматування тексту та додавання зображень.

3. Навчилися працювати з атрибутами тегів, такими як src для зображень, href для посилань, і зрозуміли, як вони впливають на вигляд сторінки.

4. Попрактикувалися в налаштуванні основного стилю сторінки за допомогою простих CSS-правил для зміни шрифтів, кольорів та відступів.