ForumTayfa  

Go Back   ForumTayfa > Güvenlik & Bilgisayar & İnternet & Webmaster & Programlama Bölümü > Güvenlik & Bilgisayar & İnternet & Webmaster & Programlama > ASP, Perl, Php, Html

ASP, Perl, Php, Html ASP, Perl, Php, Html, Java gibi her tür programcılık dili için yardım alabilceğimiz bölüm...

Yeni Konu aç  Cevapla
 
LinkBack Seçenekler Stil
Alt 05.01.07, 10:13   #1 (permalink)
Banned
 
Murat_1995 - ait Kullanıcı Resmi (Avatar)
 
Üyelik Tarihi: Jan 2007
Mesaj Sayısı: 767
Konu Sayısı: 253
Rep Gücü: 0
Rep Puanı: 2341
Rep Derecesi : Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000
Ruh Hali:

Standart ..::Murat_1995 Web Dersanesi::..




alıntıdır

İşleyecegimiz Desler;


Tasarımın Temelleri

Resim Kullanmak

HTML ve Yazıtipleri

Internet Kısayolları

Liste Kullanmak

Tablolar

Sayfa İçinde Açıklama Yapmak

Frame Kullanmak

Kayan Yazılar

Multimedia Öğeleri

İlkel Bir 'Client Pull'

Rastgele İşlemler

Transparan GIF'ler

Grafik Kullanımı

Form Kullanımı

Image Map Kullanımı

Floating Frame Kullanımı

Sayfa Ne Zaman Değiştirilmiş?

Sayfanızda Bambaşka Bir Sayfa

Style Sheet Kullanımı

Arama Motorlarına Yardımcı Olun

Animasyonlu "gif" oluşturalım

Hangi tarayıcı?

Alt çizgisiz ve aktif kısayollar

Channel desteği

Yönlendirme

Her girişte farklı bir resim!

"Çerezler" ile ziyaret sayısını öğrenmek

2007 yılına ne kadar kaldı?

Durum çubuğunda yanıp sönen yazı

İşletim sistemini bulma

Karşılama ve uğurlama

İddialar ve doğruluk dereceleri

Resim değiştirmek

Tüm iş arkaplanda

Web sitenizi park edin!

Bu tasarım nasıl yapıldı?

Durum çubuğunda sabit yazı

Sayfa kendisini kapatsın

Bir menüde site haritası!

Sadece profesyoneller için...

Varsayılan hedef

Varsayılan yazıtipi

Müthiş bir tag: NOBR

Üst simge ve altsimge

Renkli sayfa giriş çıkışları

İki kişiye birden e-mail yollamak

Daha çok açıklama

Daha gelişmiş satır sonu

Videoya dönüşen resim

Tablo çerçevelerine kontrol

Linklerle dolu bir sayfa!

Sayfanızı çerçevelerden kurtarın!

İstenilen boyutlarda yeni bir pencere.

Internet Explorer'ı kilitlemek çok kolay!

Web sitenizi kontrol edin.

Zamanlayıcı

Sayfa hangi klasörde?

Web sayfasını en üstte tutmak


Murat_1995 isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Alt 05.01.07, 10:13   #2 (permalink)
Banned
 
Murat_1995 - ait Kullanıcı Resmi (Avatar)
 
Üyelik Tarihi: Jan 2007
Mesaj Sayısı: 767
Konu Sayısı: 253
Rep Gücü: 0
Rep Puanı: 2341
Rep Derecesi : Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000
Ruh Hali:

Standart Cevap: ..::Murat_1995 Web Dersanesi::..




Ders 1

Tasarımın Temelleri

Internet'te sörf yapmakla yetinmeyin. Bir Web sunucusunda yer edinme ve kendi Web sayfalarınızı tasarlama şansınız var. İşte bu işin sırları..
INTERNET açılalı beri, PC Magazine Online'a koyduğumuz Misafir Defteri'ne bıraktığınız mesajlar, kendi Web sitenizi tasarlamaya ne kadar hevesli olduğunuzu açıkça gösteriyor. Bizi aradınız, mesajlar bıraktınız, deneyimlerimizden yararlanarak kendi Web sayfalarınızı tasarlamakta yardımcı olacak bilgiler istediniz.
İşte biz de isteklerinizi kırmıyor ve bu sayıdan itibaren bir Internet gezgininin kendi sayfalarını tasarlayarak Web'de nasıl aktif rol alabileceğini açıklayan yazılarımıza başlıyoruz.
Bir Web sayfası tasarlamanın yolu HTML dilini bilmekten geçiyor. Elbette Microsoft'un Ofis programları için geliştirdiği Internet Asistanları, Web sayfası tasarlamak için onlarca pratik program var, ancak HTML kodlarını bilmiyorsanız, herhangi bir tasarım problemi ile karşılaşınca takılıp kalabilirsiniz. Tabii, Java, Java Script, ActiveX, PERL gibi ileri seviye Web programcılığına yönelik araçlar da var. Bu sayfalarda temelden başlayarak hepsi hakkında bilgiler vereceğiz. Bunların arasında grafik tasarımlarınızı verimli ve etkin bir biçimde yapmanızı, sayfalarınıza erişim hızınızı yükseltmek için grafikleri küçültmenizi sağlayacak püf noktaları da olacak. HTML kodlarına ve diğer teknik detaylara girmeden önce, Internet üzerinde bir Web sayfası nasıl edineceğinizi anlatarak yazımıza başlamak istiyoruz.


Murat_1995 isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Alt 05.01.07, 10:14   #3 (permalink)
Banned
 
Murat_1995 - ait Kullanıcı Resmi (Avatar)
 
Üyelik Tarihi: Jan 2007
Mesaj Sayısı: 767
Konu Sayısı: 253
Rep Gücü: 0
Rep Puanı: 2341
Rep Derecesi : Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000
Ruh Hali:

Standart Cevap: ..::Murat_1995 Web Dersanesi::..




WEB'DE NASIL YER ALIRIM?

İNSANIN dünyada bir mekanı ve World Wide Web'de benim diyeceği, küçük de olsa bir alanı olmalı. Bunu sağlamak için iki seçeneğiniz var. Bunlardan birincisi başka birine (muhtemelen bir ISS'ye ait) Web sunucusundan belirli bir sabit disk alanı kiralamak. Türkiye'deki servis sağlayıcılar bu tür hizmetler veriyor. Hatta bazı ISS'lerde Internet hesabı açtırdığınızda size küçük de olsa ücretsiz bir Web sayfası alanı sağlıyorlar. Ama hazırlayacağınız Web sayfalarını ticari amaçlarla kullanacaksanız, örneğin firmanızın ürünlerini Web sayfalarınızda tanıtmak ve pazarlamak istiyorsanız belirli bir ücret ödemek zorundasınız.
İkinci seçenek yine genelde firmalara yönelik. Yani, Türk Telekom'a başvurup bir kiralık hat (leased line) aracılığı ile Web sayfalarınızı kendi Web sunucunuz üzerinden yayınlamak veya Web sunucunuzu bir ISS'ye yerleştirip buradan yayın yapmak. Kuşkusuz bu seçenekler içinde bir ISS'nin sunucusundan - kiraladığınız yerin MB cinsinden büyüklüğüne göre ücret ödeyerek - yer kiralamak en ucuzu. Bunun karşılığında Web sayfalarınıza karşılık gelecek bir Web adresi (URL) ediniyorsunuz. Bu adres ISS'nizin ismi ile başlayıp kendi sitenizin ismi ile devam edebileceği gibi (örneğin [Sadece Kayıtlı Kullanıcılar Linkleri Görebilir.Kayıt Olmak İçin Tıklayınız...], ISS'nizle yaptığınız anlaşmaya göre tamamen kendi verdiğiniz isim de olabilir (örneğin [Sadece Kayıtlı Kullanıcılar Linkleri Görebilir.Kayıt Olmak İçin Tıklayınız...].
Elbette ISS'ler belirli bir ücret karşılığı Web sayfalarınızı tasarlayabilirler, ancak burada amacımız kendi Web sayfalarınızı tasarlamayı öğretmek olduğuna göre sayfalarınızı kendinizin tasarlayacağınızı ve ISS'nizin sunucusuna yaptığınız anlaşmaya göre belirli zamanlarda modem ile ' upload' edeceğinizi varsayıyoruz. Buraya kadar ticari anlamda bir Web sitesi kurmak için neler yapabileceğinizi açıkladık, ancak yazımız daha çok amatörlere yönelik olduğu için size ücretsiz alternatiflerden haberdar etmek de boynumuzun borcu. Türkiye'de bazı ISS'lerin Internet erişimi için hesap açtırdığınızda size ücretsiz bir Web sayfası alanı sağladıklarını söylemiştik. Yurtdışında hesabı olsun olmasın herkese Web sayfalarını yayınlamak için ücretsiz belirli bir alan açan ISS'ler de var. Örneğin ABD'de faaliyet gösteren Geocities ([Sadece Kayıtlı Kullanıcılar Linkleri Görebilir.Kayıt Olmak İçin Tıklayınız...]) herkese 2MB'lık bir Web sayfası alanı açıyor. Internet'te sörf yaparken kuşkusuz bu tür başka promosyonlarla da karşılaşabilirsiniz. Hazırladığınız sayfaları bir FTP client programı ile (örneğin ws_ftp) bu sitelere ' upload' edebiliyorsunuz. Yine de bu hizmetin sürekliliği konusunda emin olamazsınız. Bu yüzden Web sunucusunda yer açan bir ISS bulmanızı öneririz.


Murat_1995 isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Alt 05.01.07, 10:15   #4 (permalink)
Banned
 
Murat_1995 - ait Kullanıcı Resmi (Avatar)
 
Üyelik Tarihi: Jan 2007
Mesaj Sayısı: 767
Konu Sayısı: 253
Rep Gücü: 0
Rep Puanı: 2341
Rep Derecesi : Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000
Ruh Hali:

Standart Cevap: ..::Murat_1995 Web Dersanesi::..




WEB SAYFASI TASARIMIN TEMELLERİ

EVET, nihayet bir Web sunucusunda kendinize ait bir alan elde ettiniz ve Web aracılığı ile başkalarına söyleyecek çok şeyiniz var. Peki bir Web sayfasını tasarlamaya nereden başlamalı? Öğrenmeniz gereken temel dilin HTML (Hypertext Mark-up Language) olduğunu belirtmiştik. Bu dil aslında, normal metni, hypertext adı verilen ve web browser'larla görüntülenmeye uygun metin haline dönüştüren bir kodlar silsilesi. Diğer bir deyişle HTML, basit bir belgeyi alıp içine bu belgenin sayfa düzeni ve metin biçimleri ile ilgili bilgiler yerleştirmenin ve bu belgeyi diğer metin (ve/veya grafik) içerikli belgelerle ilişkilendirmenin yoludur.
Web'de yayınlanmak üzere belgeler hazırlarken, HTML kodları ile metinlerinize vereceğiniz biçimler belirteç (İngilizce adı ile mark-up veya tag) adını taşır. Bunlar metnin çeşitli yerlerinde, ' <' ve ' >' şeklindeki parantezlerin arasına yerleştirilen kodlardır. Bunlar arasında diğer Internet sayfalarına (veya URL'lere) geçişi sağlayan ‘link'ler de bulunabilir.HTML bir dil olarak adlandırılsa da, HTML belgelerinin (kısaca Web sayfalarının) hazırlanması klasik bilgisayar dilleri ile programlama yapmaya pek benzemez. Daha çok kelime işlemcilerle çalışmaya benzer. Ancak burada yazıtipi büyüklüğünü ayarlamak, bir metni kalın veya italik yapmak için menü komutlarını kullanmaz, bunları metnin başına ve sonuna koyduğunuz kodlarla belirlersiniz. (WordPerfect ile çalışanlar bunu kolayca anlayacaktır, çünkü bu kelime işlemcide yazdığınız metinlerin biçim kodlarını da Reveal Codes komutu ile görüntüleyebilirsiniz.) Metni ve bu kodları nerede yazacağız diyorsanız, başlangıçta (hatta PC Magazine Online'nın webmaster'larına sorarsanız her zaman) Windows'un Not Defteri fazlasıyla yeterli olacaktır.
Bu kısa girişten sonra bir örnek ile HTML kodlarını kullanmaya başlayalım. Diyelim ki elimizde şöyle bir metin var: Düşünde bile göremez işler,Düşlerin gördüğü işleri.Bu metni HTML kodları ile şöyle yazarsak:
<B>Düşünde</B> bile göremez,
<B>işler</B>,<BR><B>Düşlerin</B> gördüğü <B>işleri</B>.<BR>

Web browser'da aşağıdaki gibi bir görüntü elde ederiz:
Düşünde bile göremez işler,

Düşlerin gördüğü işleri.
Bu örnekte <B> ve </B> belirteçleri Web browser'a aralarındaki metni kalın (bold) göstermesini söyler. <BR> belirteci ise satır başı verilmesi gerektiğini. Bunlar gibi başka pek çok belirteç var ama güzel bir Web sayfası tasarlamak için başlangıçta öğrenmeniz gereken belirteç sayısı 30-40 kadardır. Profesyonelleştikçe yeni belirteçler kullanmaya başlayabilirsiniz.
Bir de yazdıklarınızın düzgün görünmesi için her html dosyasının başında:<html> <head> <title> </title> </head><body>
sonunda:
</body></html> belirteçlerinin bulunmasına dikkat edin. Bunlar sayfanın başını sonunu belirlemek için gerekli belirteçlerdir. Koymazsanız, Web browser'ınızda metin belirteçleri ile birlikte görünebilir.Bu örnekteki belirteçleri kendiniz denemek istiyorsanız, Not Defteri'ne istediğiniz metni bu belirteçleri kullanarak girin. Belgeye bir isim ve htm soyadını (Windows 95'te html soyadını da kullanabilirsiniz) vererek kaydedin. Sisteminize bir Web browser yüklü ise htm soyadlı bu belgenin üzerine çift tıkladığınızda browser açılacak ve metniniz biçimlendirilmiş haliyle ekrana geelcek.


Murat_1995 isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Alt 05.01.07, 10:15   #5 (permalink)
Banned
 
Murat_1995 - ait Kullanıcı Resmi (Avatar)
 
Üyelik Tarihi: Jan 2007
Mesaj Sayısı: 767
Konu Sayısı: 253
Rep Gücü: 0
Rep Puanı: 2341
Rep Derecesi : Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000
Ruh Hali:

Standart Cevap: ..::Murat_1995 Web Dersanesi::..




HAYDİ BİR WEB SAYFASI YAPALIM

HTML dilini öğrenmenin en kolay yolu, deneme yanılma ile web sayfaları hazırlayarak bu sayfaları web tarayıcısı ile kontrol etmek, hataları düzelterek ilerlemektir. Ayrıca bilmediğiniz kodların nasıl kullanıldığını öğrenmek için Internet bağlantınız varsa varolan HTML sayfalarını web tarayıcınızın kaydetme seçeneğini kullanarak sabit diske kaydedip herhangi bir metin editörü kullanarak açıp inceleyebilirsiniz. Şimdi adım adım bir web sayfası hazırlayalım. Adım 1. Pencere Başlığının, arka planın belirlenmesi ve renkler. Her web sayfasının bir başlığı olmalıdır. Bu başlık web tarayıcısının başlık çubuğunda görüntülenecektir. Bu iş için <title> tag'ı kullanılır.
<title> ve </title>
tag'ları arasına yazacağınız metin web sayfasının başlığı olarak görüntülenecektir. <title> tag'ı aşağıdaki gibi kullanılır. <title>Bu benim ilk denemem!</title>Web sayfalarının arka planını da istediğiniz gibi ayarlayabilirsiniz. Bu aşamada iki adet seçeneğiniz var. Birincisi boş bir arka plan kullanarak bu arka planın rengini ayarlamak, ikincisi ise bir resim dosyasındaki resmi alıp web sayfasının arka planına ' döşemek'. Bu işlemi aynen Windows 95'in masaüstündeki duvar kağıdına benzetebiliriz. Önce boş bir arka planı renklendirmeyi görelim. Web sayfasının arka planının rengi <body> tag'ını kullanarak değiştirilir. Default arka plan rengi gridir. Arka plan rengini örneğin beyaz yapmak için body tag'ını
<body bgcolor='white'>veya <body bgcolor='#FFFFFF'>
şeklinde kullanabilirsiniz. Birinci seçenekte rengin İngilizce ismi, ikinci seçenekte ise aynı rengin RGB cinsinden renk kodu hexadecimal (onaltılı sayı sistemi) olarak verilmektedir. Eski tarihli browser'lar renk isimlerini algılayamazlar, bu yüzden sayfalarınızda renklerin onaltılı sayı sistemi kodlarını kullanmak daha hayırlıdır. Yan tarafta gördüğünüz tabloda, web sayfalarının arka planlarında kullanılabilecek olan temel renkler isim ve sayı kodu olarak listelenmiştir. Onaltılı sayıların RGB kombinasyonları ile oynayarak istediğiniz rengi web sayfası arka plan rengi olarak belirleyebilirsiniz.
Bir Web sayfasının arka planına bir resim döşeyebilirsiniz. Bu işlem için ilk önce elinizde bir resim dosyası olması gerekir. Web sayfalarında kullanılabilecek bütün resimler JPG veya GIF formatında olmalıdır. Web okulunu hazırlarken elinizde bir resim düzenleme programının olduğunu ve JPG veya GIF formatındaki dosyalarla çalışmayı bildiğinizi varsayıyoruz. Örneğin elimizde arka.gif diye bir resim olsun. Bu resmi web sayfasının arka planına döşemek için yine <body> tag'ını kullanacağız. ARKA.GIF adındaki bir resmi web sayfasının arkasına döşemek için <body> tag'ını aşağıdaki gibi
<body background=' arka.gif'>
kullanmalısınız. Bu aşamada ARKA.GIF dosyasının, HTM dosyası ile aynı klasörde yer alması gereklidir. Örnek bir resim döşemesi aşağıdaki resimde gösterilmiştir. Bu aşamada bir web sayfasının arka planında bir resim döşediğinizde, arka plan rengi kullanmaya gerek kalmadığı gibi bir hisse kapılırsınız, yanılırsınız. Genelde Internet yavaş bir şey olduğu için, çoğu kullanıcı sörf yaparken resimleri kapatma yoluna gidiyorlar. Böyle olunca arka plana döşenmiş resimler görünmeyecek, arka plan rengi de default olarak gri olduğu için sizin hiç düşünmediğiniz bir web sayfası ortaya çıkabilecektir. Bu yüzden size tavsiyemiz, arka plan grafiği kullandığınızda arka planda kullandığınız resme uygun bir arka plan rengini de <body> tag'ının içinde belirtmenizdir. İki belirteç bir tag içerisinde kullanılabilir. Ve resmiler kapatıldığında web tarayıcısı otomatik olarak belirtilen arka plan rengini web sayfasına uygulayacaktır. Sarı içerikli bir arka plan resmi ile kullanılması gereken <body> tag'ı aşağıda gösterilmiştir.
<body background=' arka.gif' bgcolor='#ffff00'>
Adım 2. Web sayfasının metin içeriği. Web sayfalarında aynen kitap veya dergi sayfalarında olduğu gibi metinler ve resimler kullanılabilir. 2. Adımda web sayfalarında metinlerin kullanımına değineceğiz. Web sayfalarında metinler aynen Word veya benzeri bir kelime işlemci programda olduğu gibi bold, italik vs.. şeklinde formatlanabilir, font tipi, rengi ve boyutu ayarlanabilir. Web sayfasının içerisine yazdığınız metin web tarayıcısının genişliği boyunca yazılır, artan kısım otomatik olarak alt satıra atılır. Örneğin aşağıdaki gibi bir metnimiz olsun.
Merhaba. Bu benim ilk web sayfası denemem. Yazdığım metni bold, italik, veya altçizgili olarak görüntülemek istiyorum.
Bu metni web sayfasına girdiğinizde aşağıdaki gibi bir ekran görüntüsü ile karşılaşacaksınız. Şimdi bu metni formatlamaya başlayalım. Öncelikle merhaba kısmını büyük yapmak lazım. Bunun için de <hx> tag'ını kullanacağız. Bu tag'da x yerine birden 6'ya kadar numara verebilirsiniz. 1 en büyük boyut, 6 en küçük boyuttur. Denemeyle sabittir, 1 ile 4 arasında rakamlar kullanmak en iyisidir. Şimdi merhaba yazısını büyütmek için onu <h1> tag'ına alalım.
<h1>Merhaba</h1>
Burada, <h1> ile </h1> arasındaki metin, büyültülecektir. Aşağıdaki resimde merhaba tag'ı değişik <hx> boyutlarında kullanılmıştır. Böylece merhaba yazısını istediğimiz gibi büyüttük. <hx> tag'ını kullanırken öğrendiğimiz bir ikinci şey ise metin formatlamasının nasıl yapıldığı. Demek ki, bir tag'ın formatlaması iki tag arasına (<h1> ile açılış, </h1> ile kapanış) aldığımız metne uygulanıyor. Şimdi hızlı bir biçimde diğer metin tag'larını inceleyelelim.
<b> </b> aradaki metni bold (kalın) yapar
<i> </i> aradaki metni italik yapar
<u> </u> aradaki metnin altını çizer
Bu tür metin formatlama tag'ları birbirlerinin içinde kullanılabilirler. Örneğin bir metin parçasını hem bold hem de italik yapmak için <b><i> ..... </i></b>
formatlamasını kullanmak gerekecektir. Özgün metnimize geri dönelim. Bu metinde adı geçen formatlamaları uyguladığımızda HTML sayfamızdaki metin aşağıdaki gibi olacaktır.
<h1>Merhaba. </h1>Bu benim ilk web sayfası denemem. Yazdığım metni <b>bold</b>, <i>italik</i>, veya <u>altçizgili</u> olarak görüntülemek istiyorum. Böyle bir formatlama yapıldığında elde edilecek olan web sayfası görüntüsü aşağıdaki gibidir. Metin parçalarını web sayfasında görüntülerken paragraf başı ve satır sonunu da elle işaretlemek zorundasınız yoksa metin otomatik olarak alta kaydırılacaktır. Burada karşımıza iki adet tag çıkıyor. Bunlardan birincisi <br>, ikincisi de <p> tag'ı. Birincisi satır sonu, ikincisi ise paragraf başı anlamına geliyor. Söz konusu metinde ' Bu benim ilk web sayfası denemem' yazısından sonra bir satır sonu yani <enter> verelim. Ayrıca paragraf başını denemek için de ' bold, italik, veya altçizgili' metnini yeni bir paragraftan başlatalım. Bu durumda kullanacağımız formatlama aşağıdaki gibi olacaktır. <h1>Merhaba. </h1>Bu benim ilk web sayfası denemem. <br>Yazdığım metni <p><b>bold</b>, <i>italik</i>, veya <u>altçizgili</u> <p>olarak görüntülemek istiyorum.Dikkat ederseniz, <p> yani paragraf başı tag'ının kullanıldığı yerlerde <br> yani satır sonu kullanmıyoruz. Çünkü paragraf başı tag'ı zaten satır sonunu da belirlemektedir. Yukarıdaki örnekte kullanılan tag'lamanın ekranda göstereceği sonuç aşağıdadır. Son olarak HTML sayfalarında enter tuşunu kullanmanın web sayfasının görünümüne bir etkisi olmadığını söyleyelim. Web sayfalarının ekranda görünümünde satır sonları, satır araları ve paragraf başları tamamen tag'lar ile belirlenir. Bu yüzden metin dosyasında enter kullanmanın web sayfasına herhangi bir etkisi yoktur. Ancak web sayfasını düzenlerken her şeyin derli toplu gözükebilmesi için bu tür bir enter'lama yapabilirsiniz. Gelecek sayımızda metin formatlarken renk ve font kullanmayı, <pre> tag'ının ne işe yaradığını, metinlerin bir liste halinde nasıl alt alta sıralanacağını görecek ve web sayfalarında resim kullanımına giriş yapacağız.


Murat_1995 isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Alt 05.01.07, 10:16   #6 (permalink)
Banned
 
Murat_1995 - ait Kullanıcı Resmi (Avatar)
 
Üyelik Tarihi: Jan 2007
Mesaj Sayısı: 767
Konu Sayısı: 253
Rep Gücü: 0
Rep Puanı: 2341
Rep Derecesi : Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000
Ruh Hali:

Standart Cevap: ..::Murat_1995 Web Dersanesi::..




DERS 2

Resim Kullanmak

Gelelim web dünyasının en önemli öğelerinden birine, resimlere. HTML dilinde her şey çok kolay olduğu gibi sayfalara resim yerleştirmek de çok kolaydır. Resimler sayfa içerisinde metne göre sağa, sola, aşağı ve yukarı doğru yerleştirilebilirler, ayrıca boyutları sadece belirli değerler değiştirilerek ayarlanabilir.

Dokümanın herhangi bir yerine bir resim yerleştirmek için en sade haliyle <IMG SRC="RESIM.GIF"> tag'ını kullanabilirsiniz. Bu tag'ı kullandığınızda resim hiç bir yere yaslanmayacak, boyutu ayarlanmayacak, metin olarak bir alternatifi olmayacaktır.
Yukarda da belirttiğimiz gibi resimleri kullanırken bir çok seçeneğiniz var, bu seçenekler sayfanın görünümünde kuşkusuz büyük rol oynayacaktır. Seçeneklerden birincisi Internet erişiminin yavaş olduğunu bildiğimiz ülkemizde sayfalarınızı görüntüleyecek olan kişilere biraz yardımcı olmak en azından resim yüklenene kadar kullanıcının meraklarını gidermek için kullanılabilir, bahsettiğimiz takı "ALT" tır. <IMG SRC="RESIM.GIF" ALT="deneme resmi"> satırını yazdığınızda web tarayıcınız RESIM.GIF adlı resmi yüklenmeden önce resmin yerine "deneme resmi" metnini girecektir, böylece kullanıcı resmi görmeden ne olduğunu bilecek ve anında STOP tuşuna basabilecektir. (!) Seçeneklerden biri de resmin ekranda görünecek boyutlarını ayarlamak için kullanılır bu takı HEIGHT ve WIDTH'tir. Bu takılar bir arada kullanılmalıdır, tek başına kullanıldığında web tarayıcısı takıyı göz ardı edecektir. <IMG SRC="RESIM.GIF" WIDTH=100 HEIGHT=50> satırını yazdığınızda RESIM.GIF isimli resmin boyutu ne olursa olsun 50 piksel yüksekliğe ve 100 piksel genişliğine getirilerek ekranda gösterilecektir. Resim gösterirken işinize yarayacak diğer bir seçenek ise BORDER'dır. Bu takı ileride değineceğimiz "Internet Kısayolları" (Hyper Link) ile ilgili olsa da şimdi birkaç püf noktası vermek gerekir. Başka bir URL'ye kısayol yaratıldığında kısayolun ismi bir alt çizgi ile belirlenir, bu işlem resimlerde resmin mavi bir çerçeve içerisine alınmasıyla belirtilir, Eğer bir resmi başka bir sayfaya kısayol olarak kullanacaksanız ve çerçevenin görünmesini istemiyorsanız BORDER=0 ifadesini kullanmalısınız.


Murat_1995 isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Alt 05.01.07, 10:16   #7 (permalink)
Banned
 
Murat_1995 - ait Kullanıcı Resmi (Avatar)
 
Üyelik Tarihi: Jan 2007
Mesaj Sayısı: 767
Konu Sayısı: 253
Rep Gücü: 0
Rep Puanı: 2341
Rep Derecesi : Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000Murat_1995 0-250000
Ruh Hali:

Standart Cevap: ..::Murat_1995 Web Dersanesi::..




Resimleri kullanırken dikkat etmeniz gerekenler:

* Daha önce de belirttiğimiz gibi Internet'te uzun süredir yer alan kullanıcılar, sitelerdeki büyük resimleri çok işlerine yaramadığı sürece görmek istemeyeceklerdir. Bu yüzden, her zaman resimlerin boyutunu küçük, miktarını az tutmalısınız.
* Eğer büyük resimler kullanacaksanız, (büyük resim derken ekranı kaplayacak kadar büyük değil), bunları JPEG formatına çevirmenizi ve kalitesini düşürmenizi tavsiye ederiz. JPEG resimler her zaman GIF'lerden daha az yer kaplarlar, bu yüzden daha hızlı yüklenirler.
* Resimlere her zaman ALT tag'ını kullanarak alternatif metinler verin, Internet'i kullananların her zaman resim görüntüleyebilecek, browser'ı olan makineler olduğunu varsaymayın. Eğer resimlere alternatif metinler verirseniz terminal ekranı kullanan kullanıcılarda bilgiye erişebilirler. * GIF'leri kullanırken "Interlaced" haline getirin, bu tip GIF'ler kademe kademe yüklenir ve yavaş yavaş netleşerek resmi daha hızlı yükleniyormuş gibi gösterir.


Murat_1995 isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Cevapla


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık



Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 07:10.


Powered by vBulletin® Version 3.8.0
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.6.0
User Alert System provided by Advanced User Tagging v3.0.6 (Lite) - vBulletin Mods & Addons Copyright © 2020 DragonByte Technologies Ltd.
ForumTayfa

Arşiv: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 16 22 23 24 25 26 27 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 95 96 97 98 99 100 102 103 104 105 106 155 156 157 158 159 160 161 162 163 164 167 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271


ForumTayfa - Link Değişimi
Telinka İletişim | Voip Ürünleri | Link Değişimine Katılın |

Sitemiz bir forum sitesi olduğundan dolayı, kullanıcılar her türlü görüşlerini önceden onay olmadan anında siteye yazabilmektedir. ForumTayfa Yöneticileri mesajları itina ile kontrol etse de, bu yazılardan dolayı doğabilecek her türlü sorumluluk yazan kullanıcılara aittir. Yine de sitemizde yasalara aykırı unsurlar bulursanız [email protected] email adresine bildirebilirsiniz, şikayetiniz incelendikten sonra en kısa sürede gereken yapılacaktır.

Any member of our web site has the right of adding comments instantly without getting permisson due to the forum structure of our site basis. Althought, our site modarators check comments with care, all the responsibilities sourced from these comments directly belong to the members. If you still find any illegal content in our site ( A.buse, H.arassment, S.camming, H.acking, W.arez, C.rack, D.ivx, Mp.3 or any Illegal Activity ), please report us via [email protected] .Your reports will be evaluated as soon as the arrival of your e-mail.