Nasıl bilmiyorsanız programa nasıl ücretsiz bir web sitesi yapmak için
Web Hizmetleri / / December 24, 2019
Lisa Platonov
Layfhakera Yazara.
Neden kartvizit sitesini gerekiyor
Tüm havalı bir web sitesi var. O bir portföy gibi: Fiyatınızın doldurma örneği ne yapabileceğini anlatmak ve şovlar.
Site kart kişisel marka oluşturmak için yardımcı olur ve serbest reklam olarak hizmet vermektedir. sizin için yeni bir proje ilk etapta çağırmak zaman. Bu motive eder gelişme: harika bir iş yapmanın ve siteye örnekler eklemek istiyorum.
Buna ek olarak, katıldığı projenin tek bir sayfada toplayarak, sen sonucunu görmek - bu özgüven vermez zemin üzerinden düşmeye ve bunu mümkün bir şey değil gibi görünüyor zaman (dolandırıcı sendromu ile başa çıkmak için yardımcı olur Sen) biliyorum.
Yani bir web sitesine ihtiyacım ve aynı gün yapmak olduğuna karar verdi.
1. Adım. platformu seçmek
Ben geliştirici ve tasarımcı olmadan siteyi kendisi yarattı. Bunu yapmak için, hazır şablon bir sayfa monte sağlayan birçok çevrimiçi platformlar vardır. kullandığım Tasarımcı "Tinkoff İş». İçinde, size banka müşterisi ve barındırma satın almak için gerek olmasa bile, ücretsiz site oluşturabilir - o da serbesttir.
2. Adım. Şablon seç
kahve dükkanları, çocuk merkezi, toptan ticaret, kuyuların sondaj, evlerin yapımı: yapıcı, farklı işletmeler için şablonlar vardır. Ben boş bir sayfa seçti ve kendini toplamaya karar benim küçük web sitesi için uygun şablon, değildi.
Adım 3. bir yapı ile gelip
Bir site oluşturduğunuzda, pratik kısmı düz gitmek istiyorum: select birimleri şablonları yazı tipleri ve geçmişe sahip farklı bir diziye deneyde koyun deneyin. Çünkü bir saatten daha uzun geçirmişti ne, öyle yaptım. O değil sitenin mantıklı oluşturulması ve uzun süren oyun tasarımcısı oldu. Sonra hatamı fark: hiçbir nokta farklı unsurlar ekleyerek ve bir yerden bir yere bunları yeniden düzenlemek yoktur. Bir ilk sitesinde neler olduğunu anlamak gerekir.
Yani yapının ile gelip ilk, hatırlamak ve siteyi doldurun ve sonra tasarım üzerinde çalışmak.
Yapısı - sitenin bölümleri olduğunu. Ben bir yazar olarak yapmak ve onların çalışmalarından örnekler verebilir göstermek istedim. Çıktı semantik bloklar "Oyun", "Özel Projeler", "Test" ve "Makaleler". Altı adet toplam anlamı - Daha kapak ve kişilerle bir bölüm gerekir.
Bölümler ile gelip o, o zaman bir şapka (sitenin en üst kısmı) içinde yapabilirsiniz. Bu gezinmeyi kolaylaştıracak: Kullanıcı sayfayı aşağı kaydırmak için değil, istenen bloğa ediyoruz.
Eğer yapı ile gelip yapamıyorsanız, mesleğinin küçük insanların sitelerin haline bakın. işime yarayacak web sitesi Baş editör Lyudmila Sarychev ve portföy Vladimir Lebedev editörü. "üzerineDeğişim Glavred"Yazarlar, telif hakları, düzenleme ve düzeltmenlerin bir portföy Montajlı - peep fikirler olabilir.
4. Adım. marka kapağı
Kapak - Bir kullanıcı web sitesini ziyaret gördüğü ilk şey. O yüzden serin yapmaya, senin hakkında bir izlenim oluşturur.
Bir şablon seçin
"Tinkoff Business" oluşturucu sitesi yedi derileri şablonu vardır. Eğer bir çevrimiçi mağaza oluşturabilir, sayfadaki bir fotoğraf ile uygun biçimdir. çikolata, el yapımı çanta veya düğün buketleri hakkında: Ne web sitesinin bir anlayış verir.
Ben içerik oluşturun. Ben ön sayfasında koymak için hiçbir şey var, ama kendisi ama bütün ekranda resim yanlış değildir bu yüzden. Ben metin ile bir şablon ve soldan sağa bir fotoğraf seçti Yani:
kendileri için şablon yapılandırma
Her bir blok yapısını ekleme veya gereksiz öğeleri kaldırarak değiştirilebilir. Ben onları kaldırıldı vardı Örneğin, ben, düğmeler ve sosyal ağlara bağlantılardan birini nadzagolovok gerek yoktu.
Ekleme fotoğraf
Selfie'nin ve tatilden resimler değil iş, sen rahat daha az şey gerekir. Ben uygun bir fotoğrafı bulamadık, ama bu etiket Telgraf favori oldu. Bunu kullanmaya karar ve sonra fotoğraflarınıza yerini Başlamak için. Eğer değil ne güzel göstermek için önemlidir ve onların meslekte nasıl biliyoruz: İsterseniz, onsuz gidebilir.
Kendinizle ilgili Yaz
Kimsiniz ve ne yaparsınız? Bu özlü, bilgilendirici ve sondaj gerekir. İçten olun ve güçlü göstermek için arzu edilir. Ben hallederim:
ne olduğuna bak
Editör panelinin üst tarafındaki simgeleri geçiş yaparak önizleme kullanın. Eğer masaüstü ekranının kapağında nasıl görüneceğini görmek Yani, akıllı telefonlar ve tabletler.
Adım 5. anlamsal birimleri ekleyin
Kapak hazır olduğunda, anlamsal birimlere geçin. İlk adımda onlarla ile gelip, şimdi de sayfasına taşımak istiyoruz. İşte kullanışlı tasarımcı şablonları olacaktır. "Tinkoff İş", "Ürünler ve Hizmetler", "Faz ve Adımlar", "Fotoğraflar", "Fayda" ve diğerleri "Şirket Hakkında" 150 hakkında vardır.
Ben tüm seçenekleri okudu ve üç blok üzerinde yerleşmiş:
- "Metin" - projeyi açıklamak için.
- "Kaydırıcı" - görsel hikaye anlatımı için.
- "Temas" - Benimle iletişime geçmek için.
ekleme veya gereksiz öğeleri kaldırarak tek başına her bir şablonu ayarlayın. Örneğin, bloğun "Slider" Ben başlık ve açıklama gerek yoktu - Onları sadece görüntüyü bırakarak kesti var.
tekrarlayan elemanlara Kopya
Tasarımcı size siteye eklenmiş olması blokları kopyalamak için izin verir. Bana göre, bu özellik kullanışlı oluyor: Doğru sırayla "Metin" ve "kaydırma" ve yeri onlara unsurları uygulayın.
6. Adım. komple bölümler
anlamsal birimler için Metin yazma
Her bölüm, başlıkta adı geçen, alt-başlık ve açıklama olmalıdır. Değil bilge ve adil yazma. ana metin gösterileri gibi kısa bir açıklama görüş ve tıklama sayısını - Projenin başlığında altyazı bir isim yaptı: Ben sadece yaptım.
Önceden bir metin hazırlayabilir ama sitenin hemen yazdım - tasarımcı değişiklikleri otomatik olarak hatırlar. Bir keresinde yanlışlıkla bir sayfasını güncelledi ve değişiklikler kaydedilmez gerçeği için hazırdı. Ama her şey onun yerine oldu ve yeniden düzenlemek için blok yoktu.
Ekleme fotoğraf
Onların projelerinin ekran görüntülerini eklemek için gerekli. Ben farklı şablonlar denedim ve sürgü seçti: Ben masaüstü ve mobil sürümlerinde bir proje benziyordu göstermek böylece. fotoğrafları yüklerken Zum ve döndürme görüntüleri yapıcı doğrudan olabilir.
7. Adım. özelleştir navigasyon
Sen kapağı ve dolgu alanları yapılmış - site neredeyse hazır. Şimdi ziyaretçinin istenen bloğuna doğrudan gidebilirsiniz navigasyon kurmak gerekir.
- şablonlar "Sayfa Menüsü" birini seçin. Ben logosu, sosyal ağlar ve adresleri olmadan basit bir blok ekledi.
- metin ve düğmelerin sayısını değiştirin. Beş tane var, "Oyun", "Özel Projeler", "Test", "Makaleler" ve "İletişim".
- bağlantılar ekleyin. Düğmeler sitenizde tek tek sayfalara, (benim gibi) sayfanın bölümlerine yol veya başka bir siteye okuyucu yönlendirebilir.
Tasarımcı özgür sayfaları ve siteleri herhangi bir sayıda oluşturmanızı sağlar: Sen, çeşitli projeler için ayrı sayfalar yapmak bir blog başlatmak ve bir şapka hepsini yapabilirsiniz.
8. Adım. fontları ve arka seç
İşiniz bittiğinde, kayıt sitesine gidin. Daha kolay ve daha hızlı her biri ayrı ayrı düzenlemek için daha kerede ortak stiline tüm birimleri getirmek.
bloklar için bir arka plan seçin
resimde, gradyanlar, desenler ve renk: yapıcısında, arka bir kütüphane de bulunmaktadır. Sen indirebilir ve arkaplan olabilir. Ben site ve bir düğmeye kapağında başlığındaki için koyu gri seçti - bana foto yerini alan etiket ile birleştirilir. Kalan bloklar beyaz bırakılır.
Bir yazı tipi seçmek için, sayfanın ana tasarımcıya editörden gidip ayarlarına gidin gerekir.
ayarlarında seçim dört yazı vardır. daha fazla seçenek olsaydı, ben akşama kadar onları parmaklı olurdu: İlk başta bu yeterli değil, ama sonra zihinsel geliştiriciler teşekkür görünüyor. Ve Dördünü çalıştı ve ilk durdu.
9. Adım. özelleştir web sitesi
Son ayar ve site yayınlanabilir:
- adresin düşünün veya alan adınızı bağlayın.
- görünüm istatistiklerine hesabınızdan "Yandex" ile siteyi bağlayın.
- Yandex" site ekle. Webmaster", bu nedenle aramada görünür söyledi.
- web sohbet ekle - onun sayfalarından birine yazabilirsiniz.
- Yükleme favori simge - tarayıcı sekmesinde görünen site simgesi.
Sonra tekrar sayfa editörü gidip ekranın sol üst köşesinde büyük sarı renkli "Yayınla" seçeneğini tıklayın. Bitti! Şimdi kendi çevrimiçi kartvizit var.
Sonuç önüne aldığımızda
Website Builder "Tinkoff İş" temiz ve basit. Eğer metin var ve görüntüleri 15 dakika içinde sayfayı toplamak için hazırlamasına edin. Ben artık onunla taşımak: kökenden deneme, berrak yapısı ve uzun seçer bir şablon ile gelip olamazdı.
Başlangıçta birim yazı tipi boyutunu değiştirmek ve bloklar arasındaki mesafeyi azaltmak için elemanlar hareket edemez beni rahatsız ediyor. Ama tasarımcı artı o: hareketli parçalar, sonsuza olabilir her milimetre doğrulayarak. Şu anda iyi bir seçenek - Hazır şablonlar seçim ıstırabı ortadan kaldırır.
Sitenizi oluşturun