Veebiteenused õppimiseks

https://www.google.com/Otsing internetis/päringu koostamine
https://www.slideshare.net/
https://www.canva.com/ru_ru/
https://www.mentimeter.com/		Interaktivsed esitlused
https://www.gliffy.com/
https://www.lucidchart.com		Skeemid/planid/joonised/algorütmide joonistamine
https://www.desmos.com/?lang=ruMatemaatika
https://create.kahoot.it/auth/login
google fors
https://quizizz.com/?lng=ru
https://learningapps.org/		Küsimustikud/mängud/viktoriinid/
ristsõnad
https://wordart.com/Sõnade pilv
https://www.deepl.com/ru/translatorTõlkija
https://www.photopea.com/Piltide töötlus
https://chatgpt.com/
https://www.mockaroo.com/		AI
https://translit.net/Tanlit
https://screenpal.com/Ekraani video loomine

Ülesanne

Kasuta 2 veebivahendit (1-varem nimetatud ja oma poolt valitud) tee näidis, kuidas kasutada.

1)AI

Попросил сгенерировать чат GPT простой код одна строничного сайта.


<!DOCTYPE html>
<html lang=”ru”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta http-equiv=”X-UA-Compatible” content=”ie=edge”>
<title>Одностраничный сайт</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}

header {
background-color: #333;
color: white;
padding: 20px;
text-align: center;
}

nav {
text-align: center;
background-color: #444;
padding: 10px 0;
}

nav a {
color: white;
text-decoration: none;
margin: 0 15px;
font-size: 18px;
}

section {
padding: 50px;
text-align: center;
}

section#about {
background-color: #fff;
}

section#services {
background-color: #f0f0f0;
}

section#contact {
background-color: #fff;
}

footer {
text-align: center;
padding: 20px;
background-color: #333;
color: white;
}

.container {
max-width: 1000px;
margin: 0 auto;
}
</style>
</head>
<body>

<header>
<h1>Добро пожаловать на наш сайт</h1>
</header>

<nav>
<a href=”#about”>О нас</a>
<a href=”#services”>Услуги</a>
<a href=”#contact”>Контакты</a>
</nav>

<section id=”about” class=”container”>
<h2>О нас</h2>
<p>Мы предоставляем лучшие услуги для наших клиентов. Наш опыт и профессионализм говорят сами за себя.</p>
</section>

<section id=”services” class=”container”>
<h2>Наши услуги</h2>
<p>Предлагаем широкий спектр услуг для вашего бизнеса, включая веб-разработку, маркетинг и поддержку клиентов.</p>
</section>

<section id=”contact” class=”container”>
<h2>Свяжитесь с нами</h2>
<p>Вы можете связаться с нами по телефону +7 (123) 456-7890 или по электронной почте info@example.com.</p>
</section>

<footer>
<p>&copy; 2024 Все права защищены</p>
</footer>

</body>
</html>

Вот пример простого кода для одностраничного сайта на HTML и CSS:

htmlКопировать код<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Одностраничный сайт</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }

        header {
            background-color: #333;
            color: white;
            padding: 20px;
            text-align: center;
        }

        nav {
            text-align: center;
            background-color: #444;
            padding: 10px 0;
        }

        nav a {
            color: white;
            text-decoration: none;
            margin: 0 15px;
            font-size: 18px;
        }

        section {
            padding: 50px;
            text-align: center;
        }

        section#about {
            background-color: #fff;
        }

        section#services {
            background-color: #f0f0f0;
        }

        section#contact {
            background-color: #fff;
        }

        footer {
            text-align: center;
            padding: 20px;
            background-color: #333;
            color: white;
        }

        .container {
            max-width: 1000px;
            margin: 0 auto;
        }
    </style>
</head>
<body>

    <header>
        <h1>Добро пожаловать на наш сайт</h1>
    </header>

    <nav>
        <a href="#about">О нас</a>
        <a href="#services">Услуги</a>
        <a href="#contact">Контакты</a>
    </nav>

    <section id="about" class="container">
        <h2>О нас</h2>
        <p>Мы предоставляем лучшие услуги для наших клиентов. Наш опыт и профессионализм говорят сами за себя.</p>
    </section>

    <section id="services" class="container">
        <h2>Наши услуги</h2>
        <p>Предлагаем широкий спектр услуг для вашего бизнеса, включая веб-разработку, маркетинг и поддержку клиентов.</p>
    </section>

    <section id="contact" class="container">
        <h2>Свяжитесь с нами</h2>
        <p>Вы можете связаться с нами по телефону +7 (123) 456-7890 или по электронной почте info@example.com.</p>
    </section>

    <footer>
        <p>&copy; 2024 Все права защищены</p>
    </footer>

</body>
</html>

Описание:

  1. HTML структура:
    • header: Содержит заголовок сайта.
    • nav: Навигация по странице с якорными ссылками.
    • section: Три секции — “О нас”, “Услуги”, “Контакты”.
    • footer: Футер с копирайтом.
  2. CSS стили:
    • Основные стили для шрифтов, цвета фона и отступов.
    • Стили для навигации и секций.
    • Установка ширины контейнера для центрирования содержимого.

Этот код можно адаптировать и модифицировать для разных целей, добавляя больше секций, элементов или интерактивности с помощью JavaScript.

2) https://tineye.com/
Это полезный сайт который эсли у вас допустим есть картинка но она в плохом качестве или с разными фильтрами итд а вам нужна это картинка без фильров, в хорошом качестве. То вам просто надо будет нажать UpLooad вставить эту картинку и он даст все вариацыи это картинки.

Пример картинки которая мне понравилась но до убрать слова.


Найденая этим приложением картинка без слов.