Yatay Menü Yapımı....

A

aleyna.

Üye
Kayıt
6 Ekim 2013
Mesaj
5
Tepki
0
Merhabalar. Ben bir web tasarım öğrencisiyim. Daha yeni html kodları öğrenmeye başladık. Öğretmenimiz bir tane ödev verdi..Yapmakta sıkıntı çekiyorum ve yapamadım da...Menüyü dikey yapabiliyorum fakat yatay yapamıyorum. Kompleks kodlarla yaptım fakat basit bir şekilde yapmalıyım.Kısa sürede yardımcı olursanız sevinirim.

<html>
<head>
<meta ***********="content type" content="text/html; charset=utf-8">
<title>sayfa taslağı</title>
</head>
<body bgcolor="efefef">
<table border=0 bordercolor=black width=600 height=100 cellpadding=0 cellspacing=0 align=center>
<tr>
<td colspan=3 height=%10><img src="Untitled-3.png"></td>
</tr>
<tr>
<td width=50%>
<a href="anasayfa.html"><img src="home.png" align=center></a>
<a href="hakkımızda.html"><img src="a.png" align=center></a>
<a href="hizmetlerimiz.html"><img src="c.png" align=center></a>
<a href="iletisim.html"><img src="b.png" align=center></a>
</td>
<td width=220% td align="top"></td>
</tr>
<tr>






<td align="bottom"><center><font face="cambria">
Firmamız hem şirketler hem de ev kullanıcılarına yönelik bilgisayar ve notebook teknik
servis hizmeti vermektedir. Teknik servis hizmetlerimiz, bilgisayarınızda oluşan donanımsal
(Anakart, ekran kartı, monitör, harddiskin bozulması vb) yada yazılımsal (işletim sisteminin
çökmesi-bozulması, virüs bulaşması, sisteminizin kararsız çalışması vb) gibi sorunların teknik
servis ekibimiz tarafından yerinizde yada ...teknik servisinde tamiri, yenilenmesi,
eski bilgisayarınız alınarak yerine yeni bir bilgisayar verilmesi (upgrade) gibi işlemleri
kapsamaktadır.
</td></font></center>
</tr>
</html>


Öğrendiğimiz kodlar bu ama yapamıyorum.
 
Vedat Yavuzoğlu

Vedat Yavuzoğlu

Üye
Kayıt
9 Nisan 2012
Mesaj
74
Tepki
9
Merhaba
Tablo kullanımıyla ilgili örnek vermiş öğretmeniniz.Aynı tablo mantığında yatay menünün kodlarını aşağıda veriyorum.
Body arka planını mavi,anatablonun arka planını birbirinden ayrılsın diye turuncu yaptım.Burda ana tablonun
iki tane satırı var.Birinci satırda bir tane daha tablo bulunuyor.Kodları iyi incelerseniz mantığı anlarsınız.Aşağıdaki resimde göründüğü gibi <a>linklerine resim ekledim daha iyi anlaşılması için.Bu resimleri ve yataymenu.html sayfasını aynı klasöre atıp tarayıcıdan görebilirsiniz.



yataymenu.html

Kod: 
<html>
<head>
<meta http equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>sayfa tasarimi</title>
</head>
<body bgcolor="#3A6EA5" text-align="center">
<table bgcolor="#FF9348" width="400px" border="1" bordercolor="black" align="center">
<tr>
<td><table border="1" bordercolor="black">
<tr>
<td><a href="anasayfa.html"><img src="home.jpg" align=center></a></td>
<td><a href="hakkimizda.html"><img src="a.jpg" align=center></a></td>
<td><a href="hizmetlerimiz.html"><img src="c.jpg" align=center></a></td>
<td><a href="iletisim.html"><img src="b.jpg" align=center></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
</br>
</br>
</br>
Firmamiz hem sirketler hem de ev kullanicilarina yönelik bilgisayar ve notebook teknik
servis hizmeti vermektedir. Teknik servis hizmetlerimiz, bilgisayarinizda olusan donanimsal
(Anakart, ekran karti, monitör, harddiskin bozulmasi vb) yada yazilimsal (isletim sisteminin
çökmesi-bozulmasi, virüs bulasmasi, sisteminizin kararsiz çalismasi vb) gibi sorunlarin teknik
servis ekibimiz tarafindan yerinizde yada Canibeyaz teknik servisinde tamiri, yenilenmesi,
eski bilgisayariniz alinarak yerine yeni bir bilgisayar verilmesi (upgrade) gibi islemleri
kapsamaktadir. 
&nbsp;
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</td>
</tr>
</table>
</body>
</html>
Not: html içinde head'ın altındaki http ve equiv arasında tire olacak.Yazdığımda ** şeklinde göründüğü için eklemedim.

resimler için
https://www.dropbox.com/s/8cxmm0nc0dvc6n1/a.jpg
https://www.dropbox.com/s/servxlq4e72ysur/b.jpg
https://www.dropbox.com/s/9gazyqulfomjtdt/c.jpg
https://www.dropbox.com/s/xa82l13azx7x8zt/home.jpg

kolay gelsin
​
 
A

aleyna.

Üye
Kayıt
6 Ekim 2013
Mesaj
5
Tepki
0
Kodlar için çok teşekkür ederim..Fakat bir sorum daha olacaktı. Benim bu sayfaya ait bir logomda var aynı zamanda,ben logoyu hangi kodlar arasında yazabilirim?
 
Vedat Yavuzoğlu

Vedat Yavuzoğlu

Üye
Kayıt
9 Nisan 2012
Mesaj
74
Tepki
9
Aleyna hanım logo derken tam anlamadım yani sayfa başlığı şeklindemi yoksa bu içerik yazısının altında arka plan olarakmı duracak?bunu söylerseniz yardımcı olabilirm.
 
Vedat Yavuzoğlu

Vedat Yavuzoğlu

Üye
Kayıt
9 Nisan 2012
Mesaj
74
Tepki
9
ekran görüntüsü



yataymenu.html

Kod: 
<html>
<head>
<meta http equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>sayfa tasarimi</title>
</head>
<body bgcolor="#3A6EA5" text-align="center">
<table bgcolor="#FF9348" width="400px" border="1" bordercolor="black" align="center">
<tr>
<td>
<img src="logo.jpg" align=center>
<td>
</td>
</tr>

<tr>
<td><table border="1" bordercolor="black">
<tr>
<td><a href="anasayfa.html"><img src="home.jpg" align=center></a></td>
<td><a href="hakkimizda.html"><img src="a.jpg" align=center></a></td>
<td><a href="hizmetlerimiz.html"><img src="c.jpg" align=center></a></td>
<td><a href="iletisim.html"><img src="b.jpg" align=center></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
</br>
</br>
</br>
Firmamiz hem sirketler hem de ev kullanicilarina yönelik bilgisayar ve notebook teknik
servis hizmeti vermektedir. Teknik servis hizmetlerimiz, bilgisayarinizda olusan donanimsal
(Anakart, ekran karti, monitör, harddiskin bozulmasi vb) yada yazilimsal (isletim sisteminin
çökmesi-bozulmasi, virüs bulasmasi, sisteminizin kararsiz çalismasi vb) gibi sorunlarin teknik
servis ekibimiz tarafindan yerinizde yada Canibeyaz teknik servisinde tamiri, yenilenmesi,
eski bilgisayariniz alinarak yerine yeni bir bilgisayar verilmesi (upgrade) gibi islemleri
kapsamaktadir. 
&nbsp;
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</td>
</tr>
</table>
</body>
</html>
zannedersem böyle bir şey olacak degilmi?
​
 
Cevap yazmak için giriş yapmalısınız.
Yukarı Alt