Kodlama konusunda

03-11-2008, 22:43:40

#1

LineTurk

Arkadaşlar bu gün ilk defa bi html sayfa hazırladım dreamweaver ile. Programı yeni öğreniyorum onun için karıştıra karıştıra çalıştım biraz ve kodlara baktığımda hiç beğenmedim çok sade bi kodlama bekliyordum fakat css var javascript var ben anlamadım ne olduğunu beni aydınlatabilecek varmı acaba?

Edit: Google için hazırladım bu sayfaları google ne düşünür bu kodlar hakkında ??

Kodlara burdan ulaşabilirsiniz..

04-11-2008, 10:06:04

Merhabalar dreamweaver ile hazırladığına emin misin? javascript orda fuzuli gibi, css de kayan yazi, başlık, yazıların stillleri tanımlanmış.Google tablo'ları sevmez diyorlar onun yerine bu şekilde yapman daha iyi olur;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Corel_Draw_Tanıyalım</title>
<style type="text/css">
<!--
body {margin:0 0 0 0;background-image:none;background-color:#FFFFFF;}
h1,h2 {font-family:Geneva, Arial, Helvetica, sans-serif;}
.kayanyazistili {font-weight: bold;color: #999999;font-family: Geneva, Arial, Helvetica, sans-serif;}
.sagadayaliyazininstili {color:#666666;}
.baslik {font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:bold; color:#004284;}
#diskisim{background-image:url(header_right_bg.gif);background-repeat:repeat-x;}
#kayanyazi{height:47px;vertical-align:middle;}
#logokismi{text-align:center;vertical-align:top;height:110px;top;}
#yazidis{background-color:#ffffff;}
#yazikismi{width:900px;	margin-left:auto;margin-right:auto; text-align:center; background-color:#ffffff;}
#sagadayaliyazikismi{text-align:right;}
#altkisimresmi{background-image:url(footer_bg.gif);background-repeat:repeat-x; height:24px; }
#altkisim{ text-align:center;}
-->
</style></head>
<body>
<div id="diskisim">
  <div id="kayanyazi"><span class="kayanyazistili"><marquee>...Corel DRAW dersleri...</marquee></span></div>
  <div id="logokismi"><a href="http://www.coreltr.net/index.php"><img width="223" height="69" src="logo.gif" border="0" alt="CorelTR" /></a></div>
  <div id="yazidis">
  <div id="yazikismi">
  <h1><span class="baslik">Corel Draw Dersleri</span></h1>
  <h2>Acemiler için Corel Draw eğitimi. </h2>
  <hr /><br /><br /><br /><br /><br />
  <a href="http://www.coreltr.net/corel-draw-dersler/corel-draw-nedir.html"><strong>Corel DRAW nedir?</strong></a><br /><br />
  <a href="http://www.coreltr.net/corel-draw-dersler/corel-draw-temel-kavramlar.html"><strong>Corel DRAW temel kavramlar.</strong></a><br /><br /><br /><br />
  </div></div>
  <div id="sagadayaliyazikismi">
  <strong><span class="sagadayaliyazininstili">
  <a href="http://www.coreltr.net/corel-draw-dersler/index.php" target="_blank">Forum</a>
  &nbsp;|&nbsp;
  <a href="mailto:krizma_1_9@hotmail.com">İletişim</a>
  &nbsp;|&nbsp;
  <a href="http://www.coreltr.net/archive">Arşiv</a>
  </span>
  &nbsp;|&nbsp;Diğer Dersler
  </strong>  
  </div>
  <div id="altkisimresmi"></div>
  <div id="altkisim"><em>Copyright ©2000 - 2008, coreltr.net</em>
  <br />
  <a href="http://www.coreltr.net/forumdisplay.php?f=6">Corel Draw İndirin</a>,&nbsp;
  <a href="http://www.coreltr.net/forumdisplay.php?f=7">Sıkça Sorulan Sorular (S.S.S)</a>,&nbsp;
  <a href="http://www.coreltr.net/corel-draw-dersleri-f8.html">Corel Draw Dersleri</a>,&nbsp;
  <a href="http://www.coreltr.net/forumdisplay.php?f=16">Temel Tasarım İlkeleri</a>,&nbsp;
  <a href="http://www.coreltr.net/forumdisplay.php?f=35">Kişisel Çalışmalarınız</a>,&nbsp;
  </div>
</div>
</body>
</html>

w3c valid de tek hata var oda marquee etiketi.... Eğer bu kodda merak ettiğin varsa açıklayabilirim.3-5 piksel dikeyde bi kayıklık var, okunabilirlik açısından böylle olması daha iyi bence, ayrıca google göre hazırlıyorsan meta olarak description,keywords eklemelisin.Görmen açısından css içerde yaptım.Dışarda olması daha doğru...

04-11-2008, 11:59:18

#3

LineTurk

Dreamweaver konusunda çok yeniyim nedir ne değildir öğrenmeye çalışırken böyle birşey yaptım.. Senin yaptığın kodlama çok anlaşılır olmuş teşekkür ederim
04-11-2008, 12:52:05

#4

felix59

önemli değil, anlayamadığın kısım olursa bilgim yettiği kadar açıklayabilirim, bende tablosuz tasarımda tecrübe edinmek için yaptım zaten... (sabahın 7.sinde yaptım ama saat 10'da göndermek nasib oldu)