Menü |
|
KodEklemeSitesiÖzel
|
|
|
|
|
|
Webmaster Araçları
|
|
|
|
|
|
|
|
HTML Kodlar
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
FBML Kodlar
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Webmaster Özel |
|
|
Css Tasarım Nasıl Yapılır:
Basit bir CSS tasarımın nasıl yapıldığını hep beraber göreceğiz.Makaleyi Maddeler halinde açıklayacağım.
1. İlk Önce Taslağımızı oluştularım.
<div id="anakatman">
<div id="ust"></div>
<div id="menu"></div>
<div id="icerik"></div>
<div id="solkisim"></div>
<div id="alt"></div>
</div>
2. Oluşturduğumuz taslağın içeriğini düzenleyelim.
<div id="anakatman">
<div id="ust"><h1>KodArsivi.Net</h1></div>
<div id="menu">
<ul>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
</ul>
</div>
<div id="icerik">
<h2>İçeriğin Başlığı</h2>
<p>Burası içeriğinizi yazacağınız yer</p>
</div>
<div id="solkisim">
<h3>Linkler</h3>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
...
</ul>
</div>
<div id="alt">
<p>Burasıda Sitemizin alt kısmı</p>
</div>
</div>
3.Şimdi sitemizi yavaş yavaş şekillendirmeye başlıyoruz.
body,html { margin:0; padding:0; background:#a7a09a; color:#000; }
body { min-width:750px; }
#anakatman { background:#99c; margin:0 auto; width:750px; }
#ust { background:#ddd; }
#menu { background:#c99; }
#icerik { float:left; width:500px; background:#9c9; }
#solkisim { float:right; width:250px; background:#c9c; }
#alt { clear:both; background:#cc9; }
#menu ul{ margin:0; padding:0; list-style:none; }
#menu li{ display:inline; margin:0; padding:0; }
#ust h1 { padding:5px; margin:0; }
#menu { background:#c99; padding:5px; }
#icerik h2, #icerik h3, #icerik p { padding:0 10px; }
#solkisim ul { margin-bottom:0; }
#solkisim h3, #solkisim p { padding:0 10px; }
#alt p { padding:5px; margin:0; }
Şimdi kısa bir derleme yapalım ilk verdiğim HTML kodları ikinci verdiğim CSS kodları
HTML Kodları
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="anakatman">
<div id="ust"><h1>KodArsivi.Net</h1></div>
<div id="menu">
<ul>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
</ul>
</div>
<div id="icerik">
<h2>İçeriğin Başlığı</h2>
<p>Burası içeriğinizi yazacağınız yer</p>
</div>
<div id="solkisim">
<h3>Linkler</h3>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
...
</ul>
</div>
<div id="alt">
<p>Burasıda Sitemizin alt kısmı</p>
</div>
</div>
</form>
</body>
</html>
CSS Kodları
body,html { margin:0; padding:0; background:#a7a09a; color:#000; }
body { min-width:750px; }
#anakatman { background:#99c; margin:0 auto; width:750px; }
#ust { background:#ddd; }
#menu { background:#c99; }
#icerik { float:left; width:500px; background:#9c9; }
#solkisim { float:right; width:250px; background:#c9c; }
#alt { clear:both; background:#cc9; }
#menu ul{ margin:0; padding:0; list-style:none; }
#menu li{ display:inline; margin:0; padding:0; }
#ust h1 { padding:5px; margin:0; }
#menu { background:#c99; padding:5px; }
#icerik h2, #icerik h3, #icerik p { padding:0 10px; }
#solkisim ul { margin-bottom:0; }
#solkisim h3, #solkisim p { padding:0 10px; }
#alt p { padding:5px; margin:0; }
Hepsi bukadar
Kolay Gelsin...
Üyelik Sistemi Oluşturma:
Bir üyelik sisteminin oluşturulması için bir veritabanının varlığından söz etmek gerekir. Bu veritabanında membership
adında bir tablo olmalı. Bu tablonun alanları ise, userid, username,password, IP, Email, freq gibi alanlardan olmalı. Bu alanlardan en
önemlileri username ve password alanlarıdır ve diğerleri isteğe göre değiştirilebilir. Bu tablonun primary key'si userid alanıdır ve bu alan
diğer tablolarla ilişki kurmak için çok ideal bir alandır. Bu alanın en büyük özelliği eşsizdir, yani tablodaki her kayıt için bu alanın değeri farklıdır.
MS-SQL Server'da, bu tabloyu oluştururken dikkat edilmesi gereken, userid alanının otomatik olarak değişmesidir. Userid alanının tipi integer olmalıdır.
Username, password,IP ve email gibi alanlar varchar(N) tipinde olmalıdır. Buradaki N verinin boyutunu gösterir. Freq alanı uyenin ne kadar sıklıkta
geldigini göstermek için kullanılabilecek olan bir alandır ve tipi de integer olmalıdır.
Üye kaydedebilmek için ise, bir form taşıyan bir html dosyasına ihtiyaç var.
<form name="membership" action="membership.asp" method="post">
<table>
<tr>
<td>User Name </td>
<td><input type="text" name="username" value="">
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="password" value="">
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="email" value="">
</tr>
..................
.................
...............
<tr>
<td><input type="submit" name="continue" value="BECOME A MEMBER">
</tr>
</table>
</form>
Nokta nokta olan yerlere isteğe göre alanlar eklenebilir. Burada önemli olan kısım ise, eklediğimiz alanların veritabanında da yer alıyor olması
gerektiğidir.
Bu form "BECOME A MEMBER" butonuna tıklandığında, "membership.asp" adlı dosyaya bilgi gönderecektir. Bu dosya server'da bulunması gereken
bir dosyadır.
Bu dosyanın içeriği ise,
<%
dim sqlstring,connectionstring,username,password,email,..............
Connectionstring="PROVIDER=SQLOLEDB;DATABASE=MEMBERSHIP;USER ID=SA;PASSWORD=000019"
SET Connection=server.createobject("ADODB.Connection")
connection.open connectionstring
username=Trim(Request.Form("username"))
password=Trim(Request.Form("password"))
email=Trim(Request.Form("email"))
......................
....................
sqlstring="insert into membership (username,password,email) values ('"&usename&"',''"&password&"',''"&email&"')"
SET RecordSet=Server.CreateObject("ADODB.RecordSet")
RecordSet.Open sqlstring,connection,adopenstatic,adlockoptimistic,adcmdtext
SET RecordSet=NOTHING
SET Connection=NOTHING
%>
Buradaki connectionstring değişkeninin içerdiği bilgi, veri tabanına bağlanmak için gerekli olan bağlantı ifadesidir.Database adı olarak,
veri tabanına verdiğimiz isim kullanılmalıdır. User Id SQL Server'a bağlanmak için kullanılan user id ve password de SQL Server'a bağlanmak
için gerekli olan şifredir. Daha sonra ki satırda yapılan ise, ADO nesnesini kullanarak bundan bir örnek yaratmak ve veri tabanı ile bağlantının
sağlanılmaya çalışılmasıdır. Diğer kullanılan nesne ise ADO nesnesine ait olan RecordSet nesnesidir.
Böylece üye tabloya işlenmiş oldu. Böyle bir üyelik sistemi oluşturmak üç ayaklı bir olaydır. İlk ayağı sunucuya gönderilecek olan istemci verisinin
yani formun hazırlanması, diğer ayak veri tabanı tasarımı ve son ayak ta, veri tabanı ile istemcinin konuşmasını sağlayan ASP kodudur. Tabi bu kod,
sadece üyeyi veri tabanına yazmaktadır. Dikkat edilmesi gereken konu, üye isminin veya şifrenin bir başkası tarafından kullanılıyor olup olmadığıdır.
Yani, tabloya bir üyeyi kaydetmeden evvel bunun da kontrolünün yapılması gerekir. Bu bir başka yazıda olacak.
Google Arama Motoru Oluşturma:
> www.google.com.tr/cse/ Adresine girin
>özel arama motoru oluştura tıklayın.
>Üyeliğiniz yoksa üye olun.
>Tamamlandıktan sonra görünüm izlenime tıklayın seçin ve kaydet'in kodu ala tıklayın,ve kodu istediğiniz yere yapıştırın...
|
|
|
|
|
|
|
Bugün 1 ziyaretçi (1 klik) kişi burdaydı! |
|
|
|
|