Kodlama Bilmeyenler İçin Web Tasarımı

Merhaba  bu hafta ki konumuz kodlama bilmeyenler için web site kurulumu ve  web site nedir? ve nasıl oluşturulur?  şuan baktığınız sayfa web sayfası ve arka planda bir çok çeşit  kodlama dili ve kod parçası bulunuyor eyer sizde bu yazıyı okuduktan sonra web tasarımı yapacaksanız  web tasarım ile ilgili kodlama dillerinden birini seçmenizde fayda var .

Web Sitesi Nedir?

Web sitesini düşünecek olursak bir kişi yada şirketin internetteki  ara yüzü olarak düşünülebilir yani kendinizi yada şirketinizi internete kayıt ettirerek bir bilgi gösterim ara yüzü oluşturulmasıdır web sitesi .bilgi yayınlanması,iletişim,eğitim gibi bir çok alanda hayatımızı kolaylaştırdı internet işte bu alanlarda bize içerik sunulmasını web sitesine borçluyuz.

Web sitesi nasıl oluşturulur?

gel gelelim çok ince ve kafaya takılan soruya web sitesi nasıl oluşturulur? web sitesi oluşturmak için öncelikle kendinize ait bir E-Posta’ya ihtiyacınız var

oluşturduktan sonra web sitesinin ismi ve ne amaçla yapılmasına karar vermek gerekir çünkü web sitesi oluşturken ismi ve ne amaçla kuruluyor ona göre oluşturulması gerekir karar verilmesi gerekir. Şimdi gelelim web sitesi oluşturmak için kodlama dillerini öğrenmemiz gerekir ama korkmayın çünkü kolay Öğrenebilirsiniz

Html(Hypertext Markup Language) çok kolay bir web sitesi oluşturma betik dilidir)

[su_button url=”https://www.w3schools.com/html/” target=”blank” style=”3d” background=”#b8070a” size=”4″ center=”yes” radius=”round” icon=”icon: share-alt” text_shadow=”0px 0px 0px #000000″]HTML ögrenmek için [/su_button]

html web sitesin arka planda çalışan görüntüleme yapmaya yarayan kolay bir dil web sitesi html kodlama yaptık ama Css olmadan tüysüz kuşa benzer  Css (Cascading Style Sheets, HTML’e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir Web teknolojisidir.)

[su_button url=”https://www.w3schools.com/css/default.asp” target=”blank” style=”3d” background=”#b8070a” size=”4″ center=”yes” radius=”round” icon=”icon: object-group” text_shadow=”0px 0px 0px #000000″]Css Öğrenmek için[/su_button]

Css kısa anlatmak gerekirse görsel tablo yani tema oluşturma dilidir ve html diline benzer yani html öğrenirseniz Css dilini kolay öğrenirsiniz web sitesini html ve Css kodladınız ve sıra geldi e- postayı kullanarak domain ve hosting almanız gerekiyor.

Domain’ in türkçe karşılığı alan adı demektir. Domain, İnternet’ e bilgi sunan bir websitenin veya hizmetin adıdır.

www.nedir.com bir alan adı yani domain’dir. Domainler kayıtlı isimlerdir ve şirketler genelde kendi şirketlerinin isminde domain alırlar. Bir domainin sonunda tr, es, au gibi ülke kodları ya da domain türüne bağlı olarak com(Ticari Marka, şirketler kullanır.), net(Kişisel Web site Domaini), org(Organizasyon hizmetleri Web siteleri), gov(Devlet kamu kurumları domain), edu(Üniversite gibi Eğitim kurumları) gibi uzantılar yer alabilir.

örnek verilecek olursa  aridoshika.com  web sitesi ismi .com”Ticari Markalar kullanır” domain temsil eder gelelim hosting(Hosting veya Barındırma, bir web sitesinde yayınlanmak istenen sayfaların, resimlerin veya dokümanların internet kullanıcıları tarafından erişebileceği bir bilgisayarda tutulmasıdır.) unutmadan domain almadan önce Domain Sorgulama yapmanız gerekir.

Web sitesi oluşturma Platformları? 

“Web sitesi oluşturma Platformları kodlama bilmeden Web sitesi kurmanızı sağlayan Sistemlerdir.”

[su_button url=”https://tr.wordpress.org/” target=”blank” style=”3d” background=”#07b8b2″ size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]Wordpress: [/su_button]

• Versiyon : 4.9.8
• Gerekli Alan  : 26.01 MB
•   Yayın Tarihi  : 02-08-2018

WordPress kullanımı kolay ücretsiz arayüze sahip olan web sitesi oluşturma yarayan popüler bir web sunum platformudur kodlama bilmenize gerek yok sadece hayal edin ve çalışmaya başlayın çok fazla tema ve eklentiye sahip olduğunu söylemeden geçmeyeyim istediğiniz gibi hayal ettiğiniz web sitesi oluşturabilirsiniz

[su_button url=”http://www.open-blog.info/” target=”blank” style=”soft” background=”#ed2f10″ size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]OpenBlog:[/su_button]

• Versiyonunu : 3.0.6
• Gerekli Alan  : 6.78 MB
•   Çıkış Tarihi  : 11-01-2018

OpenBlog *PHP çevresinde gelişmiş ücretsiz ve *açık kaynaklı(OpenSource) kullanımı kolay web sitesi oluşturma platformudur

*PHP : Hypertext Preprocessor (Türkçe: Üstünyazı Ön işlemcisi) (Aslen: Personal Home Page – Kişisel Ana Sayfa) , internet için üretilmiş, sunucu taraflı, çok geniş kullanımlı, genel amaçlı, HTML içerisine gömülebilen betik ve programlama dilidir.

*Açık kaynak, bir bilgisayar yazılımının makina diline dönüştürülüp kullanımından önceki, programcılar tarafından okunur, anlaşılır, yeni amaçlara uygun değiştirilebilir hâlinin gizli tutulmayıp açık, yani okunabilir hâlde kamuyla paylaşılıyor

[su_button url=”https://docs.s9y.org/” target=”blank” style=”soft” background=”#eddb10″ size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]Serendipity:[/su_button]

• Versiyon : 2.1.2
• Gerekli Alan  : 23,21 MB
•   Çıkış Tarihi  : 25-03-2018

Serendipity: blog oluşturmaya yarayan ücretsiz profesyonel web sitesi oluşturmaya yarayan *Php destekli 120 fazla eklentisi bulunan web sitesi sunum Platformudur.

*PHP : Hypertext Preprocessor (Türkçe: Üstünyazı Önişlemcisi) (Aslen: Personal Home Page – Kişisel Ana Sayfa) , internet için üretilmiş, sunucu taraflı, çok geniş kullanımlı, genel amaçlı, HTML içerisine gömülebilen betik ve programlama dilidir.

[su_button url=”https://dotclear.org/” target=”blank” style=”bubbles” background=”#7bed10″ size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]Dotclear:[/su_button]

• Versiyon : 2.13.1
• Gerekli Alan  : 9.06 MB
•   Yayın Tarihi  : 27-01-2018

Dotclear birden fazla bağımsız yazılımcı tarafından oluşturulmuş *açık kaynaklı(OpenSource) web sitesi oluşturma platformudur her platform gibi kodlama bilgisine gerek yoktur.

*Açık kaynak, bir bilgisayar yazılımının makina diline dönüştürülüp kullanımından önceki, programcılar tarafından okunur, anlaşılır, yeni amaçlara uygun değiştirilebilir hâlinin gizli tutulmayıp açık, yani okunabilir hâlde kamuyla paylaşılıyor

[su_button url=”http://b2evolution.net/” target=”blank” style=”glass” background=”#1080ed” size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]b2evolution:[/su_button]

• Versiyon : 6.10.2
• Gerekli Alan  : 44,45 MB
•   Çıkış Tarihi  : 20-06-2018

b2evolution: kendi blogunuzu oluşturmaya yarayan kullanımı kolay ücretsiz kodlama bilgisine sahip olmadan hayal gücünüze göre web sitesi oluşturmaya yarayan CMS(İçerik Yönetim Sistemi katılımcı teknikler ile belge ya da benzeri içeriklerin yaratılmasına ve düzenlenmesine yardımcı olan yazılım dizgeleridir.) özelliğine sahip web platformudur.

[su_button url=”https://textpattern.com/” target=”blank” style=”bubbles” background=”#eda310″ size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]Textpattern:[/su_button]

• Versiyon : 4.7.1
• Gerekli Alan  : 5.32 MB
•   Çıkış Tarihi  : 26-06-2018

Textpattern kullanımı kolay ücretsiz  web sayfalarının üretimini basitleştirmiş  CMS (içerik yönetim sistemi)sahip web sunum Platformudur.

[su_button url=”http://www.nibbleblog.com/” target=”blank” style=”bubbles” background=”#aaa59a” size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]Nibbleblog:[/su_button]

• Versiyon : 4.0.5
• Gerekli Alan  : 2.15 MB
•   Yayın Tarihi  : 07-09-2015

Nibbleblog kullanımı kolay ve ücretsiz CMS (içerik yönetim sistemi) sahip Xml(Extensible Markup Language, hem insanlar hem bilgi işlem sistemleri tarafından kolayca okunabilecek dokümanlar oluşturmaya yarayan bir işaretleme dilidir. W3C tarafından tanımlanmış bir standarttır.) sahip dosya oluşturmaya yarayan web sunum platformudur.

[su_button url=”http://lifetype.net/” target=”blank” style=”ghost” background=”#b53da1″ size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]LifeType:[/su_button]

• Versiyon : 1.2.12
•  Alan Gerekli  : 8.87 MB
•   Yayın Tarihi  : 24-07-2013

LifeType kullanımı kolay ücretsiz olan güvenli Url sistemi sunan ses,dosya,görsel içerik sunuluyor ve içeriklerin yorum,istatistik olarak bilgi sunan web sunum platformudur.

[su_button url=”https://blogpixie.com/” target=”blank” style=”3d” background=”#b23db5″ size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]Pixie:[/su_button]

Versiyon : 1.04

Gerekli Alan  : 2,28 MB

Çıkış Tarihi  : 20-03-2010

Pixie web sitenizi hızlı ve kolay oluşturmanızı sağlayan CMS (içerik yönetim sistemi) sahip basit web site oluşturan platformdur.

[su_button url=”http://nucleuscms.org/” target=”blank” style=”glass” background=”#d07918″ size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]Nucleus:[/su_button]

• Versiyon : 3.70
• Gerekli Alan  : 3,16 MB
•   Çıkış Tarihi  : 22-09-2014

Nucleus kullanımı kolay CMS (içerik yönetim sistemi) sahip olan içeriklerin biçimlendirme özelliği sunan web sunum platformudur.

[su_button url=”https://chyrplite.net/” target=”blank” style=”stroked” background=”#322d27″ size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]Chyrp:[/su_button]

• Versiyon : 2.5.2
• Gerekli Alan  : 2.69 MB
•   Yayın Tarihi  : 20-11-2014

Chyrp kullanımı kolay basit blog oluşturma motorudur MVC(Model-View-Controller, yazılım mühendisliğinde kullanılan bir “mimari desen”dir. Kullanıcıya yüklü miktarda verinin sunulduğu karmaşık uygulamalarda veri ve gösterimin soyutlanması esasına dayanır.) sistemine sahip web sunum motorudur.

[su_button url=”https://sourceforge.net/projects/eggblog/” target=”blank” style=”flat” background=”#e9c914″ size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]EggBlog:[/su_button]

• Versiyon : 4.1.2
• Gerekli Alan  : 2.03 MB
•   Yayın Tarihi  : 12-08-2009

EggBlog kullanarak kendinize ait çevrimiçi web sitesi oluşturmaya derginizi veya web günlüğünüzü (blog) oluşturmanızı sağlayan ücretsiz *php & mysql(Veri Tabanı çözümü sunan platform) blog oluşturma Platformudur.

[su_button url=”https://www.htmly.com/” target=”blank” style=”bubbles” background=”#1428e9″ size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]HTMLy:[/su_button]

• Versiyon : 2.7.4
•  Gerekli Alan  : 3,75 MB
•   Çıkış Tarihi  : 24-01-2016

HTMLy  açık kaynaklı(ücretsiz geliştirilebilir kodlama verileridir) veri tabanlı(verilerin depolandığı platformlardır) , CMS(içerik yönetim platformu) sahip olan web sunum platformudur.

[su_button url=”http://pivotx.net/” target=”blank” style=”bubbles” background=”#b8e914″ size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]PivotX:[/su_button]

• Versiyon : 2.3.11
• Alan Gerekli  : 7.47 MB
•   Yayın Tarihi  : 21-06-2015

PivotX  blog web sitesi oluşturmanızı ve çevrimiçi(internet bağlantılı olan) web sitesi ,dergi yayınlanmasını sağlayan ücretsiz ve kullanımı kolay *Php destekli web sunum platformudur.

*PHP : Hypertext Preprocessor (Türkçe: Üstünyazı Önişlemcisi) (Aslen: Personal Home Page – Kişisel Ana Sayfa) , internet için üretilmiş, sunucu taraflı, çok geniş kullanımlı, genel amaçlı, HTML içerisine gömülebilen betik ve programlama dilidir.

[su_button url=”http://flatpress.org/home/” target=”blank” style=”soft” background=”#e91415″ size=”4″ center=”yes” radius=”round” icon=”icon: globe” text_shadow=”0px 0px 0px #000000″]FlatPress: [/su_button]

• Versiyon : 1.0.3
• Gerekli Alan  : 1,68 MB
•   Yayın Tarihi  : 12-06-2015

FlatPress  web sitesi yazılarınızı kayıt edilmesini sağlayan biraz Php ihtiyaç olan web sunum platformudur

[su_button url=”https://github.com/Leafpub/leafpub” target=”blank” style=”ghost” background=”#cdc8c8″ size=”4″ center=”yes” radius=”round” icon=”icon: github-alt” text_shadow=”0px 0px 0px #000000″]Leafpub:[/su_button]

Versiyon : 1.1.9

Gerekli Alan  : 9.55 MB

Leafpub kullanımı kolay ücretsiz tema veya şablon düzenleme özelliği sunan WYSIWYG(WYSIWYG, İngilizce’de “What You See Is What You Get” teriminin baş harflerinden oluşan bir bilgisayar terimidir. Türkçesi Ne Görüyorsan Onu Alırsın demek olup ekranda görülene çok benzer bir çıktı alınacağı ortamları tanımlar.) editörüne sahip olan açık kaynak kodlu web sunum platformudur.

Kodlama Bilmeyenler İçin WEb Tasarımı yazımın ikinci bölümünde sizlere

Nucleus , Chyrp , eggBlog , HTMLy , PivotX , FlatPress , Leafpub  ve Movable Type konuları hakkında bilgi vericem

Daha sonra yazımın 3 serisinde “softaculous” ile kurulum işlemlerine bakıcaz otomatik kurulum ve manuel kurulum seceneklerini değerlendiricez