Web Tasarımı Nasıl Öğrenilir: 13 Adım (Fotoğraflarla) - Ipuçları

Video: Tapuda sahteciliğe karşı önlem nasıl alırım

İçerik

Adımlar
Tavsiye
Uyarı
Neye ihtiyacın var

Web tasarımı, özellikle günümüzde her şeyin internet etrafında döndüğü bir dünyada çok değerli bir beceridir. Bunda gerçekten iyiyseniz, müşterilerden para kazanabilir, bir üyelik sitesi (misafir içeriğine erişimi sınırlayan bir web sitesi) oluşturabilir veya diğer para kazanma projelerini takip edebilirsiniz. Ve gerçekten web tasarımını nasıl öğreneceğinizi öğrenmek istiyorsanız, o zaman bu makale tam size göre!

Adımlar

Bölüm 1/3: Başlarken

Web tasarımının farkına dikkat edin. Kitap tasarımı değil, afiş tasarımı, illüstrasyon değil. Bu alanlardaki sonuç, web tasarımının konusu da değildir. Web siteleri oyunların ve videoların dağıtım sistemleri olabilir ve bu dağıtım sistemleri oldukça dikkat çekici olabilirken, web tasarımının değil, oyun tasarımının ve video hikaye anlatımının özüdürler.
Web tasarımının ne hakkında olduğunu bilmek. Bu, dijital bir ortam yaratma sürecidir:
- insan faaliyetlerini desteklemek ve teşvik etmek;
- bireysel içeriği ve sesleri yansıtmak veya bunlara uyum sağlamak;
- kimliklerini korurken zaman içinde ritmik bir şekilde değişirler.
Kullanmak istediğiniz kaynakları belirleyin. Web siteleri, videolar ve kitaplar üç ana kaynaktır. Codecademy ve W3Schools bugün ünlü web sitelerinden ikisi. Ek olarak, başka birçok kaynak var, tereddüt etmeyin ve deneyimlemekten çekinmeyin!
- Bir web sitesi seçerseniz, ilerlemenizi kaydetmek için lütfen bir hesap açın.
- Videoyla çalışmayı seçerseniz, ihtiyacınız olan tüm videoları vurgulayın.
- Kitap üzerinden ders çalışmayı planlıyorsanız, yerel kütüphanenizi veya kitabevinizi ziyaret edin. Çok fazla harcamak istemiyorsanız (hatta harcamak istemiyorsanız), e-kitabı veya PDF belgesini indirebilirsiniz.
- Ödemeye istekliysen, muhtemelen profesyonel bir web tasarımcısından özel hazırlanmış dersler bulacaksın.
Çalışmak için ne kadar zaman harcamanız gerektiğini belirleyin. Meşgul biriyseniz, çalışmak için zaman bulmanın bir yolunu bulmanız gerekecektir.
Web tasarım programınız yoksa indirin. Hala Not Defteri ile çalışabilseniz de, Adobe Dreamweaver, Microsoft Expression Web veya KompoZer gibi bir programa sahip olmak daha iyidir. Tonlarca başka seçenek var, lütfen daha fazla bakın ve beğendiğiniz programı indirin. İlan

Bölüm 2/3: Çalışma

HTML ile başlayın. HTML, herhangi bir web tasarımcısı için vazgeçilmez bir beceridir. Etiketler, sınıflar, kimlikler, girdiler vb. Gibi ana kavramlar.
- HTML'nin en son sürümü HTML5'tir. HTML5 bazı yeni teknolojiler sunar ve bu nedenle muhtemelen öğrenilecek en iyi sürümdür.
- XHTML aynı zamanda uygun bir seçenektir. Ancak bu sürüm biraz daha zahmetlidir.
CSS öğrenin. CSS, "Basamaklı Stil Sayfası" veya basamaklı stil dosyaları anlamına gelir. CSS olmadan, web'de hala görebileceğiniz güzel bir tasarım yoktur. HTML yalnızca bir çerçevedir ve CSS, bir web sitesini renkli ve göz alıcı yapan şeydir.
- CSS kullanımda oldukça katıdır. Örneğin, her satırın sonuna noktalı virgül koymayı unuttuğunuzda, hatalar için alnınızı kaşımanız gerekebilir.
JavaScript ve jQuery öğrenin. Basit bir web sitesi oluşturmayı planlayanlar için bu adım isteğe bağlıdır. Bununla birlikte, etkileşimli bir web sitesi oluşturmak için yukarıdaki iki programlama dilini öğrenmek son derece gereklidir.
- JQuery kullanacaksanız, yalnızca JavaScript'in temel bilgilerine ihtiyacınız vardır çünkü jQuery işleri basitleştirebilir.
- JQuery ile akordeon (daraltılabilir içerik), takvim vb. Gibi widget'lar ekleyebilirsiniz. jQuery ayrıca çeşitli stillerde gelir ve bu nedenle web siteniz için doğru stili seçmek size kalmıştır.
Daha gelişmiş dillerle devam edin. PHP, MySQL, Perl, Ruby ve diğer birkaç dildir. Yalnızca basit bir web sitesi oluşturmak isteyenler için gerekli değildir, ancak bu, büyük, etkileşimli bir web sitesi oluşturmak için gereklidir.
- PHP gibi bunlardan birinin bir test sunucusuna ihtiyacı var. Bu nedenle, web sitesi barındırma hizmeti ile bir hesap açmayı veya bilgisayarınıza sunucu yazılımı yüklemeyi unutmayın.
İlan

Bölüm 3/3: Bilginizi Uygulayın

Bir proje web sitesi oluşturun. Deneme yapın ve web'i sıfırdan oluşturun. Bu, beyninizde paslanmasına izin vermek yerine bilgiyi manipüle etmenize yardımcı olacaktır.
Web sitesine ihtiyacı olan bir arkadaşınıza veya akrabanıza sorun. Deneyim kazanmaları için ücretsiz bir web sitesi yapabilirsiniz!
Kendi web sitenizi başlatın. Beğendiğiniz içerikle, bu web sitesi size becerilerinizi halka gösterme fırsatı verecektir.
İstersen serbest. Makul bir ücret alın ve portföyünüzü sitenizde yayınlayın. Kim bilir, bir gün işiniz gerçek bir şirkete dönüşecek. İlan

Tavsiye

Lütfen sabırlı olun! Her şeyi sadece altı saat içinde yakalamayı düşünüyorsanız, çok çabuk unutursunuz.
İyi bir HTML editörü için ödeme yapmanız gerekeceğini varsaymayın. Birkaç milyon VND'den daha az maliyetli olmayan birçok iyi ücretsiz program vardır.
Bir projeyi bitirdiğinizde, biraz kod toplayın ve onu bir kitaplığa dönüştürün. Oradan, her projede aynı şeyleri tekrar tekrar programlamanız gerekmeyecek. Kütüphane çok büyürse, onu satabilirsiniz bile!
PDF belgeleri e-kitaplardan biraz daha esnektir. E-Kitaplar genellikle Kindle, iPad vb. Gibi belirli bir cihaz türü için tasarlanırken, herhangi bir bilgisayarda PDF belgelerini okuyabilirsiniz.
Siz veya bir yakınınız web tasarımını biliyorsa, size öğretmesini isteyin. Kesinlikle ücretsiz olarak eğitileceksiniz (umarım!).

Uyarı

Kendinizi çok fazla zorlamayın! Yorgun olduğunuzda her şeyi unutacak ve hiçbir şey öğrenemeyeceksiniz.
Programlama dillerinde sonsuz döngüler denen bir kavram vardır. Onlar programcının korkusu. Dikkatli ol ki senin başına gelmesin!
Programı indirirken dikkatli olun! Her şey bir virüs olabilir.
Lütfen bir web sitesine kaydolmadan önce öğrenin. Tabii ki saygın bir web sitesiyse endişelenmenize gerek yok. Ancak, daha az bilinen web siteleri büyük olasılıkla kimlik avıdır.