İlan

İster kendi işinizi yönetin, isterse kendinizi ve becerilerinizi tanıtmak isteyin, bir web sitesine sahip olmak önemlidir. Ancak, HTML öğrenmek için zamanınız olmayabilir ve pahalı web tasarım hizmetlerine para harcamak istemiyor olabilirsiniz.

Bu durumda, ücretsiz HTML şablonlarımızı kullanabilirsiniz. Basit bir web sitesi oluşturmak için kendi ihtiyaçlarınıza göre uyarlayabileceğiniz basit şablonlar oluşturduk. HTML'ye tamamen yeni başlamış olsanız bile şablonları kullanabilmeniz için talimatlar da ekledik.

Şablonlar Nasıl Kullanılır

Başlıkta yer alan bağlantıyı tıklayarak her şablonu önizleyebilirsiniz. Ancak şablonları kendiniz düzenlemek ve kullanmak için önce indirmeniz gerekir. Bunu yapmak için, sağ tık Her şablonun başlığında ve Linki farklı kaydet…. Ardından şablonu kaydetmek için bir klasör seçin ve Kayıt etmek.

Alternatif bir yöntem, bağlantıyı tıklayarak tarayıcınızda şablonu açmaktır. Sonra sağ tık sayfanın herhangi bir yerinde Sayfa kaynağını görüntüle. Bu, sayfa için kullanılan HTML'yi gösterir. Sonra vurabilirsin Ctrl + S şablonu bilgisayarınıza kaydetmek için.

Şimdi şablonu kaydettiğiniz klasöre gidin. Sağ tık şablonda seçin ve Bununla aç ardından Not Defteri'ni seçin. Bu, şablonu bir metin belgesi olarak açar. Burada istediğiniz şablonda değişiklik yapabilir, ardından kaydedebilirsiniz.

Düzenlemeleriniz yapıldığında sayfalarınız barındırılmaya hazırdır. İçin kılavuzumuza göz atın en iyi ücretsiz web sitesi barındırma hizmetleri 2019'un En İyi Ücretsiz Web Sitesi Barındırma Hizmetleriİşte en iyi ücretsiz web barındırma hizmetleri bir çok teklif ve en çok daha iyi bir üne sahip. Daha fazla oku uygun bir ev sahibi bulmak için ve sitenizi hiçbir zaman çevrimiçi olabilir.

Bu şablon, kişisel veya profesyonel web siteniz için basit bir ana sayfa içindir. Kendiniz ve profesyonel başarılarınız hakkında bir portre resmi ve metin ekleyebilirsiniz.

Bu şablonu, paylaşmak istediğiniz hobi veya konu hakkındaki bilgiler gibi metin tabanlı başka herhangi bir içerik için de kullanabilirsiniz.

Şablonu özelleştirmek için, önce HTML dosyasını Not Defteri veya WordPad gibi bir metin düzenleyicisinde açın. Ne gördüğünüzü anlamak için hakkında bilgi edinebilirsiniz temel HTML kodunu anlama Temel HTML Kodunu Anlamak için 5 AdımHTML, her web sayfasının bel kemiğidir. Başlangıç ​​seviyesindeyseniz, HTML'yi anlamanın temel adımlarında size yol gösterelim. Daha fazla oku .

Sayfa Başlığını Değiştirme

Değiştirilecek ilk şey başlık. Bu, sayfayı açtığınızda sekmenin üstünde görünen metindir. Bunu değiştirmek için bölümü bulun:

Şimdi içindeki metni değiştirin

Resmi Değiştir

Şablon, örnek olarak MakeUseOf logosuyla birlikte gelir. Bu resmi istediğiniz gibi değiştirebilirsiniz. Kare bir görüntü en iyi şekilde görünür, ancak isterseniz dikdörtgen bir görüntü de kullanabilirsiniz. Görüntüyü değiştirmek için şu satırı bulun:

Şimdi “muo-logo.jpg” dosyasını resminizin URL'sine değiştirin.

Metni Değiştir

Şimdi sayfa için istediğiniz metni eklemeniz yeterlidir. Bunu yapmak için paragraf etiketlerini bulun. Bunlar

başlangıçta ve

sonunda.

İstediğiniz metni bu paragraf etiketleri arasına kopyalayıp yapıştırın. Her paragrafın sonuna otomatik olarak eklenen bir boşluk olacaktır. Daha fazla paragraf eklemek için başka bir içindeki metin etiketleri.

Ayrıca metnin üst kısmındaki başlığı da değiştirebilirsiniz. Bunu değiştirmek için satırı bulun:

Benim hakkımda

“Hakkımda” metnini istediğiniz gibi değiştirin.

Bu şablon, tüm sosyal medya sitelerinizi bağlamanın kolay bir yoludur. Bunu, çevrimiçi bulunabilecek diğer tüm sitelere işaret eden bir açılış sayfası olarak kullanabilirsiniz.

Sosyal Medya Bağlantılarını Değiştirin

Her sosyal medya hesabı için bağlantıları ve adı değiştirmeniz gerekir. Bunu yapmak için Twitter hesabıyla başlayın. Bu satırı bulun:

twitter:@John Smith

Burada değiştirilecek iki şey var. İlk olarak, bağlantıyı değiştirin http://twitter.com/johnsmith Twitter hesabınızın bağlantısına yönlendirin. İkinci olarak, @JohnSmith tutamacını tutamacınıza değiştirin.

Şimdi aynı şeyi diğer sosyal medya siteleriyle de yapın.

Kullanmadığınız bir site varsa, örneğin bir Tumblr hesabınız yoksa, şablonun bu bölümünü silin:

Tumblr:John Smith

Başlığı ve Başlığı Değiştirme

Hakkımda şablonu gibi, içindeki metni değiştirerek başlığı ve başlığı değiştirebilirsiniz. etiketler ve etiketleri.

Bu sayfa, kullanıcıların size e-posta göndermesine gerek kalmadan sizinle iletişim kurmasının bir yoludur. Form, girilen bilgileri alır ve otomatik olarak e-posta adresinize gönderir. Site ziyaretçilerinin sizinle iletişim kurmasının kolay bir yoludur.

E posta adresini değiştir

Formun çalışması için şablondaki bir satırı değiştirmeniz gerekir:

Burada [email protected] adresini e-posta adresiniz olarak değiştirebilirsiniz. Bu, herhangi bir e-posta sağlayıcısıyla çalışır ve site ziyaretçileri tarafından forma hangi yorumların girildiğini içeren bir e-posta alırsınız.

Metni, Başlığı ve Başlığı Değiştirme

Bir kez daha bu sayfada görünen metni değiştirebilirsiniz. Metni değiştirmek için aralarında görünenleri düzenlemeniz yeterlidir. etiketleri. Başlığı değiştirmek için metni etiketleri. Başlığı değiştirmek için metni etiketleri.

İşletmeniz için bir ana sayfa oluştururken, tüm önemli bilgilerin tek bir yerde olmasını istersiniz. Bu şablon bunun için.

Bölüm Başlıklarını Değiştirme

Her bölümün başlığını değiştirmek için şu satırları arayın:

Hakkımızda
Görevimiz
hizmetlerimiz
Müşterilerimiz

Şimdi bu bölümlerin başlığını, metinler arasındaki metni düzenleyerek istediğiniz gibi değiştirin.

ve

etiketleri.

Bölüm İçeriğini Değiştirme

Her başlığın altında görünen metni değiştirmek için aşağıdaki gibi başlayan bir paragraf arayın:

Lorem ipsum dolor sit amet... 

Şimdi içindeki metni değiştirin

ve

etiketlerini istediğiniz gibi söyleyin.

Resmi Değiştir

Şablon, sayfanın altında bir görüntü için boşluk içerir. Görüntüyü değiştirmek için şu satırı bulun:

Şimdi “muo-logo.jpg” URL'sini, kullanmak istediğiniz resmin URL'siyle değiştirin.

Bir işletme yürüttüğünüzde, müşteri referanslarını kullanılabilir hale getirmeniz önemlidir. Bu, diğer kişilerin işletmenizi kullandığı ve iyi bir deneyime sahip olduğu potansiyel yeni müşterileri gösterir.

Bu şablon, en iyi müşteri yorumlarınızı göstermenize olanak tanır.

Müşteri Bilgisi Ekleme

Bu sayfaya yorum eklemek için önce müşteri bilgilerini eklemeniz gerekir. Bunu yapmak için, eklemek istediğiniz ilk inceleme için bu bölümü arayın:

Müşteri adı: John Smith. 

Müşteri iş: Smith'in Malzemeleri

Şimdi "John Smith" i müşterinin adıyla ve "Smith’in Sarf Malzemelerini" müşterinin işletme adıyla değiştirin.

Müşteri Yorumları Ekleme

İncelemenin kendisini eklemek için müşteri bilgilerinin altına bakın ve aşağıdaki gibi başlayan bu paragrafı bulun:

Lorem Ipsum Dolor Sit Amet, Consectetur Adipiscing Elit

Şimdi bu metni silin ve müşteri incelemesiyle değiştirin.

Daha Fazla Yorum Ekle

Şablondaki üçten daha fazla inceleme eklemek için, tüm bloğu

ve ile biten

. Bunu mevcut incelemelerin altına yapıştırın ve daha fazla inceleme eklemek için düzenleyin.

HTML Şablonlarıyla Hızlıca Web Sitesi Oluşturma

Bu şablonlar hızlı ve kolay bir şekilde kişisel veya profesyonel bir web sayfası oluşturmanıza olanak tanır. Her şablonu gereksinimlerinize uyacak şekilde düzenleyebilir veya birkaç şablon kullanabilir ve eksiksiz bir site oluşturmak için bunları birbirine bağlayabilirsiniz.

Web sitenizi bir üst seviyeye taşımak istiyorsanız, kendi web sitenizi nasıl oluşturacağınızı sıfırdan öğrenebilirsiniz. Bulmak yeni başlayanlar için bir web sitesi nasıl yapılır Web Sitesi Nasıl Yapılır: Yeni Başlayanlar İçinBugün sıfırdan eksiksiz bir web sitesi yapma sürecinde size rehberlik edeceğim. Bu zor geliyorsa endişelenmeyin. Yol boyunca her adımda size rehberlik edeceğim. Daha fazla oku daha fazla öğrenmek için.