Html Dersler

Html Örnek Site Kalıbı

Çarşamba, 04 Mart 2009 19:50

^{<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<LINK 
href="dosyalar/stdtheme.css" type=text/css rel=stylesheet>
<meta http-equiv="Content-Language" content="tr" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML Dersleri - Örnek Index Sayfasıtitle>
<style TYPE="text/css">

.style1 {
	text-align: center;
}
.style1 {
	text-align: center;
	border: 0 solid #000000;
	background-color: #DCDCDA;
}
.style2 {
	border: 1px solid #008080;
}
.style6 {
	text-align: center;
	border: 1px solid #DCDCDA;
}
.style7 {
	border-width: 0;
	background-color: #DCDCDA;
}
.style9 {
	background-color: #DCDCDA;
}
.style13 {
	background-color: #C0C0C0;
}
.style14 {
	text-align: center;
}
style>


head>

<body bgcolor="gray" style="background-color: #DCDCDA">
<DIV ID="topdeck" CLASS="popper">&nbsp;DIV>}

^{<SCRIPT>
var nav = (document.layers);
var iex = (document.all);
var skn = (nav) ? document.topdeck : topdeck.style;
if (nav) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = get_mouse;

function pop(msg,bak)
{

var content ="}^{HTML Dersleri}
^"+msg+"
^{";

if (nav)
{
skn.document.write(content);
skn.document.close();
skn.visibility = "visible";
}
else if (iex)
{
document.all("topdeck").innerHTML = content;
skn.visibility = "visible";
}
}

function get_mouse(e)
{
var x = (nav) ? e.pageX : event.x+document.body.scrollLeft;
var y = (nav) ? e.pageY : event.y+document.body.scrollTop;
skn.left = x - 60;
skn.top = y+20;
}

function kill()
{
skn.visibility = "hidden";
}

SCRIPT>


<SCRIPT LANGUAGE="JavaScript">
function myopen(url) {
window.open(url,'HelpWin','menubar=1,width=500,height=500,scrollbars=yes');
}
SCRIPT>
<table style="BACKGROUND-COLOR: #808080" cellSpacing=0 cellPadding=0 width=800 align="center" class="style2">
	<tr>
		<td class="style1">
		<img alt="HTML Dersleri" src="dosyalar/banner.jpg" width="800" height="100" align="middle" ONMOUSEOVER="pop('Burada resim eklemek için img etiketi kullanıldı')" ONMOUSEOUT="kill()";>td>
	tr>
	<tr>}

^{<td>
		<table style="width: 800px; height: 308px;" cellspacing="0" cellpadding="0">
			<tr>
				<td style="width: 125px" valign="top" class="style9">
				<table cellspacing="0" cellpadding="0" style="width: 147px">
					<tr>
						<td class="content" style="border-width: 0; width: 100px; background-color: #DCDCDA;" valign="top" ONMOUSEOVER="pop('Burada satır atlamak için br etiketi kullanıldı','#FFFFE8')" ONMOUSEOUT="kill()">
					

						<table style="width: 146%" cellspacing="0" cellpadding="0">
							<tr>}

^{<td class="content" style="text-align: left"><b>Ana Menüb>td>
							tr>
							<tr>
								<td class="content" style="background-color: #DCDCDA">	
						<a class="left" href="#">Visual Basica><br>
						<br>
						<a class="left" href="#">C++a><br>
						<br>}

^{<a class="left" href="#">Perla><br>
						<br>
						<a class="left" href="#">PHPa><br>
						<br>
						<a class="left" href="#">ASPa><br>
						<br>
						<a class="left" href="#">ASP.NETa><br>}

^{<br>td>
							tr>
						table>
					

						td>
					tr>
					<tr>
						<td style="width: 100px" class="style13">
						<table style="width: 146%" cellspacing="0" cellpadding="0">
							<tr>}

^{<td class="content" style="width: 148px"><b>Üye Girişib>td>
							tr>
							<tr>
								<td class="content" style="width: 148px; background-color: #DCDCDA">
						<form method="post" action="" name="Üye Girişi" ONMOUSEOVER="pop('Burada form etiketi kullanıldı','#FFFFE8')" ONMOUSEOUT="kill()"; class="style8">
							<div class="style4" style="width: 76%">
							<br>
							Kullanıcı Adı:<input name="Text1" type="text" style="width: 105px"><br>}

^{Şifre:<br>
							<input name="Password1" type="password" style="width: 105px"><br>
								<br>
							<input name="Submit1" type="submit" value="Giriş" style="width: 105px"><br>
							div>
						form>
						<a href="#">Şifremi Unuttum?a><br>
							<a href="#">Üye Ola><br>}

^{<br>td>
							tr>
						table>
						td>
					tr>
					<tr>
						<td valign="bottom" class="style7"> 
						<table style="width: 100%">
							<tr>}

^{<td class="content" align="center" valign="top"><b>DUYURULARb>td>
							tr>
							<tr>
								<td style="width: 100px" class="style7">
								<marquee direction="up" onmouseout="this.scrollAmount=2" scrollamount="2" scrolldelay="40" style="width: 137px; height: 167px" ONMOUSEOVER="pop('Burada kayan yazı için marquee etiketi kullanıldı','#FFFFE8')" ONMOUSEOUT="kill()";>
								<p>;-) işaretinin patenti alındıp><br>
								<p>Vodafone 4G'ye de hazır!p><br>}

^{<p>Google'ın ruhup><br>
								<p>Chrome adam oldup><br>marquee>td>
							tr>
						table>
						td>
					tr>
				table>
				td>}

^{<td bgcolor="#ffffff" valign="top" style="width: 600px">
				<h1 ONMOUSEOVER="pop('Bu başlık h1 etiketi ile oluşturuldu','#FFFFE8')" ONMOUSEOUT="kill()"; align="center">
				WEB PROGRAMLAMA EĞİTİM SİTESİNE HOŞ GELDİNİZh1>
				Aşağıda PHP ile 
				oluşturulmuş olan sitedeki online kullanıcı sayısını 
				gösteren bir örnek bulunmaktadır:<br>
				<br>
				<table cellspacing="0" cellpadding="0" style="width: 500px"><tr>
					<td bgcolor="olive" style="width: 1122px">
				<code>}

^{<pre>
<code ONMOUSEOVER="pop('Burada code etiketi kullanıldı','#FFFFE8')" ONMOUSEOUT="kill()";>&lt;? 
################################################################################
# Project     : Aktif Kullanıcı Sayısı                                         #
# File name   : aktifkullanici.php                                             #
# Version     : 1.00                                                           #
# Modified By : Emrullah GAZİOĞLU                                              #
# Email       : 
  Bu e-posta adresini spambotlara karşı korumak için JavaScript desteğini açmalısınız
                                         #
# Copyright   : (c) 2008 by Emrullah GAZİOĞLU (http://www.htmldersleri.org)    #
################################################################################
# Configuration Info                                                           #
################################################################################

$server         	= "localhost"; //Your MySQL Server (usually "localhost")
$db_user        	= &quot;username_phpuser"; // Your MySQL Username
$db_pass        	= "password";		// Your MySQL Password
$database       	= "username_phpUseronline";	// Database Name

$timeoutseconds 	= 300;			// Timeout Value in Seconds

################################################################################
# End Configuration - DO NOT EDIT BEHIND THIS LINE!!!                          #
################################################################################
code>pre>
				code>td>tr>table><br>
				<a href="#" ONMOUSEOVER="pop('Burada link yaratmak için a href etiketi kullanıldı','#FFFFE8')" ONMOUSEOUT="kill()";>
				Devamını görmek için lütfen tıklayınız.a><br><br><br><br>
				<p align="center"><strong>Açıklamasını görmek istediğiniz yerin üzerine gelin ve uyarıcının belirmesini bekleyiniz.strong>p>
				td>}

^{<td style="width: 120px" valign="top" class="style9">
				<table style="width: 100%" cellspacing="0" cellpadding="0">
					<tr>
						<td ONMOUSEOVER="pop('Burada iframe kullanılarak linkler.htm dosyası kaynak gösterildi','#FFFFE8')" ONMOUSEOUT="kill()";>
						<table cellspacing="0" cellpadding="0" style="width: 100px"><tr>
							<td class="content" align="center" valign="top"><b>LİNKLERb>td>tr><tr><td><iframe src="linkler.htm" style="width: 125px; height: 274px">iframe>td>tr>table>
												td>
					tr>}

^{<tr>
						<td class="style14">
						<embed src="dosyalar/saat.swf" ONMOUSEOVER="pop('Burada embed etiketi ile src parametresi kullanıldı','#FFFFE8')" ONMOUSEOUT="kill()" style="width: 128px; height: 128px">td>
					tr>
				table>
				<table cellspacing="0" cellpadding="0"><tr>
				<td class="content" style="width: 148px; text-align: center;"><b>İnterAktif Öğretmeninizb>td>tr>
				<tr><td>}

^{<img alt="HTML Dersleri" src="dosyalar/compteacher.jpg" width="128" height="116" ONMOUSEOVER="pop('Bu resim bir tablo hücresi içine oturtuldu.','#FFFFE8')" ONMOUSEOUT="kill()";>td>tr>
				table>
				td>
			tr>
		table>
		td>
	tr>
	<tr>
		<td>}

^{<table style="width: 100%;" cellspacing="0" cellpadding="0" class="style6">
					<tr>
						<td class="topnav" align="center" style="background-color: #DCDCDA">
						<a class="topnav" href="#">Derslera> | 
      					<a class="topnav" href="#">Örneklera> | 
      					<a class="topnav" href="#" target="_blank">Foruma> | 
      					<a class="topnav" target="_top" href="#">Sıkça Sorulan Sorular
						a>|<a class="topnav" href="#">Hakkındaa>  
						td>}

^{tr>
					<tr>
						<td align="center" class="style9"><strong>Copyright © 2008 | Tüm Hakları Saklıdır. | 
						Webmaster: Emrullah GAZİOĞLUstrong>td>
					tr>
				table>
td>
	tr>
table>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
script>}

^{<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-6239172-1");
pageTracker._trackPageview();
script>
body>

html>}

Pazar, 05 Nisan 2009 22:35 tarihinde güncellendi

HTML Örnekler

Çarşamba, 04 Mart 2009 19:49

Sayfanızı Yayınlamaya Hazır mısınız?

İlk Adım: Kişisel Web Sunucusu

Başkalarının sayfanızı görmesini istiyorsanız, sayfanızı yayınlamalısınız.
Bunu yapmak için sayfanızı bir web sunucuya kopyalamalısınız.
Eğer internet bağlantınız varsa kendi kişisel bilgisayarınız da bir web sunucusu gibi davranabilir.

Internet Information Service (IIS)

Kendi bilgisayarınızda ASP dosyalarını çalıştırmak için kullanmanız gereken yayınlama yazılımıdır.

IIS Nasıl Kurulur?

Windows XP CD'nizi taktıktan sonra Program Ekle/Kaldır özelliği ile Windows Bileşenleri kısmına geliniz.
Internet Information Service seçeneği seçerek "İleri"yi tıklayıp yönergeleri izleyiniz.
Yaptığınız siteyi tüm klasörü ile C:\Inetpub\wwwroot klasörü içine kopyalayınız. (Örnek: Klasörünüz adı "WebSitem" olsun)
Çalışıp çalışmadığını görmek için tarayıcınızın adres satırına "localhost/WebSitem" yazınız..

Not: Microsoft Windows XP Home Edition üzerinde IIS çalıştıramazsınız!

Apache Web Sunucusu

Kendi bilgisayarınızda PHP dosyalarını çalıştırmak için kullanmanız gereken yayınlama yazılımıdır.

Apache Nasıl Kurulur?

Internet üzerinden ücretsiz olarak "apache2triad" yazılımını indirip bilgisayarınıza kurunuz. (Bu program ile php ile ilgili tüm yazılımlara sahip olursunuz).
Daha sonra sitenizi klasör halinde C:\apache2triad\htdocs klasörü içine kopyalayınız.
Tarayıcınızın adres satırına "localhost/WebSitem" yazınız.

Önemli Notlar

HTML dosyanızın içerisinde bir link oluşturmak istediğinizde veya bir resim eklemek istediğinizde bu hedef dosyaların hepsinin önceden sitenizin klasörünün içerisinde olduğundan emin olun.

Örneğin sitenizin klasörü C:\sitem olsun. C:\sitem\index.html dosyası içerisine belgelerim klasöründen bir resim eklediğinizde bu resim <img alt="" src="/../Documents%20and%20settings/<oturum adı>/Belgelerim/resim.jpg"> olarak alacaktır.

Eğer bu şekilde web sunucusuna upload ederseniz, büyük ihtimalle resim dosyanız görüntülenemeyecektir. Çünkü web sunucu bilgisayarda öyle bir yol olmayacaktır.

HTML Web Sunucu

Çarşamba, 04 Mart 2009 19:48

Sayfanızı Yayınlamaya Hazır mısınız?

İlk Adım: Kişisel Web Sunucusu

Başkalarının sayfanızı görmesini istiyorsanız, sayfanızı yayınlamalısınız.
Bunu yapmak için sayfanızı bir web sunucuya kopyalamalısınız.
Eğer internet bağlantınız varsa kendi kişisel bilgisayarınız da bir web sunucusu gibi davranabilir.

Internet Information Service (IIS)

Kendi bilgisayarınızda ASP dosyalarını çalıştırmak için kullanmanız gereken yayınlama yazılımıdır.

IIS Nasıl Kurulur?

Windows XP CD'nizi taktıktan sonra Program Ekle/Kaldır özelliği ile Windows Bileşenleri kısmına geliniz.
Internet Information Service seçeneği seçerek "İleri"yi tıklayıp yönergeleri izleyiniz.
Yaptığınız siteyi tüm klasörü ile C:\Inetpub\wwwroot klasörü içine kopyalayınız. (Örnek: Klasörünüz adı "WebSitem" olsun)
Çalışıp çalışmadığını görmek için tarayıcınızın adres satırına "localhost/WebSitem" yazınız..

Not: Microsoft Windows XP Home Edition üzerinde IIS çalıştıramazsınız!

Apache Web Sunucusu

Kendi bilgisayarınızda PHP dosyalarını çalıştırmak için kullanmanız gereken yayınlama yazılımıdır.

Apache Nasıl Kurulur?

Internet üzerinden ücretsiz olarak "apache2triad" yazılımını indirip bilgisayarınıza kurunuz. (Bu program ile php ile ilgili tüm yazılımlara sahip olursunuz).
Daha sonra sitenizi klasör halinde C:\apache2triad\htdocs klasörü içine kopyalayınız.
Tarayıcınızın adres satırına "localhost/WebSitem" yazınız.

Önemli Notlar

Eğer bu şekilde web sunucusuna upload ederseniz, büyük ihtimalle resim dosyanız görüntülenemeyecektir. Çünkü web sunucu bilgisayarda öyle bir yol olmayacaktır.

HTML ASCII

Çarşamba, 04 Mart 2009 19:47

HTML ASCII Kodlar

Aşağıda ASCII karakterlerin HTML diline göre şifrelenmiş biçimlerini gösteren bir tablo bulunmaktadır.

%00 - %8F Arası ASCII Karakterler

ASCII Değeri	URL-Kodlanmışı	ASCII Değeri	URL-Kodlanmışı	ASCII Değeri	URL-Kodlanmışı
æ	%00	0	%30	`	%60
	%01	1	%31	a	%61
	%02	2	%32	b	%62
	%03	3	%33	c	%63
	%04	4	%34	d	%64
	%05	5	%35	e	%65
	%06	6	%36	f	%66
	%07	7	%37	g	%67
backspace	%08	8	%38	h	%68
tab	%09	9	%39	i	%69
linefeed	%0a	:	%3a	j	%6a
	%0b	;	%3b	k	%6b
	%0c	<	%3c	l	%6c
c return	%0d	=	%3d	m	%6d
	%0e	>	%3e	n	%6e
	%0f	?	%3f	o	%6f
	%10	@	%40	p	%70
	%11	A	%41	q	%71
	%12	B	%42	r	%72
	%13	C	%43	s	%73
	%14	D	%44	t	%74
	%15	E	%45	u	%75
	%16	F	%46	v	%76
	%17	G	%47	w	%77
	%18	H	%48	x	%78
	%19	I	%49	y	%79
	%1a	J	%4a	z	%7a
	%1b	K	%4b	{	%7b
	%1c	L	%4c	\|	%7c
	%1d	M	%4d	}	%7d
	%1e	N	%4e	~	%7e
	%1f	O	%4f		%7f
space	%20	P	%50	€	%80
!	%21	Q	%51		%81
"	%22	R	%52	‚	%82
#	%23	S	%53	ƒ	%83
$	%24	T	%54	„	%84
%	%25	U	%55	…	%85
&	%26	V	%56	†	%86
'	%27	W	%57	‡	%87
(	%28	X	%58	ˆ	%88
)	%29	Y	%59	‰	%89
*	%2a	Z	%5a	Š	%8a
+	%2b	[	%5b	‹	%8b
,	%2c	\	%5c	Œ	%8c
-	%2d	]	%5d		%8d
.	%2e	^	%5e	Ž	%8e
/	%2f	_	%5f		%8f

%90 - %FF Arası ASCII Karakterler

ASCII Değeri	URL-Kodlanmışı	ASCII Değeri	URL-Kodlanmışı	ASCII Değeri	URL-Kodlanmışı
	%90	À	%c0	?	%f0
‘	%91	Á	%c1	ñ	%f1
’	%92	Â	%c2	ò	%f2
“	%93	Ã	%c3	ó	%f3
”	%94	Ä	%c4	ô	%f4
•	%95	Å	%c5	õ	%f5
–	%96	Æ	%c6	ö	%f6
—	%97	Ç	%c7	÷	%f7
˜	%98	È	%c8	ø	%f8
™	%99	É	%c9	ù	%f9
š	%9a	Ê	%ca	ú	%fa
›	%9b	Ë	%cb	û	%fb
œ	%9c	Ì	%cc	ü	%fc
	%9d	Í	%cd	y	%fd
ž	%9e	Î	%ce	?	%fe
Ÿ	%9f	Ï	%cf	ÿ	%ff
	%a0	?	%d0
¡	%a1	Ñ	%d1
¢	%a2	Ò	%d2
£	%a3	Ó	%d3
	%a4	Ô	%d4
¥	%a5	Õ	%d5
\|	%a6	Ö	%d6
§	%a7		%d7
¨	%a8	Ø	%d8
©	%a9	Ù	%d9
ª	%aa	Ú	%da
«	%ab	Û	%db
¬	%ac	Ü	%dc
¯	%ad	Y	%dd
®	%ae	?	%de
¯	%af	ß	%df
°	%b0	à	%e0
±	%b1	á	%e1
²	%b2	â	%e2
³	%b3	ã	%e3
´	%b4	ä	%e4
µ	%b5	å	%e5
¶	%b6	æ	%e6
·	%b7	ç	%e7
¸	%b8	è	%e8
¹	%b9	é	%e9
º	%ba	ê	%ea
»	%bb	ë	%eb
¼	%bc	ì	%ec
½	%bd	í	%ed
¾	%be	î	%ee
¿	%bf	ï	%ef

HTML Olaylar

Çarşamba, 04 Mart 2009 19:47

HTML 4.0 Olay Parametreleri (Events)

HTML4 ile gelen diğer bir özellik te bir olay olduğu anda döküman içerisinde kodlar ile o sırada neler yapılacağını belirtebilmektir. Örneğin sayfa yüklenirken, üzerine gelindiğinde, tıklandığı gibi olay parametreleri mevcuttur.

Pencere Olayları

Sadece body ve frameset etiketleri içerisinde geçerlidir..

Parametre	Değer	Açıklama
onload	script	Döküman yüklenirken çalıştırılacak olan script.
onunload	script	Dökümandan ayrılıken çalıştırılacak olan script.

Form Öğe Olayları

Sadece form etiketi içerisinde geçerlidir.

Parametre	Değer	Açıklama
onchange	script	Öğe değişirken çalıştırılacak olan script.
onsubmit	script	Submit'e tıklandığında çalıştırılacak olan script.
onreset	script	Form sıfırlandığında çalıştırılacak olan script.
onselect	script	Öğe seçildiğinde çalıştırılacak olan script.
onblur	script	Öğeden ayrılınca çalıştırılacak olan script.
onfocus	script	Öğe seçilince çalıştırılacak olan script.

Klavye Olayları

base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, ve title elements içerisinde geçerli değildir.

Parametre	Değer	Açıklama
onkeydown	script	Bir tuş basılı tutulduğunda yapılacak olanlar.
onkeypress	script	Bir tuşa basılıp bırakıldığına yapılacak olanlar.
onkeyup	script	Bir tuş bırakıldığında yapılacak olanlar.

Mouse Olayları

base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, ve title elements içerisinde geçerli değildir.

Parametre	Değer	Açıklama
onclick	script	Tıklandığında yapılacak olanlar.
ondblclick	script	Çift tıklandığında yapılacak olanlar.
onmousedown	script	Bir mouse tuşu basılı tutulduğunda yapılacak olanlar.
onmousemove	script	Mouse işaretçisi hareket ettirildiğinde yapılacak olanlar.
onmouseout	script	Mouse işaretçisi bir öğeden ayrıldığında yapılacak olanlar.
onmouseover	script	Mouse işaretçisi bir öğenin üzerine geldiğinde yapılacak olanlar.
onmouseup	script	Mouse butonu bırakıldığında yapılacak olanlar.

Daha Fazla İçerik...

«
Başlangıç
Önceki
1
2
3
4
5
6
Sonraki
Son
»

Sayfa 1 - 6

Hayiloglu!

Html Örnek Site Kalıbı

HTML Örnekler

Sayfanızı Yayınlamaya Hazır mısınız?

İlk Adım: Kişisel Web Sunucusu

Internet Information Service (IIS)

IIS Nasıl Kurulur?

Apache Web Sunucusu

Apache Nasıl Kurulur?

Önemli Notlar

HTML Web Sunucu

Sayfanızı Yayınlamaya Hazır mısınız?

İlk Adım: Kişisel Web Sunucusu

Internet Information Service (IIS)

IIS Nasıl Kurulur?

Apache Web Sunucusu

Apache Nasıl Kurulur?

Önemli Notlar

HTML ASCII

HTML ASCII Kodlar

%00 - %8F Arası ASCII Karakterler

%90 - %FF Arası ASCII Karakterler

HTML Olaylar

HTML 4.0 Olay Parametreleri (Events)

Pencere Olayları

Form Öğe Olayları

Klavye Olayları

Mouse Olayları

by Online

Üye Formu

Flas Konular

Son Eklenenler

En Çok Tıklananlar