Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj05.09.2009, 15:35 (UTC)    
Mesaj konusu: front page ile css tasarım yapma

Arkadaşlar frontpage ten yaptığım tasarımın kodunu css tasarımda sayfalarmı değiştirden tüm sayfalara uyguladım yanlız tasarımım bazı bölümlerinde kaymalar veya kaybolmalar gerçekleşti yardımcı olursanız sevinirim... size hazırladığım koduda veriyorum....

<html>

<head>
<meta http-equiv="Content-Language" content="tr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>DUYURULAR</title>
</head>

<body bgcolor="#C7F50A">

<div style="position: absolute; width: 181px; height: 106px; z-index: 2; left: 901px; top: 359px; visibility:visible" id="katman3">
saat</div>
<div style="border-style:solid; position: absolute; width: 200; height: 247px; z-index: 3; left: 905px; top: 514px; visibility:visible" id="katman4">
DUYURU KODU</div>
<div style="position: absolute; width: 200px; height: 46; z-index: 7; left: 905; top: 764px; background-color:#F97906; visibility:visible" id="katman7">
<font face="Curlz MT" size="4">&nbsp; <b>HABERLER</b></font></div>
<div style="position: absolute; width: 200; height: 46px; z-index: 4; left: 905px; top: 468px; background-color:#F97906; visibility:visible" id="katman5">
&nbsp;&nbsp;&nbsp; <font face="Curlz MT">&nbsp;</font><font face="Curlz MT" size="4"><b>DUYURULAR</b></font></div>
<div style="position: absolute; width: 200px; height: 46px; z-index: 6; left: 905px; top: 1119px; background-color:#F97906; visibility:visible" id="katman9">
&nbsp; <b><font face="Monotype Corsiva" size="4">SPOR HABELERİ</font></b></div>
<div style="border-style:solid; position: absolute; width: 200px; height: 300; z-index: 10; left: 905px; top: 1169px; visibility:visible" id="katman8">
SPOR KODU</div>
<div style="position: absolute; width: 258px; height: 43px; z-index: 8; left: 785px; top: 232px; visibility:visible" id="katman10">
&nbsp; ARAMA MOTORU</div>
<div style="position: absolute; width: 81px; height: 69px; z-index: 9; left: 228px; top: 238px; visibility:visible" id="katman11">
ANA SAYFA</div>
<div style="position: absolute; width: 73px; height: 69px; z-index: 11; left: 326px; top: 237px; visibility:visible" id="katman12">
İLETİŞİM</div>
<div style="position: absolute; width: 83px; height: 70px; z-index: 12; left: 417px; top: 235px; visibility:visible" id="katman13">
&nbsp;</div>
<div style="position: absolute; width: 76px; height: 71px; z-index: 13; left: 523px; top: 235px; visibility:visible" id="katman14">
&nbsp;</div>
<div style="position: absolute; width: 149px; height: 1222px; z-index: 14; left: 17px; top: 388px; visibility:visible" id="katman15">
&nbsp;</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 42; left: 17px; top: 388px; background-color:#F97906; visibility:visible" id="katman16">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b><font face="Curlz MT" size="5">&nbsp;&nbsp;
KÖY</font></b></div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 41; left: 17px; top: 561px; visibility:visible" id="katman17">
KÖY HABERLERİ</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 40; left: 17px; top: 517px; visibility:visible" id="katman18">
KÖY HAKKINDA</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 39; left: 17px; top: 474px; visibility:visible" id="katman19">
<font face="Arial Rounded MT Bold">KÖY VIDEOLARI</font></div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 38; left: 17px; top: 431px; visibility:visible" id="katman20">
<font face="Arial Rounded MT Bold">KÖY FOTOLARI</font></div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 37; left: 17px; top: 734px; visibility:visible" id="katman21">
FİLM İZLE</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 36; left: 17px; top: 691px; background-color:#F97906; visibility:visible" id="katman22">
&nbsp;&nbsp; <b><font face="Curlz MT" size="5">&nbsp;
EGLENCE</font></b></div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 35; left: 17px; top: 648px; visibility:visible" id="katman23">
KARAKOYUN FM</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 34; left: 17px; top: 604px; visibility:visible" id="katman24">
KÖY CHAT</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 33; left: 17px; top: 949px; visibility:visible" id="katman25">
UYDUDAN DÜNYA</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 32; left: 17px; top: 1036px; visibility:visible" id="katman26">
KARIŞIK OYUNLAR</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 31; left: 17px; top: 1079px; visibility:visible" id="katman27">
SATRANÇ OYNA</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 30; left: 18px; top: 905px; visibility:visible" id="katman28">
CANLI TV VE RADYO</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 29; left: 17px; top: 992px; background-color:#F97906; visibility:visible" id="katman29">
<b><font face="Curlz MT" size="5">&nbsp;
OYUNLAR</font></b></div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 28; left: 16px; top: 1123px; visibility:visible" id="katman30">
VARMISIN YOKMUSUN</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 27; left: 17px; top: 862px; visibility:visible" id="katman31">
MÜZİK RADYO OYUN</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 26; left: 17px; top: 820px; visibility:visible" id="katman32">
ONLİNE MSN</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 25; left: 17px; top: 777px; visibility:visible" id="katman33">
KAMERALI CHAT</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 24; left: 17px; top: 1338px; background-color:#F97906; visibility:visible" id="katman34">
<b><font face="Curlz MT" size="5">&nbsp;DOWLOAD</font></b></div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 23; left: 17px; top: 1295px; visibility:visible" id="katman35">
İDEAL KİLO</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 22; left: 16px; top: 1166px; visibility:visible" id="katman36">
SORGULAMALR</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 21; left: 17px; top: 1252px; visibility:visible" id="katman37">
ŞİFALI BİTKİLER</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 20; left: 16px; top: 1209px; background-color:#F97906; visibility:visible" id="katman38">
<b><font face="Curlz MT" size="5">&nbsp;&nbsp;
SAGLIK</font></b></div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 19; left: 17px; top: 1510px; visibility:visible" id="katman39">
ZİYARETÇİ DEFTERİ</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 18; left: 17px; top: 1425px; visibility:visible" id="katman40">
MÜZİK</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 17; left: 17px; top: 1552px; visibility:visible" id="katman44">
YORUM EKLE</div>
<div style="position: absolute; width: 158px; height: 100px; z-index: 43; left: 484px; top: 2041px; visibility:visible" id="katman45">
SİTE SAYACI<div style="position: absolute; width: 687px; height: 83px; z-index: 1; left: -229px; top: 120px; visibility:visible" id="katman46">
<div style="border-style:solid; position: absolute; width: 729px; height: 28px; z-index: 1; left: -87px; top: -1803px; visibility:visible" id="katman52">
&nbsp;</div>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
TOPLİST</div>
</div>
<div style="position: absolute; width: 152px; height: 391px; z-index: 44; left: 12px; top: 1622px; visibility:visible" id="katman50">
&nbsp;REKLAM</div>
<div style="position: absolute; width: 200; height: 300; z-index: 46; left: 905px; top: 814px; border-style: solid; bottom: 133px;" id="katman56">
&nbsp;</div>
<div style="position: absolute; width: 731px; height: 1630px; z-index: 45; left: 169px; top: 390px; border-style: solid; background-color: #E8ED12" id="katman54">
<p>&nbsp;</div>
<div style="position: absolute; width: 783px; height: 161px; z-index: 47; left: 224px; top: 17px" id="katman55">
BASLIK RESMİ</div>
<div style="position: absolute; width: 200; height: 46px; z-index: 48; left: 905; top: 1473px; background-color: #F97906" id="katman57">
&nbsp;&nbsp;&nbsp; <b><font face="Curlz MT" size="5">GAZETELER</font></b></div>
<div style="position: absolute; width: 200; height: 300; z-index: 49; left: 905; top: 1523px; border-style: solid" id="katman59">
GAZETE KODU</div>
<div style="position: absolute; width: 178px; height: 57px; z-index: 50; left: 912px; top: 1833px" id="katman60">
&nbsp;</div>
<p>&nbsp;</p>
<div style="position: absolute; width: 148px; height: 42px; z-index: 16; left: 17px; top: 1382px; visibility:visible" id="katman42">
PROGRAM</div>
<div style="position: absolute; width: 148px; height: 42px; z-index: 15; left: 17px; top: 1467px; background-color:#F97906; visibility:visible" id="katman43">
<b><font face="Curlz MT" size="5">ILETISIM</font></b></div>

</body>

</html>
Mesaj06.09.2009, 03:21 (UTC)    
Mesaj konusu:

body bölümünden itibaren t.altı - t.üstü diye ayırırıp denersen olabilir
______________
Hey maan
Mesaj08.09.2009, 12:30 (UTC)    
Mesaj konusu:

arkadşalar frontpage progğramı bendede var ama böyle nasıl tasarım yabıldığını bilmiyorum bununu bir anlatımı varmı
Mesaj08.09.2009, 13:35 (UTC)    
Mesaj konusu:

FrontPageyi Bedava-sitem sayfa düzenleme editörü gibi düşünürsek frontpagede yaptıklarımızın çoğunu bs sitesindede yapabiliriz.Ayrıca bunu sadece tasarım olarak görmeyin tablo olarak yapmış mesela.
______________
Mesaj08.09.2009, 15:19 (UTC)    
Mesaj konusu:

arkadaşlar hala bir cevap alamadım gerekli düzenlemeleri kodlar üzerinde yaparak yardımcı olursanız sevinirim
Mesaj08.09.2009, 21:34 (UTC)    
Mesaj konusu:

videomerkezin yazmış:
arkadşalar frontpage progğramı bendede var ama böyle nasıl tasarım yabıldığını bilmiyorum bununu bir anlatımı varmı


yakında resimli ve video lu anlatımla sizlerleyim benim dreamweaver ile yaptığım videolu anlatımım sitede mevcut
Mesaj08.09.2009, 23:31 (UTC)    
Mesaj konusu:

<head> bölümünü ve <html> taglerini temizle öncelikle.
<body> den itibaren sitenin içerik kodları.
<head> bölümünde css giriliyse onları almayı unutma
içerik kodlarını tr.gg'de düzgün ayarlayabilmek ve her sayfaya ayrı ayrı kopyalamayı önlemek için, her sayfada görünecek olan üst ve alt bölümleri (yani her sayfada farklı olması gereken merkez içerik bölümü haricini) tasarım ayarlarından t.üstündeki yazı ve t.altındaki yazı bölümlerine düzgün şekilde ayırarak koyuyoruz.
daha açık anlatımı şöyle ki: esas içeriğe gelene kadar ki tüm içerik kodlarını tasarımın üzerindeki yazı bölümüne, esas içerik bittikten sonraki tüm içerik kodlarını tasarımın altındaki yazı bölümüne koyacaksın.
böylece sayfaları değiştirden yeni bir sayfa oluşturup içerik hazırladığında tam olması gereken yerde içerik çıkıcak. bu sayede her sayfaya sadece onun içeriğini koymuş, tasarımın diğer parçalarını ayrı ayrı kopyalamanın önüne geçmiş oluyoruz.

mesela tablodan oluşturduğun (ilkel) bir tasarımın var.
bunun için örnek ayırma:

mesela temel şablonumuzun bütünü bu olsun:

Kod:
<table>
  <tr>
    <td>Başlık bölümü</td>
  </tr>
  <tr>
    <td>soldaki esas içerik</td>
    <td>içeriğin sağındaki menü bölümü</td>
  </tr>
  <tr>
    <td>En alt bölüm</td>
  </tr>
</table>


bunu ayırırken tasarımın üzerindeki kod şöyle olacak:
Kod:
<table>
  <tr>
    <td>Başlık bölümü</td>
  </tr>
  <tr>
    <td>


işte tam bu noktadan sonra gelecek olan her nokta içerik bölümü olduğu için burda tasarımın üzerindeki kod bölümü biter.

ve tasarımın altındaki yazı bölümü için de:

Kod:
</td>
    <td>içeriğin sağındaki menü bölümü</td>
  </tr>
  <tr>
    <td>En alt bölüm</td>
  </tr>
</table>


kodunu ekleriz. yani tam içerikteki son nokta bittikten sonra gelecek herşey tam olarak burada olur.

tasarım üzerindeki kodlarla tasarım altındaki kodların tam ortasında kalmalı temel içerik.
sayfaları değiştirden sayfa içeriği girdiğimiz zaman tam olması gereken yerde çıkar.
______________
Hey maan
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu