четверг, 19 августа 2021 г.

суббота, 24 июля 2021 г.

Створення логотипу до сайту власної студії у 2021 році

Вашій увазі представляю етапи створення логотипу власної студії. 


В основі логотипу лежать три перші букви від моїх фамілії, ім'я та по батькові: Драган Максим Петрович - скорочено МПД - MPD.


В кінці вийшов логотип у вигляди риби, у якому зашифровано наведені вище три літери.

План відеокурсу по веб-розробці сайту власної студії (робочий варіант)

Відеокурс по веб-розробці сайту студії Максима Драгана

План відеокурсу

Частина І

0. Введення.

1. Створення та заповнення ТЗ (технічного завдання) (Бріф) сайту. Ідеї.

2. Веб-дизайн.

Теорія.

2.1. Основи-веб-дизайна.

Колір.

Шрифти. Типографіка.

Іконографіка.

2.2. Основи роботи в Figma (Photoshop).

Практика.

2.3. Розробка веб-дизайну сайта власної студії.

--- Суміжні сайти.

2.3.1. Створення прототипу сайту студії.

--- Вибір виду сайту: лендінг, многосторінковий сайт.

--- Розробка шапки сайту.

---- Створення логотипу.

---- Розробка меню сайту.

--- Розділи (блоки) сайту:

---- Про мене. Резюме.

---- Портфоліо.

---- Переваги роботи зі мною.

---- Послуги.

---- Магазин.

---- Блог (повідомлення, статті, новини).

---- Спонсорувати.

--- Футер.

2.3.2. Створення макету сайта.

--- Підбір кольорової гами сайту.

--- Підбір та створення фотографій, ілюстрацій, 3D-ілюстрацій.

--- Підбір та створення іконок для сайту.

--- Вибір шрифтів.

# Копірайтінг. Написання тексту для розділів сайту.

2.4. Створення мокапу розробленного сайту студії, розміщення його на behance.

Домашнє завдання: 

1. Вибрати тему та вид сайту, який ви хочете розробити та визначитися з його розділами (блоками, екранами). 

2. Створити прототип та макет власного сайту. 

3. Створити мокап власного сайту та розмістити його на behance. 

3. Верстка.

Теорія.

3.1. Основи верстки.

Практика. 

3.2. Верстання сайту студії та розміщення його на github.

Домашнє завдання

1. Зверстати власний сайт та розмістити його на github.

4. Додавання власного проекту до свого портфоліо та пошук роботи в веб-студії чи фрілансі.

Домашнє завдання

1. Додати власний проект до свого портфоліо та пошук роботи в веб-студії чи фрілансі.

пятница, 23 июля 2021 г.

Проект (робочий варіант) Життя риб (в озері, річці, акваріумі) в Scratch

 Проект Життя риб в ідеальному середовищі (в Раю)(в озері, річці, акваріумі) в Scratch

План роботи

1. Теорія.

Що таке Scratch? Навіщо? Як в ньму працювати - малювати, програмувати.

2. Практика.

Мета, ціль: розробити програму в програмному середовищі Scratch,  яка відтворює життя

риб у природі. 

Навіщо? 

Вивчити біологію життя риб. Програма є початковим етапом вивчення життя на планеті Земля. Змоделювати процес життя, його цикли. 

Що хочимо зробити? 

1. Зміна день та ніч. Вночі (вранці, ввечері) риби кормляться (їжа падає - риба шукає її на дні - находить та їсть (показати як доторкуються до їжі і їжа зникає), а вдень відпочивають (пливуть у водорослі і сплять - завмирають трохи підтримуючи себе хвостом - рухаючи). 

Коли наїлися, то просто плавають у воді.

2. Іжа потрапляє з повітря, з верху.

3. Ростуть водорослі під водою та колишуться, та камиш над водою та колишеться від вітру.

4. Риби випускають повітря (дихають) - підіймаються бульбашки.

Порядок виконання роботи

Як (що) робили та будемо робити

1. Створили сцену - тло1 - вид озера вдень - світле озеро - синє - градієнт - вверху сонячно, внизу на дні синь.

2. Створили двух риб - сім'я - намалювали в редакторі - одна більша - чоловік, друга менша - жінка.

3. Запрограмували вільний рух риб в озері (навести код програми).

4. Створили їжу - намалювали її в редакторі. Запрограмували її падати згори екрана на дно, та пропадати (треба щоб накоплювалась). Цикл повторюється. Їжа падає в випадковому місці.

5. Створили тло2 - нічь - градієнт чорного та синьго. Зірки на небі та відбіваються у воді.

6. Відбувається зміна дня і ночі - запрограмували (навести код).

Подальша робота - дивитись у що хочимо зробити?

среда, 21 июля 2021 г.

Робимо простий годинник на Javascript

Годинник виконанний за допомогою матеріалу, взятого з сайту 
https://greencomet.net/ru/javascript/simple-javascript-clock, а неонове свечіння з https://wp-lessons.com/effekt-neonovogo-teksta-s-pomoshhyu-cssСам годинник розміщено в правій боковій панелі цього сайту. 

<style>
    #clock { 
        color:#fff;
        font-size24px;
        font-weight100;
        background-color:rgb(23017629);
        padding:5px;
        width:90px;
    }
</style>

<div id="clock"></div>

<script>
    function clock(){
        let date = new Date(),
            hours = date.getHours(),
            minutes = date.getMinutes(),
            seconds = date.getSeconds();
        if (hours<10) hours='0' + hours;
        if (minutes<10) minutes='0' + minutes;
        if (seconds<10) seconds='0' + seconds;

        let time = hours + ':' + minutes + ':' + seconds;

        document.getElementById('clock').innerText = time;

        setTimeout(() =>{
            clock();
        }, 1000);

    }

    clock();

    </script>

понедельник, 19 июля 2021 г.

Створення свого простого графічного редактора на Python

Матеріал статті взятий з https://www.youtube.com/watch?v=pHTIFxGQAws&list=PL2_WTnP_CpnsnggVoFY9xK4wrhxwiezr7&index=9.


В данній статті наводиться код простого графічного редактору, написанний на Python.


from tkinter import *


canvas_width = 1000

canvas_height = 700

brush_size = 3

color ="black"


def paint(event):

    global brush_size

    global color

    x1=event.x-brush_size

    x2=event.x+brush_size

    y1=event.y-brush_size

    y2=event.y+brush_size

    w.create_oval(x1,y1,x2,y2,fill=color,outline=color)