Html Kodları Yardım :(

Web Tasarımı - Html Kodları Yardım :( ...

Cevapla
Html Kodları Yardım :(
DreamDesign isimli Üye şimdilik offline konumundadır

DreamDesign

Hiç Biri / Adana

Dosya23

Html Kodları Yardım :(

Alt 02-12-2011 #1
Sponsorlu Bağlantılar

Merhabalar ben Adana'dan Arda.
8. sınıf öğrencisiyim, tasarıma acayip bir şekilde ilgim var ve biraz da yardıma ihtiyacım var. Öğretmenimiz bize basit kodlar vererek site yapmamızı istiyor fakat ben daha fazla kodlar kullanarak öğretmenimi şaşırtmak istiyorum. Az çok ne demek istediğimi anlamışsınızdır zaten. Bana açıklamalarıyla temel ve yardımcı kodları yazarsanız çok memnun olurum şimdiden teşekkürler... (:
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

createk isimli Üye şimdilik offline konumundadır

createk

Webmaster / Yurtdışı

Standart
Alt 02-12-2011 #2
                             Sponsorlu Bağlantılar
simdi hersey tek tek aciklamaya kalksak kitap yazmak gerek Html Kodları Yardım :( ben senin projende kullanabilecegin bir ornek kod vereyim. Ilk seviye icin hocani sasirtabilirsin iyi kullanirsan..

tabloda hucre uzerine gelince renk degistirme


<table>
<tr bgcolor="#333333" onmouseover="this.bgColor='#9B9FB3'"onmouseout="th is.bgColor='#333333'" align="center" valign="middle">
<td height="50" align="center" valign="middle" ><a href="#" target="_top" class="menutop">ORNEK</a></td>
</tr>
<tr bgcolor="#333333" onmouseover="this.bgColor='#9B9FB3'"onmouseout="th is.bgColor='#333333'" align="center" valign="middle">
<td height="50" align="center" valign="middle" ><a href="#" target="_top">ORNEK</a></td>
</tr>
</table>


burda

onmouseover="this.bgColor='#9B9FB3'" fare uzerinde verilen renk
onmouseout="this.bgColor='#333333'" fare disarda verilen renk



umarim isine yarar. Aslinda google html kodlari diye yazarsan bircok ornek var.
Bu mesajdan alıntı yap
DreamDesign isimli Üye şimdilik offline konumundadır

DreamDesign

Hiç Biri / Adana

Standart
Alt 02-12-2011 #3
Verdiğin kod için teşekkürler ve haklısın. Dediğin gibi google'da bir çok örnek var, 'birçok ve açıklamasız'. Gidip google'da emek hırsızlığı yapıp, hiçbir şey bilmeden kopyala yapıştır yapanlardan kod almaktansa buradan yararlanmayı tercih ederim Html Kodları Yardım :(
Verdiğin koda gelince, kodu denedim ve hücre üzerine imleç gelince renk değiştiriyor fakat geri çekince imleci eski haline dönmüyor..
Bu mesajdan alıntı yap
createk isimli Üye şimdilik offline konumundadır

createk

Webmaster / Yurtdışı

Standart
Alt 02-12-2011 #4
Html Kodları Yardım :( anladim. Fakat inceleme yap ogren sonra otur kendin yaz. bunu yapmadan ogrenemessin zaten. Hirsizlik icin degil ogrenmen icin inceleyebilirsin. Al kodu kopyala yapistir sonra calistir sonrada hah oldu diyip birak mantigi olsa haklisin. Fakat kopyala orasini degistir burasini degistir ekleme yap mantigini kavra sonra kendin istedigini yazacak duruma gelirsin. umarim anlatabildim. Istedigin kadar yardimci olurum yeterki ogrenmek isteyen birisi olsun Html Kodları Yardım :(


th is.bgColor

this.bgColor olmali arasi ayrik o yuzden.
Bu mesajdan alıntı yap
DreamDesign isimli Üye şimdilik offline konumundadır

DreamDesign

Hiç Biri / Adana

Standart
Alt 02-12-2011 #5
Elbette incelemeden olmaz fakat açıklamıyorlar ki hiçbir şeyi.. Sadece 'bu kod bu işe yarar', 'bununla bunu yaparsın', 'ne yazmak istersen onu yaz' gibi açıklamalar var ve yeterli olmuyor bunlar.. Ve ben bu işin daha en başlarındayım bu yüzden temel kodları bilmiyorum tek bildiklerim <head> <body> <text> gibi kodlar.. O yüzden bunları bilmeden diğer kodlarla oynayamam (: Bu arada yardımın için çok teşekkürler dediğin gibi yaptım ve oldu. Herkes gibi yardıma da her türlü açığım (:
Bu mesajdan alıntı yap
bulletproof isimli Üye şimdilik offline konumundadır

bulletproof

Grafiker / İstanbul

Standart
Alt 03-12-2011 #6
bu 8.sınıf, orta okul 3 tabir ettiğimiz sınıf mı oluyor, maşallah çok güzel bir ödev. liseyi turbo pascal ile bitirmiş biri olarak eğitim programını yada öğretmenin bireysel başarısını 'bana düşmez ama' tebrik ederim.
Bu mesajdan alıntı yap
DreamDesign isimli Üye şimdilik offline konumundadır

DreamDesign

Hiç Biri / Adana

Standart
Alt 03-12-2011 #7
evet orta okul 3, 8.sınıf oluyor yalnız kodlar konusunda da yardım edebilir misiniz acaba??
Bu mesajdan alıntı yap
bulletproof isimli Üye şimdilik offline konumundadır

bulletproof

Grafiker / İstanbul

Standart
Alt 04-12-2011 #8
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">

<meta http-equiv=content-type content=text/html;charset=iso-8859-9>

<meta http-equiv=content-type content=text/html;charset=windows-1254>

<meta http-equiv=content-type content=text/html;charset=x-mac-turkish>
<title>Sayfamızın başlığı</title>
</head>


Buraya kadar olan kısımda klasik bir html yazılımına başladık.

<link rel="shorcut icon"... diye devam kısımda favicon.ico dosya adıyla sayfamızın iconunu tanımladık.

ve devamında türkçe karakterleri desteklemesi için tanımlamalar yaptık.


buraya kadar yaptığımız kodların başka detayına girmeye lüzum yok. standart kopyala yapıştır.


---------------------------------
<body bgcolor="#ffffff" text="#ffffff" link="#3300CC" vlink="#3300FF" alink="#000033">

devam ediyoruz. burada body etiketi ile beraber renkleri de tanımladık, işte background (bgcolor) şu renk olsun. yazılar (text) bu renk olsun.. linkler (vlink) bu renk olsun ve tıklanmış linkler (alink) bu renk olsun dedik. renk kodları iki tırnak işareti arasında bulunan kısım.

google a html renk kodları yazdığında çıkacak sitelerden istediğin renklerin kodlarını bularak ayarlarsın.

---------------------------
<center>

sayfamızdaki herşey ortalı olsun istersek bunu koyuyoruz. ve bir önceki satırda açtığımız ve sayfanın en sonunda kapayacağımız (</body diyerek) body etiketini en altta kapamadan evvel </center> şeklinde bu kodu kapıyoruz ki çalışsın.



<img src="baslik.jpg">

bu kod ile resim dosyamızı yayınlamış oluyor. html mantığı şudur: html dosyan neredeyse kullanacağın resimler aynı klasörde olursa dosya yolu olarak sadece kullanacağın resmin adı yeterlidir. fakat bir klasör oluşturup bunun içinden resim çağırmak istersen. klasörün adı/resminadı.jpg şeklinde yolu belirtirsin. bu klasör de yine html dosyanın yanında olmalı. mesela resimlerin olduğu klasöre fotolar diyelim.

<img src="fotolar/resim.jpg"> gibi

-----------------------------------------------


<a href="http://www.grafikerler.net">img src="grafikerlerbuton.jpg" /></a>

bu çok önemli bir özellik. yukarıda ki kod da bir resme link verdik. biz burada ufak bi buton yaptığımızı düşünebiliriz. ismini grafikerlerbuton.jpg yaptık. dedik ki grafikerlerbuton resmine tıkladığımda, bana www.grafikerler.net adresini aç.. yada <a href="sayfa2.html">... deseydik, bizim oluşturduğumuz sayfa2 adlı html dosyaya yönlenecekti. bu sayede birden çok sayfa arasında dolaşabiliriz. mesela böyle bir buton yaptık. ve oluşturduğumuz sayfa2.html e gittik. oradan da ana sayfamıza dönmek için bir buton yapalım. butonun adı anasayfa.jpg olsun. (ve bizim ana sayfamızın adı da index.html olsun)

<a href="index.html">img src="anasayfa.jpg" /></a>

------------------------------------------------


<a href="http://www.grafikerler.net">buraya tıkla/></a>

aynı kodu kullanarak bu sefer resim yerine yazıya link verdik. çalıştığında "buraya tıkla" yazan bir metin olacak. ve tıklandığında istediğimiz sayfa açılacak.


------------------------------------------

<font face="Verdana" size="2"> yazılar yazılar ve yazılar </font>

burada yazı karakterimizi seçtik ve büyüklüğünü tanımladık. "verdana" yazı karakterinin adı mesela "arial" diye de değiştirebilirsin. size kısmını arttırıp azaltarak istediğin boyutu belirlersin.


--------------------------------
<strong>
YAZIMIZ BURAYA
</strong>


bu kod ile yazıların kalın (bold) olur. kullanıp kullanmamak senin insiyatifinde.

-----------------------------

&nbsp;
bu kod ile yazıların yada resimlerin arasında, space tuşuna basmış gibi boşluklar oluşturursun.

mesela 2 resim koyuyoruz. ve bunların arasında birer boşluk olsun istiyoruz.
<img src="resim1.jpg"> &nbsp; <img src="resim2.jpg">

----------------------------
<br>

diyelim ki sen resimleri yan yana değilde alt alta dizeceksin, yada yazdığın yazılar alt alta olsun istiyorsun. o zaman <br> kodunu kullanıyorsun

<img src="resim1.jpg"> <br> <img src="resim2.jpg">

bu şekilde yaptığında iki resim alt alta çıkar

satır 1 <br> satır 2

sonuç:
satır 1
satır 2


şeklinde olur..


----------------------
</center>
</body>
</html>


yukarıda bahsetmiştim center, body ve html etiketlerini kapayarak kodların bittiğini söylüyoruz. bunu not defterinde yazıyorsun. ve kayıt ederken index.html olarak kaydediyorsun.


sadece bu kadar kod ve güzel resimler, grafik çalışmaları ile çok güzel siteler yapabilirsin. artı olarak table kodunu bilmekte ilerisi için devamını düşünürsen güzel olur. bence öğretmeni etkilemek küçük bir hedef, ama sen bu kodları anlarsan bu büyük bir başlangıç olur.

başarılar dilerim..
Bu mesajdan alıntı yap
DreamDesign isimli Üye şimdilik offline konumundadır

DreamDesign

Hiç Biri / Adana

Standart
Alt 04-12-2011 #9
bulletproof, çok teşekkür ederim bilgi için çok işime yarayacak bunlar Html Kodları Yardım :(
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
HTML Kodları egeozdmr Php, Asp, Perl, Html 3 06-08-2011 02:24:03
Web site yapma html, java kodları, php kodları, herşey egeozdmr Php, Asp, Perl, Html 6 31-01-2011 19:51:06
Html kodları (istek-talep) ferdelance Php, Asp, Perl, Html 10 26-09-2009 15:32:15
a4desk kodları(yardım) istanblue34 Flash 3 13-07-2009 12:48:25
html background kodları crazy_vefa Php, Asp, Perl, Html 28 28-05-2009 20:31:09

Kapat
Şifremi Unuttum?