Bu ders sayfası, resmi ders belgesini, haftalık materyalleri, ödevleri, yardımcı rehberleri ve laboratuvar dosyalarını tek bir yapıda toplar.This course page brings together the official course document, weekly materials, assignments, support guides, and lab files in one place.
İçerik, haftalık modüller halinde düzenlenmiştir. Her modülde ilgili slayt, varsa PDF sürümü ve konuya bağlı lab bağlantıları yer alır. Ödevler, rehber dosyalar ve örnek HTML/CSS dosyaları ise ayrı bölümlerde toplanır.The content is organized into weekly modules. Each module includes the relevant slide deck, PDF version when available, and linked lab files. Assignments, guide files, and example HTML/CSS files are grouped in separate sections.
Hafta, ödev, rehber ve lab içeriklerini tek arama alanından süzebilirsiniz.You can filter weekly modules, assignments, guides, and lab content from one search area.
İpucu: Bir konu aradığınızda hafta kartları, ödev blokları ve lab bölümleri birlikte süzülür.Tip: When you search for a topic, weekly cards, assignment blocks, and lab sections are filtered together.
Dersin resmi çerçevesi, değerlendirme yapısı ve çalışma notları bu bölümde özetlenmiştir.The official course framework, grading structure, and working notes are summarized here.
Resmi ders belgesi, kapsam, haftalık akış ve genel beklentiler.Official course document with scope, weekly flow, and overall expectations.
Vize, final, ödev ve sınıf içi çalışmalar birlikte değerlendirilir; ayrıntı resmi belge ve ders akışı içinde netleştirilir.Midterm, final, assignments, and classwork are evaluated together; details are clarified through the official document and course flow.
Hazır şablonlar ve dış kaynaklar kullanılabilir; ancak kaynak gösterimi yapılmalı ve teslim edilen işin ana gövdesi öğrenciye ait olmalıdır.Templates and external resources may be used, but they must be cited and the core of the submitted work should belong to the student.
Ders sonrası kısa görüşmeler için sınıf içi iletişim; ek görüşmeler için e-posta veya iletişim sayfası.Short follow-ups after class; for additional meetings, use e-mail or the contact page.
Haftalar konu bazında düzenlenmiştir. Her kart, ilgili sunum ve destekleyici materyallere doğrudan erişim verir.Weeks are organized by topic. Each card gives direct access to the relevant slides and supporting materials.
Dersin kapsamı, dönem akışı, üretim beklentisi ve çalışma biçimi.Course scope, semester flow, production expectations, and working model.
İnternet ve Web farkı, istemci-sunucu modeli ve URL mantığı.Difference between the Internet and the Web, client-server model, and URL logic.
Temel web iletişimi ile HTML doküman mantığına giriş.Introduction to basic web communication and the logic of HTML documents.
HTML iskeleti, başlıklar, paragraflar, temel etiketler ve başlangıç laboratuvarı.HTML skeleton, headings, paragraphs, basic tags, and the introductory lab.
Bağlantılar, görseller, tablo ve form yapıları; starter ve demo dosyalarıyla birlikte.Links, images, tables, and form structures together with starter and demo files.
Formlar, medya gömme ve daha zengin içerik yapıları.Forms, embedded media, and richer content structures.
CSS'e giriş, etkileşimli örnekler ve görsel geliştirme mantığı.Introduction to CSS, interactive examples, and the logic of visual enhancement.
Metin stilleri, renkler, arka planlar ve sinif ici uygulama ornekleri.Text styling, colors, backgrounds, and in-class practice examples.
CSS yontemleri, seciciler, kutu modeli, display, position, renk, tipografi, arka planlar ve responsive mantiginin ana cizgileri.Core CSS methods, selectors, box model, display, position, color, typography, backgrounds, and the foundations of responsive thinking.
Responsive yerlesim, framework mantigi, Bootstrap grid yapisi, utility class'lar ve hizli arayuz gelistirme adimlari.Responsive layout thinking, framework logic, Bootstrap grid structure, utility classes, and fast interface building steps.
Flexbox ile hizalama, kolonlar ve temel sayfa yerlesimi.Alignment with Flexbox, columns, and basic page layout.
Farkli ekran boyutlarina uyum ve media query kullanimi.Adaptation to different screen sizes and use of media queries.
Mini proje gelistirme sureci ve ders ici geribildirim oturumu.Mini-project development process and in-class feedback session.
Final tekrar, proje duzeltmeleri ve teslim oncesi son kontrol.Final review, project fixes, and final pre-submission checks.
Ödevler, ders akışına göre ilerler: önce web kavramları, sonra HTML sayfa üretimi, ardından CSS ile görsel geliştirme.Assignments follow the course flow: first web concepts, then HTML page building, and then visual improvement with CSS.
HTML etiketleri, belge yapısı ve sınıfta kapsanan konular için destekleyici dokümanlar.Supporting documents for HTML tags, document structure, and the topics covered in class.
Sınıf içi örnekler ve laboratuvar başlangıç dosyaları, konu kümelerine göre gruplanmıştır.In-class examples and lab starter files are grouped by topic cluster.