6 Ocak 2013 Pazar
WEB TASARIM
KLASÖR VE DOSYA İSİMLERİNDE
<-- data-blogger-escaped---="--" data-blogger-escaped-devam="devam" data-blogger-escaped-in="in" data-blogger-escaped-klay="klay" data-blogger-escaped-more="more" data-blogger-escaped-n="n" data-blogger-escaped-t="t" data-blogger-escaped-yaz="yaz">
1) Türkçe karakter yok (ç,ğ,ö,ü,İ,ı,ş yerine c,g,o,u,i,s kullanılacak)
2) Büyük harf yok
3) 8 harfi geçmese daha iyi olur.
4) İlk giriş sayfasının adı index.html olmalı
HTML sayfaları hazırlarken NOTEPAD kullanacağız.
TAG (Etiket) : HTML dosyalarında normal metin ile Web tarayıcısına yollanacak olan özel komutları birbirinden ayırmak için kullanılan
işaretler ve komut dizileridir. Normal metinden bu takıları ayırmak için “büyüktür” ve “küçüktür” işaretleri kullanılır.
Örn: <html>
</html>
STANDART TAKILAR
<html> è Tüm Html sayfaları <html> ile başlar </html> ile biter.
<title> è Sayfanın başlık kısmında çıkması istenen yazılar buraya yazılır.
<body> è Sayfa içinde çıkması istenen yazılar bu komut içine yazılır.
<html>
<title> Hasan Web Tasarımı Öğreniyor </title>
<body>
Hasan DURMAZ
<body>
</html>
<h1> BAŞLIKLAR
Yazıların Başlık şeklinde yazılması için kullanılır. 6 tane başlık çeşidi vardır.
<html>
<title> Başlıklar </tille>
<body>
<h1> Başlık 1 </h1>
<h2> Başlık 2 </h2>
<h3> Başlık 3 </h3>
<h4> Başlık 4 </h4>
<h5> Başlık 5 </h5>
<h6> Başlık 6 </h6>
</body>
</html>
BR ETİKETİ ( Alt satıra geçmeyi sağlar)
<html>
<title> BR Etiketi </title>
<body>
Pazartesi
Salı
Çarşamba
<br> Ocak <br> Şubat <br> Mart
</body>
</html>
HR ETİKETİ ( Çizgi çizer)
<html>
<title> HR Etiketi </title>
<body>
<hr>
<hr color=red> ( color è Renk verir)
<hr color=blue size=5> (size è Kalınlık verir)
<hr color=green width=500>
</body>
</html>
HR Etiketi’nin Parametreleri
<hr width=100> è Çizginin genişliğini ayarlamak için kullanılır.
<hr size=20> è Çizginin kalınlığını ayarlamak için kullanılır.
<hr color=ff0000> è Çizginin rengini ayarlamak için kullanılır.
<hr align=right> , left, center è Çizginin sayfadaki yatay konumunun sola, sağa veya ortaya hizalanmasını sağlar.
<marquee> KAYAN YAZI
<html>
<title> Kayan Yazı </title>
<body>
<marquee> <font color=red size=7> Kayıyorum He He He </font></marquee>
<marquee direction=right> Sağa Doğru Kaydırır </marquee>
<marquee direction=up> Yukarı Kaydırıır </marquee>
<marquee direction=down> Aşağı Kaydırır </marquee>
</body>
</html>
<marquee> Parametreleri
<marguee direction=right>,up,down è Sağdan, yukarıdan ve aşağıdan başlayarak kayması sağlanır
<marquee behavior=alternate> è Yazılar kaydırılırken ekrandan kaybolmadan bir uçtan diğerine gider
<marquee bgcolor=ff00ff> è Kayan yazıların arka plan rengini belirler.
<marquee height=10 width=250> è Yazının kayacağı alanın yüksekliği ve genişliği ayarlanabilir.
<marquee loop=3> è Yazının kaç kez kayacağı belirlenir. Daha sonra da yazı durur.
<marquee scrolldelay=1> è Kaydırma hızını ayarlar. Hızlı kayması için küçük; yavaş için de büyük değer
WEB TASARIM
WEB TASARIM
İnternet Nedir?
İnternet, birçok bilgisayar sistemini TCP/IP protokolü ile birbirine bağlayan dünya çapına yayılmış olan bir iletişim ağıdır.
İnternet, bilgiye kolay, ucuz, hızlı ve güvenli ulaşmanın ve onu paylaşmanın günümüzdeki en geçerli yoludur.
İnternet, kısaca dünya üzerindeki bilgisayarları birbirine bağlayan bir iletişim ağı olarak da tanımlanabilir.
Bir bilgisayarı, modemi ve telefon hattı olan herkesin yer alabileceği bu ağın en önemli özelliği, her hangi bir kuruluşa, gruba yada ülkeye ait olmamasıdır.
İnternet ve Web kavramı ilk ortaya atıldığında, Amerikalı uzmanlar kullanıcılara metin, ses, film v.s. gibi görsel ve işitsel elemanları
bilgisayar ekranında sergileyebilmek için, ortak bir dile yani HTML diline karar verdiler. Bu dil son derece basit, esnek ve geliştirilmeye
açık bir yapıya sahiptir. Bu dilde dünyadaki programların desteklediği bir biçim: Yani metin biçimi, başka bir deyişle ASCII adı verilen
cinsten dosyalar kullanıldı.
Web fikri iki ayak üzerine inşa edildi. Bunlardan biri sunucu tarafında duran ve hangi yazıların ve resimlerin nasıl görüntüleneceğini
belirten HTML formatında kodlar içeren ASCII dosyalar. Diğeri de İnternet kullanıcısının tarafında çalıştırılan ve bu dosyalara erişip
kodları okuyan ve kodların altında yatanları bulup çıkartıp, bunları ekranda istenildiği gibi görüntüleyen ve adına Browser (tarayıcı)
dediğimiz programlar (İnternet Explorer ve Netscape Navigator) oluşturur.
Web tarayıcısı, Web sunucusuna bağlanan, orada işaret edilen HTML belgesini alıp okuyan ve okuduklarını yorumlayıp, kullanıcının istemiş
olduğu bilgileri, onun istediği biçimde ekrana getiren bir programdır.
İnternet’teki bilgisayarlar IP adresleri ile adreslenirler ve bu IP adresleri 4 adet 0-255 arasında değerler alabilen numaradan oluşur.
Her rakam 8 bitliktir. Örneğin IP adresi 194.27.128.101 gibi numaraları akılda tutmak zor olduğundan 1983’te Wisconsin Üniversitesi DNS’yi geliştirdi.
DNS isimleri rakamlara çevirir ve bu da Net’i daha kolay kullanılabilir hale getiriyor.
Domain isimlerinde
.com è Ticari sahalar
.edu è Eğitim sahaları
.gov è Hükümet sahaları
.mil è Askeri sahalar
.net è Ağ servis sağlayıcıları
.org è Organizasyonlar, ticari amacı olmayan dernekler
URL (Uniform Resource Locators): URL-Üniform kaynak konumlandırıcı anlamındadır. WWW (world Wide Web)’de adreslenmiş İnternet kaynaklarına
erişimimizi sağlar.
HTTP (Hypertext Transfer Protocol) Çok yönlü metin transfer iletişim kuralları ve http client/server (sunucu/istemci) etkileşimlerini sağlar.
HTML (Hypertext Markup Language) WWW’deki çok yönlü metin dokümanlarının yazıldığı, metin sayfalarına belirli taglar yerleştirerek
HTML dokümanlarını hazırlayan bir işaretleme dilidir.
HTML (Hypertext Markup Language)
(Hareketli Metin İşaretleme Dili)
82 Tane Html komutu var; 180 Tane özellik var.
Her şeyden önce bazen yanlış anlaşıldığı gibi HTML bir programlama dili değildir. HTML bir mark-up (metin işaretleme) dilidir, yani tag denen
özel işaretlerle bir yazının tümünü ya da sadece bir kısmının görünümünü ve/veya işlevini değiştirmeye yarar.
Ayrıca, gelişen browser teknolojileri sayesinde, HTML içine yazılar dışında resim, ses, video, Java, JavaScript, VBScript gibi dillerle
yazılmış programlar, ya da diğer nesneler de gömülebilir. Bu sayede bir HTML dokümanı düzenlenmiş, mizanpajı yapılmış bir metin dosyası
olmaktan çıkıp tam anlamıyla bir multimedia ortamı olmaya da hizmet edebilir. Örneğin, browser'a özel olarak yazılan gerekli plug-in'ler
(~eklentiler) sistemde varsa, HTML'le online bir gazete, bir slide-show, şirket-içi yazılımların çalışabildiği bir platform yaratabilirsiniz.
<html>
<head>
<!-- Head elemanları -->
Burada genelde doküman içeriği dışında kalan karakter set tanımlamaları, başlık, JavaScript tanımlamaları vb elemanlar bulunur...
<title> Başlık </title>
</head>
<body>
<!-- Body elemanları -->
Burada ise dokümanın asıl içeriği vardır, içinde metin, ses, video vb içerebilir...
</body>
</html>
Kaydol:
Kayıtlar (Atom)