|
|||||||
| WebMaster & Script'Ler & Template Web Masterlar İçin Web Araçları Asp & PhpVe Diğer Script'Ler Aradığınız Bütün Template'leri Burda Bulabilirsiniz |
![]() |
|
|
Konu Araçları |
|
|
#1 (permalink) |
|
Görev Alma Vakti
![]() ![]() ![]() |
HTML Ile Sıte Yapma "En Bastan Baslayarak"
Evet Arkadaşlar basit bir site mi yapmak istiyosunuz???Burada anlatmış olduklarım amatör taarımcıların çok işine yarayacak... en başta işinize yarıyacak web sayfanızı geliştirecek kodlarla başlayalım. Sayfaya button ekliceksiniz ozaman Kod: <INPUT type="button" name="" value="BUTTON "> Eğer Buttona link eklemek için zaten gerekecek <a href="http://www.xxx.com"><INPUT type="button" name="" value="BUTTON "></a> Kırmızı olan yere botton linkini veriyorsunuz. Ve sonuç şu şekilde oluyor ![]() Şimdi sıra sayfaya click eklicez bunu bir kare olarak birde yuvarlak olarak yapacacaz <a href="http://www.xxx.com"><INPUT type="checkbox" name="İSİM " value=""></a> Bu şekliyle kare oluyor kırmızı yere aynı şekilde clik linkini verecez mavi yere de isim yazılacak isim yazmasanız da olur farketmez ve sonuç ![]() Tabi bir tane oluyor ben görünsün diye 2 tane yaptım :d Arkadaşlar bu arada çok uzun sürüyor 1 sayfa yapmak ama olsun sizler için yapacağım bu arada lütfen sizlerde Teraziye Destek veriniz :d Yuvarlak yapmak için ise <a href="http://www.xxxxx.com"><INPUT type="radio" name="İSİM" value=""></a></p> Bu kodu ekliyoruz yine yukardaki işlemleri uyguluyoruz ama bu sefer yuvarlak oluyor sonuç : ![]() Şimdi sıra resim eklemeye geldi resim için : <img src="avatar11072_0.gif" align="top" border=0 width=120 height=90 > Kırmızı olan yere resim linkini veriyorsunuz yani kendi bilgisarınızdan bir link veriyorsunuz örneğin masa üstünde bulunan bir resimi ekliceksiniz Bilgisayarım ==> C : ==> Document and Setting ==> Kullanıcı ismi ==> Desktop ==> eklenecek resim adı olarak ayarlanız gerekir Evet şimdi sıra kayan yazı da : <marquee>KAYARAK GÖZÜKMESİNİ İSTEDİĞİNİZ YAZI </marquee> Bu şeklde yazı sağdan sola doğru kayıyor ... Soldan Sağa Doğru : <marquee direction=right> YAZII </marquee direction=right> Yukarıdan Aşşağıya Doğru : <marquee direction=down> YAZIII </marquee direction=down> Aşşağıdan Yukarıya Doğru İse : <marquee direction=up> YAZI </marquee direction=up> Bu da Yazının Kayma Hızı <marquee direction="up" scrollamount="1.9" scrolldelay="1"> Kırmızı olan yerlere istediğiniz değeri verin kavuniçi olan yere de nereye doğru kayacaksa yazın yukarıda verdiğim gibi Arkadaşlar bunun daha ayrıntılı biçimi için örnek verelim size <marquee>YAZI <marquee> Şimdi bu kodu wrb sayfası yaptığınız sayfayı fronpage ile ya da not defteri ile açın daha sonra ekliyeceğiniz satırı bulun eğer önceden yazdıysanız satırı orayı kaymasını istiyorsanız orayı bulun o satırın başındaki <DIV style="MARGIN: 5px 20px 20px"><p> yazılar</p> dan itibaren alıyorsunuz yani marquee kodubu <p> başına yazıyoruz şu şekilde <marquee><p>DENEME YAZISI </p></marquee> Şimdi ise sayfaya *** eklicez <bgsound src="deneme.mid" loop="-1"> Yukarıda da dediğim gibi Kırmızı olan yere *** linkini veriyorsunuz yani kendi bilgisarınızdan bir link veriyorsunuz örneğin masa üstünde bulunan bir *** ekliceksiniz Bilgisayarım ==> C : ==> Document and Setting ==> Kullanıcı ismi ==> Desktop ==> eklenecek *** adı olarak ayarlanız gerekir. NOT : Arkadaşlar sayfa *** çalmakta sorun yaşayabilir ki kesin yaşar çalmayabilir onun için ekliyeceğiniz *** ü "waw" veya "mid" formatına çevirmeniz gerekmektedir. Bunun için nero waw editörü kullanabilirsiniz veya diğer çevirme prglarını eğer isteyen olursa linkini de eklerim daha sonra ama size tavsiyem "mid" e çevirmenizdir çünkü sayfa internette yacaş açılacağı için "mid" formatındaki müziklerin boyutu düşük oluyor bu arada **** *** yüklerseniz yani yaklaşık 4 MB bir "waw" müziği yüklerseniz sayfa tahmini olarak 2 dk da açılır ortalama olarak bunun için seçim size kalmış ya boyutunu düşütün kesin *** ü ya da **** koyun siz bilirsiniz artık Şimdi sıra geldi arkaplan resmine <body background="Denemex.JPG"> Linki yine aynı verelim Yukarıda da dediğim gibi Kırmızı olan yere arkaplan linkini veriyorsunuz yani kendi bilgisarınızdan bir link veriyorsunuz örneğin masa üstünde bulunan bir arkaplan resmi ekliceksiniz Bilgisayarım ==> C : ==> Document and Setting ==> Kullanıcı ismi ==> Desktop ==> eklenecek arkaplan resminin adı olarak ayarlanız gerekir. Sıra geldi tablo eklemeye ![]() Bu tarz bir tablo istiyorsanız <**** http-equiv="*******-Language" *******="tr"><table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="78"> <tr> <td width="20%" height="19">SIRA 1</td> <td width="20%" height="19">-- --</td> <td width="20%" height="19">---</td> <td width="20%" height="19">----</td> <td width="20%" height="19">---</td> </tr> <tr> <td width="20%" height="18">SIRA 2 </td> <td width="20%" height="18">---</td> <td width="20%" height="18">-----</td> <td width="20%" height="18">------</td> <td width="20%" height="18">-----</td> </tr> <tr> <td width="20%" height="19">SIRA 3 </td> <td width="20%" height="19">---</td> <td width="20%" height="19">---</td> <td width="20%" height="19">---</td> <td width="20%" height="19">-----</td> </tr> <tr> <td width="20%" height="19">SIRA 4 </td> <td width="20%" height="19">---</td> <td width="20%" height="19">---</td> <td width="20%" height="19">---</td> <td width="20%" height="19">-----</td> </tr></table> Olduğu gibi bu kodu eklicez Sizde değişiklik yaparsınız sonradan Eğer böyle birşey yapmak isterseniz ise ![]() <font SIZE="1"><p> </p><BODY bgcolor="#FFFFFF" vlink="#FF0000" text="#000000" link="#0000FF"><TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0><TR><TD><IMG SRC="trans.gif" WIDTH=84 HEIGHT=26></TD><TD>Deneme Sayfası </TD></TR><TR><TD>TOOLBAR </TD><TD VALIGN=TOP ALIGN=LEFT ><TABLE VALIGN=TOP ALIGN=LEFT BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=421 HEIGHT=237><TR><TD ALIGN=LEFT VALIGN=TOP><TABLE WIDTH=100% HEIGHT=100% BORDER=1 CELLPADDING=0 CELLSPACING=1><TR><TD ALIGN=LEFT VALIGN=TOP WIDTH=208 HEIGHT=116><P><FONT size="3" color="#000000" face="Arial">Tablo 1 </FONT></P></TD><TD ALIGN=LEFT VALIGN=TOP WIDTH=208 HEIGHT=116><P><FONT size="3" color="#000000" face="Arial">Tablo 2</FONT></P></TD></TR><TR><TD ALIGN=LEFT VALIGN=TOP WIDTH=208 HEIGHT=116><P><FONT size="3" color="#000000" face="Arial">Tablo 3<BR></FONT></P></TD><TD ALIGN=LEFT VALIGN=TOP WIDTH=208 HEIGHT=116><P><FONT size="3" color="#000000" face="Arial">Tablo 4<BR></FONT></P></TD></TR></TABLE></font> Bu kodu web sayfanızda koyacağınız yere ekleyin ... Evet sıra geldi güzel bir olaya web sayfanızda video : <EMBED SRC="rammstein - amerika.mpg" BORDER=0 WIDTH=513 HEIGHT=325> şimdi bu kodu yapacağınız web sayfasına ekliyorsunuz NOT : *** ekleme dede dediğim gibi *** boyutunun kısa olması gerekmektedir büyük MB dosyaları herzaman geç açar ya biraz videodan kesin ya da boyutunu küçültün sonuç bu şeklde olacaktır : ![]() Evet arkadaşlar sıra geldi "pdf" Adobe reader web sitemize nasıl ekleriz ? işte kodu : <EMBED SRC="RdrMsgENU.pdf" BORDER=0 WIDTH=542 HEIGHT=308> Tekrar hatırlatalım kırmızı yere ekleyeceğiniz pdf formatındaki dosyayı yazıyorsunuz. gerisini de siteye ekliyorsunuz ve açılışta pdf resmi çıkıyor yanlız kusura bakmayım images alamadım bendeki adobe şifreliydi uğraşmakta istemedim fazla açıkçası ekleyenler görücektir ne sonuç verdiğini deneyin isterseniz.Bir sonraki eklenti ise quıck time evet web sitenize quıck time ekleyin : <EMBED SRC="mov UZANTILI LİNK " BORDER=0 WIDTH=526 HEIGHT=313 PLUGINSPAGE="http://quicktime.apple.com" CACHE=TRUE CONTROLLER=TRUE VOLUME=256 AUTOPLAY=FALSE HIDDEN=FALSE LOOP=FALSE> Arkadaşlar kırmızı yere linkinizi veriyosunuz bende quıck time olmadığı için hem link hemde images veremiyorum ama bu kodu siz ekleyin linke de "mov" uzantılı bise seçin ozaman sonucu görürsünüz web sitenize flash ekleme : <OBJECT CLASSID="clsid 27CDB6E-AE6D-11cf-96B8-444553540000"CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH="571" HEIGHT="341"><PARAM NAME="Movie" VALUE="5955-1.swf"><PARAM NAME="Quality" VALUE="High"><PARAM NAME="Scale" VALUE="ExactFit"><PARAM NAME="Play" VALUE="true"><PARAM NAME="Loop" VALUE="false"><PARAM NAME="Menu" VALUE="false"><PARAM NAME="SAlign" VALUE="L"> <EMBED SRC="5955-1.swf" WIDTH="571" HEIGHT="341" Quality=High Loop=false Play=true Menu=false Scale=ExactFit TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT>Sitemize uygun ateşli link vermeye yani linke gelince güsel birşey çıkıyor denemenizi tavsiye ederim <STYLE>#glowtext {FILTER: glow(color=#c57d5a,strength=2); WIDTH: 100%}A:link {text-decoration: none; color: #000066}A:visited {text-decoration: none; color: #000066}A:active {text-decoration: none; color: #000066}A:hover {text-decoration: none; color: #ceb464}</STYLE><SCRIPT language=JavaScript1.2>function glowit(which){if (document.all.glowtext[which].filters[0].strength==3)document.all.glowtext[which].filters[0].strength=2elsedocument.all.glowtext[which].filters[0].strength=3}function glowit2(which){if (document.all.glowtext.filters[0].strength==3)document.all.glowtext.filters[0].strength=2elsedocument.all.glowtext.filters[0].strength=3}function startglowing(){if (document.all.glowtext&&glowtext.length){for (i=0;i<glowtext.length;i++)eval('setInterval("glow it('+i+')",150)')}else if (glowtext)setInterval("glowit2(0)",150)}if (document.all)window.onload=startglowing</SCRIPT><SPAN id=glowtext><A href="LİNKLERİN VERİLECEĞİ ADRES" target=_blank><FONT size=2>LİNK 1</FONT></A><A href="LİNKLERİN VERİLECEĞİ ADRES" target=_blank><FONT size=2>LİNK 2</FONT></A><br><A href="LİNKLERİN VERİLECEĞİ ADRES" target=_blank><FONT size=2>LİNK 1</FONT></A><A href="LİNKLERİN VERİLECEĞİ ADRES" target=_blank><FONT size=2>LİNK 2</FONT></A><br><A href="LİNKLERİN VERİLECEĞİ ADRES" target=_blank><FONT size=2>LİNK 1</FONT></A><A href="LİNKLERİN VERİLECEĞİ ADRES" target=_blank><FONT size=2>LİNK 2</FONT></A><br><A href="LİNKLERİN VERİLECEĞİ ADRES" target=_blank><FONT size=2>LİNK 1</FONT></A><A href="LİNKLERİN VERİLECEĞİ ADRES" target=_blank><FONT size=2>LİNK 2</FONT></A></span> Bu kodu copy past yapın ve sitede ekliceğiniz yere yapıştırın |
|
|
![]() |
| Ahantar Kelimeler: html, ile, site, yapmak |
| Konu Araçları | |
|
|