mrb arkadaşlar aylardır süren seo yarışması nihayet bitti :) ve biz 5. olduk :) bence buda iyi en azından kendimi kanıtladım. kazananları tebrik ediyorum..
vB-Hacker.com daki seo yarışması
vB-Hacker.com daki seo yarışması bitti ama vb-hacker.com dan ses yok. ne zamandır kapalı. vB-Hacker.com daki seo yarışması nda sitemiz 5. oldu.. her ne kadar vB-Hacker.com daki seo yarışması nda 4. olmak istesem de. ama vB-Hacker.com daki seo yarışması nın böyle bitmesi beni pek üzmedi en azından kendimi kanıtladım bu seo alanında :) vb-hacker ı bekliyoruz açıklama yapılması için..
vB-Hacker.com daki seo yarışması
vB-Hacker.com daki seo yarışması nda son saatlerdeyiz. ve sitemiz şu anda 6. vB-Hacker.com daki seo yarışmasının bitmesinede saatler kaldı. vB-Hacker.com daki seo yarışması nda umarım ilk 4e gireriz. hedef ilk 4.. vB-Hacker.com daki seo yarışması hala bitmiş değil ben umtluyum açıkçası.. umarım google hakkımızı verir :)
Bağlantılar ve Resimler
Bağlantılar ve Resimler
8.BAĞLANTILAR VE RESİMLER
8/1. BAĞLANTILAR(LINK)
Web sayfalarında en çok kullanılan unsurlardan biri bağlantılardır.Bağlantılar ziyaretçinin bir tıklama ile, sitenizin içinde veya dışında, belirlediğiniz herhangi bir adrese gitmesini sağlar.Bağlantılar browser'a etiketi ile bildirilir.İşte bu etiketin parametreleri:
href
Bağlantının adresi bu parametreyle bildirilir
Sayfa adı>
Sayfa Adı
'Href' parametresinin değeri sayfaadi.com gibi bir adres olabileceği gibi, örneğin deneme.zip gibi bir dosya adı da olabilir. Böyle bir bağlantıya tıklandığında browser kullanıcıya bu dosyayı indirmek isteyip istemediğini sorar. Bu özelliği kullanarak ziyaretçilerin sayfamızdan dosya indirmelerini sağlayabiliriz.
Burarya tıklayıp dosyayı indirin!
Burarya tıklayıp dosyayı indirin!
--------------------------------------------------------------------------------
8/2. RESİMLER
Resimler doğru ve yerinde kullanıldığında HTML belgelerine estetik açıdan çok şeyler katabilirler;fakat büyük boyutları nedeniyle yavaş yüklenirler.Bu da ziyaretçinin sıkılmasına,hatta sayfayı terketmesine neden olabilir.Bu nedenle, en azından internet bağlantıları daha hızlı oluncaya kadar, resimleri 'az ve öz' kullanmanız doğru olacaktır.Resimler etiketi aracılığıyla kullanılırlar.Aşağıda bu etiketin parametrelerini görüyorsunuz.
src
Resmin bulunduğu dizini bu parametre ile bildiririz
width
Resmin genişliğini piksel cinsinden bildirir
height
Aynı şekilde resmin yüksekliğini bildirir.
border
Resmin etrafındaki çizginin kalınlığını belirtir.
align
Yatay konum belirler;left,right,center değerlerini alır.
alt
Mouse resmin üzerindeyken yazacağınız meni gösterir
Arka Plan
Arka Plan
7.ARKAPLAN
5. ve 6. bölümlerde öğrendiklerimizle artık metinler üzerinde biçim anlamında her türlü değişikliği yapabiliriz. Sayfa tasarımında en az metinler kadar önemli bir unsur olan arkaplan üzerinde ne gibi değişiklikler yapabileceğimizi bu bölümde öğreneceğiz. Ayrıca
7/1. ARKAPLAN VE ETİKETİ
HTML belgesinin ekranda görüntülenen bölümü olan body bölümünün başladığını browser'a etiketiyle bildirdiğimizi biliyoruz. Bir etiketin herhangi bir parametresine atadığımız değer, o etiketin oluşturduğu alan içerisinde geçerlidir.Mesela:
...
ifadesi, sadece '...' ile gösterilen alan içerisine yazılanları 'mavi' yapar. Bu durumda tahmin edebileceğiniz gibi etiketinin parametrelerine verilen değerler, bütün sayfa için geçerlidir.Aşağıda bu parametreleri ve kullanılışlarını görüyorsunuz.
bgcolor
Sayfanımın arkaplanının rengini belirler
background
Arkaplana .gif,.jpg gibi HTML'in yorumlayabildiği bir resim dosyası koymanızı sağlar
text
Sayfanızdaki metinlerin rengini belirler
link
Sayfanızdaki bağlantıların tıklanmamış durumdaki rengini belirler.
alink
Sayfanızdaki bağlantıların tıklama işlemi süresince alacağı rengi belirler
vlink
Sayfanızdaki bağlantıların tıklama işleminden sonra alacağı rengi belirler
Burada tabloda bütünlüğü bozmamak amacıyla verilen son üç parametre, ileride deyineceğimiz link(bağlantı)larla ilgilidir, bu yüzden şimdilik bunları unutabiliriz.
NOT: 'Background' parametresini kullanırken, resminizin yerini tam olarak yazmayı ve sonuna uzantısını(.gif; .jpg vs.) koymayı ihmal etmeyin!
--------------------------------------------------------------------------------
7/2. YATAY ÇİZGİ
Başlığın hemen üzerinde bir örneğini gördüğünüz yatay çizgileri kullanarak sayfalarınızın okunmasını kolaylaştırabilirsiniz.İşte buna olanak sağlayan
etiketive parametreleri:
align
Konum belirler;left,center,right değerlerini alabilir.
--------------------------------------------------------------------------------
size
Çizginin piksel cinsinden kalınlığı
--------------------------------------------------------------------------------
width
Piksel cinsinden uzunluk
--------------------------------------------------------------------------------
color
Çizginin rengini belirler
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
Üç bölümün sonunda artık metinlere ve arkaplanlara iyice hakim olduk.Aşağıdaki örnek ile bilgilerimizi tekrar edelim:
Modern Futbol
Günümüz modern futbolunun gereği olan 3-5-2 sistemi, oynanması bir hayli zor bir sistemdir. Bu sistemde orta alanın iki ucundaki oyunculara büyük iş düşer.
Modern futbolun başka bir gereği de alan savunması yapmaktır. Ancak tehlikeli santraforlar için
önlem alma gereği, savunmaları bazen güç duruma düşürebilir.
İşte size faydalı bir link!
Font Etiketi
Font Etiketi
6. ETİKETİ
Font etiketi sahip olduğu parametreler sayesinde metinlerin renk,yazı tipi, boyut gibi özelliklerini değiştirmemize olanak sağlar.Bu etikete geçmeden önce HTML'de renklerden kısaca bahsetmek yerinde olur.
6/1.RENKLER
HTML'de renkler hexdecimal formunda ifade edilir.Bir renk 16'lık sayı düzeninde 6 rakamdan oluşur ve Bu düzende 9'dan sonraki say1ıarı göstermek için 'A'dan 'F'ye kadar olan harfler kullanılır. Bununla birlikte HTML bazı renklerin ingilizce isimlerini anlar; aşağıdaki örnekte bu renkleri görmektesiniz.
AQUA
BLACK
BLUE
FUCHSIA
GRAY
GREEN
LIME
MAROON
NAVY
OLIVE
PURPLE
RED
SILVER
WHITE
YELLOW
Burada görülen renkler hexdecimal cinsinden de ifade edilebilir: Örneğin #FFFFFF beyaz ,#000000 siyah ,#C0C0C0 gri(tabloda 'silver') renklerini verir.
--------------------------------------------------------------------------------
6/2. ETİKETİ VE PARAMETRELERİ
Renkleri kısaca tanıdıktan sonra artık asıl konumuza geçebiliriz.HTML belgesinin body bölümüne yazdığımız metni etiketleri arasına alarak bu metne etiketin aşağıdada listelenen parametreleri doğrultusunda bazı özellikler kazandırabiliriz:
color
hexdecimal veya 'rengin ingilizce ismi' değerini al1ır
#000000,black
face
Yaz1. türünün ismi değerini al1ır
Times new roman,Arial
size
1 ile 7 arasında istenilen değeri alır
+1,+5
Şimdi bu parametreleri bir örnekte kullanalım:
< BR>
Font etiketinin color parametresini kullanarak renkli
yaz1ılar yazabilir;
değişik yazı karakterleri kullanabilirsiniz:Mesela böyle!
Hatta yazılarınızı büyütüp Küçültebilirsiniz
Font etiketinin face parametresinin yazı tipi belirttiğini biliyoruz.Bu parametre ile belirlediğiniz yazı tipi,ancak ziyaretçinin bilgisayarında da yüklü olması halinde görüntülenebilir. Bu nedenle bu parametreye birkaç değer atamak,son değer olarak da windows'un standart font'lar1ından birini atamak, sayfalarınızın hiç istemediğiniz bir font'la görüntülenmesini büyük ölçüde engeller.
...
Bu kod browser'a önce impact, yoksa verdana, o da yoksa arial fontunu kullanmasını bildirir.
Metin Biçimlendirme Tagları
Metin Biçimlendirme Tagları
5.METİN BİÇİMLENDİRME TAGLARI
HTML'in temel unsurlarını öğrendikten sonra,artık işin inceliklerine geçebiliriz. İlk olarak yazdığımız metinleri şekillendirmeyi öğreneceğiz.Aşağıdaki tablodaki etiketler,size bu konuda geniş olanaklar sağlayacak. Önce Başlık etiketleri:
5/1.BAŞLIK ETİKETLERİ
...
Başlık
...
Başlık
...
Başlık
...
Başlık
...
Başlık
...
Başlık
--------------------------------------------------------------------------------
5/2.VE DİĞERLERİ...
...
Yazılarınızı 'bold' yapar.
Örnek Yazı
...
Yazınızı italik karakterlerle yazar
Örnek Yazı
...
Altı çizgili yazar
Örnek Yazı
...
Paragraf etiketi,paragrafınızın altına ve üstüne boşluk koyar
...
Paragraf
...
satırbaşı yapar,bu etiketi kapatımak gerekmez
...
Satırbaşı
Şimdi bir örnek ile öğrendiklerimizi uygulayalım:
< br>
HTML size metin biçimlendirme konusunda geniş olanaklar sağlar; Metinlerinizi ister
kocaman
,ister
küçücük
,isterseniz koyu,altyazılı,veya eğik yazabilirsiniz.Yada satırbaşı yapabilir,
Veya
Paragraf oluşturabilirsiniz
Metin biçimlendirmek için yukarıda gördüğümüz etiketlerin dışında ... etiketi de kullanılır.Bu etiketi ve parametrelerini bir sonraki bölümde bulabilirsiniz...
HTML Belgesinin Yapısı
HTML Belgesinin Yapısı
4.İLK SAYFAM VE HTML BELGESİNİN YAPISI
4/1.İLK SAYFAM
İlk web sayfamızı yapacak kadar HTML öğrendik bile! İşte adet olduduğu üzere Merhaba dünya...
Merhaba Dünya!
Yukarıda görgüğünüz kodu düzyazı programınızda yazıp merhaba.htm adıyla kaydedip çalıştırırsanız ilk HTML sayfanızı yapmış olursunuz. Burada 4. satırda gördüğünüz meta etiketi,sayfanızda Türkçe karakterlerin görüntülenmesini sağlar.Diğerlerini zaten biliyorsunuz...
4/2.HTML BELGELERİNİN GENEL YAPISI
HTML belgeleri,ilk sayfamızdan da anlaşılabileceği gibi aşağıdaki şablon üzerine yazılır:
...
Eğer isterseniz bu şablonu istediğiniz bir adla .txt uzantılı olarak kaydedip, bundan sonra yazacağınız örnekleri kaydettiğiniz bu dosyanın uzerine yazabilirsiniz; böylelikle her seferinde fazladan birkaç kod yazmaktan kurtulmuş olursunuz.Eğer sitenizde Türkçe karakter kullanacaksanız lütfen bu şablonun head bölümüne, 'Merhaba Dünya' örneğinin kodlarında 4. satırda yer alan
< /td>
satırını da ekleyin...
HTML - Temel Kavramlar
Temel Kavramlar
3.TEMEL KAVRAMLAR
HTML'i kısaca tanıdık ve gerekli araçları öğrendik,artık gerçekten HTML öğrenmeye başlayalım...
3/1.BAZI TEMEL KAVRAMLAR
· Tag(Etiket): HTML belgelerine bir şey yerleştirmek ve/veya bir biçim belirtmek için 'Etiket' denen ifadeler kullanırız.Etiketler '
| |
Ne Gerekir?
Ne Gerekir?
2.NE GEREKİR?
Bir web sayfası yapmak için ne gerekir?Bu noktada iki seçeneğiniz var.Eğer web sayfanızı hiçbir kod kullanmadan yazmak istiyorsanız,Homepage veya Dreamweaver gibi,sizi bu işten kurtaracak yazılımlar kullanabilirsiniz.Kendi içlerinde başarılı sayılabilecek bu yazılımların dezavantajı ise,yapabileceklerinizin programın size sunduklarıyla sınırlı olmasıdır.Veya oturup kendiniz kod yazmak/üretmek isteyebilirsiniz.Zaten bu siteye geldiğiniz için ikinci gruba girdiğinizi varsayıyoruz,yani bu işi geçekten öğrenmek istiyorsunuz... O zaman iyi haber şu: İhtiyacınız olan şey sadece bir düzyazı programı,mesala (Windows için) Notepad .Tabi yazdıklarınızı test etmek için bir browser da fena olmaz,ama onu zaten her yerde bulabilirsiniz.
Opsiyonel olarak kod yazma işini kolaylaştıran, size zaman kazandıran text tabanlı bazı yazılımlar kullanabilirsiniz,mesela 'allaire Homesite'.Bu tip programlar sadece kod yazma işlemini kolaylaştırır,ancak yazma işlemini yine siz yaparsınız,dolayısıyla yapabileceklerinizi sınırlayan tek şey bilginizdir.Yine de işlerin nasıl yürüdüğünü öğrenmek için önce Notepad ile başlamanız faydalı olacaktır.
Notepad kullanırken, konulara ilişkin verilen örnekleri ve/veya kendi yazdığınız kodları '.htm' veya '.html' uzantılı kaydedin.Aksi takdirde browser'ınız bu dosyaları görüntülemez.Homesite yazdıklarınızı zaten standart olarak bu uzantılarla kaydeder.
Üzücü bir durum,iki yaygın browser olan 'Microsoft Internet Explorer' ve 'Netscape Navigator''ün html kodlarını yorumlamada farklılık göstermesidir.Piyasanın bu iki browser arasında neredeyse eşit olarak bölünmüş olmasından dolayı,yazdığınız kodları her iki browser'ın da aynı/benzer şekilde yorumlayacağı şekilde yazmaya özen göstermelisiniz.Sayfayı tasarlarken belli aralıklarla Explorer ve Netscape ile görüntüleyip sonucu karşılaştırmak,bu sorunu çözmek için iyi bir yöntemdir.
Son olarak;Browser'ınızın 4. veya daha ileriki bir sürüm olması tavsiye edilir,çünkü eski sürüm browser'lar bazı özellikleri desteklememektedir.
HTML nedir?
HTML nedir?
HTML (HyperText Markup Language / Hareketli-Metin İşaretleme Dili) basitçe, browserlarla görebileceğimiz, internet dökümanları oluşturmaya yarayan bir çeşit dildir. Örneğin okuduğunuz bu sayfa HTML dili kullanılarak hazırlandı. Siz de browser'ınızı (Internet Explorer, Netscape Navigator,..) kullanarak bu sayfayı ekranınızda görüntülüyorsunuz. Tanımda geçen "internet dökümanı" ifadesinin yanısıra HTML ile oluşturduğunuz belgeleri harddiskinize kaydedebilir ve internet bağlantınız olmasa bile bu belgeleri görüntüleyebilirsiniz.
HTML, programlama dilleri (c, pascal, basic,..) gibi bir programlama mantığı taşımadığından öğrenilmesi gayet kolay bir dildir. Dilden ziyade kabaca metinleri ya da verileri biçimlendirmek, düzenlemek için kullandığımız komutlar dizisi bile diyebiliriz HTML için.
HTML Dersleri yazı dizimizi okuyarak bu dil hakkında hiçbir bilginiz olmasa bile yazı dizisinin sonunda öğrendiklerinizle siz de kendi sayfalarınızı hazırlayabileceksiniz.
Kaynak: Hakkı ÖCAL
LAN Karakteristikleri ve İletişim Metodları
LAN Karakteristikleri ve İletişim Metodları
LAN, bilgisayarlar, printerler ve ağ bağlantı araçlarının birleşmesinden oluşur.
LAN Karakteristikleri:
- Coğrafi olarak limitli operasyon alanı vardır.
- Yüksek transfer hızı vardır.
- Yerel servislere devamlı olarak ulaşabilme olanağı vardır.
- Genellikle WAN (Wide Area Network)'dan daha ucuzdur.
- Kablolama birincil iletişim ortamını oluşturur.
LAN dizayn ederken iki durum göz önünde tutulur.
- Uzaklık
- Maliyet
Uzaklık
LAN uzaklığa göre sınırlandırılmıştır. Bunun sebebi transfer edilecek bilgiye ve kablolama tekniğine bağlıdır. Birçok kablolama tekniğinde bilgi sinyalleri belli mesafeye kadar bilgiyi iletir. Bu bilgi, bilgi sinyalleri sönene kadar gider. Bilgi sinyallerini ilk gönderildiği gibi tutabilmek için tekrarlayıcı (repeater) denilen cihazlar kullanılır. Bilgi sinyallerinin sönmesinden dolayı LAN kurulurken uzaklık göz önünde tutulur.
Maliyet
LAN dizaynında bazı noktalarda, maliyet uzaklıktan daha önde tutulur. Kesin ulaşması gereken bilgiler için uzaklık tanımlamasının olmaması gerekir. Durum öyle olunca maliyet artmakta, ama iletişim olmaktadır.
LAN İletişim Metodları
3 ana kategori vardır.
- Unicast İletişim
- Multicast İletişim
- Broadcast İletişim
Unicast İletişim
Tek bir data paketinin, tek bir kaynaktan tek bir hedef adrese gönderilmesiyle yapılan iletişime Unicast İletişim denir.
Multicast İletişim
Tek bir data paketi, ağda kopyalanarak birkaç özel hedef adrese gönderilmişse, bu şekilde olan iletişime Multicast İletişim denir.
Broadcast İletişim
Tek bir data paketi, kopyalanarak ağda bulunan bütün bilgisayarlara gönderiliyorsa, bu tür iletişime Broadcast İletişim denir.
Kaynak: Kadir YAVUZ
Kaydol:
Kayıtlar (Atom)
