Giriş Yap

**OnLiNe** · (Son Düzenleme: 02-01-2014 Saat: 22:13, Düzenleyen: OnLiNe.)

Photoshopda yaptığınız her şeyi menü,footer vs koda dökebilmek çok kolay fakat çoğu kişi bilmiyor.

Photoshop programına sahip olanlar bu konuyu inceleyerek çizdikleri her şeyi koda dökebilecekler.

Photoshopu olmayanlar indirmek için tıklayın.

1- Her hangi bir boyutta sayfa açıyoruz.
2- Tasarımızı çiziyoruz.
3- Slice Tool'u seçiyoruz.

4-Tasarımı Slice Tool ile kesiyoruz.

5-Kestiğimiz yerlere link,alt gibi komutlar verebilmek için sağ tıklayıp Edit Slice Options'a tıklayın.

6-Kesme işi bittikten sonra kaydetme işlemine geçiyoruz.

7-Kaydederken ayarlar aşağıdaki resimdeki gibi olsun.

8-Save dedikten sonra kayıt işlemlerini resme göre ayarlayın ve masaüstüne kaydedin.

Bu kadar basit şimdi masaüstüne bir html-css dosyası ve images klasörü gelecektir..İmages dosyasındaki resimleri upload edin ve html-css kodlarındaki resim linklerine ayarlayın.

Anlatım vs her şey bana aittir.

**The Legend** · 02-01-2014 Saat: 22:13

Saol'Un Şefim Çok İşime Yarayacak Teşekkürler ..

**OnLiNe** · 02-01-2014 Saat: 22:24

Rica ederim.

~~Landgrav~~ · 02-01-2014 Saat: 22:25

Bu Kadar Acik Anlatim Hicbir Yerde Gormedim +Rep

**OnLiNe** · 02-01-2014 Saat: 22:31

Teşekkürler.

**Batuhann** · 02-01-2014 Saat: 22:45

bilmeyenlere yararlı....

**Meyriyer** · 02-01-2014 Saat: 22:46

Harikasınız şefim çok teşekkürler :)

**OnLiNe** · 02-01-2014 Saat: 22:55

Rica ederim..

**ASi** · 02-01-2014 Saat: 23:00

Ellerine sağlık Şef , yine döktürmüşsün :)

**OnLiNe** · 02-01-2014 Saat: 23:02

(02-01-2014 Saat: 23:00)ASiPaTRoN Nickli Kullanıcıdan Alıntı: Ellerine sağlık Şef , yine döktürmüşsün :)

Teşekkür ederim.

**OnLiNe** · 03-01-2014 Saat: 18:37

Konu sabite alınmıştır.

**Secilmis42** · 04-01-2014 Saat: 19:46

Teşekkürler index yapımında çok işe yarar.

**Saint** · 06-01-2014 Saat: 21:36

Kod:

<html>

<head>

<title>Menü</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- Save for Web Slices (Başlıksız-1) -->

<table id="Tablo_01" width="1000" height="60" border="0" cellpadding="0" cellspacing="0">

    <tr>

        <td rowspan="3">

            <a href="http://www.google.com.tr/" target="_blank"

                onmouseover="window.status='Deneme';  return true;"

                onmouseout="window.status='';  return true;">

                <img src="http://i.hizliresim.com/xJdONY.gif" width="186" height="60" border="0" alt="Anasayfa"></a></td>

        <td colspan="3">

            <img src="http://i.hizliresim.com/wjzQpr.gif" width="814" height="4" alt=""></td>

    </tr>

    <tr>

        <td rowspan="2">

            <img src="http://i.hizliresim.com/KZ2OpG.gif" width="31" height="56" alt=""></td>

        <td>

            <a href="http://www.google.com.tr/" target="_blank"

                onmouseover="window.status='Deneme';  return true;"

                onmouseout="window.status='';  return true;">

                <img src="http://i.hizliresim.com/Kq9JnR.gif" width="202" height="47" border="0" alt="Üye listesi"></a></td>

        <td rowspan="2">

            <img src="http://i.hizliresim.com/Kq9JaR.gif" width="581" height="56" alt=""></td>

    </tr>

    <tr>

        <td>

            <img src="http://i.hizliresim.com/eWWGy8.gif" width="202" height="9" alt=""></td>

    </tr>

</table>

<!-- End Save for Web Slices -->

</body>

</html>

öylesine menü yaptım bu kodları nereye koyucamda sitemde menü olucak bu

**BayAdem** · 10-01-2014 Saat: 10:30

Bu Kadar Acik Anlatim Hicbir Yerde Gormedim Tesekkurler

**ByKraL** · 16-11-2014 Saat: 15:06

Teşekkürler

**Midles** · 16-11-2014 Saat: 15:17

elinize sağlık gerçekten iyi bir anlatım. :)

Giriş Yap
Kullanıcı Adı:
Şifreniz:	Şifremi Unuttum?
	Beni Hatırla