Arkadaslar Yazilarimdaki Kodlarda 1 Bosluk bulunmakdadir siz Boslugu silerek Kullanin Kodlari
İnternet Ortamı ve Web Tasarım - Bilişim teknoloji Web Tasarım Kişisel Gelişim MAkaleleri l Bilisim-Teknoloji.TK

Results > Posts Filed Under > İnternet Ortamı ve Web Tasarım

Aralık 19, 2009.
Yazar: ExoMari4.
Kategori: Genel, İnternet Ortamı ve Web Tasarım.
Etiketler: , , , , , , , , , , .

Cellspacing

Tablonun.içerisindeki hücrelerin, birbirlerinden ve tablo sınırlarından uzaklığını, pixel
cinsinden ayarlar.
<table border=”1″ cellspacing=”5″>
<tr><td>Donanım</td></tr>
<tr><td>Yazılım</td></tr>
</table>

Donanım

Yazılım

<table border=”1″ cellspacing=”9″>
<tr><td>Donanım</td></tr>
<tr><td>Yazılım</td></tr>
</table>

Donanım

Yazılım

Read More » Yorum Yok »
Aralık 1, 2009.
Yazar: ExoMari4.
Kategori: Genel, İnternet Ortamı ve Web Tasarım.
Etiketler: , , , , , , , , , , , .

TABLOLAR

Tablolar, sayfaları satırlara/sütunlara bölmek ya da metin veya grafiklerin sayfada
istediğimiz yerde durmasını sağlamak amaçlarıyla kullanabileceğimiz HTML’nin en önemli
yapıtaşlarındandır. Sayfada gözüksün ya da gözükmesin tabloları bir iskelet gibi kullanabilir,
böylece istediğiniz düzenlemeyi yapabilirsiniz.
Ekranda tablo gösterirken, o an kullanılan pencerenin büyüklüğüne ve tablo içindeki
metnin genişliğine göre tablonun eni ve boyu değişebilir. Tablo, satır ve sütunlardan
oluştuğu için her hücre ayrı ayrı tanımlanır. Her satır ve sütun, kendi içinde başka satır ve
sütunları ihtiva edebilir ve diğer satır ve sütunlarla birleştirilebilir. Tablolara başlık, liste,
paragraf, form, figür ve her formatta metin konabilir.
5.1. <TABLE>
Tablolar <table> belirteci ile başlar.
<table>
……
</table>

TR
Tabloda satır oluşturmayı sağlar.
TD
Tabloda sütun oluşturmayı sağlar.

<table border=”1″>
<tr>
<td>RAM</td> 1.satır
</tr>
<tr>
<td>ROM</td> 2.satır
</tr>
</table>

RAM
1.satır

ROM
2.satır

RAM
—- 1.sütun
ROM
—- 2.sütun
<table border=”1″>
<tr>
<td>RAM</td>—- 1.sütun
<td>ROM</td>—- 2.sütun
</tr>
</table>

Read More » Yorum Yok »
Kasım 30, 2009.
Yazar: ExoMari4.
Kategori: Genel, İnternet Ortamı ve Web Tasarım.
Etiketler: , , , , , , , , , , , , , , , , , , , , , .

Sayfa Dışı Bağlantı Oluşturma

WEB sayfalarının en önemli özelliklerinden birisi, kolayca başka sayfalara ve
dökümanlara geçiş yapılabilmesidir. Bunun için <a href >…</a> komutunu kullanırız. Bu
komutlar arasına yazmış olduğunuz ifade mavi renkte ve altı çizili olarak ekrana gelir.
İfadenin üzerine tıkladığınızda yazmış olduğunuz WEB adresine sizi yönlendirecektir.
Ana sayfaya dönmek için <A HREF=”http://www.bilisim-teknoloji.tk”> buraya </A>
tıklayınız.
Ana sayfaya dönmek için buraya tıklayınız.
Bağlantının açılacağı pencereyi belirtmek için “target” parametresinide kullanabiliriz.
<a href=”…” target=”…” ></a>
target=”_blank” Bağlantı yeni bir pencerede açılır.
target=”_self”
Bağlantı aynı pencere içerisinde açılır.
target=”_top”
Bağlantı aynı pencere içerisinde en üstten itibaren açılır.
target=”_parent” Açılan bağlantı, o anda açık sayfayı oluşturmuş bir ana sayfa varsa
onun yerine konur.
target=”çerçeve adı”
Frame komutu ile çerçeve oluşturulmuşsa bağlantının
adı verilen çerçevede açılmasını sağlar.

Read More » Yorum Yok »
Kasım 29, 2009.
Yazar: ExoMari4.
Kategori: Genel, İnternet Ortamı ve Web Tasarım.
Etiketler: , , , , , , , , , , , , , , .

Sayfa İçi Bağlantı Oluşturma

Bir metin üzerinde belirli bölgelere ulaşmak için yine etiketler kullanılabilir. <a
href=”#…”>…</a>, <a name=”….”>…</a> komutlarını kullanarak sayfa içi (dahili)
bağlantıları hazırlayabiliriz. Örneğin sayfanın üst kısmında sayfa indeksini gösteren bir menü
olsun. Kullanıcı bu menüde istediği başlığa tıkladığında ilgili konuya gitsin. Böyle bir sayfa
hazırlamak için yapacağımız şeyler:
“Tıklandığında” açılacak konuyu işaretlemek (<a name=”….”>…</a> ).
Tarayıcıya, hazırlayacağımız menüye “tıklandığında” bu işaretli konuya
gitmesini bildirmek (<a href=”#…”>…</a> ).
Örnek
<HTML>
<HEAD>
<TITLE> Bağlantı ayarları </TITLE>
</HEAD>
<BODY>
<ol>
</ol>
<P><A NAME=”1″></A><FONT SIZE=+1><FONT COLOR=”red”>1.ASP
nedir?</FONT></FONT>
Sunucu taraflı bir teknoloji olan ASP, (Active Server Pages/Aktif Sunucu Sayfaları) kullanıcı
tarafına etkileşimli, dinamik Web sayfaları göndermek için kullanılır. ASP, WEB
programcılarına HTML, scripting ve kullanıcıdan bağımsız veritabanı uygulamalarını
özgürce kullanma fırsatı verir.
<P><A NAME=”2″></A><FONT SIZE=+1><FONT COLOR=”red”>2.ASP nasıl
çalışır?</FONT></FONT>
ASP arabiriminin işleyişi oldukça basit, sisteminize ASP eklentisini yüklediğinizde Internet
Information Server’ınızın zaten sahip olduğu scripting özellikleri işlemeye …

Read More » Yorum Yok »
Kasım 28, 2009.
Yazar: ExoMari4.
Kategori: Genel, İnternet Ortamı ve Web Tasarım.
Etiketler: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , .

BAĞLANTI (KÖPRÜ) OLUŞTURMA

Bir WEB sitesinde altı çizili olarak bir takım kelimeler görmüşüzdür. Bu altı çizili
kelimelerin üstüne gelince fare şekil değiştirip bir el şekline dönüşmektedir. Bunun anlamı
kelimeye tıkladığınızda kelimeyle ilgili bir başka WEB sayfasına gideceğidir. HTML’nin bu
görevini yerine getirmesini sağlayan etiket <a>’dir. Dokümanınızdan başka dokümana
bağlantı yapabilmek için:

Etiketi giriniz. (Kısaca ilk satıra <a> yazınız)
Hangi dokümana geçiş yapmak istiyorsanız, ismini yazınız. HREF=”dosyaismi”
Bu dokümanı ekranda hangi isimle göstermek istediğinizi belirtiniz.
Etiketi kapatınız. </a>

Read More » Yorum Yok »
Kasım 27, 2009.
Yazar: ExoMari4.
Kategori: Genel, İnternet Ortamı ve Web Tasarım.
Etiketler: , , , , , , , , , , , , .

Görünüm Düzenleme Etiketleri

BGCOLOR
Sayfanın arka plan rengini belirler. <body> belirteci ile kullanıldığında sayfa arka plan
rengini; tabloda <td> etiketi ile kullanıldığında hücre rengini değiştirir.
<html>
<head>
Sayfanın arka plan rengini mavi yapar.
<title>arka plan rengi</title>
</head>
<body bgcolor=”#0000ff”>
</body>
</html>

Read More » Yorum Yok »
Kasım 25, 2009.
Yazar: ExoMari4.
Kategori: Genel, İnternet Ortamı ve Web Tasarım.
Etiketler: , , , , , , , , , , , .

face

Face parametresini tüm WEB tarayıcıları desteklemese de bu parametre kullanılarak
sayfada resim kullanmadan oldukça güzel görüntüler elde edilebilir. Örneğin Face=”Arial
Tur” parametresi kullanıldığında yazı tipi Türkçe Arial olacaktır. Face değerine Türkçe
desteği olmayan yazı tipleri verilmemelidir, verilirse bazı Türkçe karakterler bozuk olarak
görülecektir.

< /head>
< font face="tahoma">Bilişim
< font size="5">Teknolojileri< br>
< font color="#ff0000">Bilişim < br>
< font face="comic sans ms" size="7"
color="green">Teknolojileri< /font>
< /body>
< /html>

Read More » Yorum Yok »
Kasım 24, 2009.
Yazar: ExoMari4.
Kategori: Genel, İnternet Ortamı ve Web Tasarım.
Etiketler: , , , .

< Color>

Yazının rengini (red, green gibi renklerin ingilizce karşılığı ya da RGB renk değeri)
belirler. HTML’de renkler hexdecimal sayı sisteminde ifade edilir. Bir renk 16′lık sayı
düzeninde 6 rakamdan oluşur. Bu düzende 9′dan sonraki sayı1arı göstermek için A’dan F’ye
kadar olan harfler kullanılır. Bununla birlikte HTML bazı renklerin İngilizce isimlerini de
anlar,
Burada görülen renkler hexdecimal cinsinden de ifade edilebilir. Örneğin #FFFFFF
beyaz, #000000 siyah, #C0C0C0 gri (tabloda ’silver’), #FFFF00 sarı, #FF0000 kırmızı
renklerini verir.

Read More » Yorum Yok »
Kasım 23, 2009.
Yazar: ExoMari4.
Kategori: Genel, İnternet Ortamı ve Web Tasarım.
Etiketler: , , , , , , , , , , , , .

< Size>

Metnin büyüklüğünü ayarlar, bu değişkene -1, +2 gibi değerler verilerek metnin
büyüklüğünün bir eksiltilmesini veya iki artırılmasını sağlayabilir, direkt olarak bir rakam
vererek de bunu yapabilirsiniz. Yazı tipi çok büyük olmamalıdır, büyük yazı tipleri hem
kullanıcıların sayfayı okumasını zorlaştırır, hem de sayfanın güzelliğini bozar.

Read More » Yorum Yok »
Kasım 22, 2009.
Yazar: ExoMari4.
Kategori: Genel, İnternet Ortamı ve Web Tasarım.
Etiketler: , , , , , , , , .

< Font>

Font etiketi sahip olduğu parametreler sayesinde metinlerin renk, yazı tipi, boyut gibi
özelliklerini değiştirmenize olanak sağlar. Parametreleri ile beraber kullanım şekli aşağıdaki
gibidir.
< FONT SIZE="x" FACE="[isim] COLOR="#XXXXXX" >
Face : Yazı tipi (arial, tahoma, verdana, …)
Size : Yazının büyüklüğü (1-7 arası)
Color : Yazının rengi (red, green gibi renklerin ingilizce karşılığı ya da RGB renk
değeri)
Bir etiketin herhangi bir parametresine atadığımız değer, o etiketin oluşturduğu alan
içerisinde geçerlidir. Örneğin, < font color="blue">…< /font> ifadesi, sadece “…” ile
gösterilen alan içerisine yazılanları mavi yapar.

Read More » Yorum Yok »
 Page 1 of 4  1  2  3  4 »