<!DOCTYPE html>
<html lang="tr" >
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Teknoloji Dersi - Teknoloji, bilişim, yazılım ve kodlama alanlarında güncel bilgiler, eğitim içerikleri ve pratik ders anlatımları sunar. Geleceğin dijital dünyasına güçlü bir adım atın!&quot;</title>
<meta name="description" content="Teknoloji Tasarım ve Bilişim Teknolojileri Ders Notları"/>
<meta name="keywords" content="Teknoloji dersi, Bilişim Teknolojileri, Teknoloji ve Tasarım, İcat, Proje"/>
<meta name="author" content=""/>
<meta name="robots" content="all">
<meta property="og:locale" content="tr_TR"/>
<meta property="og:site_name" content=""/>
<meta name="X-CSRF-TOKEN" content="2c5283c7394b139efbfeb83efd17f8e8">
<meta property="og:image" content="https://teknolojidersi.com/uploads/logo/logo_681e59b8c82b17-34950741.png"/>
<meta property="og:image:width" content="200"/>
<meta property="og:image:height" content="50"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="Teknoloji Dersi - Teknoloji, bilişim, yazılım ve kodlama alanlarında güncel bilgiler, eğitim içerikleri ve pratik ders anlatımları sunar. Geleceğin dijital dünyasına güçlü bir adım atın!&quot;"/>
<meta property="og:description" content="Teknoloji Tasarım ve Bilişim Teknolojileri Ders Notları"/>
<meta property="og:url" content="https://teknolojidersi.com/"/>
<meta property="fb:app_id" content=""/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@"/>
<meta name="twitter:title" content="Teknoloji Dersi - Teknoloji, bilişim, yazılım ve kodlama alanlarında güncel bilgiler, eğitim içerikleri ve pratik ders anlatımları sunar. Geleceğin dijital dünyasına güçlü bir adım atın!&quot;"/>
<meta name="twitter:description" content="Teknoloji Tasarım ve Bilişim Teknolojileri Ders Notları"/>
<link rel="shortcut icon" type="image/png" href="https://teknolojidersi.com/uploads/logo/favicon_6817eead420788-58323119.png"/>
<link rel="canonical" href="https://teknolojidersi.com"/>
<link rel="alternate" href="https://teknolojidersi.com/" hreflang="tr_TR"/>
<style>@font-face {font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://teknolojidersi.com/assets/fonts/inter/inter-400.woff2') format('woff2'), url('https://teknolojidersi.com/assets/fonts/inter/inter-400.woff') format('woff')}  @font-face {font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('https://teknolojidersi.com/assets/fonts/inter/inter-600.woff2') format('woff2'), url('https://teknolojidersi.com/assets/fonts/inter/inter-600.woff') format('woff')}  @font-face {font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('https://teknolojidersi.com/assets/fonts/inter/inter-700.woff2') format('woff2'), url('https://teknolojidersi.com/assets/fonts/inter/inter-700.woff') format('woff')}</style>
<style>@font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://teknolojidersi.com/assets/fonts/open-sans/open-sans-400.woff2') format('woff2'), url('https://teknolojidersi.com/assets/fonts/open-sans/open-sans-400.woff') format('woff')}  @font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('https://teknolojidersi.com/assets/fonts/open-sans/open-sans-600.woff2') format('woff2'), url('https://teknolojidersi.com/assets/fonts/open-sans/open-sans-600.woff') format('woff')}  @font-face {font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('https://teknolojidersi.com/assets/fonts/open-sans/open-sans-700.woff2') format('woff2'), url('https://teknolojidersi.com/assets/fonts/open-sans/open-sans-700.woff') format('woff')}</style>
<link href="https://teknolojidersi.com/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="https://teknolojidersi.com/assets/themes/magazine/css/style-2.4.1.min.css" rel="stylesheet">
<style>:root {--vr-font-primary:  "Open Sans", Helvetica, sans-serif;--vr-font-secondary:  "Inter", sans-serif;;--vr-font-tertiary:  Verdana, Helvetica, sans-serif;--vr-theme-color: #0c9cf1;--vr-block-color: #454d52;--vr-mega-menu-color: #454d52;} .section-videos .video-large .image {height: 100% !important;}
.bn-ds-1{width: 728px; height: 90px;}.bn-mb-1{width: 300px; height: 250px;}.modal-newsletter .image {background-image: url('https://teknolojidersi.com/assets/img/newsletter.webp');}</style>
<style>.nav-link{transition:none!important}#nav-top{background-color:#fff!important}#header{background-color:var(--vr-block-color)!important}.mega-menu .menu-left{background-color:var(--vr-mega-menu-color)}.nav-mobile{background-color:var(--vr-mega-menu-color)}.nav-mobile .nav-item .nav-link{color:#fff}.nav-mobile .profile-dropdown-mobile .menu-sub-items .dropdown-item{color:#fff}.nav-mobile .profile-dropdown-mobile{border-bottom:1px solid var(--vr-block-color)}.nav-mobile .btn-default{background-color:var(--vr-theme-color)!important;border-color:var(--vr-theme-color)!important;color:#fff!important}#nav-top .navbar-nav .nav-item .nav-link{color:#222!important;font-weight:600;font-size:13px;padding:6px 0}#nav-top .navbar-nav .nav-item svg{color:#222}#nav-top .navbar-nav .nav-item .nav-link:hover,#nav-top .navbar-nav .nav-item .nav-link:active,#nav-top .navbar-nav .nav-item .nav-link:focus{color:#444!important}.profile-dropdown > a img{border:1px solid #d5d5d5}.profile-dropdown .dropdown-menu{top:0!important}.nav-main .navbar-nav .nav-link{padding:10px 14px;font-size:12px;color:#fff}.nav-main .navbar-right .nav-link{color:#fff!important}.nav-main .search-icon svg{width:20px;height:20px}.nav-main{border-bottom:0}.news .mega-menu{border-top:0;top:0}.mega-menu .menu-left{background-image:linear-gradient(rgba(0,0,0,0.09) 0 0)}.mega-menu .menu-left a{color:#fff;transition:none!important}.badge-category{text-transform:uppercase;font-size:11px}.section-featured .col-featured-left{width:50%!important;padding-right:20px!important}.section-featured .col-featured-right{width:25%!important;padding-left:0!important;padding-right:20px!important}.section-featured .col-featured-right .col-first .item{margin-bottom:20px}.top-headlines{display:block;position:relative;width:25%!important;padding-left:0!important}.top-headlines .top-headlines-title{margin-bottom:15px;font-size:30px;font-weight:700;letter-spacing:-1px;line-height:1}.top-headlines .items{width:100%;height:482px;display:flex;flex-flow:column wrap;overflow:hidden}.top-headlines .item{display:block;width:100%;position:relative;padding-top:12px;margin-top:12px;border-top:1px solid #ececec}.top-headlines .item-first{border:0!important;padding-top:0;margin-top:0}.top-headlines .item .title{margin-top:0;margin-bottom:3px;font-size:14px;line-height:19px;font-weight:600!important}.top-headlines .item .category{margin-right:5px;font-size:11px;line-height:1;font-weight:600;text-transform:uppercase;letter-spacing:-.4px}.top-headlines .item .date{font-size:11px;font-weight:600;line-height:1;color:#555;letter-spacing:-.4px}.header-mobile svg{color:#fff!important;stroke:#fff!important}.header-mobile-container{border-bottom:0}.top-headlines .item .category{color:var(--vr-theme-color)!important}.header-mobile,.mobile-search-form{background-color:var(--vr-block-color)!important}@media (min-width: 767.98px){.section-featured .col-featured-right .item{height:253px}}@media (max-width: 1399.98px){.section-featured .col-featured-right .item{height:217px}}@media (max-width: 1199.98px){.nav-main .navbar-nav .nav-link{padding:10px 8px}.top-headlines .items{height:410px}}@media (max-width: 991.98px){.news #header{background-color:transparent!important}.section-featured .col-featured-left{width:100%!important;padding-right:0!important}.section-featured .col-featured-right{width:100%!important;padding:0!important}.section-featured .col-featured-right .row{--bs-gutter-x:.25rem}.section-featured .col-featured-right .col-12{width:50%!important}.top-headlines{width:100%!important;padding:0 15px!important;margin-top:10px;margin-bottom:10px}.top-headlines .items{height:auto}}@media (max-width: 575.98px){.section-featured .col-featured-right .item .post-meta{display:none}.col-featured-right .item .caption .title{font-size:14px;line-height:18px}.section-featured .col-featured-right .item{height:210px}}@media (max-width: 427.98px){.section-featured .col-featured-right .item{height:185px}}
</style><script>var VrConfig = {baseURL: 'https://teknolojidersi.com', csrfTokenName: 'csrf_token', sysLangId: '2', authCheck: 0, rtl: false, isRecaptchaEnabled: '0', categorySliderIds: [], textOk: "TAMAM", textYes: "Evet", textCancel: "İptal Et", textCorrectAnswer: "Doğru Cevap", textWrongAnswer: "Yanlış Cevap"};</script></head>
<body class="news  ">
<div id="nav-top" class="d-flex align-items-center">
<div class="container-xl d-flex justify-content-center justify-content-between">
<div class="d-flex align-items-center">
<ul class="navbar-nav flex-row top-left">
<li class="nav-item"><a href="https://teknolojidersi.com/iletisim" class="nav-link">İletişim</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/gizlilik-politikasi" class="nav-link">Gizlilik Politikası</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/hakkimizda" class="nav-link">Hakkımızda</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/kullanim-sartlari" class="nav-link">Kullanım Şartları</a></li>
</ul>
</div>
<div class="d-flex align-items-center">
<ul class="navbar-nav flex-row flex-wrap ms-md-auto align-items-center">
<li class="nav-item display-flex align-items-center"><a href="#" class="nav-link" data-bs-toggle="modal" data-bs-target="#modalLogin">Giriş Yap</a><span class="span-login-sep">&nbsp;/&nbsp;</span><a href="https://teknolojidersi.com/Kayıt ol" class="nav-link">Kayıt Ol</a></li>
<li class="nav-item display-flex align-items-center m0">
<form action="https://teknolojidersi.com/switch-dark-mode" method="post">
<input type="hidden" name="csrf_token" value="2c5283c7394b139efbfeb83efd17f8e8"><input type="hidden" name="back_url" value="https://teknolojidersi.com/">
<button type="submit" name="theme_mode" value="dark" class="btn-switch-mode" aria-label="switch-mode">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" class="dark-mode-icon" viewBox="0 0 16 16">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
</svg>
</button>
</form>
</li>
</ul>
</div>
</div>
</div><header id="header" >
<div class="navbar navbar-expand-md nav-main">
<nav class="container-xl">
<a href="https://teknolojidersi.com" class="navbar-brand p-0">
<img src="https://teknolojidersi.com/uploads/logo/logo_681e59b8c82b17-34950741.png" alt="logo" class="logo" width="200" height="50">
</a>
<div class="collapse navbar-collapse">
<ul class="navbar-nav navbar-left display-flex align-items-center">
<li class="nav-item nav-item-category nav-item-category-1" data-category-id="1">
<a href="https://teknolojidersi.com/7.sinifteknolojivetasarim" class="nav-link" data-toggle="dropdown" role="button" aria-expanded="false">7.Sınıf Teknoloji ve Tasarım<i class="icon-arrow-down"></i></a>
</li>
<li class="nav-item nav-item-category nav-item-category-15" data-category-id="15">
<a href="https://teknolojidersi.com/8sinif-teknoloji-ve-tasarim" class="nav-link" data-toggle="dropdown" role="button" aria-expanded="false">8.Sınıf Teknoloji ve Tasarım<i class="icon-arrow-down"></i></a>
</li>
<li class="nav-item nav-item-category nav-item-category-20" data-category-id="20">
<a href="https://teknolojidersi.com/projeler" class="nav-link" data-toggle="dropdown" role="button" aria-expanded="false">Projeler<i class="icon-arrow-down"></i></a>
</li>
<li class="nav-item nav-item-category nav-item-category-21" data-category-id="21">
<a href="https://teknolojidersi.com/icatlar" class="nav-link" data-toggle="dropdown" role="button" aria-expanded="false">İcatlar<i class="icon-arrow-down"></i></a>
</li>
<li class="nav-item nav-item-category nav-item-category-22" data-category-id="22">
<a href="https://teknolojidersi.com/videolar" class="nav-link" data-toggle="dropdown" role="button" aria-expanded="false">Videolar<i class="icon-arrow-down"></i></a>
</li>
<li class="nav-item nav-item-category nav-item-category-23" data-category-id="23">
<a href="https://teknolojidersi.com/teknoloji-dersi" class="nav-link" data-toggle="dropdown" role="button" aria-expanded="false">Teknoloji Dersi<i class="icon-arrow-down"></i></a>
</li>
</ul>
<hr class="d-md-none text-white-50">
<ul class="navbar-nav navbar-right flex-row flex-wrap align-items-center ms-md-auto">
<li class="nav-item col-6 col-lg-auto position-relative">
<button type="button" class="btn-link nav-link py-2 px-0 px-lg-2 search-icon display-flex align-items-center" aria-label="search">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</button>
<div class="search-form">
<form action="https://teknolojidersi.com/Arama yap.." method="get" id="search_validate">
<input type="text" name="q" maxlength="300" pattern=".*\S+.*" class="form-control form-input" placeholder="Arama..."  required>
<button class="btn btn-custom" aria-label="search">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</button>
</form>
</div>
</li>
</ul>
</div>
</nav>
</div>

<div class="container-xl">
<div class="mega-menu-container">
<div class="mega-menu mega-menu-1 shadow-sm" data-category-id="1">
<div class="container-fluid">
<div class="row">
<div class="col-3 menu-left vr-scrollbar">
<a href="https://teknolojidersi.com/7.sinifteknolojivetasarim" data-category-filter="all" class="link-sub-category link-sub-category-all active">Tümü</a>
<a href="https://teknolojidersi.com/7.sinifteknolojivetasarim/7sinif-teknoloji-tasarim-ders-notu" data-category-filter="10" class="link-sub-category">7.Sınıf Teknoloji Tasarım Ders Notu</a>
<a href="https://teknolojidersi.com/7.sinifteknolojivetasarim/7sinif-teknoloji-tasarim-sinav-sorulari" data-category-filter="11" class="link-sub-category">7.Sınıf Teknoloji Tasarım Sınav Soruları</a>
<a href="https://teknolojidersi.com/7.sinifteknolojivetasarim/7sinif-teknoloji-tasarim-yillik-plan" data-category-filter="13" class="link-sub-category">7.Sınıf Teknoloji Tasarım Yıllık Plan</a>
<a href="https://teknolojidersi.com/7.sinifteknolojivetasarim/7sinif-teknoloji-tasarim-zumre-toplantisi" data-category-filter="14" class="link-sub-category">7.Sınıf Teknoloji Tasarım Zümre Toplantısı</a>
</div>
<div class="col-12 menu-right">
<div class="menu-category-items filter-all active">
<div class="container-fluid">
<div class="row">
</div>
</div>
</div>
<div class="menu-category-items filter-10">
<div class="container-fluid">
<div class="row">
</div>
</div>
</div>
<div class="menu-category-items filter-11">
<div class="container-fluid">
<div class="row">
</div>
</div>
</div>
<div class="menu-category-items filter-13">
<div class="container-fluid">
<div class="row">
</div>
</div>
</div>
<div class="menu-category-items filter-14">
<div class="container-fluid">
<div class="row">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mega-menu mega-menu-15 shadow-sm" data-category-id="15">
<div class="container-fluid">
<div class="row">
<div class="col-3 menu-left vr-scrollbar">
<a href="https://teknolojidersi.com/8sinif-teknoloji-ve-tasarim" data-category-filter="all" class="link-sub-category link-sub-category-all active">Tümü</a>
<a href="https://teknolojidersi.com/8sinif-teknoloji-ve-tasarim/8sinif-teknoloji-tasarim-ders-notu" data-category-filter="16" class="link-sub-category">8.Sınıf Teknoloji Tasarım Ders Notu</a>
<a href="https://teknolojidersi.com/8sinif-teknoloji-ve-tasarim/8sinif-teknoloji-tasarim-sinav-sorulari" data-category-filter="17" class="link-sub-category">8.Sınıf Teknoloji Tasarım Sınav Soruları</a>
<a href="https://teknolojidersi.com/8sinif-teknoloji-ve-tasarim/8sinif-teknoloji-tasarim-yillik-plan" data-category-filter="18" class="link-sub-category">8.Sınıf Teknoloji Tasarım Yıllık Plan</a>
<a href="https://teknolojidersi.com/8sinif-teknoloji-ve-tasarim/8sinif-teknoloji-tasarim-zumre-toplantisi" data-category-filter="19" class="link-sub-category">8.Sınıf Teknoloji Tasarım Zümre Toplantısı</a>
</div>
<div class="col-12 menu-right">
<div class="menu-category-items filter-all active">
<div class="container-fluid">
<div class="row">
</div>
</div>
</div>
<div class="menu-category-items filter-16">
<div class="container-fluid">
<div class="row">
</div>
</div>
</div>
<div class="menu-category-items filter-17">
<div class="container-fluid">
<div class="row">
</div>
</div>
</div>
<div class="menu-category-items filter-18">
<div class="container-fluid">
<div class="row">
</div>
</div>
</div>
<div class="menu-category-items filter-19">
<div class="container-fluid">
<div class="row">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mega-menu mega-menu-20 shadow-sm" data-category-id="20">
<div class="container-fluid">
<div class="row">
<div class="col-12 menu-right width100">
<div class="menu-category-items filter-all active">
<div class="container-fluid">
<div class="row">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mega-menu mega-menu-21 shadow-sm" data-category-id="21">
<div class="container-fluid">
<div class="row">
<div class="col-12 menu-right width100">
<div class="menu-category-items filter-all active">
<div class="container-fluid">
<div class="row">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mega-menu mega-menu-22 shadow-sm" data-category-id="22">
<div class="container-fluid">
<div class="row">
<div class="col-12 menu-right width100">
<div class="menu-category-items filter-all active">
<div class="container-fluid">
<div class="row">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mega-menu mega-menu-23 shadow-sm" data-category-id="23">
<div class="container-fluid">
<div class="row">
<div class="col-12 menu-right width100">
<div class="menu-category-items filter-all active">
<div class="container-fluid">
<div class="row">
<div class="col-sm-2 menu-post-item width20">
<div class="image">
<a href="https://teknolojidersi.com/teknoloji-ve-tasarim">
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://teknolojidersi.com/uploads/images/202505/image_430x256_681d317d13045.jpg" alt="Teknoloji ve Tasarım" class="img-fluid lazyload" width="232" height="140"/>
</a>
</div>
<h3 class="title"><a href="https://teknolojidersi.com/teknoloji-ve-tasarim">Teknoloji ve Tasarım</a></h3>
<p class="small-post-meta">    <a href="https://teknolojidersi.com/profile/ogretmen" class="a-username">Öğretmen</a>
    <span>Mayıs 9, 2025</span>
    <span><i class="icon-comment"></i>&nbsp;0</span>
    <span class="m-r-0"><i class="icon-eye"></i>&nbsp;9</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div class="header-mobile-container">
<div class="fixed-top">
<div class="header-mobile">
<div class="d-flex justify-content-between align-items-center">
<button type="button" class="menu-button mobile-menu-button" aria-label="menu">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" stroke="#222222" stroke-width="2" height="24" width="24" viewBox="0 0 24 24">
<line x1="2" y1="4" x2="22" y2="4"></line>
<line x1="2" y1="11" x2="22" y2="11"></line>
<line x1="2" y1="18" x2="22" y2="18"></line>
</svg>
</button>
<div class="mobile-logo">
<a href="https://teknolojidersi.com" class="display-inline-block">
<img src="https://teknolojidersi.com/uploads/logo/logo_681e59b8c82b17-34950741.png" alt="logo" class="logo" width="200" height="50">
</a>
</div>
<div class="mobile-search">
<button type="button" class="menu-button mobile-search-button" aria-label="search">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#222222" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</button>
</div>
</div>
<div class="mobile-search-form">
<form action="https://teknolojidersi.com/Arama yap.." method="get" id="search_validate_mobile">
<div class="display-flex align-items-center">
<input type="text" name="q" maxlength="300" pattern=".*\S+.*" class="form-control form-input" placeholder="Arama..."  required>
<button class="btn btn-custom" aria-label="search">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="11" cy="11" r="8"></circle>
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
</svg>
</button>
</div>
</form>
</div>
</div>
</div>
</div>

<div id="navMobile" class="nav-mobile">
<div class="nav-mobile-inner">
<div class="row">
<div class="col-12 m-b-15">
<div class="row">
<div class="col-6">
<a href="#" data-bs-toggle="modal" data-bs-target="#modalLogin" class="btn btn-md btn-custom close-menu-click btn_open_login_modal btn-auth-mobile">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"></path>
<polyline points="10 17 15 12 10 7"></polyline>
<line x1="15" y1="12" x2="3" y2="12"></line>
</svg>&nbsp;
Giriş Yap</a>
</div>
<div class="col-6">
<a href="https://teknolojidersi.com/Kayıt ol" class="btn btn-md btn-custom btn-auth-mobile">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
<circle cx="8.5" cy="7" r="4"></circle>
<line x1="20" y1="8" x2="20" y2="14"></line>
<line x1="23" y1="11" x2="17" y2="11"></line>
</svg>&nbsp;
Kayıt Ol</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 mb-4">
<ul class="nav navbar-nav">
<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle d-flex justify-content-between nav-link" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">
<span>7.Sınıf Teknoloji ve Tasarım</span>
<i class="icon-arrow-down"></i>
</a>
<ul class="dropdown-menu menu-sub-items">
<li class="nav-item"><a href="https://teknolojidersi.com/7.sinifteknolojivetasarim" class="nav-link">Tümü</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/7.sinifteknolojivetasarim/7sinif-teknoloji-tasarim-ders-notu" class="nav-link">7.Sınıf Teknoloji Tasarım Ders Notu</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/7.sinifteknolojivetasarim/7sinif-teknoloji-tasarim-sinav-sorulari" class="nav-link">7.Sınıf Teknoloji Tasarım Sınav Soruları</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/7.sinifteknolojivetasarim/7sinif-teknoloji-tasarim-yillik-plan" class="nav-link">7.Sınıf Teknoloji Tasarım Yıllık Plan</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/7.sinifteknolojivetasarim/7sinif-teknoloji-tasarim-zumre-toplantisi" class="nav-link">7.Sınıf Teknoloji Tasarım Zümre Toplantısı</a></li>
</ul>
</li>
<li class="nav-item"><a href="https://teknolojidersi.com/iletisim" class="nav-link">İletişim</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/gizlilik-politikasi" class="nav-link">Gizlilik Politikası</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/hakkimizda" class="nav-link">Hakkımızda</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/kullanim-sartlari" class="nav-link">Kullanım Şartları</a></li>
<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle d-flex justify-content-between nav-link" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">
<span>8.Sınıf Teknoloji ve Tasarım</span>
<i class="icon-arrow-down"></i>
</a>
<ul class="dropdown-menu menu-sub-items">
<li class="nav-item"><a href="https://teknolojidersi.com/8sinif-teknoloji-ve-tasarim" class="nav-link">Tümü</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/8sinif-teknoloji-ve-tasarim/8sinif-teknoloji-tasarim-ders-notu" class="nav-link">8.Sınıf Teknoloji Tasarım Ders Notu</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/8sinif-teknoloji-ve-tasarim/8sinif-teknoloji-tasarim-sinav-sorulari" class="nav-link">8.Sınıf Teknoloji Tasarım Sınav Soruları</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/8sinif-teknoloji-ve-tasarim/8sinif-teknoloji-tasarim-yillik-plan" class="nav-link">8.Sınıf Teknoloji Tasarım Yıllık Plan</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/8sinif-teknoloji-ve-tasarim/8sinif-teknoloji-tasarim-zumre-toplantisi" class="nav-link">8.Sınıf Teknoloji Tasarım Zümre Toplantısı</a></li>
</ul>
</li>
<li class="nav-item"><a href="https://teknolojidersi.com/projeler" class="nav-link">Projeler</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/icatlar" class="nav-link">İcatlar</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/videolar" class="nav-link">Videolar</a></li>
<li class="nav-item"><a href="https://teknolojidersi.com/teknoloji-dersi" class="nav-link">Teknoloji Dersi</a></li>
</ul>
</div>

<div class="col-4">
<form action="https://teknolojidersi.com/switch-dark-mode" method="post">
<input type="hidden" name="csrf_token" value="2c5283c7394b139efbfeb83efd17f8e8"><input type="hidden" name="back_url" value="https://teknolojidersi.com/">
<button type="submit" name="theme_mode" value="dark" class="btn btn-md btn-default btn-switch-mode-mobile" aria-label="dark-mode">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="dark-mode-icon" viewBox="0 0 16 16">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
</svg>
</button>
</form>
</div>
</div>
</div>
</div>
<div id="overlay_bg" class="overlay-bg"></div></header>
<div class="modal fade" id="modalLogin" tabindex="-1" aria-labelledby="loginModal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-login">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Giriş Yap</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div id="result-login"></div>
<form id="form-login">
<div class="mb-2">
<input type="email" name="email" class="form-control form-input input-account" placeholder="Email" value="" required>
</div>
<div class="mb-2">
<input type="password" name="password" class="form-control form-input input-account" placeholder="Şifre" value="" required>
</div>
<div class="mb-4 text-end">
<a href="https://teknolojidersi.com/Parolanızı mı unuttunuz?" class="link-forget">Parolanızı mı unuttunuz??</a>
</div>
<div class="form-group m-t-15 m-b-0">
<button type="submit" class="btn btn-account btn-custom">Giriş Yap</button>
</div>
</form>
</div>
</div>
</div>
</div>

<h1 class="title-index">Teknoloji Dersi</h1>
    <section class="section section-newsticker">
        <div class="container-xl">
            <div class="row">
                <div class="d-flex newsticker-container">
                    <div class="newsticker-title">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-lightning-fill" viewBox="0 0 16 16">
                            <path d="M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641l2.5-8.5z"/>
                        </svg>
                        <span>Son Dakika Haberleri</span>
                    </div>
                    <ul class="newsticker">
                                                    <li><a href="https://teknolojidersi.com/teknoloji-ve-tasarim">Teknoloji ve Tasarım</a></li>
                                            </ul>
                    <div class="ms-auto">
                        <div id="nav_newsticker" class="nav-sm-buttons">
                            <button class="prev" aria-label="prev"><i class="icon-arrow-left"></i></button>
                            <button class="next" aria-label="next"><i class="icon-arrow-right"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
<section class="section section-featured">
    <div class="container-xl">
        <div class="row">
            <div class="col-md-12 col-lg-6 col-featured-left">
                <div class="main-slider-container">
                    <div class="main-slider" id="main-slider">
                                                        <div class="main-slider-item">
                                    <a href="https://teknolojidersi.com/teknoloji-ve-tasarim" class="img-link" aria-label="post">
                                        <img src="assets/img/img_bg_md.png" data-lazy="https://teknolojidersi.com/uploads/images/202505/image_694x532_681d317cc4ecd.jpg" alt="Teknoloji ve Tasarım" class="img-cover" width="600" height="460"/>
                                                                            </a>
                                    <div class="caption">
                                        <a href="https://teknolojidersi.com/teknoloji-dersi">
                                            <span class="badge badge-category" style="background-color: #1ac8b8">Teknoloji Dersi</span>
                                        </a>
                                                                                    <h2 class="title">Teknoloji ve Tasarım</h2>
                                                                                <p class="post-meta">
                                                <a href="https://teknolojidersi.com/profile/ogretmen" class="a-username">Öğretmen</a>
    <span>Mayıs 9, 2025</span>
    <span><i class="icon-comment"></i>&nbsp;0</span>
    <span class="m-r-0"><i class="icon-eye"></i>&nbsp;9</span>
                                        </p>
                                    </div>
                                </div>
                                                </div>
                    <div id="main-slider-nav" class="main-slider-nav">
                        <button class="prev" aria-label="prev">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 404.258 404.258">
                                <polygon points="289.927,18 265.927,0 114.331,202.129 265.927,404.258 289.927,386.258 151.831,202.129 "/>
                            </svg>
                        </button>
                        <button class="next" aria-label="next">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 404.258 404.258">
                                <polygon points="138.331,0 114.331,18 252.427,202.129 114.331,386.258 138.331,404.258 289.927,202.129 "/>
                            </svg>
                        </button>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-lg-6 col-featured-right">
                <div class="row">
                                                    <div class="col-12  col-first">
                                    <div class="item">
                                        <a href="https://teknolojidersi.com/teknoloji-ve-tasarim" class="img-link" aria-label="post">
                                            <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://teknolojidersi.com/uploads/images/202505/image_694x532_681d317cc4ecd.jpg" alt="Teknoloji ve Tasarım" class="img-fluid lazyload" width="310" height="253"/>
                                                                                    </a>
                                        <div class="caption">
                                            <a href="https://teknolojidersi.com/teknoloji-dersi">
                                                <span class="badge badge-category" style="background-color: #1ac8b8">Teknoloji Dersi</span>
                                            </a>
                                            <h3 class="title">
                                                <a href="https://teknolojidersi.com/teknoloji-ve-tasarim" class="img-link">
                                                    Teknoloji ve Tasarım                                                </a>
                                            </h3>
                                            <p class="post-meta">
                                                    <a href="https://teknolojidersi.com/profile/ogretmen" class="a-username">Öğretmen</a>
    <span>Mayıs 9, 2025</span>
    <span><i class="icon-comment"></i>&nbsp;0</span>
    <span class="m-r-0"><i class="icon-eye"></i>&nbsp;9</span>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                            </div>
            </div>
            <div class="col-md-12 col-lg-3 top-headlines">
                <div class="row">
                    <div class="col-12">
                        <h3 class="top-headlines-title">En Popüler Başlıklar</h3>
                    </div>
                    <div class="col-12">
                        <div class="items">
                                                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section><div class="section section-category">
    <div class="container-xl">
        <div class="section-title">
            <div class="d-flex justify-content-between align-items-center">
                <h3 class="title">7.Sınıf Teknoloji ve Tasarım</h3>
                    <ul class="nav nav-tabs nav-category-block" role="tablist">
        <li class="nav-item category-block-links"><a href="javascript:void(0)" class="nav-link active" data-bs-toggle="tab" data-bs-target="#tabCategoryAll1">Tümü</a></li>
                            <li class="nav-item category-block-links"><a href="javascript:void(0)" class="nav-link" data-bs-toggle="tab" data-bs-target="#tabCategory10">7.Sınıf Teknoloji Tasarım Ders Notu</a></li>
                                    <li class="nav-item category-block-links"><a href="javascript:void(0)" class="nav-link" data-bs-toggle="tab" data-bs-target="#tabCategory11">7.Sınıf Teknoloji Tasarım Sınav Soruları</a></li>
                                    <li class="nav-item category-block-links"><a href="javascript:void(0)" class="nav-link" data-bs-toggle="tab" data-bs-target="#tabCategory13">7.Sınıf Teknoloji Tasarım Yıllık Plan</a></li>
                                    <li class="nav-item category-block-links"><a href="javascript:void(0)" class="nav-link" data-bs-toggle="tab" data-bs-target="#tabCategory14">7.Sınıf Teknoloji Tasarım Zümre Toplantısı</a></li>
                        <li class="nav-item dropdown category-block-links-mobile">
            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Devamı</a>
            <ul class="dropdown-menu">
                <li><a href="javascript:void(0)" class="dropdown-item" data-bs-toggle="tab" data-bs-target="#tabCategoryAll1">Tümü</a></li>
                                        <li><a href="javascript:void(0)" class="dropdown-item" data-bs-toggle="tab" data-bs-target="#tabCategory10">7.Sınıf Teknoloji Tasarım Ders Notu</a></li>
                                            <li><a href="javascript:void(0)" class="dropdown-item" data-bs-toggle="tab" data-bs-target="#tabCategory11">7.Sınıf Teknoloji Tasarım Sınav Soruları</a></li>
                                            <li><a href="javascript:void(0)" class="dropdown-item" data-bs-toggle="tab" data-bs-target="#tabCategory13">7.Sınıf Teknoloji Tasarım Yıllık Plan</a></li>
                                            <li><a href="javascript:void(0)" class="dropdown-item" data-bs-toggle="tab" data-bs-target="#tabCategory14">7.Sınıf Teknoloji Tasarım Zümre Toplantısı</a></li>
                                </ul>
        </li>
    </ul>
            </div>
        </div>
        <div class="section-content section-cat-block">
            <div class="tab-content">
                <div class="tab-pane fade show active" id="tabCategoryAll1" role="tabpanel">
                    <div class="row">
                                            </div>
                    <div class="row">
                                            </div>
                </div>
                                        <div class="tab-pane fade" id="tabCategory10" role="tabpanel">
                            <div class="row">
                                                            </div>
                            <div class="row">
                                                            </div>
                        </div>
                                            <div class="tab-pane fade" id="tabCategory11" role="tabpanel">
                            <div class="row">
                                                            </div>
                            <div class="row">
                                                            </div>
                        </div>
                                            <div class="tab-pane fade" id="tabCategory13" role="tabpanel">
                            <div class="row">
                                                            </div>
                            <div class="row">
                                                            </div>
                        </div>
                                            <div class="tab-pane fade" id="tabCategory14" role="tabpanel">
                            <div class="row">
                                                            </div>
                            <div class="row">
                                                            </div>
                        </div>
                                </div>
        </div>
    </div>
</div><div class="section section-category">
    <div class="container-xl">
        <div class="row">
            <div class="col-sm-12">
                <div class="section-title">
                    <div class="d-flex justify-content-between align-items-center">
                        <h3 class="title">8.Sınıf Teknoloji ve Tasarım</h3>
                            <ul class="nav nav-tabs nav-category-block" role="tablist">
        <li class="nav-item category-block-links"><a href="javascript:void(0)" class="nav-link active" data-bs-toggle="tab" data-bs-target="#tabCategoryAll15">Tümü</a></li>
                            <li class="nav-item category-block-links"><a href="javascript:void(0)" class="nav-link" data-bs-toggle="tab" data-bs-target="#tabCategory16">8.Sınıf Teknoloji Tasarım Ders Notu</a></li>
                                    <li class="nav-item category-block-links"><a href="javascript:void(0)" class="nav-link" data-bs-toggle="tab" data-bs-target="#tabCategory17">8.Sınıf Teknoloji Tasarım Sınav Soruları</a></li>
                                    <li class="nav-item category-block-links"><a href="javascript:void(0)" class="nav-link" data-bs-toggle="tab" data-bs-target="#tabCategory18">8.Sınıf Teknoloji Tasarım Yıllık Plan</a></li>
                                    <li class="nav-item category-block-links"><a href="javascript:void(0)" class="nav-link" data-bs-toggle="tab" data-bs-target="#tabCategory19">8.Sınıf Teknoloji Tasarım Zümre Toplantısı</a></li>
                        <li class="nav-item dropdown category-block-links-mobile">
            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Devamı</a>
            <ul class="dropdown-menu">
                <li><a href="javascript:void(0)" class="dropdown-item" data-bs-toggle="tab" data-bs-target="#tabCategoryAll15">Tümü</a></li>
                                        <li><a href="javascript:void(0)" class="dropdown-item" data-bs-toggle="tab" data-bs-target="#tabCategory16">8.Sınıf Teknoloji Tasarım Ders Notu</a></li>
                                            <li><a href="javascript:void(0)" class="dropdown-item" data-bs-toggle="tab" data-bs-target="#tabCategory17">8.Sınıf Teknoloji Tasarım Sınav Soruları</a></li>
                                            <li><a href="javascript:void(0)" class="dropdown-item" data-bs-toggle="tab" data-bs-target="#tabCategory18">8.Sınıf Teknoloji Tasarım Yıllık Plan</a></li>
                                            <li><a href="javascript:void(0)" class="dropdown-item" data-bs-toggle="tab" data-bs-target="#tabCategory19">8.Sınıf Teknoloji Tasarım Zümre Toplantısı</a></li>
                                </ul>
        </li>
    </ul>
                    </div>
                </div>
                <div class="section-content">
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="tabCategoryAll15" role="tabpanel">
                            <div class="row">
                                                            </div>
                        </div>
                                                        <div class="tab-pane fade" id="tabCategory16" role="tabpanel">
                                    <div class="row">
                                                                            </div>
                                </div>
                                                            <div class="tab-pane fade" id="tabCategory17" role="tabpanel">
                                    <div class="row">
                                                                            </div>
                                </div>
                                                            <div class="tab-pane fade" id="tabCategory18" role="tabpanel">
                                    <div class="row">
                                                                            </div>
                                </div>
                                                            <div class="tab-pane fade" id="tabCategory19" role="tabpanel">
                                    <div class="row">
                                                                            </div>
                                </div>
                                                </div>
                </div>
            </div>
                    </div>
    </div>
</div><div class="section section-category">
    <div class="container-xl">
        <div class="section-title">
            <div class="d-flex justify-content-between align-items-center">
                <h3 class="title">Projeler</h3>
                            </div>
        </div>
        <div class="section-content section-cat-block">
            <div class="tab-content">
                <div class="tab-pane fade show active" id="tabCategoryAll20" role="tabpanel">
                    <div class="row">
                                            </div>
                    <div class="row">
                                            </div>
                </div>
                            </div>
        </div>
    </div>
</div><div class="section section-category">
    <div class="container-xl">
        <div class="section-title">
            <div class="d-flex justify-content-between align-items-center">
                <h3 class="title">İcatlar</h3>
                            </div>
        </div>
        <div class="section-content section-cat-block">
            <div class="tab-content">
                <div class="tab-pane fade show active" id="tabCategoryAll21" role="tabpanel">
                    <div class="row">
                                            </div>
                    <div class="row">
                                            </div>
                </div>
                            </div>
        </div>
    </div>
</div><div class="section section-category">
    <div class="container-xl">
        <div class="section-title">
            <div class="d-flex justify-content-between align-items-center">
                <h3 class="title">Videolar</h3>
                            </div>
        </div>
        <div class="section-content section-cat-block">
            <div class="tab-content">
                <div class="tab-pane fade show active" id="tabCategoryAll22" role="tabpanel">
                    <div class="row">
                                            </div>
                    <div class="row">
                                            </div>
                </div>
                            </div>
        </div>
    </div>
</div><div class="section section-category">
    <div class="container-xl">
        <div class="section-title">
            <div class="d-flex justify-content-between align-items-center">
                <h3 class="title">Teknoloji Dersi</h3>
                            </div>
        </div>
        <div class="section-content section-cat-block">
            <div class="tab-content">
                <div class="tab-pane fade show active" id="tabCategoryAll23" role="tabpanel">
                    <div class="row">
                                                            <div class="col-sm-12 col-md-6 col-lg-3 col-post-item-vr">
                                        <div class="post-item post-item-vr">
                                            <div class="image">
                                                                                                    <a href="https://teknolojidersi.com/teknoloji-ve-tasarim" class="img-link">
                                                        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://teknolojidersi.com/uploads/images/202505/image_694x532_681d317cc4ecd.jpg" alt="Teknoloji ve Tasarım" class="img-fluid lazyload" width="306" height="340"/>
                                                                                                            </a>
                                                                                            </div>
                                            <div class="caption">
                                                <h3 class="title">
                                                    <a href="https://teknolojidersi.com/teknoloji-ve-tasarim" class="img-link" style="display: block; color: #fff;">
                                                        Teknoloji ve Tasarım                                                    </a>
                                                </h3>
                                                <p class="post-meta m0">
                                                        <a href="https://teknolojidersi.com/profile/ogretmen" class="a-username">Öğretmen</a>
    <span>Mayıs 9, 2025</span>
    <span><i class="icon-comment"></i>&nbsp;0</span>
    <span class="m-r-0"><i class="icon-eye"></i>&nbsp;9</span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                                    </div>
                    <div class="row">
                                            </div>
                </div>
                            </div>
        </div>
    </div>
</div>        <section class="section">
            <div class="container-xl">
                <div class="row">
                    <div class="col-sm-12 col-md-12 col-lg-8">
                        <div class="latest-posts">
                            <div class="section-title">
                                <div class="d-flex justify-content-between align-items-center">
                                    <h3 class="title">Son Gönderiler</h3>
                                    <a href="https://teknolojidersi.com/Gönderiler" class="view-all font-title">Tüm Gönderileri Görüntüle<i class="icon-arrow-right"></i></a>
                                </div>
                            </div>
                            <div class="section-content">
                                <div id="postsLoadMoreContent" class="row">
                                                                                    <div class="col-sm-12 col-md-6">
                                                    <div class="post-item">
            <a href="https://teknolojidersi.com/teknoloji-dersi">
            <span class="badge badge-category" style="background-color: #1ac8b8">Teknoloji Dersi</span>
        </a>
            <div class="image ratio">
            <a href="https://teknolojidersi.com/teknoloji-ve-tasarim">
                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcIAAAEYAQMAAAD1c2RPAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAACVJREFUaN7twQEBAAAAgqD+r26IwAAAAAAAAAAAAAAAAAAAACDoP3AAASZRMyIAAAAASUVORK5CYII=" data-src="https://teknolojidersi.com/uploads/images/202505/image_430x256_681d317d13045.jpg" alt="Teknoloji ve Tasarım" class="img-fluid lazyload" width="416" height="247.417"/>
                            </a>
        </div>
        <h3 class="title"><a href="https://teknolojidersi.com/teknoloji-ve-tasarim">Teknoloji ve Tasarım</a></h3>
    <p class="post-meta">    <a href="https://teknolojidersi.com/profile/ogretmen" class="a-username">Öğretmen</a>
    <span>Mayıs 9, 2025</span>
    <span><i class="icon-comment"></i>&nbsp;0</span>
    <span class="m-r-0"><i class="icon-eye"></i>&nbsp;9</span>
</p>
    <p class="description"></p>
</div>                                                </div>
                                                                            </div>
                                                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-12 col-lg-4">
    <div class="col-sidebar sticky-lg-top">
        <div class="row">
            <div class="col-12">
                                    <div class="sidebar-widget">
                <div class="widget-head"><h4 class="title">Sosyal Medya Hesaplarımız</h4></div>
                <div class="widget-body">
                    <div class="row gx-3 widget-follow">
                                                        <div class="col-sm-3 col-md-6 item"><a class="color-facebook" href="https://#" target="_blank"><i class="icon-facebook"></i><span>Facebook</span></a></div>
                                                            <div class="col-sm-3 col-md-6 item"><a class="color-twitter" href="https://#" target="_blank"><i class="icon-twitter"></i><span>Twitter</span></a></div>
                                                            <div class="col-sm-3 col-md-6 item"><a class="color-instagram" href="https://#" target="_blank"><i class="icon-instagram"></i><span>Instagram</span></a></div>
                                                            <div class="col-sm-3 col-md-6 item"><a class="color-tiktok" href="https://#" target="_blank"><i class="icon-tiktok"></i><span>Tiktok</span></a></div>
                                                            <div class="col-sm-3 col-md-6 item"><a class="color-youtube" href="https://#" target="_blank"><i class="icon-youtube"></i><span>Youtube</span></a></div>
                                                            <div class="col-sm-3 col-md-6 item"><a class="color-telegram" href="https://#" target="_blank"><i class="icon-telegram"></i><span>Telegram</span></a></div>
                                                </div>
                </div>
            </div>
                <div class="sidebar-widget">
            <div class="widget-head"><h4 class="title">Popular Posts</h4></div>
            <div class="widget-body">
                <div class="row">
                                                <div class="col-12">
                                <div class="tbl-container post-item-small">
            <div class="tbl-cell left">
                            <div class="image">
                    <a href="https://teknolojidersi.com/teknoloji-ve-tasarim">
                        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://teknolojidersi.com/uploads/images/202505/image_140x98_681d317d56c8a.jpg" alt="Teknoloji ve Tasarım" class="img-fluid lazyload" width="130" height="91"/>
                                            </a>
                </div>
                    </div>
        <div class="tbl-cell right">
        <h3 class="title"><a href="https://teknolojidersi.com/teknoloji-ve-tasarim">Teknoloji ve Tasarım</a></h3>
        <p class="small-post-meta">    <a href="https://teknolojidersi.com/profile/ogretmen" class="a-username">Öğretmen</a>
    <span>Mayıs 9, 2025</span>
    <span><i class="icon-comment"></i>&nbsp;0</span>
    <span class="m-r-0"><i class="icon-eye"></i>&nbsp;9</span>
</p>
    </div>
</div>                            </div>
                                        </div>
            </div>
        </div>
            <div class="sidebar-widget">
            <div class="widget-head"><h4 class="title">Recommended Posts</h4></div>
            <div class="widget-body">
                <div class="row">
                                                <div class="col-12">
                                <div class="tbl-container post-item-small">
            <div class="tbl-cell left">
                            <div class="image">
                    <a href="https://teknolojidersi.com/teknoloji-ve-tasarim">
                        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://teknolojidersi.com/uploads/images/202505/image_140x98_681d317d56c8a.jpg" alt="Teknoloji ve Tasarım" class="img-fluid lazyload" width="130" height="91"/>
                                            </a>
                </div>
                    </div>
        <div class="tbl-cell right">
        <h3 class="title"><a href="https://teknolojidersi.com/teknoloji-ve-tasarim">Teknoloji ve Tasarım</a></h3>
        <p class="small-post-meta">    <a href="https://teknolojidersi.com/profile/ogretmen" class="a-username">Öğretmen</a>
    <span>Mayıs 9, 2025</span>
    <span><i class="icon-comment"></i>&nbsp;0</span>
    <span class="m-r-0"><i class="icon-eye"></i>&nbsp;9</span>
</p>
    </div>
</div>                            </div>
                                        </div>
            </div>
        </div>
            <div class="sidebar-widget">
            <div class="widget-head"><h4 class="title">Popular Tags</h4></div>
            <div class="widget-body">
                <ul class="tag-list">
                                                <li><a href="https://teknolojidersi.com/etiket/21-yuzyil-becerileri">21. yüzyıl becerileri</a></li>
                                                    <li><a href="https://teknolojidersi.com/etiket/teknoloji-dersi">Teknoloji dersi</a></li>
                                                    <li><a href="https://teknolojidersi.com/etiket/teknoloji-ve-tasarim">Teknoloji ve Tasarım</a></li>
                                                    <li><a href="https://teknolojidersi.com/etiket/stem-egitimi">STEM eğitimi</a></li>
                                        </ul>
            </div>
        </div>
            <div class="sidebar-widget">
            <div class="widget-head"><h4 class="title">Popüler Etiketler</h4></div>
            <div class="widget-body">
                <ul class="tag-list">
                                                <li><a href="https://teknolojidersi.com/etiket/21-yuzyil-becerileri">21. yüzyıl becerileri</a></li>
                                                    <li><a href="https://teknolojidersi.com/etiket/teknoloji-dersi">Teknoloji dersi</a></li>
                                                    <li><a href="https://teknolojidersi.com/etiket/teknoloji-ve-tasarim">Teknoloji ve Tasarım</a></li>
                                                    <li><a href="https://teknolojidersi.com/etiket/stem-egitimi">STEM eğitimi</a></li>
                                        </ul>
            </div>
        </div>
                </div>
            <div class="col-12">
                            </div>
        </div>
    </div>
</div>                </div>
            </div>
        </section>
    <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","url":"https://teknolojidersi.com","logo":{"@type":"ImageObject","width":600,"height":60,"url":"https://teknolojidersi.com/uploads/logo/logo_681e59b8c82b17-34950741.png"},"sameAs":["https://#","https://#","https://#","https://#","https://#","https://#"]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","url":"https://teknolojidersi.com","potentialAction":{"@type":"SearchAction","target":"https://teknolojidersi.com/search?q={search_term_string}","query-input":"required name=search_term_string"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Teknoloji Dersi","item":"https://teknolojidersi.com/teknoloji-dersi"}]}</script><footer id="footer">
    <div class="footer-inner">
        <div class="container-xl">
            <div class="row justify-content-between">
                <div class="col-sm-12 col-md-6 col-lg-4 footer-widget footer-widget-about">
                    <div class="footer-logo">
                        <img src="https://teknolojidersi.com/uploads/logo/logo_681e5adba1ddd8-36586963.png" alt="logo" class="logo" width="200" height="50">
                    </div>
                    <div class="footer-about">
                                            </div>
                    <div class="footer-social-links">
                        <ul>
                                        <li><a href="https://#" target="_blank" title="Facebook" class="facebook"><i class="icon-facebook"></i></a></li>
                    <li><a href="https://#" target="_blank" title="Twitter" class="twitter"><i class="icon-twitter"></i></a></li>
                    <li><a href="https://#" target="_blank" title="Instagram" class="instagram"><i class="icon-instagram"></i></a></li>
                    <li><a href="https://#" target="_blank" title="Tiktok" class="tiktok"><i class="icon-tiktok"></i></a></li>
                    <li><a href="https://#" target="_blank" title="Youtube" class="youtube"><i class="icon-youtube"></i></a></li>
                    <li><a href="https://#" target="_blank" title="Telegram" class="telegram"><i class="icon-telegram"></i></a></li>
            <li><a class="rss" href="https://teknolojidersi.com/RSS Feed" aria-label="rss"><i class="icon-rss"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-4 footer-widget">
                    <h4 class="widget-title">Trend Olan Gönderiler</h4>
                    <div class="footer-posts">
                                                        <div class="tbl-container post-item-small">
            <div class="tbl-cell left">
                            <div class="image">
                    <a href="https://teknolojidersi.com/teknoloji-ve-tasarim">
                        <img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://teknolojidersi.com/uploads/images/202505/image_140x98_681d317d56c8a.jpg" alt="Teknoloji ve Tasarım" class="img-fluid lazyload" width="130" height="91"/>
                                            </a>
                </div>
                    </div>
        <div class="tbl-cell right">
        <h3 class="title"><a href="https://teknolojidersi.com/teknoloji-ve-tasarim">Teknoloji ve Tasarım</a></h3>
        <p class="small-post-meta">    <a href="https://teknolojidersi.com/profile/ogretmen" class="a-username">Öğretmen</a>
    <span>Mayıs 9, 2025</span>
    <span><i class="icon-comment"></i>&nbsp;0</span>
    <span class="m-r-0"><i class="icon-eye"></i>&nbsp;9</span>
</p>
    </div>
</div>                                                </div>
                </div>
                <div class="col-sm-12 col-md-6 col-lg-4 footer-widget">
                                            <h4 class="widget-title">Bülten</h4>
                        <div class="newsletter">
                            <p class="description">En son haberleri, güncellemeleri ve özel teklifleri doğrudan gelen kutunuza almak için abone listemize katılın</p>
                            <form id="form_newsletter_footer" class="form-newsletter">
                                <div class="newsletter-inputs">
                                    <input type="email" name="email" class="form-control form-input newsletter-input" maxlength="199" placeholder="Email">
                                    <button type="submit" name="submit" value="form" class="btn btn-custom newsletter-button">Abone</button>
                                </div>
                                <input type="text" name="url">
                            </form>
                        </div>
                                    </div>
            </div>
        </div>
    </div>
    <div class="footer-copyright">
        <div class="container-xl">
            <div class="row align-items-center">
                <div class="col-sm-12 col-md-6">
                    <div class="copyright text-start">
                                            </div>
                </div>
                <div class="col-sm-12 col-md-6">
                    <div class="nav-footer text-end">
                        <ul>
                                                    </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<a href="#" class="scrollup"><i class="icon-arrow-up"></i></a>
<script src="https://teknolojidersi.com/assets/themes/magazine/js/jquery-3.6.1.min.js "></script>
<script src="https://teknolojidersi.com/assets/vendor/bootstrap/js/bootstrap.bundle.min.js "></script>
<script src="https://teknolojidersi.com/assets/themes/magazine/js/plugins-2.4.2.js "></script>
<script src="https://teknolojidersi.com/assets/themes/magazine/js/script-2.4.min.js "></script>
<script>$("form[method='post']").append("<input type='hidden' name='sys_lang_id' value='2'>");</script>

</body>
</html>
