HTML Web Sayfası Oluşturmak ve Yayınlamak için Gerekli Adımlar

İlk web sayfanızı oluşturmak hayatınızda yapacağınız en zor şey değil, ama kolay da değil. Daha önce ihtiyaç duymadığınız yeni teknoloji, kelime bilgisi ve yazılımları öğrenmenizi gerektirir.

biraz temel öğrenmen gerek HTML kodunu girin, bir web düzenleyicisi edinin, web sayfanızı barındıracak bir hizmet bulun, sayfanızın içeriğini bir araya getirin, web sayfasını ana bilgisayara yükleyin, sayfayı test edin ve ardından tanıtın. Vay!

İyi haber şu ki, hepsini bir kez yaptıktan sonra, öğrenme eğrisinde ustalaştınız. Birden çok konuda veya birden çok amaç için web sayfaları oluşturmak için bunu tekrar tekrar yapabilirsiniz.

01

08

Planlamaya Zaman Ayırın

Herhangi bir şey yapmadan önce, oluşturmak üzere olduğunuz web sayfasıyla ilgili temel sorulara karar vermek için biraz zaman ayırın. Hedef kitlenizi belirleyin ve onlara ne söyleyeceğinizi bilin. İşletmenizi tanıtıyorsanız, rakiplerinizin web sitelerine bakın ve onlar için neyin işe yarayıp yaramadığına karar verin. Birkaç bağlantılı web sayfası olan bir web sitesi planlıyorsanız ve muhtemelen planlıyorsanız, sayfaların birbirleriyle ilişkisini gösteren bir diyagram çizin.

instagram viewer

Önünüzde planlamaya ne kadar çok zaman harcarsanız bir web sitesi oluşturmaya başla, gerçek yapım süreci muhtemelen o kadar sorunsuz ilerleyecektir.

02

08

Bir Web Düzenleyicisi Alın

Bir web sayfası oluşturmak için, içine web sayfanızın çalışmasını sağlayan kod olan HTML yazdığınız bir web düzenleyicisine ihtiyacınız vardır. Çok sayıda mevcut olmasına rağmen, çok para harcadığınız süslü bir yazılım parçası olmak zorunda değildir. Windows 10'daki Not Defteri gibi işletim sisteminizle birlikte gelen bir metin düzenleyiciyi veya Mac'te TextEditveya internetten ücretsiz veya ucuz bir editör indirebilirsiniz. Diğerlerinin yanı sıra NotePad++ ve Komodo Edit harika Windows için ücretsiz HTML editörleri. Komodo Edit, Mac için de mevcuttur. Diğer Mac için ücretsiz HTML editörleri Bluefish, Eclipse, SeaMonkey ve diğerlerini içerir.

03

08

Bazı Temel HTML Öğrenin

HTML, web sayfalarının yapı taşıdır. Bir WYSIWYG (ne görürsen onu alırsın) editörü kullanabilir ve hiçbir zaman HTML bilmenize gerek kalmazken, en azından biraz HTML öğrenmek, sayfalarınızı oluşturmanıza ve korumanıza yardımcı olur. Web sayfaları oluşturmaya biraz daha yaklaştıkça, hakkında bilgi edinmek isteyeceksiniz. Basamaklı Stil Sayfaları (CSS) ve yeni becerilerinizi bir sonraki seviyeye taşımak için XML. Şimdilik, şuradan başlayın: HTML'nin temelleri.

HTML öğrenmek zor değildir ve HTML örneklerini inceleyerek çok şey öğrenebilirsiniz. Çoğu tarayıcıda, şunları seçebilirsiniz: kaynak kodunu görüntüle Bulunduğunuz web sayfasının Bunun için basit bir sayfa seçin, böylece bunalmayacaksınız. Hatta yapabilirsin kaynak kodunu kopyala onu incelemek için.

Alıştırma yapmak için, metin düzenleyicinize basit bir HTML yazın ve web'de nasıl görüneceğini önizleyin. Karışık bir durumsa, muhtemelen bir şeyi atlamışsınızdır. Tam olarak istediğin gibi görünüyorsa, tebrikler.

04

08

Web Sayfasını Yazın ve Sabit Diskinize Kaydedin

Web sayfasını bir araya getirmek ve içeriği yazmak işin eğlenceli kısmı. Web düzenleyicinizi açın ve web sayfanızı oluşturmaya başlayın. Bu bir metin düzenleyiciyse, biraz HTML bilmeniz gerekir, ancak WYSIWYG ise, tıpkı bir Word belgesi gibi bir web sayfası oluşturabilirsiniz.

Web için yazmak, diğer yazı türlerinden farklıdır. İnsanlar yakından okumak yerine gördüklerini gözden kaçırmaya meyillidirler ve orada bin kelimelik bir inceleme için beklemezler. Metni kısa ve web sayfanızla alakalı tutun. İlk paragraftaki noktaya gelin ve aktif bir sesle yazın. Eylem fiilleri akışın hareket etmesini sağlar. Cümleleri kısa tutun ve mümkünse paragraflar yerine listeler kullanın. Okuyucunun dikkatini çekmek için alt başlıkları daha büyük veya kalın yazı tipiyle planlayın.

eklemeyi unutmayın Görüntüler ve bağlantılar web sayfanıza. Her ikisini de temel HTML bilginizde nasıl yapacağınızı öğrenmiş olmalısınız. Zamanı geldiğinde çalışabilmeleri için görüntülerin kopyalarını web barındırıcınıza veya web'deki başka bir yere yüklemeniz gerekir. gelir, bu yüzden çalışırken düzenli kalın ve web sayfanızla ilgili her şeyi sabit diskinize kaydedilen tek bir klasörde toplayın. sür.

Her zaman web sayfanızı önizleyin ve çalışmanızı düzeltin. Bir avuç dolusu yazım hatası veya bozuk bağlantı, bir konudaki güvenilirliğinize zarar verebilir.

05

08

Web Sayfanız için Bir Web Sunucusu Bulun

Artık web sayfanızı yazıp sabit sürücünüze kaydettiğinize göre, başkalarının görebilmesi için web'e koymanın zamanı geldi. Bunu, tüm dosyalarınızı yüklediğiniz bir şirket olan bir web barındırıcısının yardımıyla yaparsınız. Dışarıda birçoğu var ve güvenilir bir ana bilgisayar seçmek önemlidir. Web barındırma inceleme sitelerini ziyaret edebilir veya bir işletme için HostGator veya GoDaddy gibi tanınmış sağlayıcılardan biriyle gidebilirsiniz. Hepsi köklü ana bilgisayarlar olan Wix (bir WYSIWYG platformu), WordPress.com ve Weebly'yi gözden kaçırmayın.

Web barındırma için ücretsiz (reklamlı ve reklamsız) ile ayda birkaç yüz dolara kadar birçok seçenek vardır. Bir web barındırıcısında ihtiyacınız olan şey, web sitenizin okuyucuları çekmek ve tutmak için neye ihtiyacı olduğuna bağlıdır. Birkaç web barındırma web sitesini ziyaret edin ve ne kadara mal olduklarını ve ne sağladıklarını görün. Bazı sağlayıcılar genel bir URL Ancak, işletmeniz için URL'yi kişiselleştirmek veya adınızı URL'nizin bir parçası olarak kullanmak istiyorsanız, bir alan adına kaydolmanız gerekir. 10 ABD Doları veya daha az veya 10.000 ABD Doları veya daha fazla bir alan adı kaydedebilirsiniz. Bu sizin ilk web sayfanız olduğundan, alçaltın.

Bir uygulama doldurun, bir alan adı alın ve ihtiyacınız olan diğer özelliklere karar verin ve bir web barındırıcısına kaydolun.

06

08

Sayfanızı Sunucunuza Yükleyin

Bir barındırma sağlayıcınız olduğunda, dosyalarınızı yerel sabit sürücünüzden barındırma bilgisayarına taşımanız gerekir. Birçok barındırma şirketi, dosyalarınızı yüklemek için kullanabileceğiniz bir çevrimiçi dosya yönetim aracı sağlar, ancak yapmazlarsa, şunları yapabilirsiniz: web sayfanızı yüklemek için FTP kullanın. İşlem sağlayıcıya göre değişir, bu nedenle dosyalarınızı nereye yükleyeceğiniz konusunda size verilen talimatları izleyin. Barındırma sağlayıcılarının çoğu, tıpkı sizin gibi ilk dosyalarını yükleyen kişiler için eğitimler yayınlar. Dosyalarınızı şirketin sunucusuna nasıl alacağınız ve nereye koyacağınız konusunda özel sorularınız varsa, teknik yardım isteyin.

Bir noktada, web barındırıcısından bir URL alırsınız. Tüm arkadaşlarınıza ve akrabalarınıza çalışmanıza hayran olmaları için verebileceğiniz, ancak henüz dağıtmayın, web sitenizin adresidir.

07

08

Sayfanızı Test Edin

URL'yi sosyal medyada yayınlamadan veya dağıtmadan önce web sayfanızı test edin. Hoş olmayan sürprizler istemezsiniz.

Birçok acemi web geliştiricisi, web sayfası oluşturmanın test aşamasını atlar, ancak bu önemlidir. Sayfalarınızı test etmek, doğru URL'de olmalarını ve tüm popüler web tarayıcılarında sorunsuz görünmelerini sağlar. Web sayfanızı Chrome, Firefox, Safari, Opera ve sizin veya bir arkadaşınızın bir bilgisayara yüklediği diğer tarayıcılarda açın. Tüm resimlerin görüntülendiğinden ve bağlantıların çalıştığından emin olun. Hoş olmayan sürprizler istemezsiniz.

Bir sürprizle karşılaşırsanız, web tasarımındaki sorunları çözmek için standart adımları atın.

Web sayfası tam planladığınız gibi göründüğünde, onu tanıtmanın zamanı gelmiştir.

08

08

Web Sayfanızı Tanıtın

Web sayfanızı web'de açtıktan sonra, insanların bundan haberdar olmasını sağlayın. En basit yol, müşterilerinize, arkadaşlarınıza ve ailenize URL ile bir e-posta mesajı göndermektir. URL'yi e-posta imzanıza ekleyin veya sosyal medya sitelerinizde yayınlayın. İşletmeniz içinse, adresi kartvizitlerinize ve diğer basılı materyallere ekleyin.

Web sayfanızı çok sayıda kişinin görüntülemesini istiyorsanız, onu arama motorlarında ve diğer yerlerde nasıl tanıtacağınızı öğrenmeniz gerekir, ancak arama motoru optimizasyonu (SEO) başka bir günün hikayesidir.