Yazar |
Mesaj |
-
net-tr
Uzman Üye
|
15.10.2008, 18:40 (UTC) Mesaj konusu: Çeşitli Html Dersleri.. |
|
|
Yeni Bir Paylasımla Karsınızdayım.. Bu Paylasımın Bılmeyenler İçin Çok Yararlı Olucagından Eminim..
Öncelikle Bir Html Sayfasının Temel Yapısını Sizlere Göstereceğim..Sayfayi Oluşturmak İçin Yapmamız gereken bir not defteri açmak Ve içerisine Şu Kodlari Kopyalamak ;
Kod: html>
<head>
<title>Net-TR</title>
</head>
<body>
Bütün HTML kodlarımız, yazılarımız ve resimlerimiz burada olacaktir..
</body>
</html>
__________________
Kod İçerisine baktiğimiz zaman anlayacağimiz gibi Sayfanın Başliğini belirtmek için
Kod: <title>Net-TR</title>
Kullandık..Net-TR yazan yere siz kendi başliğinizi Koyabilirsiniz.
__________________
Gelelim İşin En Önemli Kısmına...
Sayfamizin İçeriği
Tagları Arasinda Olacaktir...
__________________
Kod: <html>
<head>
<title>Net-TR</title>
</head>
<body>
İçerik..
</body>
</html>
__________________
Yazılara Renk Vermek İçin
Kod: <font color="red">Deneme123</font>
bu taglari kullanacaksiniz..
Renk kodlarını googlede arattırarak bulmanız mümkün.
__________________
Link Vermek İçin :
Kod: <a href="Url Buraya..">Yazı Buraya..</a></div>
__________________
Resim Koymak İçin
__________________
Büyüklüğünü Ayarlamak için
Kod: <font size="1">, <font size="2">
İsteğe göre bu rakamı arttirabilirsiniz..
__________________
Yazılarınızın Yanıp Sönmesini İsterseniz
Kod: <blink> deneme123 </blink>
__________________
Yazılarınızı Ortalamak İsterseniz
Kod: <center> içerik </center>
__________________
Paragraf Yapmak İsterseniz
Bu tagı kullanabilirsiniz
__________________
Html Sayfanızda Alıntı Göstermek İçin
Kod: <CITE> Alıntı İçeriğimiz </CITE>
__________________
Kolay Gelsin.. |
|
↑
|
|
|
-
topgg
Bedava-Sitem Bağımlısı
Konum: Mersin
|
15.10.2008, 18:41 (UTC) Mesaj konusu: |
|
|
Güzel anlatım Teşekkürler.
Sorularda cevap yerimiz olucak bura ______________ |
|
↑
|
|
|
-
net-tr
Uzman Üye
|
15.10.2008, 18:42 (UTC) Mesaj konusu: |
|
|
topgg yazmış: Güzel anlatım Teşekkürler.
Sorularda cevap yerimiz olucak bura
Rica Ederim..
Tabıkıde Kafanıza Takılan Tüm Soruları Sorabılırsınız Html İle İlgili.. |
|
↑
|
|
|
-
pirioyun
Bedava-Sitem Bağımlısı
|
15.10.2008, 18:48 (UTC) Mesaj konusu: |
|
|
@net-tr
Bizde tam okulda bunları öğreniyoruz.
Daha önce okulda öğrendiğim için hiç kodlara bakınca yabancılık çekmedim...
Ve bu çok güzel birşey...
Teşekkürler... ______________ Piri Oyun Tekrar Döndü. Tasarım yapabilecekler (Flash Oyun Tasarımı ) Pm ile ulaşsınlar görüşelim... |
|
↑
|
|
|
-
topgg
Bedava-Sitem Bağımlısı
Konum: Mersin
|
15.10.2008, 18:53 (UTC) Mesaj konusu: |
|
|
aynen 8. sınıfta 2. konu HTML cok basit geliyor bana.
ama hoca galiba işlemeyecek.
Son konuda Visual Basic onunlada biraz ilgilenmiştim. ______________ |
|
↑
|
|
|
-
net-tr
Uzman Üye
|
15.10.2008, 18:55 (UTC) Mesaj konusu: |
|
|
@pirioyun
İyi İşte Tekrar Edersin Burda
@topgg
Güzel Bir Konu. Tadını Çıkar Derim Ben.. |
|
↑
|
|
|
-
saraybahcesi
Uzman Üye
Konum: YILDIZLAR TAKIMI!
|
|
↑
|
|
|
-
net-tr
Uzman Üye
|
15.10.2008, 19:07 (UTC) Mesaj konusu: |
|
|
saraybahcesi yazmış: teşekkürler net-tr
iyi çalışmalar
Rica Ederim.. |
|
↑
|
|
|
-
net-tr
Uzman Üye
|
15.10.2008, 19:09 (UTC) Mesaj konusu: |
|
|
HTML ile hoş ve kullanışlı bir form oluşturalım.
Hemen hemen bütün web sitelerde en basitinden bir iletişim formu oluyor ki bu şart. Ziyaretçilerinizle iletişim kurabilmeniz için ziyaretçi defterleri, iletişim formları vb. şeylere gerek duyulur. Şimdi biz HTML' de bir form oluşturacağız. Bu form ufak çaplı birşey olmayacak.
1- Şimdi hemen not defterini açıyoruz.(Sizler isterseniz Dreamweaver, Front Page gibi programlarla da yapabilirsiniz. Ben not defterini tercih ediyorum.)
İskelet yapımızı oluşturlarım. İskelet yapımız şu şekilde olacak;
Kod: <html>
<head>
<title></title>
</head>
<body>
</body>
</html>
2- İskelet yapımızı oluşturduktan sonra sayfamızı .htm olarak kaydedelim. Bunun için Dosya Menüsü> Farklı Kaydet ve açılan ufak pencerede Dosya İsmine index.htm diyerek tamama tıklayın.
3- <body> taglarımızın arasına girelim ve formumuzu oluşturmaya başlayalım. Bunun için öncelikle <form> etiketini kullanacağız.
Kod: <form name="ilkformum" action="kaydet.asp" method="post">
name: Bu bizim formumuzun ismini belirmemektedir.
action: Oluşturacağımız bu formun çalışması için HTML bize tek başına yardımcı olamıyor. Bunun için Asp veya Php' ye başvurmamız gerekecektir. Ama biz bu dersimizde sadece formu oluşturacağız.
4- Öncelikle kullanacağımız araçları tanımamız lazım.
Form oluşturur kullanacağımız etiketler:
text:
Bu etiket ile web site kullanıcılarına yazı yazdırabiliriz. Ancak "text" etiketi genelde kullanıcı adı, parola gibi az kelimeler içerin yerlerde kullandırılır.
password:
"text" etiketi ile kullanıcı adı, parola gibi az kelimeler içerin yerlerde kullandırıldığını söylemiştim. Ancak bu password etiketi ile de yapabilirsiniz. Ancak yukarıdaki resimde gördüğünüz gibi kullanıcı bu kutucuğa yazı yazdığı zaman yuvarlaklar çıkar. Bu etiket çoğu zaman şifre bölümlerinde kullandırılır.
textarea:
Bu etiket "text" etiketine benzer bir etikettir. Ancak bunun bazı farkları var. Bunu istediğiniz boyuta getirebilir, ziyaretçilerinize mesaj vs. yazdırabilirsiniz. Yani bu etiket ziyaretçilerinize çok fazla yazı yazdıracağınız zaman kullandırılır.
radio:
Bu etiket kullanıcılarınıza sadece bir tane seçim yapmalarını sağlar.
checkbox:
Yurkarıda "radio" etiketi ile kullanıcılarınıza sadece bir tane seçim yapmalarını sağlayabileceğinizi söylemiştim. Bu "checkbox" etiketi ile kullanıcılarınıza birden fazla seçim yapmalarını sağlayabilirsiniz.
submit:
Bununla kullanıcıların formu doldurduktan sonra bilgileri bize göndermeleriniz sağlıyoruz.
reset:
Bununla ise kullanıcıların doldurdukları formun temizlemelerini sağlıyoruz.
Bizim oluşturacağımız formda sadece bunları kullanacağız. Bizim kullanacağımız etiketlerden başka etiketlerde bulunmaktadır.
5- Şimdi etiketleri öğrendikten sonra uygulamaya geçelim. Öncelikle bir kullanıcı adı kısmı yapalım. Bunu "text" etiketini kullanarak yapacağız.
Kod: <html>
<head>
<title></title>
</head>
<body>
<form name="ilkformum" action="kaydet.asp" method="post">
<input type="text" name="kullaniciadi" value="Kullanıcı Adınız">
</form>
</body>
</html>
Yukarıdaki kodlarda daha önce size bahsetmediğim bir etiket görüyorsunuz. Bu etiketin adı "value". Bu etiket ile oluşturduğunuz "text" veya "textarea" etiketlerinde kullanıcıdan önce sizin bu kutucukların içlerini açıklama vs. yazmanızı sağlar. Tabii kullanıcılar bunu silebilir ve yerine kendi istediklerini yazabilirler.
6- Şimdi de bir parola kısmı ekleyelim. Ancak bunu "text" ile değil, "password" ile yapalım.
Kod:
<html>
<head>
<title></title>
</head>
<body>
<form name="ilkformum" action="kaydet.asp" method="post">
<input type="text" name="adisoyadi" value="Adınız ve Soyadınız">
<input type="password" name="adisoyadi" value="Parola">
</form>
</body>
</html>
7- Bir e-mail adresi, ev adresi, telefon numarası bölümleri ekleyelim.
Kod: <html>
<head>
<title></title>
</head>
<body>
<form name="ilkformum" action="kaydet.asp" method="post">
<input type="text" name="adisoyadi" value="Adınız ve Soyadınız">
<input type="password" name="parola" value="Parola">
<input type="text" name="email" value="E-mail Adresiniz">
<input type="text" name="tel" value="Telefon Numaranız">
<input type="text" name="adres" value="Ev Adresiniz">
</form>
</body>
</html>
8- Şimdi "radio" ve "checkbox" etiketlerini kullanalım. Öncelikle "radio" etiketini kullanalım. Bunu kullanıcının cinsiyetini öğrenmek için kullanalım.
Kod: <html>
<head>
<title></title>
</head>
<body>
<form name="ilkformum" action="kaydet.asp" method="post">
<input type="text" name="adisoyadi" value="Adınız ve Soyadınız">
<input type="password" name="parola" value="Parola">
<input type="text" name="email" value="E-mail Adresiniz">
<input type="text" name="tel" value="Telefon Numaranız">
<input type="text" name="adres" value="Ev Adresiniz">
Cinsiyetiniz:
Bay: <input type="radio" name="bay"> Bayan: <input type="radio" name="bayan">
</form>
</body>
</html>
9- "radio" etiketimizi kullandıktan sonra "checkbox" etiketimizi kullanalım. Bunu da (biraz mantıksız olacak ama) kullanabildiniz progamlar olarak kullanalım.
Kod: <html>
<head>
<title></title>
</head>
<body>
<form name="ilkformum" action="kaydet.asp" method="post">
<input type="text" name="adisoyadi" value="Adınız ve Soyadınız">
<input type="password" name="parola" value="Parola">
<input type="text" name="email" value="E-mail Adresiniz">
<input type="text" name="tel" value="Telefon Numaranız">
<input type="text" name="adres" value="Ev Adresiniz">
Cinsiyetiniz:
Bay: <input type="radio" name="bay"> Bayan: <input type="radio" name="bayan">
Kullanabildiğiniz Programlar:
Dreamweaver: <input type="checkbox" name="dreamweaver"> Photoshop: <input type="checkbox" name="photoshop">
</form>
</body>
</html>
10- Bu seferde "textarea" etiketini kullanarak ziyaretçilerin bize bir mesaj göndermelerini sağlayalım. Ayrıca "textarea" etiketimizin büyüklük ve genişliğinide verelim.
Kod: <html>
<head>
<title></title>
</head>
<body>
<form name="ilkformum" action="kaydet.asp" method="post">
<input type="text" name="adisoyadi" value="Adınız ve Soyadınız">
<input type="password" name="parola" value="Parola">
<input type="text" name="email" value="E-mail Adresiniz">
<input type="text" name="tel" value="Telefon Numaranız">
<input type="text" name="adres" value="Ev Adresiniz">
Cinsiyetiniz:
Bay: <input type="radio" name="bay"> Bayan: <input type="radio" name="bayan">
Kullanabildiğiniz Programlar:
Dreamweaver: <input type="checkbox" name="dreamweaver"> Photoshop: <input type="checkbox" name="photoshop">
<textarea name="mesaj" value"Mesajınızı Yazınız" rows="5" cols="30">
</textarea>
</form>
</body>
</html>
11- Şu an görünüm çok iğrenç değil mi? Çünkü bütün herşey yan yana. Bunun için <br> etiketini kullanalım. <br> etiketi bir alt satıra geçmemizi sağlar.
Kod: <html>
<head>
<title></title>
</head>
<body>
<form name="ilkformum" action="kaydet.asp" method="post">
<input type="text" name="adisoyadi" value="Adınız ve Soyadınız"><br>
<input type="password" name="parola" value="Parola"><br>
<input type="text" name="email" value="E-mail Adresiniz"><br>
<input type="text" name="tel" value="Telefon Numaranız"><br>
<input type="text" name="adres" value="Ev Adresiniz"><br>
Cinsiyetiniz:
Bay: <input type="radio" name="bay"> Bayan: <input type="radio" name="bayan"><br>
Kullanabildiğiniz Programlar:
Dreamweaver: <input type="checkbox" name="dreamweaver"> Photoshop: <input type="checkbox" name="photoshop"><br>
<textarea name="mesaj" value"Mesajınızı Yazınız" rows="5" cols="30">
</textarea>
</form>
</body>
</html>
Size Faydası Dokunduysa Ne Mutlu Bana.. |
|
↑
|
|
|
-
topgg
Bedava-Sitem Bağımlısı
Konum: Mersin
|
15.10.2008, 19:11 (UTC) Mesaj konusu: |
|
|
bedava sitem topluluklarındada paylasılabilir
tşk
bende visual e başlıycam ______________ |
|
↑
|
|
|
-
net-tr
Uzman Üye
|
15.10.2008, 19:12 (UTC) Mesaj konusu: |
|
|
topgg yazmış: bedava sitem topluluklarındada paylasılabilir
tşk
bende visual e başlıycam
Orada Bir Baslıgım Mevcut.
Bu Baslıgım Burada İyi Ve Buraya Uygundur.. |
|
↑
|
|
|
-
topgg
Bedava-Sitem Bağımlısı
Konum: Mersin
|
15.10.2008, 19:12 (UTC) Mesaj konusu: |
|
|
tamam canım kızma ______________ |
|
↑
|
|
|
-
net-tr
Uzman Üye
|
15.10.2008, 19:14 (UTC) Mesaj konusu: |
|
|
topgg yazmış: tamam canım kızma
Neyse Burasını Muhabbet Alanına Çevirmiyelim..
Burada Guncel Olarak Html Bilgi Paylasımı Yapacagım Yardım Istedıgınız Konularda Html Hakkında Yardımda Edebilecegim.. |
|
↑
|
|
|
-
petektan
Acemi Üye
|
16.11.2008, 06:38 (UTC) Mesaj konusu: slm |
|
|
merhaba arkadsım öncelikle emegne saygımduyarım ama benım bir sorum var sana ben kendı belirlediğim şarkıları mp3 olarak siteme atmak isitiyorum ama bunu yapa mıyorum yanı nasıl ypaacagımı bilmiyorum eger benı bu konuda bilgilendirrisen cok memnun olurum simdi den sagılar |
|
↑
|
|
|
-
net-tr
Uzman Üye
|
24.11.2008, 12:16 (UTC) Mesaj konusu: Re: slm |
|
|
petektan yazmış: merhaba arkadsım öncelikle emegne saygımduyarım ama benım bir sorum var sana ben kendı belirlediğim şarkıları mp3 olarak siteme atmak isitiyorum ama bunu yapa mıyorum yanı nasıl ypaacagımı bilmiyorum eger benı bu konuda bilgilendirrisen cok memnun olurum simdi den sagılar
Upload ederek atabilirsiniz...
www.fileden.com
www.esnips.com
Sitelerinden.. |
|
↑
|
|
|
|