26 Kasım 2015 Perşembe

Merhaba Arkadaşlar uzun bir zamandır konu anlatımı yapamadım fakat şu anda bir kaç konu hazırlamaktayım sizlerde bu sırada aşağıda verdiğim linkte html in tüm kodlarını ne anlama geldiklerini öğrenebilirsiniz.


http://link.tl/rqkl
Bu linkte tüm html kodları vardır ve yanlarında açıklamaları yazmaktadır.

Kolay gelsin

HTML Kodları ve Açıklamaları

23 Kasım 2015 Pazartesi

Merhaba Arkadaşlar

Bu makalemizde kodlamaya adım atacağız.

Öncelikle kullanacağımız dil HTML olacaktı. Bunu önceki makalemde belirtmiştim ve bir örnek vermiştim sizlere.Bu örneği tekrar inceleyeceğiz.

<html>
  <head>
    <title>Başlık</title>

  </head>
  <body>
    <p style="font-size:10px"><a href="http://websitesitasarliyorum.blogspot.com.tr/">Web Tasarım Dersleri</a></p>
  </body>
</html>
 Evet arkadaşlar şimdi kod yapısını inceleyelim.

<html> : bu kod html sayfasının girişini belli eder.
<head>: bu kod sayfanın head yani gövde kısmı belli eder.Buraya girilen kodlar genellikle meta kodları ve stil sayfası çağırma kodlarıdır. Bunlara yabancı olabilirsiniz hepsine teker teker göz atacağız.
<title>: Bu kod arasına girdiğimiz değer sayfamızın adını belirler
<body>: Evet dikkat etmemiz gereken konu bu koddur. Bu kod web sayfamızın içerik kısmının kodudur. Buraya girdiğimiz tüm kodlar ve içerikler web sayfamızda görünecek olan içeriklerdir.
Bu kodu kullanımı şu şekilde olmalıdır;
<body> 
Bu iki kod arasına gireceğimiz değerler web sayfamızda gözükecek kısımlardır.
</body>

<p>: Bu kod ise satır kodudur. Yani bir makale yazarken satır bırakmak için yazılır. Örnek olarak;

<P> Deneme Yazı </P>

Kullanım şekli yukarıda belirtilmiştir.

Evet arkadaşlar standart bir web sayfasında olması gereken kodlar bu şekilde sıralanmaktadır.Evet arkadaşlar bir web sitesi tasarlamak için yapmamız gerek bir iş daha var. Bu iş bir stil dosyası oluşturmaktır.Bu stil dosyasında bulunan kodlar html sayfasında tasarladığımız kodlarla bağdaştırılmaktadır.Örnek vermek gerekirse bir kara kutu oluşturduk ve bu kutunun özellikleri bu stil dosyasında toplamamız gerekir. Yani Kutunun yüksekliği,kenarlık genişliği,arkaplan rengi,boyutu vb. özelliklerini bu stil dosyasına girip html sayfamız içine bu kodların çağırılması gerekir.


Tabiki bunların gerçekleşmesi için elimizde bir program olması gerekmektedir. Piyasa da pek çok program mevcuttur. Fakat benim tavsiye ettiğim program Adobe DreamWeaver. Bu program hem profesyonellik açısından hemde sadelik açısından en çok tavsiye edilen programdır.

Sizlerde bu program ile harikalar yaratabilirsiniz.
Bu makalemizde bu kadar anlatım yeter. Bir sonraki makalemizde sizlere bu program ile kodlamayı anlatacağım.
Sabırla bekleyin ve takipte kalın...







Kodlamaya Giriş



Merhaba Arkadaşlar

Bir önceki makalemde belirtmiş olduğum web tasarlamaya bir yerden giriş yapmamız gerekiyor.
Öncelikle doğru adımlarla ilerlemek gerekiyor.Bu adımları sizlere aşağıdaki gibi sıraladım.

İlk Adım:
İlk adım olarak hazırlayacağınız web sitesi için size en uygun taslağı hazırlamak. Bu taslak nasıl hazırlanır diye soruyorsanız hemen size öğreteyim. Öncelikle elinize bir kurşun kalem ve bir boş a4 kağıt alın. Bu kağıda hayalinizdeki web sitesini çizin.Logolar,menüler,başlıklar,içerikler veya bloglar olarak aklınızda ne varsa çizin.
Evet bu web tasarımına giriş için bir adım atmış bulunuyorsunuz.

İkinci Adım:
İkinci adımda hazırladığınız tasarımları bilgisayara web programlama programlarına dökmektir.Bunun için öncelikle temel kodları öğrenmeniz gerekir. Acele etmeyin bunların hepsini öğreneceksiniz.

Üçüncü Adım:
Belirlediğiniz taslağı programlama diline dökmek için piyasa da bir çok program mevcuttur. Fakat öncelikle programlayacağınız dili öğrenmeniz gerekir.Benim sizlere anlatacağım programlama dili şu anlık "HTML" programlama dilidir.Bu dil ile eşsiz benzersiz tasarımlar hazırlayabilirsiniz.
HTML nedir diye düşünüyorsunuz biliyorum hemen size açıklamasını yapayım.

HTML NEDİR?
Öncelikle ingilizce olan kısaltmayı açmak gerekirse Hypertext Markup Language olarak adlandırılıyor.Türkçe çevirisi ile şu şekilde "Hiper Metin İşaretleme Dili" olarak adlandırılıyor.Kısaca özetlemek gerekirse web sayfalarını oluşturmak için kullanılan standart işaretleme dilidir.Bu dilin son sürümü ise HTML5 dir.

HTML Kodlardan bahsetmek gerekirse şu şekilde bir örnek gösterebilirim.


<html>
  <head>
    <title>Başlık Kısmı</title>

  </head>
  <body>
    <p style="font-size:10px"><a href="http://websitesitasarliyorum.blogspot.com.tr/">Web Sitesi Tasarım Dersleri</a></p>
  </body>
</html>

Bu kodu örnek olarak verdim. İçeriğindeki detayı bir sonraki makelemiz de inceleyeceğiz.

Evet gelelim dördüncü adıma.
Dördüncü Adım:
Web sitemizde belirlediğimiz tüm sayfaların hazırlanması diyerek başlayalım. Bir firma sitesinden örnek vermek gerekirse;

  • Ana Sayfa
  • Hizmetler
  • Portfolyo
  • Ürünler
  • Servisler
  • İletişim
Tarzında sayfaların hepsinin hazırlanması içeriklerin girilmesi.Bu sayfaların hepsini hazırladıktan sonra diğer işleme geçebiliriz.

Diğer işlemden bahsetmek gerekirse bu sayfaları hazırlamak için öncelikle bir şablon yaratmamız gerekir ve bu şablona uygun fontlar,renkler,arkaplan resimleri,bloglar vb. içeriklerin hazırlanması gerekir.
Bunun için ise yine programla dilinden yardım alacağız.


Konuyu hemen özetleyelim;
Öncelikle bir taslak hazırlamak,bu taslağı programlama dili ile bilgisayara aktarmak ve uygun şablon ve içerik yaratmak ardından doğru bir şekilde yayınlamak.

Bu makalede de kısaca neler yapmamız gerektiğini nelere dikkat etmemiz gerektiğini anlattım. 
Tasarlama geçmek ve kodları öğrenmek için sıradaki makaleme göz atabilirsiniz.

Takipte Kalın

Web Sitesi Tasarlamak İçin Gerekenler



İyi Günler Arkadaşlar.

Bu blog sayfasının kurulum amacı siz web sitesi tasarlamak isteyenlere yardımcı olacak bilgiler paylaşmak,makale ve görsel anlatımlar ile sizlere katkıda bulunmaktır.

Öncelikle çağımızın popüler mesleklerinden olan web tasarımına çoğumuzun merakı vardır. İyi işte yüksek düzeyde gelir elde etmek için yaptığımız işin kaliteli olması şarttır. Bu kaliteyi sizler belirleyebilirsiniz.

Öncelikle belirlemeniz gerek hususlar;



  • Kuracağınız web sitesinin amacı
  • Hangi konuda web sitesi kuracağınızı belirlemek
  • Hangi yaştaki kullanıcıları hedeflemek istediğinizi belirlemek
  • Doğru hosting firması ile web alanı ve alan adını belirlemek
  • Alan adında sadeliği ve kolay ulaşılabilir olmasını sağlamak
  • Uzun alan adlarından kaçınmak
  • Belirlediğiniz kategoriye uygun tasarımı yapmak
  • Son olarak tasarladığınız web sitesini doğru bir şekilde pazarlamak.
Evet arkadaşlar bu yukarıda belirttiğim adımları doğru bir şekilde uyguladığınızda sizlerde web tasarım dünyasına giriş yapmış olacaksınız.Geriye kalan tasarım ve kodlama işini ise hep birlikte yapacağız.

Bu makaleyi bir giriş olarak hazırladım tahmin ettiğinizden de kısa bir süre sonra derslere başlayacağım. 

Takipte Kalın...

Web Sitesi Tasarlamaya Giriş