Membuat Template Website SEKOLAH Modern & Elegan dengan HTML, CSS & Bootstrap

by | Jun 17, 2021 | 0 comments

Membuat Template Website SEKOLAH Modern & Elegan dengan HTML, CSS & Bootstrap

by | Jun 17, 2021 | CSS Tips and Tricks | 0 comments



Halo kawan-kawan! Saya mau share kepada kalian semua bagaimana cara saya membuat tampilan halaman beranda/home untuk sebuah Website Sekolah.

DEMO: https://bit.ly/39qQbo3
————————

ASSETS yang saya pakai:
1. Bootstrap 4 (untuk layouting) https://getbootstrap.com/docs/4.4
2. Font Awesome (untuk iconset) https://fontawesome.com/start
3. Owl Carousel (untuk slidernya) https://owlcarousel2.github.io/OwlCarousel2/

ATAU bisa download semuanya disini https://bit.ly/33dOuZl

————————

Mari kita mulai.

Pertama, teman2 bisa mendesain tampilan mockupnya terlebih dahulu menggunakan #AdobeXD atau Photoshop sebagai pembantu dalam menggambarkan apa yang mau kita buat.

Setelah itu, jadikan desain tersebut menjadi sebuah tampilan website menggunakan HTML, CSS dan #Bootstrap.

Lalu setelah jadi, serahkan ke programmer untuk membuat website tersebut menjadi sebuah website yang dinamis dengan PHP & MYSQL / siap online.

Namun, perlu diketahui, untuk video yang saya share diatas saya hanya menampilkan proses yang kedua saja. Yaitu coding tampilan setelah mockup jadi. Dan tidak menampikan proses mendesainnya dengan Adobe XD serta tidak juga menampikan proses men-dinamiskan-nya menjadi website siap pakai (online).

InsyaAllah kedepannya akan saya share seluruh proses lengkapnya jika teman2 berminat. Dari mulai membuat desain, lalu frontend (halaman pengunjung) kemudian backend (halaman admin & database).

Untuk itu jangan lupa tinggalkan komentar dan bagikan kepada teman2 lainnya jika dirasa bermanfaat.

Selamat menonton! ^^

_____

📌 Sosial Media :
Facebook https://facebook.com/arbisyarifudin
Instagram https://instagram.com/arbisyarifudin

______

📌Musik dalam video ini:

Title: Dawn | Artist: Sappheiros | Genre: Calm

© License :
“Sappheiros – Dawn” is under a Creative Commons license (CC BY 3.0)
Music promoted by BreakingCopyright: http://bit.ly/2OBe00v

Sappheiros

BreakingCopyright
Twitter: https://twitter.com/BreakingCopy

source

0 Comments

Submit a Comment

What Our Clients Are Saying

Kelicor Logistics

Leland created my website for my new venture. I found his service to be excellent,was always available to answer my...

Colin, Kelicor Logistics Solutions

Dieno Digital Marketing Services
5
2018-04-27T01:07:34+00:00

Colin, Kelicor Logistics Solutions

Leland created my website for my new venture. I found his service to be excellent,was always available to answer my questions and was always prepared to go the extra mile, in order to ensure my website conveyed it's intended message,, And the cherry on top was it was most affordable. Would definitely recommend. Thanks Leland !

McNeney McNeney Spieker LLP

Dieno Digital has been providing our firm with what we like to call the Royal Package in customer service for...

M, McNeney McNeney Spieker LLP

Dieno Digital Marketing Services
5
2018-04-27T01:08:19+00:00

M, McNeney McNeney Spieker LLP

Dieno Digital has been providing our firm with what we like to call the Royal Package in customer service for over 3 years now. The knowledge and skills Leland brings to the table has increased our business and streamlined our social media platform. Our requests are always dealt with in a timely manner and we are always given options and alternatives to better reach potential new clients. We highly recommend Dieno Digital to increase your life social media presence.

Vancity Dietitians

Leland was speedy and efficient in working with our website. Leland knows how picky we can be and he handled...

Raman, Vancity Dietitians

Dieno Digital Marketing Services
5
2018-04-27T01:09:04+00:00

Raman, Vancity Dietitians

Leland was speedy and efficient in working with our website. Leland knows how picky we can be and he handled all change requests with patience! Furthermore, any time we had questions, there was no hesitation for Leland to reply with a thoughtful answer in a timely manner. Thanks for the great work!

Gloss Beauty Truck

Without the support and help of Leland my business would not be half of what it is. he puts the...

Tammie, Gloss Beauty Truck

Dieno Digital Marketing Services
5
2018-04-27T01:09:38+00:00

Tammie, Gloss Beauty Truck

Without the support and help of Leland my business would not be half of what it is. he puts the extra mile in to what he does to help make it easy from someone like myself who is incompetent with computers. I am so lucky to have him apart of my back end team. He's amazing at what he does .
5
4
Dieno Digital Marketing Services
[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-name">First name or full name</label> <input class="tnp-name" type="text" name="nn" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-email">Email</label> <input class="tnp-email" type="email" name="ne" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>