Web Tasarımı ve Programlama Sınav Hazırlığı
Ders Anlatım Videosu Arkadaşlar, Web Tasarımı sınavlarında sıklıkla size HTML ve CSS kullanarak bir site yapmanızı isterler. Bu dersimizde sizinle birlikte bir web sitesi yapacağız. […]
12. Sınıf
PDO – Form kullanarak Tabloya Kayıt
Arkadaşlar, bu uygulamayı yapmak için bir önceki konu olan Veritabanı tablosuna kod ile veri kaydetme konusunu incelemiş olmanızı gerekmektedir. İlgili konuya gitmek için tıklayınız.
Excel’den MySQL’e veri aktarımı
Excel dosyasını alacağınız site.Eğer site kapanırsa diye excel dosyasına yandaki linktende ulaşabilirsiniz.
PhpMyAdmin – tablo işlemleri
PhpMyAdmin kullanarak okul veritabanı oluşturulması. Okul veritabanı içerisinde ogrenci tablosunun oluşturulması. Aşağıdaki linke tıklayarak okul veritabanını phpmyAdmine ekleyebilirsiniz.Önemli Not: okul veritabanı için herhangi bir veritabanı […]
Veritabanı Listelerinin İşlevsel Gösterimi
https://datatables.net/examples/basic_init/zero_configuration.html https://datatables.net/examples/styling/bootstrap4
Fireworks Portable
Setup Dosyası için tıklayınız.
Korumalı: Web Tasarım – Bootsrap Sınav
Burada alıntı yok çünkü bu yazı korumalı.
JQuery
01 Örnek UygulamaShow, Hide, FadeIn, FadeOut, Toogle…………… incelemek için tıklayınız.
Tombala Oyunu için torba
Çalışan Dosyaya ulaşmak için tıklayınız.
Sıcaklık Artır Buzu suya Suyu buza çevir
Çalışan Uygulamayı görmek için tıklayınız.
Artır Azalt
Çalışan uygulamayı görmek için tıklayınız.ybçetinkaya
Zemin rengi değiştirme
Javascript kullanarak zemin renginin değişimini gerçekleştiriniz.
Form Göndermeden Kontrol
Formda girilen bilgileri eğer göndermeden kontrol etmeniz gerektiğinde kullanabilirsiniz.
Listeler ve CSS
Yiğithan TAVUKÇUOĞLU
innerHTML kullanımı
document.getElementById(“demo”).innerHTML = “Paragraph changed!”; document.head.innerHTML = “<title>Başlık</title>”;document.body.innerHTML=”body içinde çıkmasını istediğiniz yazı.”;
Uygulama Çalışması 001
Megep Modülden ve W3School sitesinden 10 tane body içerisine yazılabilen tag kullanınız. Kullandığınız tag’lerin kullanım amacını bir word dosyasına yazınız. <br> : Bir satır aşağı […]
php cookie cerezler
Kaynak için tıklayınız. Dosyaları indirmek için tıklayınız… Bu uygulama için iki tane dosya kullanacağız. Dosya Adı: giris_formu.php <?php // kullanıcı daha önce giriş yaptıysa kullanıcı […]
Javascript – Zar Atma Uygulamasi
Math.random() hakkında bilgi için…tıklayınız.Math.floor() hakkında bilgi için tıklayınız. Çalışan uygulamayı görmek için tıklayınız.
Animasyon- Javascrip
SVG dosyalarına css kodları ile renk verilebilme özelliği kullanan güzel bir uygulama Dosyayı ön izlemek için tıklayınız. Hazırlayan Doğukan Karasansar, Ömer Faruk, Yusuf Erdoğan.
Bootsrap – Konu İçeriği
Genişlik Ayarları Kartlar İç ve Dış Boşluklar Atlı Karınca (Carousel) Menü
Bootsrap-Genişlik
Bootsrap’de genişlik için kullanılabilecek genişlikler genel olarak. %100: Yüzde 100 genişlik için w-100%75: w-75%50: w-50%25: w-25kullanılmaktadır.Kullanım örneği:<div class=”w-100″></div>
Bootsrap – Card
Card Bileşenleri için class’larEn dış div için card class’ı kullanılır.card: Kart classının kullanıldığı en dış classtır. Bu klas ile kartın dış çerçevesi belirlenir. card-title: kart […]
Javascript Yön Tuşları
Dosyayı indirmek için tıklayınız. Pencere açık iken bir tuşa basıldığının anlaşılması. window.onkeydown=function(olay){ if(olay.keyCode==37) {alert(“sol tuşa basıldı”);} //Sol Kodu:37 Ust Kodu:38 Sağ Kodu:39 Alt Kodu:40*/
Diziler – Fal Bakma Örneği
Dizi tanımlama var degisken_adi = new Array(); Diziye değer atama degisken_adi[indis] = “Değer”;
setInterval – Aralıklarla Çalışma
Belirli aralıklarla bir fonksiyonun çalışması isteniyorsa, yapılacak işlemdir. Aşağıdaki örnekte ekranın bir yerine saat bir saniye aralıklarla yenilenerek yazılmaktadır.Örnek Kullanım Yerleri: Belirli bir tarihe yada […]
Javascript- Sıradan Resim Getirme – For örneği.
İstenen Kadar Resim getirme örneği için tıklayınız. Önizleme için tıklayınız. Kullanıcının sayi text kutusuna girdiği değeri, for döngüsü yardımıyla resim adını değiştirerek sayfaya yerleştiriyoruz. Yukarıdaki […]
Javascript – Zar Atma Örneği
zar_atma uygulama dosyası için ztıklayınız … Bu uygulamanın gerçekleştirilmesi için bilinmesi gerekenler, var d1 = Math.floor(Math.random() * 6) + 1; Math.floor : sayıyı yuvarlatmak amacıyla kullanılmaktadır. […]
Javascript Nesne Özellikleri Belirleme – Dikdörtgen çizimi
dikdortgencizimi örneğini indirmek için tıklayınız.
Modül 5 : Web Tasarım Editörüne Giriş ve sonrası
modulü indirmek için tıklayınız. Modül: WEB TASARIM EDİTÖRÜNE GİRİŞ TEMEL İŞLEMLER Çalışma Alanı Editör Arayüzü Çalışma Ekranları Araç Çubukları ve Paneller Site Tanımlama Site Tanımı Sunucu […]
Modül 4: Stil Şablonu (css)
++modülü indirmek için tıklayınız. STİL ŞABLONU (CSS) TEMELLERİ CSS’in Yapısı Sınıf Seçicisi Id Seçicisi Etiket (Tag) Seçicisi CSS Kullanım Alanları Yerel Kullanım Alanı Global Kullanım […]
Modül 3: HTML ile Gelişmiş Web İşlemleri
modülü indirmek için tıklayınız. FORMLAR <form> Action Method <input> Form nesneleri CheckBox Radio Text Image Password Textarea Reset Submit Form Bilgilendirme ve Örnek Uygulama için […]
Modül 2: HTML ile Basit Web İşlemleri
modülü indirmek için tıklayınız. İNTERNET ORTAMI VE WEB TASARIMI İnternet IP (Internet Protocol) Numarası Alan Adı (Domain) Sunucu(Hosting) WEB Tarayıcılar WEB Tarayıcıların Çalışması Arama […]
Modül1: Tasarımın Temel İlkeleri
modülü indirmek için tıklayınız. 1- WEB TASARIMINDA TEMEL İLKELER Web Tasarımında Temel İlkeler İçerik Tasarım İşlevsellik Kullanılabilirlik Web Tarayıcıları ile Uyumluluk Hedef Kitle Beklentileri Müşterinin […]
Javascript- Form Elemanları ile dört işlem.
Bootstrap ile biçimlenmiş hali.dortislem
Javascript – Radyo Düğmesi
document.getElementById(“kiz”).checked ile seçili olup olmadığını öğrenebiliriz. Radyo düğmelerinin isimleri aynı olmalı böylece grup mantığı ile çalışırlar. Biri seçildiğinde diğeri pasif olur.