Web Tasarım Hazır Kodlar

Web Tasarım Hazır Kodlar

 

Web tasarım işlemlerinizde hazır şablonlar kullanıyorsanız (Ör: wordpress temaları, Joomle temaları vb.) kod bilginiz biraz az olabilir. Bu normal bir durumdur. Zaten zamanla geliştirebilirsiniz. Eğer İngilizce seviyeniz B1 ve üzeri ise yani anlayabiliyorsanız sizlere çok iyi bir önerimiz var. Geçenlerde benimde karşılaştığım bir Udemy kursu bu engelleri zaman içerisinde köklü bir şekilde çözebileceğiniz şekilde tasarlanmış. Bu kursa ulaşmak için bu bağlantıyı takip edebilirsiniz. https://www.udemy.com/the-complete-web-developer-course-2/ ***** (Yazının sonunda açıklamayı okuyunuz) . Eğer benim İngilizce’de zaaflarım var diyorsanız (asıl mesleğim İngilizce öğretmenliği olduğu için) sizlere www.english.web.tr adresinde uzaktan rehberlik ve dilerseniz uygun bir ücrete İngilizce özel ders verebilirim. Tam portfolyomu www.onurkalafat.com.tr adresimden inceleyebilirsiniz. Bu yazımda sizlere şimdilik işinize yarayabilecek Web Tasarım Hazır Kodlar konusunda bilgi veriyorum.. Siz değerli blog okuyucularımızın faydalanması dileği ile.

 

Web Tasarım Hazır Kodlar – Whatsapp Bağlantı Kodu

https://wa.me/15551234567

buda  resmimize vereceğimiz resim linki yani resim bağlantısı. Örnek olarak:

<a href=”https://wa.me/15551234567″>

<img src=”/pix/samples/14s.jpg” style=”max-width:100%;” alt=”Boracay, Philippines”>

</a>

 

Kodunu deneyebilir ve kendinize göre düzenleyebilirsiniz.

 

Tıkla Telefon Et Kodu

Resmin üzerine tıklandığında telefon eden kod

<a href=”tel:5555555555″><img src=” https://mimozabilisim.com/wp-content/uploads/2018/07/CLEAN-CODE.png”></a>

Yada kısaca

tel:00905555555555

(Kod kısmında telefon numarası rakamlarının bitişik olması gerekir. Metin kısmında gerekmez.)

 

Ulak Bağlantı Kodu

Metne tıklandığında

<p>

Bu bir ulak (e-posta) bağlantısıdır:

<a href=”mailto:ornek@ornek.com?Subject=Hello%20again” target=”_top”>Ulak Gönder</a>

</p>

 

yada kısaca:

mailto:ornek@ornek.com

Resme Bağlantı Verme Kodu

<p>

Bu bir bağlantılı resimdir: <a href=”https://mimozabilisim.com”>

<img border=”0″ alt=”W3Schools” src=”https://mimozabilisim.com/wp-content/uploads/2018/07/BRAINSTORM.png” width=”100″ height=”100″>

</a>

</p>

 

Yazıya Bağlantı Verme Kodu

<a href=” https://mimozabilisim.com/iletisim-2/“> İletişim Sayfamızı Ziyaret Ediniz. </a>

Tablo Oluşturma Kodu

Kendinize Göre Düzenleyebilirsiniz.

 

<!DOCTYPE html>

<title>Misal Tablo</title>

 

<table>

<tr>

<th>Başlık</th>

<th> Başlık </th>

<th> Başlık </th>

</tr>

<tr>

<td>hücre</td>

<td> hücre </td>

<td> hücre </td>

</tr>

<tr>

<td> hücre </td>

<td> hücre </td>

<td> hücre </td>

</tr>

</table>[/vc_column_text][/vc_column][/vc_row]

 

Çok daha geniş bir  kod oluşturma içeriği dilerseniz, bu https://www.quackit.com/html/codes/ bağlantıdan dilediğiniz hazır kodu bulabilirsiniz. Üzerinde hafif değişiklikler yapmak isterseniz, https://html-online.com/ sitesinden online editör kullanabilirsiniz.  Web Tasarım Hazır Kodlar yazımızı burada bitiriyor ve çalışmalarınızda başarılar dileriz.

Web Tasarım Hazır Kodlar Yazımı Bitirir ken;

***** İlk paragrafta bahsettiğim udemy kursu beni gerçekten şaşırttı. Kursu oluşturan öğretmen serbest yazılımcı olarak çalışmaya başlamadan önce bir Matematik öğretmeni imiş. Fakat serbest yazılımcı olduktan sonra kaderi tamamen olumlu yönde değişmiş. Kursu kampanyalı zamanlarında yakalayabilirseniz (ki ben 27 ₺ ye aldım) çok daha ekonomik oluyor. Fakat kurs sahibi tüm kodlama bilgisini baştan sona anlattığı gibi aynı zamanda her kese ücretsiz barındırma (host) hesabı sağlıyor, ücretsiz bir .tech alan adı veriyor, Amazonda 4,5 Dolar değerinde bir kitabını hediye ediyor ve üstelik kitap çok ama çok motive edici, aynı zamanda 3 adet bootstrap teması hediye ediyor, bunun yanında bir dolu hediye yani yeter ki öğrenin diyor. Ben sadece kişisel tecrübemi paylaşmak için sizleride bilgilendirmek istedim. Orta seviyede bir İngilizce ile kursu anlayabilirsiniz.

About the Author

Leave a Comment

submit loader