web -www-html-

Web nedir ?
İngilizce örümcek ağı, ağ, dokuma kumaş kelimelerinden türemiş olan web kelimesi günümüzde görüntü, metin, ses, video gibi içeriklerin kullanılabildiği, yayınlandığı servisleri ifade eder. Web, Internet üzerinde kullanılan servislerden yalnızca biridir.

WWW nedir ?
Açılımı "World Wide Web" olan kelimeyi "Dünyayı saran ağ" olarak adlandırabiliriz.

HTML nedir ?
Açılımı "Hypertext Markup Language" olan kelime, web sayfalarının hazırlanmasında kullanılan özel bir dildir.

Web Sayfası nedir ?
HTML olarak adlandırılan dil yardımıyla oluşturulmuş, içinde metin, statik, dinamik görüntü, ses gibi objelerin bulunabileceği browser (tarayıcı) yardımıyla görüntülenebilen dosyalara verilen addır.

Web sitesi nedir ?
Bir kurum yada kuruluşun ürün, hizmet, bilgi, iletişim gibi sık kullanılan başlıklarda ve sınırı olmayan bir çok alanda oluşturulabilen web sayfalarının toplu halde bir düzen içinde bulunduğu web sayfası gruplarına web sitesi denir.

Web tasarımı nedir ?
Web sitesinin görüntülenen grafik arayüzünün, menu ve erişim yapısının kullanımı kolay, bilgiye en kısa yolla ulaşabilecek, işlevsel ve hızlı bir yapıda oluşturulmasıdır.

Profesyonel bir web sitesinin karakteristik özellikleri nelerdir ?
Türkiye'de hazırlanan birçok web sitesi profesyonellikten son derece uzak bir yapıda oluşturulmaktadır. Web siteleri, onu kullanacak olan müşterilerin yada ziyaretçilerin beğenisinden öte, web sitesini yaptıracak kuruluşun görsel tatmini doğrultusunda oluşturulmaktadır. Bu son derece yanlış bir yaklaşımdır.

* Profesyonel bir web sitesinin grafik arayüzü, kullanılan renkler, menu ve erişim yapısı, programlama altyapısı, kullanıcı odaklı oluşturulur.

* Esas olan, kullanıcıya ürün ve hizmeti en kısa yolla ulaştırmaktır. Bu nedenle sitenin hızını düşürecek abartılı animasyonlar, bekleme süreçleri, video ve ses objeleri, kullanımı zor menuler tercih edilmez.

* Profesyonel bir web sitesinde yer alan her sayfa arama motorları tarafından indekslenebilir yapıda oluşturulur. Bu kullanıcıların sitedeki bilgiye ulaşmasındaki en hızlı yoldur.

* Profesyonel bir web sitesi amacına uygun yapıda hazırlanır. Fonksiyoneldir, gereksiz ve kullanılmayacak öğeler içermez.

* Profesyonel web sitesi özgün yapıdadır. Tasarım ve programcısı kurumun kimliğine özgü tasarım ve yazılımlar üretir. Template olarak adlandırılan hazır grafik şablonlar üzerine oturtulmuş basmakalıp web siteleri profesyonellikten uzak çalışmalardır.

CSS Arkaplanlar

CSS Arkaplanlar

Etiketlere arkaplan efektleri vermek için CSS Background özellikleri kullanılır. Background özelliklerini görelim...

CSS Öznitelik Seçicileri

CSS Öznitelik Seçicileri

HTML/XHTML etiketlerimizin/elemanlarımızın içine yazdığımız özniteliklere de (title, type vs) CSS ile stil verebiliriz. Özniteliğe verdiğimiz stil, etiketi/elemanı da etkileyecektir. Öznitelikleri CSS dosyasında " [ " ve " ] " işaretleri arasında yazacağız.

CSS elementleri

CSS (Cascading Style Sheets)

Css internet sayfalarının görünümünü değiştiren bir tanım dosyasıdır. CSS kendine has kuralları olan bir tanım dilidir denilebilir. CSS Sayfa içersindeki her bir elemana ait farklı özellik atamayı sağlar

CSS (STİL ŞABLON)

CSS (STİL ŞABLON)
CSS (Cascading Style Sheets) diğer deyimiyle Stil Şablon HTML yazım şekli olarak etiket türünde bir yazım dilidir.
Sahip olduğu özelliklerin kısıtlı olması nedeniyle sayfanın dizaynında bize tam esneklik veremese de büyük kolaylıklar
sağlamaktadır. Kullanım kolaylığı ve kullanışlılığı ile HTML’e eklenmesinden itibaren çoğu web
tasarımcısının gözdesi olmuştur. Her türlü sayfa dizaynında müthiş bir esneklik sağlamaktadır. Ayrıca bağlantılı stil

TABLO OLUŞTURMA

TABLO OLUŞTURMA
   Önce tablo ardından etkileşimli sayfalar için formlar: Tablolar html tasarımda çok kolay ve hızlı sayfalar hazırlanmasına yardımcı olur ancak iç içe oluşturulan tablolar sayfaların daha yavaş açılmasına sebep olmaktadır. Web 2.0′ın hayata geçmesiyle web siteleri özellikle seo alanında çok gelişti. Bu gelişime en büyük etki sayfaların hızlı açılması etkili oldu. Tablolar sayfaların açılma süresini uzattığı içinde Web 2.0 ile birlikte tabloların kullanımı yerine “div” etiketi ile kutular oluşturup Css ile şekiller verilmesi öneriliyor.

bağlantı köprü oluşturma

4.1. HTML Dosyalarında Bağlantı Oluşturma HTML sayfalarından İnternet üzerindeki farklı sayfalara veya aynı sayfa içindeki başka bölümlere gitmek için ilgili kaynağa bağ (link) kurmak gerekir. Metin veya resim gibi farklı nesnelere bağlantı adresi verilebilir. Bu bağlar (anchor) etiketi ve bu etikete ait özellikler kullanarak tanımlanır. Bir bağ oluşturmak için gidilecek dizin adresi ve dosya ismini içeren URL adresi belirtmek gerekir. Bağ kurulan metin veya resim öğesi, sayfada stiller yardımı ile farklı bir biçimlendirme tanımlanmadıkça, genellikle mavi renkte ve altı çizili olarak görüntülenir. Tarayıcı penceresi içerisinde fareyi hareket ettirdiğimizde bağ bulunan bir alana gelince fare imlecinin şeklide değişir. Bu bağı tıkladığımızda ise hedeflenen adresteki bilgilere ulaşılır ve sonuç ekranda görüntülenir. Bir HTML sayfasında bağ kurmak için .. etiketi kullanılır. Açılış etiketi olan <A> bazı özelliklere sahiptir.
<A NAME=“ilk_link” HREF=“menu.html” TITLE=“Menu”> ………
Yukarıdaki örnekte görülen
NAME, HREF ve TITLE, <A> etiketine ait özelliklerdir. Bağlantı kurmak için HREF (Hypertext REFerence) özelliğini kullanmak gerekir. Böylece, açılış ve kapanış etiketleri arasındaki metin veya resim öğesi üzerine tıklanabilir duruma gelir. Bir çok HTML etiketinde olduğu gibi, bağ etiketi de bir kapanış etiketine sahiptir.                               kaynak: http://uzem.ankara.edu.tr/gulbahar/web-turkce/konu-4.pdf
   

Sayfa içi bağlantı oluşturmak:

Döküman içinde bir yere bastığımızda otomatikmen belirlediğimiz yere gitmesi,site içi performansı ve kullanışı kolaylaştıran güzel bir etikettir.
Sayfa içi bağlantı tam olarak bu işi görür,




TABLO OLUŞTURMA
Tablo oluşturma etiketleri :table,border,width,height,bordercolor,bgcolor,align,valign,left,right,colspan,rowspan,tr,th,td,cells