Adoe Dreamweaver Sayfa İçi Link Verme - Named Anchor



Adoe Dreamweaver Sayfa İçi Link Verme 

Named Anchor





İnsert menüsünde Common alanında yer alan Named Anchor komutu link vermemşzş sağlayan komutlar arasındadır .

Named Anchor komutu sayfa içi linkler oluşturmamızı sağlar .

Şimdi uygulama örneğimizde komutumuzun nasıl kullanılacağını anlatmaya çalışalım .


Üst resimde Adobe Dreamweaver da hazırlanmış uzunca , birden fazla başlığımızın bulunduğu  yazımız var .

Ana başlık ve açıklamımızın altında ise sayfamızda yer alan başlıkların listesi var .

Biz web tasarımcıları olarak ziyaretçilerimizin istediği alana hızlıca gitmesini sağlamalıyız .

Ziyaretçilerimiz başlık alanından hangi başlığı seçiyorsa o başlığa ait açıklama alanına hızlıca gitsin istiyorsak sayfa içi linkleri kullanabiliriz .

Ben sayfa sonuna gelindiğinde , sayfa sonunda yer alan " Sayfa Başına Dön " komutu ile sayfa başına gitmek istiyorum .

Sayfa başında konumlanmak istediğim için imlecimi sayfa başına konumlandırıyorum .

Ardından named anchor komutunu tıklıyorum .


Karşıma çıkan iletişim penceresinde , bu bağlantının adının ne olmasını istiyorsam yazıyorum . Ben sayfa başına konumlanmak istediğim için sayfabasi olarak belirledim . 

Ardından Adobe Dreamweaver pogramında sayfamın sonuna geldim . 

Ve buraya  sayfamın sonunda iken başına dönmesini sağlayacak " Sayfa Başına Dön " yazarak seçiyorum . 


Yazımı seçtikten sonra properties alanından link ( bağ ) bölümüne # işareti ile birlikte vermiş olduğum named anchor ismini yazıyorum . 

#sayfabasi şeklinde takma ismimi yazıp sayfamız kaydediyorum . Tarayıcıda sayfamı görüntülüyorum .


Linkimin üzerine gittiğimde açılan ipucu kısmında vermiş olduğum safa içi linkin adı gözüküyor . 

Ve artık bağlantımız hazır . 


Adobe Dreamweaver 'da Link Verme


Adobe Dreamweaver 'da Link Verme 

Adobe Dreamweaver Insert > Common > Linkler


Linkler ( bağlantılar ) bir web sitesi oluşturmak için bilinmesi gereken en önemli konulardan birisidir .

Bir web sayfası yüzlerce sayfadan ibaret olabilir . Gerek sayfalar arası linkler , gerek mail adresine verilen linkler gerekse farklı web sitelerine verilen linkler web sitelerimizin alt sayfalarını da daha kullanılabilir hale getirebilir . 

Bu makalemizde Insert menüsünde yer alan linkler alanından bahsedeceğiz . 

Insert ( Ekle ) menüsü HTML dökümanlarımıza kod yazmak zorunda olmaksızın , nesneleri kolayca eklememizi sağlayan bir menüdür . 

HTML tabanında yeni bir çalışma sayfası açalım . 

Link komutlarımızı uygulamalı olarak gösterebilmek için herhangi bir konuda makalemizi hazırlayalım .  


Makalemizi hazırladık . 

İnsert menüsü menülerin altında bulunan kısayol simgelerinin bulunduğu menüdür .

İnsert menüsünde ilk bahsedeceğimiz bölüm Common bölümüdür . 


Benim kullandığım Adobe Dreamweaver programı Türkçe olduğu için Ortak ( Common ) bölümünü takip edebiliriz . 




Bu üç simge Common bölümünde yer alan Link komutlarıdır .

  1. Hperlink : 


Herhangi bir sayfaya , dosyaya link vermek için kullanılır . 

HTML sayfamızda link vermek istediğimiz metni seçip HYPER LİNK komutunu seçelim . 

Karşımıza çıkan linki düzenleme iletişim penceresinden link özelliklerini belirleyelim . 


Bağ kısmına bağlantı vermek istediğimiz yerin adresini belirtelim . 

Ben bir word dökümanı seçeceğim . 


Ve link vermek istediğim dökümanı seçip kaydediyorum . 


Kaydetme işleminin ardından linkim hazır . 

          2 . E-mail Link :


HTML sayfamızda yer alan , link vermek istediğimiz metin seçilir . Ardından komut simgeleri alanından  E- mail Link komutu tıklanır . 


Ardından karşımıza iletişim penceremiz çıkacak . 

E-postamızı yazalım ve Tamam komut düğmesine tıklayalım . 




Tarayıcımızda sayfamızı görüntüleyip , veriyi tıkladığımızda bağlantımız E-mail adresine ulaşmamızı sağlayan Outlook programımızla birlikte açılacaktır .

                3. Named Anchor 

Sayfa içi linklerdir . Sonraki makalemizde ayrıntılı biçimde bahsedeceğiz . 


Linkedin Nedir ? Ne İşe Yarar ?



LİNKEDİN NEDİR ? NE İŞE YARAR ?

Dünyanın hemen hemen her yerinde , en büyük sorunlardan birisi hiç şüphesiz ki işsizliktir .

İnsanlar için oldukça büyük bir stres kaynağı olan işsizlik sorunu her geçen gün daha da artmakta ve iş arama – iş bulma gittikçe zor hale gelmektedir .  

İşte tamda bu noktada teknoloji bir nevi yardımımıza yetişti .

Teknolojinin hızlı gelişimi sayesinde sosyal ağlar da çeşitli amaçlar , yapılar  ile hayatımıza girmeye başladı .

Son zamanlarda ise sosyal medya mecraları arasında linkedin kelimesini sık sık duymaya yahut internet aramaları sonucunda linkedin sitesine yönlendirilmeye başladık .
Linkedin , iş arayan ve işveren kişilerin kullandığı , iş yaşamı ile ilgili kişilerin bilgi paylaşımı yaptığı sosyal bir ağdır .
Diğer sosyal ağlardan pek farkı yoktur .

Avantajı nedir dersek ? 


Aynı ya da çalışma alanı birbirine yakın kişilerin iletişime geçebilme , bilgi ve arkadaş edinebilme , iş bulabilme platformu olmasıdır .

Linkedin ne için kullanılmaktadır?



Linkedin mecrasının temel amacı ise iş başvurusu yapmak isteyen kişilerin kolaylıkla iş başvurularını gerçekleştirebilmesidir .   
Önemli nokta ise ilgi çekecek , kariyerinizi yönetebilecek bir cv hazırlanmasıdır . Yapmış olduğunuz sunumların , dosyaların rahatlıkla paylaşılabilmesine de olanak sağlamaktadır. 

Peki, linkedin neden kullanmalıyım?

Gelişen teknolojik gelişmeler sonrasında internet hem iş arayan hem işverenlerin vazgeçilmez dünyası olmaya başladı. 
İş alımları öncesinde işverenler kişilerin profilleri , hesapları ve sayfalarını gözden geçirerek iş alımlarını gerçekleştirmektedir . 
Durum bu noktaya varınca sosyal ağlarda ki hesapların önemi artış göstermiştir . Ülkemizde de günden güne belli oranlarda kullanıcı sayısı git gide artış göstermektedir.

Peki linkedin nasıl kullanılır ?

Tüm sosyal ağlarda olduğu gibi Linkedin de de e-posta adresimiz ile üyelik işlemi gerçekleştiririz .
Üye işlemlerinizi gerçekleştirirken yapmanız gereken tek bir şey kendinizle ilgili bir Cv oluşturmanız olacaktır.
Gördüğünüz gibi üye olmak çok kolay . Üye olmak kolay lakin önemli olan iş arayanların dikkatini çekecek bir profil oluşturabilmektir .
Ve artık günümüzde kullanıcıya hizmet veren bir çok sosyal medya mecrası yahut web sitesi ücretli ve ücretsiz üyelikler vermektedir . Ücretsiz üyeliklerde az da olsa kullanım kısıtlaması vardır . 

Adobe Dreamweaver Properties te HTML Özellikleri



Adobe Dreamweaver  Properties te HTML Özellikleri


Daha önce Adobe Dreamweaver programımızda properties panelimizin HTML ve CSS olmak üzere 2 bölümden oluştuğunu söylemiştik . 

Properties panelimizde CSS alanı komutlarından Adobe Dreamweaver  Properties te CSS Özellikleri başlıklı makalemizde bahsetmiştik . 

Bu makalemizde ise HTML alanımıza ait komutlar ve kullanımından bahsedeceğiz . 

HTML kodlarında standart yazı biçimlendirme seçeneklerimiz bulunmaktadır . 


Tasarım ekranında iken standart bir yazı yazalım . 

Format kısmından yazımızı nasıl bir formatta sayfada tutmak istediğimizi belirleyelim . 


Normal paragraf yazısı mı olacak başlık formtında mı olacak ? Belirleyelim . 


B : Kalın şekilde yazı yazmamızı sağlar . 

I : Eğik şekilde yazı yazmamızı sağlar  . 

Madde işaretleri ile listeler hazırlamamızı sağlayan komutlardır . 

Girinti ( Boşluk ) oluşturmamızı sağlar . 


Sayfamızdaki verilerden farklı sayfalara ya da internet üzerinde herhangi bir sayfaya link verebileceğimiz alandır . 


Adobe Dreamweaver Properties te CSS Özellikleri



Adobe Dreamweaver ' da  Properties CSS Özellikleri


Her sektörde olan gelişim süreci , bilişim sektöründe bir hayli hızlı yaşanmaktadır . 

Son çıkan teknolojilerin yetersiz kalması yeni teknolojilerin gelişim hızını etkilemiştir .  Bu gelişim süreci web tasarım alanında da geçerli tabi ...

HTML in yetersiz kalması ile CSS ve hatta sonra daha fazlası geliştirilmiştir .

CSS kullanarak HTML ' in yapamayacağı bir çok şeyi daha hızlı şekilde gerçekleştirebiliriz . 

CSS dosyası ile tüm sayfalarımızın sitilini oluşturabilir ve boyutunu küçültebiliriz . 

Adobe Dreamweaver ' da kod alanına giriş yapmadan , sadece çalışma ekranımızın Properties panelinden CSS için düzenleme yapabiliriz . 



Properties panelinde HTML ve CSS olmak üzere iki alan bulunmaktadır . Biz şimdi CSS komutlarından bahsedeceğiz . 




CSS alanında yazı ile ilgili biçimsel özellikleri düzenleyebiliriz . Yazı boyutu , yazı tipi , yazı rengi vb . 

CSS ile ilgili düzenleme yaparken özellikleri belirtmeden önce , sayfamızdaki verilerden seçmeliyiz . 

Başlık , paragraf vb. 




HTML sayfamda var olan yazıyı seçtim . Properties alanından yazı tipini seçtiğin an karşıma iletişim penceresi gelecek . 





Bir özellik seçtiğimiz zaman karşımıza otomatik olarak CSS RULE başlıklı bir iletişim penceresi çıkacaktır . 

Bu pencerede Yeni CSS Tanımlama işlemi yapmamız Adobe Dreamweaver programı tarafından istenecektir . 

Peki ama Adobe Dreamweaver neden yeni bir CSS tanımlaması yapmamız istiyor ?

Bir isim vererek oluşturduğumuz CSS dosyaları arka planda saklanıyor . Eğer daha sonra kullanmak istersem o dosyayı ismi ile çağırarak kullanabilirim . 

Şimdi yeni bir CSS dosyası tanımlayalım . 



Sadece başlıklarımda kullanmak üzere biçimsel bir CSS dosyası tanımlamak istiyorum . Bu yüzden adı basliklarim . Ben türkçe karakter kullanmadım . 

Kural tanımı kısmında ise bu kural sadece çalıştığınız sayfada mı geçerli olsun yoksa çağırdığınız yerde kullanmayı ister misiniz tercihlerini size sunuyor . 
Ben " Yalnızca bu belge " seçeneğini seçiyorum . Farklı sitelerde farklı yazı tipleri , boyutları , renkleri kullanmak isteyebilirim . 

Yeni bir başlık yazdığımda ise ;



Başlığımı seçip CSS kuralları arasında vermiş olduğum kural ismini seçerek özellikleri kolayca seçtiğim başlık için de kullanabilirim . 

A'da Z'ye Blogger Eğitimi 3



SEO UYUMLU MAKALE YAZIMINDA KURALLAR



  • Madde işaretleri kullanarak yazmayı alışkanlık haline getirelim. Google maddelendirerek yazmayı daha anlaşılır buluyor.
  • Paragraflarda satır sayısını mümkün olduğunda az tutalım. Maalesef insanların okuma alışkanlıkları yok denecek kadar az. Okurken genelde sıkılıyorlar.Bu yüzden paragrafların 1 ile 3 satır arasında olması idealdir.
  • Makalelerimizin uzunluğu konusuna da dikkat edilmelidir. Bir konuyu tam anlatmak önemli olsa da minimum 600 kelimelik makaleler yazmaya özen gösterelim.
  • En önemli hususlardan biri de cümle uzunluğudur. Cümlelerimizi çok uzatmadan tamamlamalıyız.
  • Makalemiz içerisinde blogumuzda yer alan farklı makalelere de link verebiliriz.
  • Yazılarımızda kalın yazı tipi ve metin vurgu rengi de kullanırsak daha etkileyici makale hazırlamış oluruz.

SİTE İÇİ SEO VE MAKALEMİZİN YAYINLANMASI



ÖZGÜNLÜK KONTROLÜ


Yazımızı tamamen kendimiz yazsak dahi yazımızı yayınlamadan önce mutlaka ögünlük kontrolünden geçirmeliyiz.

Bunun çeşitli nedenleri olabilir. Bu nedenler ;

  • Makalemizin özelliğini bozan kelime yapıları olabilir.
  • Kurduğumuz cümleler daha önce farklı sitelerde geçmiş olabilir . Bu da özgünlüğü kaybetmemize neden olabilir.
  • Arama motorları kelimeleri tararken kelimeleri 4 'er 4'er tararlar. Sizin yazmış olduğunuz 4 kelime taranacağı zaman farklı sitede de bu kelimeler geçiyorsa siteniz özgün değilmiş gibi görünebilir.
Bu durumlar varsa yazımızı yayınlamadan önce bunu fark edip düzenlememiz gerekir.

Peki ama nasıl olacak ?

Ben makale özgünlük kontrolünü 2 farklı site aracılığı ile yapıyorum.

Quetext



1) Öncelikle makalemizi yazıp yazıyı kopyalıyoruz.

2) Ardından makale özgünlük testimizi yapacağımız web sitemize ulaşıyoruz.



Web sitemiz www.quetext.com 'a ulaşıyoruz.




Ardından daha önce yazmış ve kopyaladığımız makalemizi test alanımıza yapıştırıyoruz.




Check komutu ile kontrolümüzü başlatıyoruz.



%100 'e ulaştığımızda kontrolümüz tamamlanmış olacaktır.




Özgünlük kontrolüm bitti. Ve " No plagiarism detected" sonucu ekranda gördüm. Bu uyarı yazımda hiçbir ihlal olmadığını ve yazımın özgün olduğunu gösteriyor.

Ve ilk kontrol yöntemim tamamlandı.

Şimdi diğer yöntemden bahsedelim.

R10 Analiz


1) Hazırlamış olduğumuz makalemizi kopyalıyoruz .

2) Ve özgünlük kontrolü yapacağımız analiz sitemize ulaşıyoruz.









Daha önceden hazırlamış ve kopyalamış olduğumuz makalemizi yapıştırıyoruz.





Ardından sorgula komutu ile testimizi başlatıyoruz.






Analiz sonucunda makalemizin %100 özgün olduğunu öğrendik. Ve dikkat edersek r10'un analiz yönteminde kelimelerimizin Google 'ın taradığı gibi 4'er  4'er işleme dahil edildiğini görüyoruz. 

Makalemiz üzerinde işlemlerimiz bittiğine göre artık makalemizi blogger paneline aktarabiliriz.

BLOGGER PANELİNDE MAKALEMİZİ DÜZENLEYELİM!


GÖRSELLERİMİZİ NEREDEN BULACAĞIZ ?





Pixabay web sitesinde ücretli ve ya ücretsiz görseller bulabiliriz. Üstelik resmi farklı boyutlarda da indirebiliriz.




Örneğin ben Blog kelimesine ait görsellere ulaşmak istedim . Karşıma çıkan sonuç penceresinde  ilk satır ücretli kısımdır. Sonrasında ki satırlar ücretsiz olarak indirilebilir.






Kullanım şekli pixabay ile aynı şekildedir.


Google 'ın da  Gelişmiş Arama seçeneği mevcuttur.



Google arama motorumuzu açtıktan sonra sağ alt kısımda yer alan Ayarlar komutuna ulaşıp . Ayarlar alanında Gelişmiş  Arama linkini tıklıyoruz. 




Aratmak istediğimiz kelimeyi yazıyoruz.






Alt kısımda yer alan kullanım hakları bölümünde  "Ticari olarak bile kullanıma, paylaşıma ve ya değiştirilmeye açık" seçeneğini işaretliyoruz. 

ve Gelişmiş Arama düğmesini tıklıyoruz.




Ve görsellerimiz listeleniyor. 

Filtreleme de telif haklarının önemli olduğunu unutmayalım. 

GÖRSELLERİMİZİ SEO UYUMLU HALE GETİRELİM


Resimlerimizi indirirken ya da indirdikten sonra isimlerini düzenledikten sonra blogumuza ekleyelim.

Resimlerimizin adını değiştirme nedenimiz , resmi internete yükleyen kişi kendi web sitesinde hangi alt etiketle kullandıysa aramalarda o web sitesi çıkar. 

Resimlerimize isim verirken makalemiz ve resimle ilgili isimler vermeye özen gösterelim.

Örneğin bir anakart resmimiz ve  adı "bilsim-teknolojileri-anakart" olabilir.

Görsellerimizi düzenleyip blogumuza yerleştirdikten sonra makalemiz yayınlanmaya hazır hale gelecektir.