Linux Mint Türkiye
Sanat ve Üretim => Web Tasarım => HTML / CSS => Konuyu başlatan: minteger - 20 Mart 2016, 14:06:08
-
Bir site 2 yada daha fazla ayrılmış bölümlerden oluşur genelde. Bu framelerle ve div lerle yapılabilir. Bir kısım sabitken diğer kısımda bu sabit kısımdaki linklere tıkladığımızda değişen verileri görürüz. Mesela hakkımızda kısmı tıklandığında alttaki bölümde bununla ilgili başlık görüntülenir referensa tıkladığımızda referanslarla ilgili. Benim gibi eski kafa birisi framelerle hallederdi bu işi. Ancak günümüzde sanırım div ler dahageçerli. Ancak bu işin nasıl yapıldığına dair yeterli bir kaynak bulamadım. Ön yüzlede fazla alakam olmadığından zorluk çekiyorum. Yerli kaynaklarda hep web programlama hakkında css-html hakkında çok daha az kaynak var ve benim çok hoşuma gitmediler sadece tekstlere biçim vermek dışında ve bi kaç biçim oluşturup şekilvermeler dışında pek bişey bulamadım açıkcası. İnteraktif bir site oluşumunu gösteren bir kaynağa rastlayamadım. Elimde DHTML ve CSS kitabı var ancak bundanda bişey anlayamadım. Bi yol gösterirseniz sevineceğim. Teşekkürler.
-
Eğer söyledinizi doğru anladıysam, bir sayfada uzunca bir yazı yazdınız ve bu yazıları başlık - başlık ayırdınız. Bir linke tıkladığınızda direk sayfa içerisinde ki bu başlığın görünmesini / başlığa atlamasını istiyorsunuz.
Şayet öyle ise ;
Örneğin bu benim hakkımda başlığım olsun;
<a name="hakkimda"></a><h2>Hakkımda/h2>
Altında kendimi tanıtan bir yazı.
Şimdi sayfa içerisinde bir yazıya link veriyorum ve tıkladığımda direk sayfanın Hakkımda olan başlığına geçiş yapıyor
Bunu da aşağıdaki kod ile gerçekleştiriyorsun.
<a href="#hakkimda">link verilen yazı</a>
-
Yok aslinda ogle degil. 3 bolumden olusan bir html sayfasinda bi bi bolum yukarida bir bolum solda ve bi bolum ortada. Sol ve usteki bolumlerden linklere tiklayinca orta bolumdeki bilgi degisecek. Ama framelerle olmayacak. Div kullanilacak.
-
Anlatmak istediğinizi tam anlayamadım, örnek bir web sayfası gösterebilir misiniz ?
-
Anlatmak istediğinizi tam anlayamadım, örnek bir web sayfası gösterebilir misiniz ?
Öyle tahmin ediyorum ki web sayfalarının çoğu bu şekilde çalışıyor. mesela bu forum ve ana sayfa. Yukarıdaki linklere tıklayınca alt kısımdaki bilgiler değişir. Yukarıdaki menu ise olduğu gibi kalıyor. İletişim tıklandığında allta iletişim bilgileri gözüküyor vs. bu nasıl oluyor. Benim front end denen olayla fazla alakam olmadı. olduğu zamanda ise framelerle bu işi hallettim. Ancak html5 te framset desteği kaldırıldı. iframe ler hala kullanıloyor hatta bazı özellikler eklenmiş. ancak benim biraz daha çağdaş dünyayı yakalamam gerek. Yeniden belirtmem gerekirse linuxmint.net.tr de bahsettiğim şekilde işliyor. Bunun için iyi bir kaynak bulabilirsem iyi olur.
-
Sanırım siz Ajax 'tan bahsediyorsunuz ? Yukarıdaki menüden bir bağlantıya tıkladığınızda sayfa yenilenmeden içeriğin değişmesini istiyorsunuz doğru mu anladım ?
Şurada bir örnek demo sayfa var bakabilirsiniz :
http://demo.tutorialzine.com/2009/09/simple-ajax-website-jquery/demo.html
-
Sanırım siz Ajax 'tan bahsediyorsunuz ? Yukarıdaki menüden bir bağlantıya tıkladığınızda sayfa yenilenmeden içeriğin değişmesini istiyorsunuz doğru mu anladım ?
Şurada bir örnek demo sayfa var bakabilirsiniz :
http://demo.tutorialzine.com/2009/09/simple-ajax-website-jquery/demo.html (http://demo.tutorialzine.com/2009/09/simple-ajax-website-jquery/demo.html)
Yani hemen hemen. Ancak kodlarına ulaşamadım. farklı kütüphaneden bir google apisinden yararlanmış ve script.js diye sayfanın bulunduğu yerde bir js dosyası daha var. Birde css dosyası. demo.css . Bunların dökümüne ulaşmak mümkün mü. Birde günümüz web siteleri genellikle hangi teknolojiyi kullanıyor linkleri istenilen alana göstermede.
-
http://demo.tutorialzine.com/2009/09/simple-ajax-website-jquery/demo.zip
adresinden kaynak kodlara ulaşabilirsiniz.
-
Çözemedim ben mevzuyu. Benim zekamı aşıyor galiba bu iş.
Benim gördüğüm burada her link için bir html sayfası oluşturulmuş. Buradaki div içinde doğrudan veri tabanından çektiğim bir bilgiyi gösterebilmek bu html sayfalarına link vermek yerine. Eğer herbiri için ayrı ayrı html sayfası oluşturacaksam css js ve html üçlüsünü aktif biçimde kullanmanın ne avantajı kaldı diyorum kendi kendime. Eski kafalılığa devam edip iframe lerle falan mı iş mi görsem diye kendi kendime soruyorum. Meseleyi kapamadım çünkü. Ama vazgeçmek yok. Anlayıncaya kadar devam. Eninde sonunda çözücem bu işi.
-
Bahsettiğiniz işlem için artık iframe değil jquery kullanılıyor. Hem sayfaya daha az yük biniyor, hem daha hızlı çalışıyor hem de google amca siteni daha çok seviyor.
-
Aaaaaaa. Bir cesit js kutuphanesi ile hallediyoruz bu isi. Ancak istedigimiz alanda basitce haxirlanmis bir html dosyayi gosterebilecehimiz gibi yine bu alna veri tabanindan cektigimiz bilgiyide gosterebiliriz. Biraz bu kutuphaneye hakim olmak biraz js bilgisiyle bu is halledilebilir. Dogrumu ?
-
Evet doğru ancak veri tabanından veri çekmek için PHP kullanmanız gerekmektedir.
-
Hacı o kısım backend e giriyor. ;)
-
İyi günler.
Ekstra bir bakış açısı belirtmek için yazma ihtiyacında bulundum. Bu tarz içeriğin tıklamalarla değişeceği bir şey istiyorsanız illa da jquery kütüphanesini kullanmanıza gerek yok. CSS3 ile birlikte istediğiniz tarzda bir içerik görüntüleme yapabilirsiniz. "CSS3 tabbed menu" diye aratırsanız mantığı bu tarz menülerden alabilirsiniz. Hem gayet hafif bir yol :D
-
İyi günler.
Ekstra bir bakış açısı belirtmek için yazma ihtiyacında bulundum. Bu tarz içeriğin tıklamalarla değişeceği bir şey istiyorsanız illa da jquery kütüphanesini kullanmanıza gerek yok. CSS3 ile birlikte istediğiniz tarzda bir içerik görüntüleme yapabilirsiniz. "CSS3 tabbed menu" diye aratırsanız mantığı bu tarz menülerden alabilirsiniz. Hem gayet hafif bir yol :D
Teşekkür ederim. CSS3 ve HTML5 ile birlikte bazı güzel yenilikler gelmiş bende şimdilerde onları inceliyorum. Buda gayet güzel bir yor. Artık ne zaman hangisini daha uygun görürsem onu kullanırım. Öneriniz için çok teşekkür ederim.