html de çerçeve nedir ne işe yarar | Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı https://www.barisozcan.net Sun, 05 Dec 2010 16:52:43 +0000 tr hourly 1 https://wordpress.org/?v=6.9.4 Web Tasarım Dersleri Çerçeve ve İframe Uygulaması https://www.barisozcan.net/web-tasarim-dersleri-cerceve-ve-iframe-uygulamasi https://www.barisozcan.net/web-tasarim-dersleri-cerceve-ve-iframe-uygulamasi#respond Sun, 05 Dec 2010 16:52:43 +0000 http://www.barisozcan.net/?p=770 Bugünkü dersimiz arkadaşlar bir önceki dersimizin uygulama kısmı olacak geçen derste çerçeve ve iframe anlatmıştım ama uygulama yapmamıştım bugün uygulayacaz ve artık wordpress kurulum dersine başlayacaz son bir dersimiz kaldı kayan yazıları anlatacağım ve wordpress.

The post Web Tasarım Dersleri Çerçeve ve İframe Uygulaması first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

]]>

Bugünkü dersimiz arkadaşlar bir önceki dersimizin uygulama kısmı olacak geçen derste çerçeve ve iframe anlatmıştım ama uygulama yapmamıştım bugün uygulayacaz ve artık wordpress kurulum dersine başlayacaz son bir dersimiz kaldı kayan yazıları anlatacağım ve wordpress.

Çerçeve Uygulaması

Öncelikle çerçeve içinde görüntülenecek sayfalar oluşturmalıyız arkadaşlar yada başka bir siteden çekilmeli ama biz kendimiz yapacağız iki adet sayfa oluşturacağız ilk sayfamızın arkaplanrengi kırmızı ikinci sayfamızın arkaplan rengi ise mavi olsun

sizde aşağıdaki uygulamaları yaparak sayfa1.html ve sayfa2.html olarak masaüstüne kaydedin.

1. Sayfa Kodları

<html>
<head>
<title>Web Tasarım Dersleri Çerçeve Sayfası 1</title>
</head>
<body bgcolor=”#FF0000″>
<h1>1. Sayfa</h1>
</body>
</html>

2. Sayfa Kodları

<html>
<head>
<title>Web Tasarım Dersleri Çerçeve Sayfası 2</title>
</head>
<body bgcolor=”#0000FF”>
<h1>2. Sayfa</h1>
</body>
</html>

Evet arkadaşlar Sayfalarımız hazır ve şimdi bir sayfayı yatayda iki eşit parçaya bölüp yukarda yaptığımız iki sayfayı ekleyelim

<html>
<head>
<title>Web Tasarım Dersleri Çerçeveler</title>
</head>
<frameset rows=”50%,50%”>
<frame name=”1″ src=”sayfa1.html”>
<frame name=”1″ src=”sayfa2.html”>
</frameset>
</html>

İframe Yatay Çerçevelerİframe Yatay Çerçeveler

Evet arkadaşlar yukardaki gibi bir görünüm elde ettik yatay olarak böldüğümüzde şimdi ise dikey olarak çerçeve yapmayı bölmeyi görelim yine sayfa1.html ve sayfa2.html sayfasını kullanacağız ve bir önceki derste gördüğümüz bir kaç parametreyide uygulayalım.

<html>
<head>
<title>Web Tasarım Dersleri Çerçeveler</title>
</head>

<frameset cols=”50%,50%”>
<frame name=”1″ src=”sayfa1.html” marginheight=”50″ marginwidth=”20″ scrolling=”no”>
<frame name=”1″ src=”sayfa2.html” marginheight=”50″ marginwidth=”20″ scrolling=”no”>
</frameset><noframes></noframes>

</html>

Evet arkadaşlar yukardaki örneğimizde hücrelerin yani çerçeve içindeki yazıların yerlerinide belirledim ve scrolling no diyerek kaydırma çubuğu olmasın dedim sizde uygulayıp cerceve2.html olarak kaydedin.

Dikey ÇerçevelerDikey Çerçeveler

Ever değerli arkadaşlar hem yatayda hem dikeyde çerçeveleri öğrendik aslında pek kullanmayacaksınız ama bilin arkadaşlar karşınıza mutlaka çıkar ozaman şaşırmazsınız bu nediyerekten

Bugünkü dersimiz bu kadar arkadaşlar bundan sonraki 1 yada 2 dersimiz olacak onlarda kayan yazı ve resim oluşturma ile sayfalarımıza ses, müzik video ekleme olacak bunlar bitince wordpress, joomla, smf türü yazılımlar kurmayı öğrenecez arkadaşlar veritabanı etkileşimli sistemler.

The post Web Tasarım Dersleri Çerçeve ve İframe Uygulaması first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

]]> https://www.barisozcan.net/web-tasarim-dersleri-cerceve-ve-iframe-uygulamasi/feed 0