web tasarımı ve kodlama ders notları
Web Tasarımı ve Kodlama Ders Notları
- Konuyu Başlatan Salvo
- Başlangıç tarihi
- Cevaplar 1
- Görüntüleme 2
Yönetici
Web Tasarımı ve Kodlama Ders Notları
1. HTML
HTML, web sayfasının yapısını oluşturur.
<!DOCTYPE html>: HTML5 belge tanımı<html>: Sayfanın ana etiketi<head>: Başlık, meta bilgiler ve stil dosyaları<body>: Kullanıcıya görünen içerikler<h1>–<h6>: Başlıklar<p>: Paragraf<a>: Bağlantı<img>: Görsel<ul>,<ol>,<li>: Liste yapıları<table>: Tablo<form>: Form alanları
Örnek HTML yapısı:
HTML:
Kodları sadece üyelerimiz görebilir.2. CSS
CSS, HTML öğelerinin görünümünü ve düzenini belirler.
color: Yazı rengibackground-color: Arka plan rengifont-size: Yazı boyutumargin: Dış boşlukpadding: İç boşlukborder: Kenarlıkdisplay: Görünüm biçimiwidthveheight: Genişlik ve yükseklikposition: Konumlandırma
Örnek CSS:
CSS:
Kodları sadece üyelerimiz görebilir.3. JavaScript
JavaScript, web sayfalarına etkileşim ve dinamik özellik kazandırır.
- Değişken tanımlama
- Koşul ifadeleri
- Döngüler
- Fonksiyonlar
- DOM işlemleri
- Olay yönetimi
Örnek JavaScript:
Kod:
Kodları sadece üyelerimiz görebilir.
HTML:
Kodları sadece üyelerimiz görebilir.4. Responsive Tasarım
Responsive tasarım, web sitesinin bilgisayar, tablet ve telefon ekranlarına uyum sağlamasıdır. Bunun için esnek ölçüler, CSS Grid, Flexbox ve medya sorguları kullanılır.
CSS:
Kodları sadece üyelerimiz görebilir.5. CSS Flexbox
Flexbox, öğeleri yatay veya dikey olarak düzenlemek için kullanılır.
CSS:
Kodları sadece üyelerimiz görebilir.6. CSS Grid
Grid, sayfa düzenini satır ve sütunlar üzerinden oluşturur.
CSS:
Kodları sadece üyelerimiz görebilir.7. PHP
PHP, sunucu tarafında çalışan bir programlama dilidir. Form işlemleri, kullanıcı girişleri ve veritabanı bağlantıları için kullanılır.
PHP:
Kodları sadece üyelerimiz görebilir.8. MySQL
MySQL, verileri tablolar halinde saklayan ilişkisel veritabanı sistemidir.
Temel SQL komutları:
SQL:
Kodları sadece üyelerimiz görebilir.9. Web Güvenliği
- Form verileri mutlaka doğrulanmalıdır.
- SQL sorgularında prepared statement kullanılmalıdır.
- Kullanıcı parolaları düz metin olarak saklanmamalıdır.
- HTTPS kullanılmalıdır.
- XSS ve CSRF saldırılarına karşı önlem alınmalıdır.
10. SEO Temelleri
- Her sayfada açıklayıcı bir
<title>kullanılmalıdır. - Meta açıklama eklenmelidir.
- Başlık hiyerarşisi doğru kullanılmalıdır.
- Görsellere
altaçıklaması eklenmelidir. - Sayfa hızı ve mobil uyumluluk önemsenmelidir.
- Anlaşılır URL yapısı kullanılmalıdır.
Web tasarımı ve kodlamanın temel çalışma sırası HTML ile yapı, CSS ile tasarım, JavaScript ile etkileşim, PHP ve MySQL ile sunucu tarafı işlemleri oluşturmaktır.
Sende şimdi bize katılmak ister misin?
Kayıt ol
Bize katılım kolay ve ücretsizdir!
Giriş Yap
Zaten bir hesabınız var mı? Buradan giriş yapın.
Bu konuyu görüntüleyen kullanıcılar
Haftanın Trendleri
Ayın Trendleri
Dikkat!
İçerik sağlayıcı paylaşım sitesi olarak hizmet veren WebmasterForum.NET adresimizde, 5651 Sayılı Kanun’un 8. maddesi ile Türk Ceza Kanunu’nun 125. maddesi uyarınca, üyelerimiz tarafından yapılan tüm paylaşımların hukuki sorumluluğu ilgili üyeye aittir. WebmasterForum.NET hakkında yapılacak tüm hukuki şikayetler, iletişim bağlantımız üzerinden tarafımıza iletildikten sonra en geç 3 (üç) gün içerisinde ilgili mevzuat çerçevesinde incelenecek, gerekli işlemler yapılacak ve başvuru sahibine bilgi verilecektir.