Membuat Layout Dengan Pengindo

Assalamualaikum w w w

    Masih sehat kan setelah berpuasa seharian hehe puasa pertama sukses semua kan, semoga sukses guys..
oke kali ini saya akan membahas tentang WEB nah sebelum memualai seperti biasa saya akan menjelaskan tentang web.
Ahh Pasti sudah tau semua kan Web?? Gaktau Katrok lu :D,
    Web atau website adalah suatu halaman (site) yang saling terhubung a tara satu dengan yang lainya, yang berisikan informasi informasi
yang diisi oleh pembuatnya sendiri. nah begitu website namanya, Pertanyaanya adalah gimana caranya kita membuat website ? nahh penasaran kan caranya :D sabar artikel selanjutnya dan selanjutnya kita membuatnya tapi secara urut dari awal hingga akhir makanya ikuti terus hanya di WWW.ZONAKODE.BLOGSPOT.COM ... kali ini saya akan MEMBUAT LAYOUT DENGAN PENGINDO. Pengindo adalah sofware gratisan untuk membuat web dengan base Bootstrap, Ah kayaknya kali ini kurang menantang karena kita akan di manjakan dengan drag and drob huhuhu, kita hampir gak mikir :D tapi logika harus tetap jalan ya :D..

Sebelumnya Download dulu Softwarenya yang terbaru ya.
Pengindo : DOWNLOAD
Software : Free (Online)
Base     : Bootstrap

Atau

Design Online
Layoutit : MAMPIR SINI
Software : Online
Base     : Bootstrap
CARANYA  : Liat Disini Untuk LayoutIT


Jika sudah Mari pulang :D... Mari ke tahap design guys nanti bedakan ya Gampangan Mana (y)

Step 1 :

1. Buka Aplikasinya ohya pertama hidupin dulu koneksinya ketika mau masuk. setelah masuk matiin koneksi gak papa tapi kalau mau save hidupin lagi gays :D  . karena disini memerlukan koneksi.
muncul kaya gambar berikut :

 

2. Klik aja "Klik here to create a new page..."
3. Nah disitu ada 2 plihan "Default empity Page" dan "Landing Page". terserah mau pilih yang mana. kalau saya pilih yang empity biar greget :D 

 

4. Nah akan ada lembaran baru :D

 

Step 2 : Membuat Layout atau bagian bagian tertentu sesuai kita.

1. membuat menu navigasi + bacgroun image + fix-top+coonten+footer

• drag and drob ke layout setelah selesai.
      klik yang bertuliskan (klik lingkaran merah)
      pilih bacground
      klik nav nya  dan ganti class nya jadi "navbar-fixed-top"

              Seperti gambar berikut :

 

Jadinya kayagini 

 

• dan tambahkan  page header dan paragraph letakan di bawah navigasi bar. IKUTI GAMBAR

  

• jangan lupa tambahkan footer : Ikuti Gambar.

 

2. Setelah selesai di save

 

• pilih dimana direktorynya jangan lupa formatnya html dan css

 

• hasilnya

 

nah begitu gampangkan ..
    sekian dulu gaes sudah mulai malam ni admin mau tidur dulu semoga bermanfaat untuk anda :D nice :)

Wallaikumsalam w w w.