YAZILIM MÜHENDİSLİĞİ WEB TASARIMI VE PROGRAMLAMA DERSİ

2013-2014 Güz Dönemi Web Tasarımı ve Programlama Dersi
Her hafta buraya Yrd.Doç.Dr Ferhat Bahçeci'nin hazırladığı ve derste işlediği slaytı atıp, ilgili slayttaki konu başlıklarını da maddeler halinde yazacağım. Yine dersin içeriği ile ilgili ek açıklamalar, notlar veya ödevler olursa buradan takip edebilirsiniz.
Tavsiye:http://www.w3schools.com/ Geniş kapsamlı bir site. Çalışırken bu siteden de faydalanmanız yararınıza olacaktır.

1.HAFTA
EĞİTSEL WEB TASARIMI-KONU BAŞLIKLARI

• -Neden Web Siteniz Olmalı
• -Web Tasarımında Dikkat Edilecek Noktalar
• -Sayfalar Arası İlişkiler
• -Bir Sayfa Hazırlanırken Dikkat Edilecekler
• -Püf Noktalar
• Tasarımın en önemli unsurlarından biri tablolardır.
• Sayfalarınızda mümkün olduğunca az resim kullanın.
• Sitenizin yapım aşamasında farklı browserlarda sitenizin nasıl göründüğünü test etmeniz gerekir.
• Sayfaları farklı ekran çözünürlüklerinde test edin.
• İnternet ile İlgili Kısa Hatırlatma
• İnternet Nedir?
• İnternet Adreslerindeki uzantılar
• Bazı İnternet Terimleri
• World Wide Web(www)
• Web Nasıl Çalışır?
• Web Sayfalarının Hazırlanması
• Temel Gereksinimler
• Web Hazırlama Yazılımları
• HTML Editörleri
• Web Sitesi Geliştirme Araçları
• Web Uygulama Geliştirme Araçları
• Hangi Programı Kullanmalıyım
• Neden HTML Öğrenmeliyim
• Nereden Başlanır
• HTML Nedir?
• HTTP ve HTML
• Web Grafiklerinin Hazırlanması
• Web Alanı ve Adresi Almak
• Web Alanı Seçimi ve Dosya Aktarımı
• Ücretsiz Hosting Hizmeti Veren Bazı Sitelerin İncelenmesi
• Web Tasarımını Destekleyici Teknolojiler


• İstemci Taraflı Teknolojiler
• CSS Nedir?
• XML Nedir?
• Java Script
• Flash
• Sunucu Taraflı Teknolojiler
• PHP
• ASP
• Java

1.HAFTA SLAYTINI BURADAN İNDİREBİLİRSİNİZ...

2.HAFTA

• HTML'E GİRİŞ
• HTML(Hyper Text Markup Language) Nedir?
• Bir Web Sayfasının Genel Yapısı
• Yapısal Etiketler
• İlk Sayfa Örneği
• Etiket Özellikleri
• METİN BİÇİMLEME
• Belge Biçim Etiketleri
• Metin Biçimleme
• FONTLAR
• LİSTELER
1. Sıralı Listeler
2. Sırasız Listeler
3. Tanımlama Listeler

Bu haftaki konular arasında listeler de vardı bende size yukarıdaki 2. haftanın listelenmiş halini örnek olsun diye kod bloğunu buraya yapıştırayım.

<ul type="disc">
	<li style="font-weight: bold;">HTML'E GİRİŞ</li>
	<ul type="square">
	<li>HTML(Hyper Text Markup Language) Nedir?</li>
	<li>Bir Web Sayfasının Genel Yapısı</li>
	<li>Yapısal Etiketler</li>
	<li>İlk Sayfa Örneği</li>
	<li>Etiket Özellikleri</li>
	</ul>
	<li>METİN BİÇİMLEME</li>
	<ul type="circle">
	<li>Belge Biçim Etiketleri</li>
	<li>Metin Biçimleme</li>
	</ul>
	<li>FONTLAR</li>
	<li>LİSTELER</li>
	<ol type="a">
	<li>Sıralı Listeler</li>
	<li>Sırasız Listeler</li>
	<li>Tanımlama Listeler</li>
	</ol>
	</ul>

2. HAFTA SLAYTINI BURAYA TIKLAYARAK İNDİREBİLİRSİNİZ...

3.HAFTA

• RENKLER
• Renk Kodları
• Artalanı Renklendirmek
• RESİMLER
• Resmi Hizalama
• Resme Alternatif Resim Eklemek
• BAĞLANTILAR
• Resimlere bağlantı özelliği kazandırmak
• Target Parametresi
• Image Map
• İLERİ HTML
• Özel Karakterler
• Tablolar
• Parametreler
• Hücreleri Birleştirme
• Sayfa Biçimlendirmede Tablo Kullanımı

3. HAFTA SLAYTINI BURAYA TIKLAYARAK İNDİREBİLİRSİNİZ...


4.HAFTA

FRAME(ÇERÇEVE) KULLANIMI

HTML FORMLARI

4. HAFTA SLAYTINI BURAYA TIKLAYARAK İNDİREBİLİRSİNİZ...

5.HAFTA

CSS İLE MENÜ OLUŞTURMA

• BİRİMLER
• BAŞLICA CSS KOMUTLARI 

• CSS İLE FARKLI ÖZELLİKLER
• KAYAN YAZILAR
• MULTIMEDIA ÖĞELERİ
• META ETİKETLERİ 

 4. HAFTA SLAYTINI BURAYA TIKLAYARAK İNDİREBİLİRSİNİZ...