Web Geliştirme Eğitimi Dersleri, 001

IDE Seçimi

• Yapılacak işe uygun IDE seçmek!
• Hafızada fazla yer işgal etmeyen, syntax-hightlighting ve code-complation özellikleri olan programlar kullanmak.

DOCTYPE

• doctype nedir?
• Browser nasıl işler, render-engine nedir?

File encoding

• ASCII nedir?
• ANSI / UTF-8 nedir?
• file-encoding , html-meta ilişkişi

BASIC XHTML Sayfa

• 3 temel öğe : doctype , head ve body
• head içinde mutlaka title olmalı!
• head içinde mutlaka karakter-seti ve encoding-bilgisi olmalı.

1. DOCTYPE
2. HEAD
   1. TITLE
   2. META
   3. varsa LINK’ler
   4. varsa JAVASCRIPT’ler
3. BODY

HEAD > META

• Content-Type
• Content-Style-Type
• mime-type’lar : text/html , text/css , text/javascript

HEAD > LINK

• media türleri : screen , print , all ...
• rel, rev, media attribute’ları.
• external-css, @media screen , @media print direktifleri

1. @media screen
2. {
3.  /* Bilgisayar monitörleri için */
4.  body
5.  {
6.   background-color: red;
7.  }
8. }

1. @media print
2. {
3.  /* Printer için */
4.  body
5.  {
6.   background-color: blue;
7.  }
8. }