BİRİ HAYAT KADERE İNAT SENİ SİL BAŞTAN YAŞAYACAĞIM ! Sende Güzel Bir Söz Ekle
AnasayfaFlash ŞiirlerForumlarDuygusal KliplerGüzel SözlerSohbet GirişiŞiirler Sitede şuan 21 Kalp Atıyor
Sonsuzluk.Net :: Başlığı Görüntüle - Web tasarımı dünyasına yeni girenler için...
Forum Anasayfası  •  Yardım  •  Forumlarda Ara  •  Bilgileriniz  •  Arkadaş Listeniz  •  İstatislikler 

Web tasarımı dünyasına yeni girenler için...

 
Yeni Başlık Gönder   Cevap Gönder    Sonsuzluk.Net Forum Ana Sayfası -> PROGRAMLAMA Sayfayı Yazdır
Yazar Mesaj

Black_Rose


Uzman



Kayıt: Aug 03, 2008


Mesajlar: 731


Yaş: 36


Cinsiyet:<b>Cinsiyet</b>:Bayan


Teşekkür Etti: 42


Teşekkür Edildi 41


81.50 Rep




Durum: Çevrimdışı




Seviye:24
 
0 / 1353
646 / 646
33 / 68



MesajTarih: 26 Arl Cum, 2008 2:56 am    Mesaj konusu: Web tasarımı dünyasına yeni girenler için... Alıntıyla Cevap Ver


Bu kısa makaleyi, web tasarım konusunda hiçbir şey bilmeyenler için hazırladım.

Web’in doğasını anlamak aslında gayet basittir. Web birbirine bağlı bilgisayarlardan oluşmuş devasa bir yapıdır. Her gün gezdiğimiz, pek çok amaca hizmet eden web siteleri işte bu devasa yapıdaki birbirine bağlı sunucu (server) bilgisayarlarda tutulurlar (host edilirler). Bizlerde web tarayıcılarımız (örneğin Internet Explorer, Netscape Navigator, Opera, vs) aracılığı ile bu siteleri izleriz. Kimi zaman bu sitelerden bilgi alırız, kimi zamanda bilgi girişi yaparak web sitelerine bilgiyi bizzat biz göndeririz. Neticede bizim monitörlerimizden gördüğümüz, web tasarım işlemlerinin nihai ürünü olan bir web sitesidir. Tıpkı şuanda izlediğiniz sayfa gibi!

Web tasarımı bir web sitesini oluşturmak için gereken işlemlerin tümünü kapsar. Bu aşamaları kısaca özetleyelim:

• Web site yapısının oluşturulması
• Uygun grafik ve arabirimin tasarlanması
• Gerekiyorsa programlama alt yapısının hazırlanması
• Veritabanının hazırlanması ve test edilmesi
• Web sitenin bir web sunucusunda konumlandırılması

Bu işlemler sonucu bir web sitesi hayata geçmektedir. Bu makalede ilk web sayfamızı oluşturacağız. Web tasarım için genellikle bir HTML editörü kullanılır ama aslında bu şart değildir. Ancak karmaşık ve çok büyük web sayfaları (örneğin 1000 satırlık kod içeren) hazırlayacaksanız, HTML editörleri, hata yapma ihtimalinizi azaltır ve işinizi bir hayli hızlandırır. Ama söylediğim gibi bir editör kullanmanız şart değil. Elimizde Notepad gibi bir metin editörünün bulunması bir web sayfası hazırlamak için, en azından şimdilik yeterlidir.

O zaman ilk sayfamızı hazırlamaya başlayalım!

Öncelikle metin editörümüzü açalım. Bunun için Start > All Programs > Accessories > Notepad (Başlat > Programlar > Donatılar > Notepad) tıklayarak metin editörümüzü açalım. Aşağıdaki satırları yazalım:

01: <HTML>
02: <HEAD>
03: <TITLE>İlk Web Sayfam</TITLE>
04: </HEAD>
05: <BODY>
06: Merhaba! Bu benim ilk web sayfam
07: </BODY>
08: </HTML>

File > Save komutu ile dosyamızı kaydedelim, fakat Save As Type açılır kutusundan All Files seçeneğini tercih edelim, File Name kutusuna da ilksayfa.htm yazalım ve save butonuna basalım. İlk web sayfamız tamamlandı bile! Dosyayı kaydettiğimiz klasörü açalım. Dosyamızı işaret eden simge Notepad simgesi değil, bir Explorer işareti olmalıdır. Çünkü o artık bir düz metin dosyası değil bir web sayfasıdır. Çift tıklayark ilk web sayfanızı görebilirsiniz 


İlk bakışta biraz garip gelebilir. Evet, tarayıcımızda görülen bir web sayfası aslında en basit olarak bu şekildeki bir kod bloğundan oluşur. Bu kodlama diline HTML adı verilir. Yani Hyper Text Markup Language (Hiper metin işaretleme dili). Web sayfalarının görsel kısımları HTML ile hazırlanır. Web tasarımı öğrenmenin, ama gerçekten öğrenmenin, birinci şartı HTML’yi kavramaktır. HTML kodları açılış ve kapanış imlerinden oluşur. <HTML>…</HTML> gibi. Büyüktür ve küçüktür işaretleri arasında yer alan özellikler biçimlendirme işlevini görürler. Dikkat ederseniz ikinci etikette fazladan bir bölü (/) işareti vardır. Bu o etiketin kapatıldığı anlamına gelir. Her etiket mutlaka kapatılmalıdır.

Şimdi gelin birlikte bu kodları inceleyelim.

Birinci satır <HTML> etiketiyle başlıyor. Yani bu doküman bir HTML içeriğine sahiptir. İkinci satır da ise doküman başlık bilgilerini içeren <HEAD> etiketi mevcuttur. Ve bunun altında da sayfa başlığının yer aldığı <TITLE></TITLE> etiketlerini görüyoruz. Sayfa başlığı bu iki etiketin arasına yazılmıştır. Beşinci satırda ise sayfamızın gövdesini oluşturacak etiketi, yani <BODY> etiketini açıyoruz. İçeriğimiz altıncı satırda ve gövde etiketimiz sonraki satırda kapanıyor. Son satırda ise sayfamızın son etiketi olan </HTML> yer alıyor.

Dikkat ederseniz bütün etiketler birbirinin içinde açılıp kapanmıştır (nested tags):
<HTML><HEAD><TITLE></TITLE></HEAD><BODY></BODY></HTML>

B öylece ilk sayfa kodumuzu kısaca gözden geçirmiş olduk.

Bir sayfanın kodunu görmek için tarayıcınızda View > Source (Görünüm > Kaynak) komutunu kullanabilirsiniz.

(¯`·._.·[Sonsuzluk.Net İmza Alanı]·._.·´¯)


PİŞMANIM...!!! Senide İnsan Sanıp Saçmaladım...
Başa dön
Kullanıcı profilini gör Özel mesaj gönder MSN Messenger
Yeni Başlık Gönder   Cevap Gönder   Sayfayı Yazdır
1. sayfa (Toplam 1 sayfa)


 
Forum Seçin:  
Bu forumda yeni konular açamazsınız
Bu forumdaki mesajlara cevap veremezsiniz
Bu forumdaki mesajlarınızı değiştiremezsiniz
Bu forumdaki mesajlarınızı silemezsiniz
Bu forumdaki anketlerde oy kullanamazsınız
Bu foruma eklenti gönderemezsiniz
Bu forumdan eklenti indiremezsiniz


Powered by phpBB © 2006 phpBB Group

© Tasarım ibrahim Demircan

Resmi Facebook Sayfamıza Girmek İçin Tıklayın

[ Forum Arşivi | Sitemap | Forum PDA | Alt Yapı : Php-Nuke ]