Anasayfa / Web Tasarım / Web Tasarım Nasıl Yapılır Html

Web Tasarım Nasıl Yapılır Html

Web tasarım nasıl yapılır html İşaretleme dili olarak kullanılan html web sitelerinde hazırlanmasına yardımcı olmaktadır. Programa dili olmayan HTML web sitelerinin kurulmasında yardımcı olmaktadır.

HTML Bizlere Neler Sunmaktadır?

  • Görsellerin, videoların ve yazıların web sitesine eklenmesinde kullanılmaktadır.
  • Web siteler için oluşturdukları içerikler internet arama motorlarında doğru bir şekilde gözükmesini sağlamaktadır.
  • İnternet arama motorlarına web sitesi hakkında bilgi vermektedir.

HTML kodlarını yazmak için gerekli bir program yoktu. Not defteri wordpad Word gibi ortamlarda yazabilmektesiniz.

HTML Yazarken Dikkat Edilmesi Gerekenler

  • Her zaman açılan etiketler kod sonunda kapatılmalıdır.
  • HTML kodlarını yazarken kesinlikle Türkçe karakterler kullanmayınız.
  • HTML kodlarında genellikle küçük harfler kullanmanız önerilmektedir.

HTML kelimelerin Anlamları;

HTML; Bütün etiketleri kapsayan html gerektiğinde sayfa başında açılan, İşlerler bittiğinde sayfa sonunda kapanmaktadır.

HEAD; Yapılan web sitesinde içerikleri ve tasarımları kapsar. Yazılan kodlar web sitesinde gözükmez.

BODY; Bu etikette web sitesinin ziyaret eden kullanıcılar bütün bölümleri görebilmektedir.

Başlıklar;

<h1>Etiketi en büyük başlık, <h6> etiketi ise en küçük başlıktır.

<h1>Acarnet</h1>

<h2>Acarnet</h2>

<h3>Acarnet</h3>

<h4>Acarnet</h4>

<h5>Acarnet</h5>

<h6>Acarnet</h6>

Paragraf;

Paragraflar <p> Etiketiyle görüntülenmektedir.

<p>Bu örnek bir paragraftır</p><p>Bu da başka örnek paragraftır</p>

Satır atlama;

<p>Bu <br> da <br> çok satırlı örnek bir paragraftır.</p>

Web Sitesinin sahip olması gereken bazı özellikler

  • Web site hızı
  • Mobil uyumluluk
  • Kullanılan içeriklere ait tanımlar
  • Kullanıcıların istediği bilgileri sunma
  • Kullanılabilirlik

Ön Hazırlık

Web siteniz için kullanacağınız tasarımları ve içerikleri belirlemeniz gerekir. Menüler hazırlanır içerikler tasarımlar yapılır ve yazım işlemlerine başlanır.

  •  Ana sayfa
  •  Hakkımızda
  •  Ürünler bilgisi
  •  Ürünlerin fiyatları
  •  Referanslar
  •  İletişim

Yazılma İşlemleri Başlanmaktadır.

Tasarım Bölümü

Web sitesinin içerikleri oluşturulduğunda tasarım planına meydana çıkmaktadır. Taslaklar oluşturulur ve bu taslaklardaki tüm tasarımları PHOTOSHOP, FİREWORK FLASH gibi programlardan hazırlanır. Tasarımları firmaların renklerine göre uyarlanması önemlidir.

Kod Kısmı

Bu bölümde web tasarım uzmanları sitenin alt yapılarını ve tüm gerekenleri gerçekleştirmektedirler. Kod kısmını hallederek web sitesinin alt üst sağ ve sol başlıklarını hazırlamaktadır. Ariyetten web sitesinin panelini kodlamakta ve resim, video, yazı ve ürünleri panel kısmından eklemektedir.

Optimizasyon

Bütün bu süreçte optimizasyon işlerini kesinlikle aksatmayın. Nedeni ise internet arama motorlarında üst sıralara çıkmanızın en önemli nedenidir. Bunu SEO optimizasyonu ile gerçekleştirebilirsiniz

Test kısmı

Bu bölümde ise web sitesinin hazırlanmak olan verilerin düzgün çalışıp çalışmadığını bakılmaktadır. Tasarımda olan sorunlar giderilir. Yazılım kısmında herhangi bir sorun var ise düzeltilip yayına verilmelidir.

Renkler

Tasarımcı web sitesinin renk kısımları firma renklerine, site içeriğine ve o yılın trend olan renklerine bakılması gerekir. Web sitenizde renklere karar vermeden önce kullanıcılar için nasıl görüneceğini düşünmeniz gerekir.

İçerik

İçerik kısmının tasarımıma uyum göstermesi gereklidir. Ana başlıktan sonra bir alt başlık yazılar veya maddeler şeklinde yazılması web sitenizi ziyaret eden kullanıcılar için kolaylık sağlanmalıdır.

Web Tasarım Yapım Aşamaları

  • Proje işlemleri
  • Grafik tasarım işlemleri
  • HTML / CSS Kod kısmı
  • Yazılım işlemleri
  • Test bölümü

Web Tasarımın Önemi

Web tasarım siteleri her zaman ilk ve resmi bilgilendirme kanalları olmuştur. İnternetin gelişimiyle birlikte videolar yüksek pixelli fotoğraflar ziyaretçilere ulaşımı kolay bir hal almıştır. Bu şekilde milyonlarca kişi istedikleri her yerden bilgilere ulaşabilmektedirler. Bunun için şirketler veya kurumlar internette etkili bir şekilde yer almak için web tasarım sitelerine yatırımlar yapmaktadırlar.

Web Tasarım Süreci

  • Hazırlık
  • Tasarım Çalışmaları
  • Kod Kısmı
  • Optimizasyon (SEO)
  • Test Kısmı
  • Yayın ve site takibi

Web Tasarım Süreçleri Nelerdir

  • Müşterilerin nasıl bir web sitesine sahip olmak istenildiği öğrenilir.
  • İşletmelerin yaptığı işler ürettiği ürünler analiz edilmesi gerekir.
  • Aynı sektörde çalışan diğer firmaların çalışmaları incelenir.
  • Firmaların kendilerini anlatabilecek en uygun tasarımlar ortaya konulmaktadır.
  • CSS ve HTML ile koda dökülen tasarımlar CMS ile bütünlenir.
  • Test aşamaları yapıldıktan sonra web site yayına verilir.

İşlevsellik ve kullanılabilirlik

Web sitenizde içerik ve tasarımdan sonra en önemli konudur. İşlevsellik kullanıcılar için erişim kolaylığı kullanılabilirlik ise web sitenizin kullanıcı dostu olmasını sağlamaktadır. İnternet kullanıcıları web sitenizde aradığı bilgiyi bulmak için sayfadaki bağlantılarınızı kullanmaktadırlar. Bunları çoğunlukla web sitenizdeki menülerden yapmaktadırlar. Eğer ulaşmakta zorluk çekiyorsa bu erişe bilirlik sorununu yaşıyorsunuz demektedir.

  • Web siteniz en geç 7-10 saniye arası açılmaktadır. Aksi taktirde kullanıcılar sitenizi kapatmak zorunda kalmaktadır.
  • Web sitenizde aşırı derecede içerik var ise site içi arama motoru olması gerekir.
  • Sitenizin neredeyse bütün sayfalara ana sayfaya dönüş verilmelidir.
  • Web sitenizin kullanıcılar ile canlı görüşebilecek bir iletişim olmalıdır.
  • Renkler kullanıcının göz zevkini bozmamalı bunun için uygun ve doğru seçimler yapılması gerek.
  • Görsellerin kaliteli olması gerekir ve yazıların okunabilir olması kullanıcılar için güzel olur.

Neden Web Sitem Olmalıdır?

  • Web siteniz firmalar için olumlu bir imaj elde edecektir.
  • Web siteniz 7/24 açık olması ve satış yaparak size ek gelir elde edebilmektedir.
  • Satış rakamları web site sayesinde üst sıralarda olacaktır.
  • Web siteniz internet arama motorlarında olacak ve daha fazla müşteri kazanacaksınız.
  • Satış ve pazarlama gelirleriniz her zaman artmaya başlayacaktır.

BU MAKALEMİZ 22.10.2019 TARİHİNDE GÜNCELLENMİŞTİR.

hakkında Acarnet Editör

Bu Yazıya da Bakabilirsiniz

Profesyonel Site için 5 Web Tasarım İpucu

Kurumsal ve profesyonel site yapımı, kodlama ile gerçekleştirilir ve birçok aşaması vardır. Ancak biz burada, …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir