Web Tasarımı ve Kodlama

Web Tasarımı ve Kodlama

Web tasarımı ve kodlama; sürekli gelişen ve tüm dünyanın erişim ağı haline gelen internetin, en küçük birimlerinden olan internet sitelerinden oluşan bu ağın birimlerini tasarlama ve tanıştırma işlemlerinden oluşur. Hem kurumsal hem de bireysel kimliklerini online olarak sergileyerek tüm dünya insanlarına tanıtmak ihtiyacı içine girenler için artık lüks olmaktan ziyade adeta bir ihtiyaçtır. 

 

Günümüzde insanlar zamanlarının büyük bir bölümünü web sitelerinde geçiriyor. Durum böyle olunca da ürünlerini ve fikirlerini pazarlamak isteyenler profesyonel olarak tasarlanmış güvenli web sitelerini kullanarak çok daha geniş kitlelere ulaşma fırsatını kullanıyorlar. Milyonlarca web sitesinin arkasında, arka planda çalışan profesyonel ekipler vardır. Çünkü web siteleri de bakıma, yenilenmeye ve güncellenmeye ihtiyaç duyarken ayrıca olası güvenlik saldırılardan da korunmaya ihtiyaç duyuyor. Milyarlarca dolar değerindeki arama motorlarının botları web sitelerine sızarak siteleri denetliyor, kriterlerine uyanları en üst sıralara taşıyarak ziyaretçi kitlesini arttırıyor ve ziyaretçilere kaliteyi sunma amaçlarını kolaylaştırıyor. İnternet ağında bireysel ve kurumsal kimliğinizi dünyanın dört bir yanında tanıtmak istiyorsanız, çok iyi bir web sitesine sahip olmanız önemlidir. Çok iyi bir web sitesine sahip olmanın ilk adımı ise siteyi işinde uzman birilerine tasarlatmaktan geçer. 

 

Web sitesinde amaçlarınızı ve ihtiyaçlarınızı belirledikten sonra profesyonel webmasterlar ile çalışabilirsiniz. Onlar size özel tüm altyapıyı sağlayacak ve sitenizin güvenliği için gerekli tüm tedbirleri alarak sitenizi kuracaktır. Web tasarımı iyi yapılmış, modern bir ön yüzü olan, hostingi sağlam ve içeriği zengin, güncel ve özgün yazılarla servis edilen ve güvenliği sağlanarak emek verilmiş bir site arama motorlarında en baş sıraları daima zorlayacaktır. Çünkü ziyaretçiler güzel bir tasarım ve zengin bir içerik gördüğünde siteyi terk etmek istemeyecek ve sitenin diğer sayfalarını da heyecanla inceleyecektir. Aradığını bulan veya ilgisini çeken içeriklere ulaşan ziyaretçi, sitenin daimi ziyaretçisi olarak gün geçtikçe site trafiğini arttıracaktır. 

 web tasarım ve kodlama

İnternet ortamında firmanızı, markanızı veya kendinizi tanıtmak için sınırsız internet kaynağına sahipsiniz. Emek verdiğiniz, geliştirdiğiniz ve desteklediğiniz altyapılar sayesinde web siteniz güncel kalarak hedeflenen başarıya sizi taşıyacaktır. 

Bilinmesi Gereken Temel HTML Etiketleri

 

HTML basit olarak; Chrome, Safari ve Internet Explorer gibi tarayıcılarda yazılan kodları eşleştirerek web sitesine dönüştürebilmesini sağlayan bir internet işareti dilidir. Bu kapsamda HTML etiketleri, arama motorlarının içeriği daha iyi algılayarak SEO açısından da gereken çalışmaları yapmayı sağlayan bir kolaylıktır. Bilinmesi gereken temel HTML etiketleri de hem faydalı hem de basit türdedir.

 

Title Etiketi

Title etiketi, içerik başlığını arama motorlarına yani Google’a iletmek için kullanılan bir etikettir. SEO açısından en önemli etiket bu etikettir. Title etiketi Google arama sonuçlarında sayfa başlığını temsil eden bir önemdedir. Title etiketi için önerilen ortalama uzunluk ise 55 karakterdir. Ayrıca bu etikette içeriği tanımlayan anahtar kelime veya kelimeler, marka veya başlığınız ayrıca düzgün bir cümle yapısı olmalıdır.

 web tasarım ve kodlama hakkında

Meta Açıklama Etiketi

Meta açıklama etiketi de SEO açısından önemli olan bir HTML etiketidir. Meta açıklama etiketi, Google arama sonuçlarında sayfanın açıklama bölümünü temsil eden bir öneme sahiptir. Meta etiketi için gereken ortalama uzunluk 140 – 150 karakter aralığındadır. Bu etikette tıklanma sayısını arttıracağı düşünülen slogan ve metinler, anahtar kelimeler ve yine düzgün cümle yapısı olmalıdır.

H Etiketi

H etiketini alt başlık olarak nitelendirmek daha kolaydır. Sayfa başlığını attıktan sonra bahsedilen diğer konuların alt başlıklarını H etiketi içerisinde kullanabiliriz. Örneğin; yazının ana başlığı H1 etiketi altında yer alırken yer alırken alt başlıklar H2 ve 3 şeklinde düzenlenmelidir.

Vektörel çizim nedir?

Vektörel çizim hangi ölçekte olursa olsun, orijinalitesi bozulmayan çizimlerdir. Bir şirkete ait logonun dev boyutlarda yâda bir avatar büyüklüğünde kullanıldığında piksel kalitesini yitirmemesi gerekir.
Bu şekilde vektörel çizimler istenilen ebat ve boyutlarda kullanılabilmektedir.

Günümüzde vektörel çizim denildiğinde ilk akla gelen adobe illustrator programıdır. Eşsiz özellikleri ve sayısız imkânı ile her kalite ve boyutta çizimler elde edebilmek için ideal bir uygulamadır.  Bu program sayesinde gerçek renklerle istenilen boyutlarda çizim elde etmek mümkündür.  Hatta koskoca bir binanın duvarlarını kaplayacak ölçüde çizimleri, birkaç santimetrelik alanda yapabilirsiniz. Elde edilen çizimler büyütüldüğünde kesinlikle görüntü kayması ve dağılması meydana gelmez. Vektörel çizim nedir? Sorularına yanıt verirken anlatılmak istenilen de budur. Format olarak adobe illustrator programlarının çıktısı (.ai) formatındadır. Çizimler, sadece bu uzantı ile değil sayısız uzantılarla kaydedilebilmektedir. Bilirsiniz ki internet üzerinden logo, tasarım ve genelde grafik içerikli ürün satışlarında mutlaka (.ai) formatında dosyalar istenmektedir. Adobe illustrator programına hâkim olamayan grafikerlerin internet üzerinden para kazanması neredeyse imkânsızdır. Bunun gibi matbaacılık sektöründe dahi vektörel olmayan çizimler artık makbul değildir. Hemen hemen her matbaacının en azından adobe photoshop gibi bir çizim programını kullanması gerekmektedir.

her matbaacının en azından adobe photoshop gibi bir çizim programını kullanması gerekmektedir.

 İnternetten grafik içerikli dosyalar satarak kazanç sağlamak isteyen tasarımcılar, özellikle logo satışlarında adobe illustrator programından faydalanmak zorundadırlar. Müşterilerine sunacakları ürünlerin (.psd, .pdf, .ai) gibi formatlarında indirilebilir olması gerekiyor. Vektörel çizim konusuna hâkim olmayanların Envato Market türü ticari platformlarda tutunması ve görüntü satması muhaldir. Özetle, vektörel çizim nedir? Sorularına verilecek yanıtın esasında her boyut ve ölçüde görüntü kaybı olmadan ölçeklenebilir içerikler üretmek vardır.

TAG MANAGER

Yazılım sektöründe kullanılan ve ziyaretçi hareketlerini tespit edip web sitesinde ve uygulamalarda kullanılan kod sistemidir. Bu sistemin kullanılabilmesi için hiçbir yazılım elamanına ihtiyaç duyulmazken pazarlama ve ölçümler ile ilgili etkileşimlerden haberdar olabileceğiniz bir etiket yönetim sistemidir. Sistemin getirisi ise dönüşüm izleme, site analizi, yenide pazarlama gibi izleme amaçlarını ve takip mekanizmasının güçlenmesidir. Diğer bir tanım ise yazılımcılar için gelişmiş olan bir web sitesinin ya da programların tüm kodlarının tek bir sistem üzerinden kontrol edilmesini sağlayan araçtır.

Tag Manager yazılım ve uygulamalar için büyük bir kolaylıktır. Gerek pazarlama sektöründe gerekse geliştiriciler için büyük bir yönetim kolaylığı sağlamakta ve hızlı sonuç alma konusun da başarılı bir araçtır. Yazılım ve programlarda olduğu gibi Manager için de bilinmesi gereken terimler vardır. Programın kolay bir şekilde kullanılması için yabancı dil bilmek te gerekmektedir.

TAG MANAGER TERİMLERİ

Tag: Diğer bir adı etiket olan ve bir sayfada yürütülen kodların belirlenmiş halidir. Uygulanan etiketler çeşitli amaçlarda kullanılabilir ve Tag Manager içinde kullanılan etiketlerin birçoğu kurulan web sitelerinin kullanıcılarına bilgi vermek için tasarlanmıştır. Kullanıcıların web sitelerinde anlatılmak istenen net mesajları etiketler sayesinde görebilmektedir. Örnek vermek gerekirse Google Analytics etiketi gibi araçlar bu işlemi gerçekleştirir. Diğer bir terim ise değişkenlerdir.

 Değişkenler Tag Manager sistemine aktarılmak istenen bilgileri içerecek biçimde kendi kendini yapılandırabilen bir nesnedir.  Bünyesinde bazı etiketlerin tanımlanmış olması da gerekmektedir. Google Tag Manager üzerinde ön görülen varsayılan bazı etkinlikler bulunmaktadır. Bu etkinlikler sayesinde Google tag Manager üzerinde değişimler yaşandığı görülmektedir. 

açıköğretim web tasarım ve kodlama bölümü

Son olarak web tasarım ve kodlama ile ilgilenen arkadaşlarımıza bir duyurumuz var. Açıköğretim Fakültesi Ön lisans programı içerisinde ,  Web Tasarımı ve Kodlama  bölümü açılmıştır.

Programa Kimler Kayıt Yaptırabilir?

Web Tasarımı ve Kodlama Önlisans Programına kayıt olmanın pek çok yolu bulunmaktadır. Bu programa kayıt olabilmek için kayıt türleri ve koşullarını anlatan Nasıl Öğrenci Olabilirim? sayfasını inceleyebilirsiniz.

Okutulan Dersler - AKTS Kredileri

I.YARIYIL (Güz Dönemi)

Ders Kodu

Ders Adı

Zorunlu/Seçmeli

Teorik/Uygulama

AKTS

BİL101U

Temel Bilgi Teknolojileri I

Zorunlu

3+0

3.0

EST101U

Görsel Estetik 

Zorunlu

3+0

4.0

HUK301U

Bireysel İş Hukuku

Zorunlu

3+0

4.0

İLT303U

Profesyonel Yaşamda İmaj ve İtibar Yönetimi

Zorunlu

3+0

4.0

MEİ103U

Medya ve İletişim

Zorunlu

3+0

4.0

YBS303U

Kullanıcı Deneyimi Tasarımı

Zorunlu

3+0

4.0

YBS309U

Bilgi Toplumu ve E-Devlet

Zorunlu

3+0

4.0

 - 

Yabancı Dil I*

Zorunlu

0+0

3.0

Toplam

30

*Yabancı Dil I Dersi: Yeni kayıt aşamasında tercih edilen ALM101U-Almanca I, FRA101U-Fransızca I ya da İNG101U-İngilizce I derslerinden bir tanesidir.

 

II.YARIYIL (Bahar Dönemi)

Ders Kodu

Ders Adı

Zorunlu/Seçmeli

Teorik/Uygulama

AKTS

BİL102U

Temel Bilgi Teknolojileri II

Zorunlu

3+0

3.0

HUK124U

Bilişim Hukuku

Zorunlu

3+0

4.0

İLT102U

Yeni İletişim Teknolojileri

Zorunlu

3+0

4.0

MAİ102U

Marka ve Yönetimi

Zorunlu

3+0

4.0

PZL304U

Pazarlama İletişimi 

Zorunlu

3+0

4.0

YBS302U

Ağ Yönetimi ve Bilgi Güvenliği

Zorunlu

3+0

4.0

YBS308U

Sosyal Ağ Analizi

Zorunlu

3+0

4.0

 - 

Yabancı Dil II**

Zorunlu

0+0

3.0

Toplam

30

**Yabancı Dil II Dersi: Yeni kayıt aşamasında tercih edilen ALM102U-Almanca II, FRA102U-Fransızca II ya da İNG102U-İngilizce II derslerinden bir tanesidir.

 

III.YARIYIL (Güz Dönemi)

Ders Kodu

Ders Adı

Zorunlu/Seçmeli

Teorik/Uygulama

AKTS

İŞL293U

Girişimcilik ve İş Kurma

Zorunlu

3+0

3.0

TAR201U

Atatürk İlkeleri ve İnkılap Tarihi I

Zorunlu

3+0

3.0

TÜR201U

Türk Dili I

Zorunlu

3+0

3.0

WTK201U

İçerik Yönetim Sistemleri

Zorunlu

3+0

5.0

WTK203U

Web Yayıncılığı

Zorunlu

3+0

5.0

WTK205U

Web Okuryazarlığı

Zorunlu

3+0

3.0

WTK207U

Web Tabanlı Kodlama

Zorunlu

3+0

5.0

WTK209U

Görsel Web Tasarımı

Zorunlu

3+0

3.0

Toplam

30

 

IV.YARIYIL (Bahar Dönemi)

Ders Kodu

Ders Adı

Zorunlu/Seçmeli

Teorik/Uygulama

AKTS

TAR202U

Atatürk İlkeleri ve İnkılap Tarihi II

Zorunlu

3+0

3.0

TÜR202U

Türk Dili II

Zorunlu

3+0

3.0

WTK202U

Öğrenme Yönetim Sistemleri

Zorunlu

3+0

5.0

WTK204U

Web Yayıncılığı Araçları

Zorunlu

3+0

5.0

WTK206U

Web'de Telif Hakları ve Etik

Zorunlu

3+0

3.0

WTK208U

Web Tasarımı Satış ve Pazarlama

Zorunlu

3+0

3.0

WTK210U

İnternet Tabanlı Programlama

Zorunlu

3+0

5.0

WTK212U

Web Grafik Tasarımı

Zorunlu

3+0

3.0

Toplam

30

Hazırlayan: Yemliha TOKER