@FedaiMaskeli; hocam bir de şu terimleri bilirseniz çok rahat kendi web sitenizi yaparsınız.
- HTML Web sayfalarının yapısını belirleyen işaretleme dilidir. Web sayfasının iskeletini oluşturur.
- CSS Web sayfalarının stilini (renk, yazı tipi, düzen) tanımlayan stil dilidir.
- JavaScript Dinamik ve etkileşimli özellikler eklemek için kullanılan programlama dilidir.
- PHP Sunucu tarafında çalışan, dinamik web sayfaları oluşturmak için kullanılan bir programlama dilidir.
- MySQL İlişkisel veritabanı yönetim sistemi. Web uygulamalarında verileri saklamak için kullanılır.
- Buton Kullanıcı etkileşimi sağlayan öğe; tıklama eylemi için kullanılır.
- Grid Sayfa düzeni için kullanılan, satır ve sütunlardan oluşan yapıdır. Web tasarımında düzenli bir yerleşim sağlar.
- Flexbox CSS ile öğeleri yatay ve dikey olarak esnek bir şekilde hizalamaya yarayan bir düzen modelidir.
- Container İçeriklerin düzenlendiği, genellikle sınırlı genişlikte olan HTML elemanıdır.
- Section Sayfanın farklı bölümlerini tanımlayan HTML etiketidir. Bölümleri mantıklı bir şekilde ayırmaya yardımcı olur.
- Header Sayfanın üst kısmı, genellikle logo ve navigasyon menüsünü içerir.
- Footer Sayfanın alt kısmı, genellikle telif hakkı bilgileri, iletişim bilgileri vb. içerir.
- Navbar Sayfanın üst kısmındaki menü barıdır. Kullanıcıların farklı sayfalara geçmesini sağlar.
- Menu Sayfa içindeki gezinmeyi sağlayan, genellikle bağlantılardan oluşan bir öğedir.
- Sidebar Sayfanın sağında veya solunda bulunan, ek içerik ve bağlantılar sunan paneldir.
- Logo Web sitesinin kimliğini temsil eden görsel öğedir.
- Hero alanı Sayfanın üst kısmındaki büyük görsel veya video alanıdır, genellikle dikkat çekici bir başlık içerir.
- Banner Sayfanın üst kısmına veya yanlarına yerleştirilen reklam veya duyuru alanıdır.
- Slider Resim veya içeriklerin geçiş yaptığı dinamik alanlardır.
- Card İçeriklerin kutu şeklinde düzenlendiği HTML öğesidir, genellikle görsel ve metin içerir.
- Modal Kullanıcı etkileşimi için açılan, ekranın üzerine gelen küçük pencere.
- Tooltip Üzerine gelindiğinde açıklama gösteren küçük bilgi kutularıdır.
- Icon Genellikle küçük, anlaşılır semboller olarak kullanılan grafik öğelerdir.
- Link Web sayfasına yönlendirme sağlayan tıklanabilir öğedir.
- Anchor Bağlantıları tanımlayan HTML etiketi. Sayfa içinde başka bir yere atlamayı sağlar.
- Form Kullanıcıdan veri almak için kullanılan HTML yapısıdır.
- Input Kullanıcının veri girişi yapabilmesi için kullanılan form elemanıdır.
- Textarea Çok satırlı metin girişi yapılabilen form elemanıdır.
- Label Form elemanlarını tanımlayan etiketlerdir.
- Checkbox Kullanıcıların bir veya daha fazla seçeneği işaretlemesine olanak tanır.
- Radio button Bir grup seçeneğinden yalnızca birini seçmeye yarayan form elemanıdır.
- Select Bir grup seçenekten yalnızca birini seçmeye yarayan form elemanıdır.
- Dropdown Seçim yapmayı sağlayan açılır menüdür.
- Submit Formun gönderilmesi için kullanılan butondur.
- Reset Formdaki tüm alanları sıfırlayan butondur.
- Table Verilerin düzenli bir şekilde sunulmasını sağlayan HTML öğesidir.
- Row Tablo içerisindeki yatay satırdır.
- Column Tablo içerisindeki dikey sütundur.
- Pagination Sayfalama işlemi; uzun içeriklerin sayfalara ayrılmasını sağlar.
- Search bar Kullanıcının içerik araması yapabilmesi için sunulan alan.
- Login Kullanıcının sisteme giriş yapabilmesi için gerekli işlem.
- Register Kullanıcının yeni bir hesap oluşturmasına olanak tanıyan işlem.
- Session Kullanıcı oturumunu yönetmek için sunucuda saklanan veri.
- Cookie Tarayıcıda kullanıcı bilgilerini saklamak için kullanılan küçük veri dosyası.
- Database Verilerin düzenli bir şekilde saklandığı yerdir. Genellikle MySQL veya PostgreSQL kullanılır.
- Query Veritabanı üzerinde veri sorgulamak için yazılan komutlardır.
- CRUD Veritabanı işlemleri: Create (oluşturma), Read (okuma), Update (güncelleme), Delete (silme).
- Backend Web uygulamalarında sunucuda çalışan, veritabanı ile etkileşime giren kısmıdır.
- Frontend Kullanıcı ile etkileşimde olan, görsel tasarım ve kullanıcı deneyimi sunan kısmıdır.
- Framework Web geliştirmeyi hızlandıran ve organize eden yazılım yapılarıdır (örn. Laravel, React).
- CMS İçerik Yönetim Sistemi; web sitelerinin içeriğini kolayca yönetmeye yarayan sistemlerdir (örn. WordPress).
- SEO Arama Motoru Optimizasyonu; web sitesinin arama motorlarında üst sıralarda yer almasını sağlamak için yapılan işlemler.
- Responsive Web tasarımının farklı cihazlarda (telefon, tablet, masaüstü) uyumlu şekilde görünmesini sağlama.
- Mobile-first Web tasarımında ilk olarak mobil cihazlara uyum sağlamak, sonra masaüstü cihazlar için optimize etmek.
- Media query CSS özelliği, farklı ekran boyutlarına göre stil uygulamaya yarar.
- Breakpoint Sayfanın belirli bir boyuta ulaşınca tasarımda değişiklik yapmak için kullanılan CSS özelliği.
- Margin Bir öğenin etrafındaki boşluk, dış kenar boşluğudur.
- Padding Bir öğenin içeriği ile kenarları arasındaki boşluktur.
- Border Bir öğenin etrafını çevreleyen çizgidir.
- Shadow Öğeye eklenen gölge efekti.
- Hover Kullanıcı bir öğe üzerine geldiğinde gerçekleşen etkileşim.
- Active Kullanıcı öğeye tıkladığında veya seçtiğinde gerçekleşen stil değişikliği.
- Focus Bir öğe üzerine odaklanıldığında uygulanan stil.
- Z-index Öğelerin yığılma sırasını belirleyen CSS özelliği.
- Overflow Bir öğenin içeriği, belirlenen alana sığmazsa nasıl davranacağını belirleyen CSS özelliği.
- Position Öğelerin sayfa üzerindeki konumunu belirleyen CSS özelliği.
- Relative Bir öğenin normal akışına göre konumlandırılmasını sağlar.
- Absolute Öğenin, en yakın konumlandırılmış ebeveynine göre konumlanmasını sağlar.
- Fixed Öğenin sayfa kaydırıldığında sabit kalmasını sağlar.
- Sticky Öğenin, kaydırma işlemiyle belirli bir noktaya kadar hareket etmesini sağlar, sonra sabit kalır.
- Width Bir öğenin genişliğini belirleyen CSS özelliği.
- Height Bir öğenin yüksekliğini belirleyen CSS özelliği.
- Max-width Öğenin maksimum genişliğini belirleyen CSS özelliği.
- Min-height Öğenin minimum yüksekliğini belirleyen CSS özelliği.
- Display Öğenin nasıl görüneceğini belirleyen CSS özelliği (blok, satır içi, gizli vb.).
- Block Öğenin tam genişlikte, bir satırda görünüp, altına bir boşluk bırakmasını sağlar.
- Inline Öğenin sadece içeriği kadar yer kaplamasını sağlar.
- None Öğeyi gizler.
- Visibility Öğenin görünürlüğünü kontrol eder, hidden ile öğe gizlenir ama alanı korunur.
- Background Bir öğenin arka plan rengini veya resmini belirler.
- Color Öğenin metin rengini belirler.
- Font-size Metnin boyutunu ayarlayan CSS özelliği.
- Font-family Metnin yazı tipini belirler.
- Text-align Metnin hizalanma biçimini (sağ, sol, ortada) belirler.
- Line-height Satır yüksekliğini belirler, satır arasındaki boşluğu ayarlar.
- Letter-spacing Karakterler arasındaki mesafeyi ayarlar.
- Transition Öğeler arasındaki geçişleri yumuşatır.
- Animation Öğelere hareketli efektler ekler.
- Keyframes Animasyonlar için başlangıç ve bitiş noktalarını tanımlar.
- Media Farklı ekran boyutlarına göre stil belirlemek için kullanılır.
- SVG Scalable Vector Graphics, çözünürlükten bağımsız vektörel grafiklerdir.
- Favicon Web sitesinin tarayıcı sekmesinde görünen simgedir.
- Meta tag Sayfa bilgilerini tanımlayan HTML etiketidir. SEO için önemlidir.
- Charset Sayfa karakter setini tanımlar (örn. UTF-8).
- Viewport Web sayfasının görünür alanını belirler.
- HTTPS Web sayfası için güvenli iletişim protokolüdür.
- Domain Web sitesinin adresi.
- Hosting Web sitesinin internet üzerinde barındırılması için gerekli alan ve sunucu.
- SSL Web sitesinin güvenli bağlantı kurmasını sağlayan protokoldür.
- Sitemap Web sitesinin sayfalarının ve yapısının yer aldığı dosya.