Pada kesempatan kali ini kita akan membahas cara membuat website sederhana dengan html 5, sebelumnya anda diharapkan sudah mengerti dasar HTML dan CSS karena pada tutorial ini tidak akan dijelaskan secara mendetail mengenai HTML dan CSS, tutorial ini hanya menjelaskan secara garis besar fungsi dari elemen yang dipakai.
Jika anda belum pernah membuat halaman web sederhana, sangat disarankan untuk latihan membuat halaman web secara sederhana di artikel ” CARA MEMBUAT HALAMAN WEB SEDERHANA ” dalam artikel ini juga dijelaskan secara mendetail tentang apa saja alat yang digunakan dalam membuat website.
Hasil akhir dari membuat website adalah seperti gambar dibawah ini, klik ” Run Skrip ” jika ingin melihat hasil secara online sekaligus merubah source code, silahkan anda ikuti langkah-langkah membuat website sederhana dengan html ini.
Anda bisa download website sederhana ini dengan klik tombol ” Download Skrip “.
Cara membuat website sederhana
Oh ya, dalam tutorial cara membuat website sederhana ini kita menggunakan HTML versi 5 dan juga sedikit CSS versi 3. Dan seperti biasanya alat yang digunakan dalam membuat website pada tutorial ini ada dua, yaitu;
- Google Chrome sebagai browser
- Notepad++ sebagai tempat menulis skrip
Jika anda belum mempunyai alat-alat tersebut, anda bisa download chrome dan notepad++ secara gratis pada halaman web mereka. Mari kita mulai tutorial cara membuat website sederhana yang terdiri dari 8 langkah.
Langkah 1: Membuat Sketsa Desain halaman web
Kita akan memulai membuat web dengan mempersiapakan sketsa halaman web dulu, untuk membuat sketsa halaman web kita bisa menggunakan kertas dulu baru setelah itu kita bisa memperhalusnya dengan photoshop. Berikut adalah sketsa halaman web yang kita akan gunakan sebagai latihan.
Sketsa desain halaman web dapat memberikan gambaran mengenai layout halaman web dan bagaimana cara mengatur letaknya. Dengan adanya sketsa juga bisa mempermudah kita untuk menyiapkan skrip HTML dan CSS apa saja yang dibutuhkan.
Langkah 2: Menentukan Konsep membuat website
Kita akan menggunakan HTML5, teknologi ini memperkenalkan beberapa elemen baru yang memungkinkan kita untuk membagi bagian dari halaman. Nama-nama elemen ini sesuai dengan jenis konten yang berada didalamnya.
<div class="wrapper"> <header> <h1>Warung Tegal</h1> <nav> <!-- nav content here --> </nav> </header> <section class="courses"> <!-- section content here --> </section> <aside> <!-- aside content here --> </aside> <footer> <!-- footer content here --> </footer> </div><!-- .wrapper -->
Contoh pada kali ini yaitu membuat web masakan yang dibangun menggunakan elemen HTML5 untuk membuat struktur halaman (bukan sekedar pengelompokan menggunakan elemen <div>
).
Sesuai dengan sketsa halaman web diatas, Header dan footer bertempat di dalam elemen <header>
dan <footer>
. Materi masakan dikelompokkan bersama di dalam elemen <section>
yang memiliki atribut class yang nilainya courses
(untuk membedakannya dari elemen <section>
yang lain pada halaman). Sidebar berada di dalam sebuah elemen <aside>
.
Setiap materi masakan berada di dalam sebuah elemen <article>
, dan menggunakan elemen <figure>
dan <figcaption>
untuk menyisipkan gambar. Judul pada masing-masing materi masakan memiliki sub-judul, jadi judul-judul ini dikelompokkan dalam sebuah elemen <hgroup>
. Di sidebar, terdapat resep dan rincian kontak yang ditempatkan terpisah di dalam elemen <section>
.
Halaman dikelola dan ditata menggunakan CSS. Agar CSS bisa bekerja di versi IE 9 kebawah, halaman HTML5 berisi link ke HTML5 shiv JavaScript (host di server Google) di dalam komentar bersyarat.
Oke, kita sudah menentukan konsep dari membuat web sederhana, mari kita lanjutkan dengan membuat skrip HTML dan skrip CSS.
Langkah 3: Membuat Skrip Struktur Umum HTML
Pembuatan skrip struktur umum HTML memudahkan kita untuk memulai dalam membuat website, jika anda belum mengetahui apa itu struktur umum HTML, anda bisa mempelajari terlebih dahulu di ” Pengenalan HTML: Struktur Umum Part 1 “. Berikut Skrip Struktur Umum HTML.
<!DOCTYPE html> <html> <head> <title>Web Warung Tegal</title> <style type="text/css"> </style> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <div class="wrapper"> </div><!-- .wrapper --> </body> </html>
Skrip HTML diatas terdapat baris skrip <style type="text/css">
, didalam skrip ini kita nantinya akan menaruh skrip CSS untuk mengatur layout halaman web. Sedangkan pada skrip <title>Web Warung Tegal</title>
berfungsi untuk memberikan title halaman web. Dibawah tag <style>
kita memberikan skrip HTML5SHIV
yang berguna agar website kita berjalan dengan baik dalam browser IE versi 9 kebawah.
Skrip <div class="wrapper">
berfungsi untuk membungkus elemen halaman web, ” bungkusan ” ini kita beri class wrapper
, dengan class ini kita bisa mengatur semua elemen yang berada didalamnya dengan skrip CSS.
Kesimpulan dari skrip diatas adalah kita telah memberikan judul halaman web dan menyediakan tempat untuk skrip CSS.
Langkah 4: Membuat Elemen header dan nav HTML5
Dalam contoh ini, Elemen <header>
digunakan untuk tempat dari nama website dan navigasi utama. Berikut skrip header, letakkan persis dibawah <div class="wrapper">
.
<header> <h1>Warung Tegal</h1> <nav> <ul> <li><a href="" class="current">beranda</a></li> <li><a href="">daftar masakan</a></li> <li><a href="">katering</a></li> <li><a href="">tentang</a></li> <li><a href="">kontak</a></li> </ul> </nav> </header>
Kita menggunakan elemen <nav>
untuk membuat navigasi . Elemen ini bisa digunakan di berbagai keperluan dalam pembuatan navigasi, baik navigasi yang berada tepat dibawah header, atau navigasi yang terletak pada footer.
Dalam skrip diatas kita menentukan judul halaman yang telah kita letakkan pada elemen <h1>
dan memberikan daftar link navigasi sebagai alat navigasi untuk mempermudah dalam mengakses halaman web.
Langkah 5: Membuat Elemen article HTML5
Elemen <article>
bertindak sebagai wadah untuk setiap bagian dari halaman yang dapat berdiri sendiri dan berpotensi Sindikasi.
Bisa berupa artikel atau tulisan blog, komentar atau posting forum, atau lainnya. Jika halaman terdiri dari beberapa artikel, maka kita akan meletakkan masing-masing artikel dalam elemen <article>
. Berikut skripnya, dan kita bungkus skrip ini dengan elemen <section>
.
<section class="courses"> <article> <figure> <img src="images/soto.jpg" alt="soto" /> <figcaption>Soto Indonesia</figcaption> </figure> <hgroup> <h2>Soto Ayam</h2> <h3>Makanan Berkuah</h3> </hgroup> <p>Soto ayam adalah makanan khas Indonesia yang berupa sejenis sup ayam dengan kuah yang berwarna kekuningan.</p> </article> <article> <figure> <img src="images/pecel.jpg" alt="pecel" /> <figcaption>Pecel Indonesia</figcaption> </figure> <hgroup> <h2>Masakan Pecel</h2> <h3>Makanan dengan Bumbu Kacang</h3> </hgroup> <p>Pecel adalah makanan yang menggunakan bumbu sambal kacang sebagai bahan utamanya yang dicampur dengan aneka jenis sayuran.</p> </article> </section>
Letakkan skrip diatas tepat dibawah skrip header yang sudah kita buat sebelumnya. Elemen <section>
digunakan untuk mengelompokkan elemen konten yang terkait , dan biasanya setiap bagian akan memiliki judul tersendiri.
Elemen <figure>
digunakan untuk menyisipkan gambar sedangkan elemen <figcaption>
digunakan untuk memberi keterangan dalam gambar tersebut. Sedangkan tujuan dari elemen <hgroup>
adalah mengelompokkan satu atau lebih elemen <h1>
sampai <h6>
sehingga mereka diperlakukan sebagai satu judul tunggal.
Kesimpulannya dalam skrip diatas kita membuat artikel masakan dengan memberinya judul, gambar beserta penjelasan.
Langkah 6: Membuat Elemen Aside HTML5
Elemen <aside>
bertindak sebagai tempat/wadah untuk konten yang berhubungan dengan seluruh halaman. Sebagai contoh, elemen ini bisa berisi link ke halaman web lain, daftar posting terbaru, kotak pencarian, atau widget-widget lainnya. Berikut skrip dari elemen Aside. Letakkan skrip ini dibawah skrip <section>
diatas, tepatnya setelah skrip </section>
.
<aside> <section class="popular-recipes"> <h2>Masakan Populer</h2> <a href="">Sayur Sop</a> <a href="">Sayur Asem</a> <a href="">Sayur Lodeh</a> <a href="">Sayur Bayam</a> </section> <section class="contact-details"> <h2>Kontak</h2> <p>Warung Tegal<br /> di seluruh indonesia </section> </aside>
Dalam skrip diatas, kita meletakkan informasi daftar link yang berisi menu masakan yang populer dan daftar kontak.
Langkah 7: Membuat Elemen Footer HTML5
Setiap website akan punya footer, elemen <footer>
berguna untuk membuat footer, dengan footer kita bisa memberikan informasi tambahan mengenai website seperti informasi hak cipta, link ke halaman kebijakan privasi atau link lainnya. Berikut skrip footer. Skrip Footer diletakkan setelah skrip <aside>
diatas, tepatnya setelah skrip </aside>
.
<footer> © 2015 Warung Tegal </footer>
Pada tahap ini kita sudah membuat File HTML dan belum dilengkapi dengan skrip CSS dan Gambar, sehingga pada tahap ini web sederhana kita seperti gambar dibawah ini.
Langkah 8: Membuat Skrip CSS dan Gambar
Berikut skrip CSS yang nantinya kita insert ke dalam elemen <style type="text/css">
.
header, section, footer, aside, nav, article, figure, figcaption { display: block;} body { color: #666666; background-color: #f9f8f6; background-image: url("images/dark-wood.jpg"); background-position: center; font-family: Georgia, Times, serif; line-height: 1.4em; margin: 0px;} .wrapper { width: 940px; margin: 20px auto 20px auto; border: 2px solid #000000; background-color: #ffffff;} header { height: 160px; background-image: url(images/header.png);} h1 { text-indent: -9999px; width: 940px; height: 130px; margin: 0px;} nav, footer { clear: both; color: #ffffff; background-color: #aeaca8; height: 30px;} nav ul { margin: 0px; padding: 5px 0px 5px 30px;} nav li { display: inline; margin-right: 40px;} nav li a { color: #ffffff;} nav li a:hover, nav li a.current { color: #000000;} section.courses { float: left; width: 659px; border-right: 1px solid #eeeeee;} article { clear: both; overflow: auto; width: 100%;} hgroup { margin-top: 40px;} figure { float: left; width: 290px; height: 220px; padding: 5px; margin: 20px; border: 1px solid #eeeeee;} figcaption { font-size: 90%; text-align: left;} aside { width: 230px; float: left; padding: 0px 0px 0px 20px;} aside section a { display: block; padding: 10px; border-bottom: 1px solid #eeeeee;} aside section a:hover { color: #985d6a; background-color: #efefef;} a { color: #de6581; text-decoration: none;} h1, h2, h3 { font-weight: normal;} h2 { margin: 10px 0px 5px 0px; padding: 0px;} h3 { margin: 0px 0px 10px 0px; color: #de6581;} aside h2 { padding: 30px 0px 10px 0px; color: #de6581;} footer { font-size: 80%; padding: 7px 0px 0px 20px;}
Penjelasan dari skrip CSS tidak dibahas disini, melainkan akan dibahas dalam artikel membuat website sederhana bagian 2, untuk gambar anda bisa mendownload-nya sekaligus beserta source code pada tombol download diatas.
Cukup sampai disini tutorial cara membuat website sederhana dengan HTML 5, Pada tahap ini kita sudah membuat website meskipun sangat sederhana, simple dan terbilang cukup mudah, web sederhana ini hanya terdiri dari satu halaman web saja. Kita bisa menambahkan halaman lain dengan cara duplikat halaman web yang sudah dibuat dan isinya kita ganti dengan yang lain.
Tutorial diatas masih sebatas cara membuat web simpel dan biasa, yang perlu diketahui bahwa website simpel ini masih bersifat statis tidak dinamis. Tutorial cara membuat website sederhana ini sangat jauh dari kesempurnaan, maka dari itu kami sangat mengharapkan saran dan kritikan yang membangun.
Happy Nyekrip!
Bermanfaat sekali tutorialnya, sangat jelas.. ditunggu jika ada tutorial membuat website dengan PHP. :)
Ditunggu Mas untuk website yang menggunakan PHP, Belajar yang statis dulu ya.. hehe..
Bermanfaat sekali bagi pemula. Terimakasih ilmunya
itu mengunakan WordPress atau blogger?
bukan dua-duanya, ini murni html css dari awal. Kalau mau di aplikasikan di blogger atau wordpress bisa dilakukan dengan merubahnya menjadi tema atau template.
cara merubah halaman html murni ke template wordpress gmana min?
Terimakasih min, Artikel Ini sangat membantu saya untuk menyelesaikan Tugas Kampus saya..
sama-sama mas, semoga membantu :)
Bagaimana cara agar halaman web html5 ini bisa responsive?
anda bisa mempelajari pada tutorial Cara Membuat Template Web Responsive HTML 5, semoga membantu :)
Terimakasih agan atas informasinya :)
sama-sama :) thanks udah berkunjung…
Gan caranya menambah kotak search di navigasi menu di website sederhana dengan html
untuk membuat search “Cara Membuat Kotak Pencarian/Search HTML CSS” setelah itu tinggal letakin di elemen
nav
, setelah itu atur css. :)min tolong buat tutotial website dinamis ? :D
oke, ditunggu ya.. :) lagi fokus menyiapkan tutorial basic dulu.
lumatan juga min tapi sebagian masih agak kurang paham ,tapi jelas .
bermanfaat juga.
oooo.. jadi kalo mw membuat web sederhana dengan html harus buat css nya juga ya om… kalo gitu mah gampang :)
ya gan, kalau tau dari awalnya, akan mudah.
gan mana part 2nya? kalo web di ueuo.com apa harus copas kode lagi satu2 untuk setiap artikel?
maaf gan, bulan2 ini gy sbuk kerja nih…
min, ini buatnya make xampp gak ?
g kok gan…. kan g ada php-nya… :)
skrip CSSnya di jadiin satu sama html?
bisa disatukan atau dipisah dengan metode include… :)
Terima kasih banyak info dan ilmunya min… Sangat membantu sekali~
mas,misalnya kita sudah membuat sketsa nya,trus agar isi article pasti jatuh di sketsa article nya gimana caranya??pake apa ?di apain?
min ada script website builder gak tetapi web pribadi dengan format zip
tolong min kalau ada di share terus kasih tau saya ke admin@mawar.biz
min ane agak masih bingung ngebaca css nya, terus beda nya statis dengan dinamis dimana nya min ? maaf min banyak nanya. ditunggu kelanjutan tutorialnya min
Wah.. tutorialnya sangat bagus bro, terimakasih untuk mau berbagi, saya akan kembali lagi, ;)
min kalo seandaianya tanpa database untuk ke navigasi selanjutnya contoh dari beranda ke daftar masakan bisa enggak di tampah pake script untuk halaman daftar masakan?kalo bis,bisa kasih contoh dan harus mulai scriptnya dari mana?
admin, saya masih belum paham bagaimana caranya membuat web, saya sudah download notepad dan saya sudah menulis skrip di notepad lalu selanjutnya bagaimana lg?
untuk bisa menampilkan gambarnya?
Mantab banget webnya,,, gan, bisa langsung praktek.
Mantepzz sekali tutorial ya ,
Sangat mudah di pahami
Thanks admin nyekrip.com
Thankyou
gan, cara merubah web yg kita coding sendiri jadi template blog gimna yah ??
Sip mas infonya :) moga bermanfaat
Pertamax banget mas bro.. ijin coba dulu ya..hehe thanks
Pingback: Cara Membuat Website Sederhana dengan HTML 5 | hacobtewur
Pingback: Cara Membuat Halaman Web Sederhana Dengan Notepad | hacobtewur
walaupun kelihatanya agak ribet, tapi gpp min, ane siap nyoba buat web sendiri, makasih infonya
Makaasih yaa, Itu bisa di notepad++ tidak ya? karena saya sudah download notepad++
bisa gan :)
figcaption ini untuk apa gan
Elemen figcaption merupakan caption atau keterangan untuk elemen figur.
kang saya sangat teramat sangat awam.
langkah 1 software yang disedianin apa ajja
terus
utuk langkah kedua awal ngetik kaya bgimana..??
di tunggu ya gan jawabannya langsung lewat sini atau email terimakasih sebelumnya
software cuma pakai notepad, dan ketikkan kode html dan css disitu. dan buka pakai browser. coba download dulu aja :)
mau ngeliat tampilannya di firefox atau chrome gimana caranya?
download dulu, habis itu buka dengan browser. :)
Terima kasih share ilmunya mas, bermanfaat banget buat saya yang masih dalam belajar, mampir juga mas ke blog saya
Alhamdulillah ilmu y’ sangat bermanfaat gan, saya mau bertanya bagaimana cara menyisipkan login di page index ya? di tunggu tutorialnya ya terima kasih
Sangat bermanfaat nih share nya, tks
Terimakasih artikelnya bermanfaat banget,
Min.. kalau udah buat web. Gimana caranya agar bisa diakses all over the world?
upload ke web hosting. :) pastikan sudah ada domain.
gak ngerti blasss….aku
g ngerti yang dimana? jangan2 dari awal sudah tidak mengerti? silahkan belajar membuat halaman web dulu… jangan tergesa-gesa… :)
mau nanya, punya contoh website yang desain halaman postingnya keren ga?
waduh saya g ada yang seperti itu, pokonya enak dibaca aja kalau saya.. :)
Untuk Backend sendiri kita menggunakan apa?
di tutorial ini backend belum ada, murni html dan css… untuk kedepannya bisa pakai php atau asp.. :)
kalau coding searchnya gimana ya?
saat mau akan search dan nanti begitu di klik link yang dituju maka akan menuju ke link yang di klik
koding search yang mana nih? kan ini buat web sederhana, belum kearah cms..
gan ane dah download file template html5 yang sudah jadi, seperti contoh di gambar ini isi file nya https://goo.gl/RmQVQF, gimana sih gan cara masang nya isi file2 ini harus dipasang gimana ya ane bingung, rencana sih mau ganti template blogger sama template yg html5
wah kalau mau ke blogger ya harus disesuaikan dengan pengaturan skrip template pada blogger… coba pelajari dulu cara membuat template blogger. :)
Alhamdulillah , Makasih Mimin , Buat UAS inih :D
hihii
Mas maaf ni kenapa untuk image bakcground nyas gak mau keganti yaaa.???
Thanks berat Mas. Informasinya berguna banget
gan kalo uda bikin sesuai tutorial yg agan kasih. lalu domainnya mau di bikin .com gmn ya?
ikuti tutorial terbaru, cara membuat website terbaru, search aja di web ini :)
Terimakasih tipsnya mas
mas saya mau tanya, kalau bikin web itu butuh domain sama hosting. yang dua ini apa si fungsinya?
Jazakumullah atas share ilmunya !!!!
klo content”nya kaya daftar masakahndll ingin bisa di klik terus setelah di klik ke page itu tapi background tetap seperti beranda gimana ya caranya?
pingin cepat ya pakai wordpress :)
Sangat berguna kak, jadi pengen belajar HTML lagi.. salam
mantab juga nih cara membuat layoutnya, update terus min hihihi.
terimakasih sudah berkunjung :)
cepet paham, sederhana trus juga sangat berkelas. thnks min !
Min…
Kalo buat search dan model2 log in pake html gimana?
UpDate Min tutorialnya hehehe :D
buat form login? ada kok tutorialnya di web nyekrip. :)
min fungsinya buat apa dah????
fungsinya untuk belajar membuat web dari awal, maka skill html dan css harus sudah ada. dan melalui tutorial ini diharapkan akan mempunyai skill basic dulu. jika anda ingin cepat dan g begitu pusing, silahkan pakai blogger atau template gratisan, dijamin g bakal pusing, tinggal pakai dan tidak usah nyekrip. :)
Terima kasih gan, disini selalu lengkap dan deatil dalam membuat postingan, sehingga bisa dipelajari dengan seksama, hehehe… Maju terus nyekrip.com
Mantap gan artikelnya,,,saya tunggu yg terbaru?
sangat bermanfaat sekali, izin copas mas admin :D
itu tutor nomor 1 gmana ya??
sangat membantu menambah inspirasi thanks lot gan
Keren mas, akhirnya saya bisa juga nih belajar HTML walaupun cuma sedikit-sedikit..hhe
fungsi section diatas apakah pengganti div ya mas?
iya bener mas… :) penggunaan div semakin di perjelas di html 5
Artikel yang sangat membantu admin, saya sangat terbantu setelah membacanya. Terimakasih atas tip dan cara-caranya.
bagus buat orang awam seperti saja untuk blajar
mas gimana cara nya menyatukan pengggunaan program html,css,php,dan javascript untuk membangun web yng dinamis?
terimakasih kakak… infonya bisa buat belajar buat template
numpang nanya mas, kalo pemograman web menggunakan html memakai database juga atau tidak?
suka banget sama artikelnya<3 this is so helpful hehehehehe
Mau nanya nih, itu wajib html 5 dan css3 ya? kalo html biasa dgn css biasa scriptnya bisa digunain gak?
Thx
meski msh dalam bentuk web sederhana namun untuk pemula itu sudah sangat membantu sekali. terima kasih banyak atas ilmu yg sudah di share di sini. yuk kunjungi web saya hxxp://www.obat-pelancarhaid.info buat kalian yang mempunyai trouble soal siklus menstruasi Anda. dan saya ucapkan terima kasih banyak buat kalian yang sudah mampir di web saya. salam kenal semuanya
Artikelnya yang sangat membantu setelah saya baca dan pelajari sangat membantu sy yang lagi banyak belajar .semoga terus bisa berkarya dan memberikan keilmuaann.Terimakasih atas tip dan cara-caranya.semoga sukses slalu.
salam kenal salam silahturahmi wahyudin 081283893898
hxxp://www.paketumrohmurah2017.com
Trim’s ala dulu atas petunjuknya
cara beri link sob?
artikelnya sangat membantu dan bermanfaat sekali, menarik untuk dibaca.
Haha..
memang mantap artkelnya guys, aku bisa mulai ngedit template yang didownload dari pihak ketiga. Makasih min, maulah baca artikel html lainnya. Responnya min.. hehe
mantap gan tutorialnya buat newbe seperti saya, ijin comot gan.
cara membuat website dinamis dengan template html yang kita download bagaimana? biar bisa nge blog gtu? tapi murni di website kita bukan download script macam worpress???
yang jelas buat dulu databasenya untuk post yang akan ditampilkan, selanjutnya atur atau buat kode php untuk memunculkan sesuai isi database..
mantab min , lumayan buat tugas kuliah hehe
kunjungi juga hxxps://spacexzone.com/
Artikelnya bagus banget,,,, hxxp://adecahyati.000webhostapp.com/
Super sekali…
ane pemula gan…
sangat membantu..
Keep Spirit mas bro….
share yang bermanfaat,,
( Kalau bisa pake tutor video biar makin greget )
hehehehe…
admin lanjut dong part 2 nya. btw itu script nya yg link href ke localhost itu apa harus bikin localhost nya juga apa gimana? saya bingung. makasih
localhost itu karena web ini dijalankan pakai xampp.. untuk tahu apa itu xampp silahkan cari tutorialnya di web ini..
Mksih bnyk dh bagi info gan
terimakasih atas info nya.
makasi banyak
Cara buat loginnya gimana gan ?
ada kok di web nyerkip ini, cari dengan kata kunci form login..
terimakasih infonya gan :)
makasi bos
keren mang
Min, kalau buat page download Kata yg dimiliki samehadaku gimana min
Belum coba buat
Pake hostingan yaa gan
terima kasih tentang artikelnya
Ntaps, membantu banget
makasih artikelnya.
Mantaf gan
Min mau tanya jabarin donk pengertian session star dan contoh2 Triger Before dan after beserta Fungsinya
Nantikan tutorial selanjutnya
ngubah header “warung tegal, tegalnya indonesia gimana”?
itu gambar gan, dirubah aja gambarnya
gan makasih banget infonya, sangat membantu saya, ijin kopas gan
Terimakasih admin
detail sekali. Mantab tenan mas…
sangat bermanfaat.
makasih mas artikelnya sangat bermanfaat skali ini yang saya cari :D
bagaimana cara kita untuk menghubungkan script yang telah kita buat di nootepat++ ke dalam google crom/forfox mungkin bisa di beritahu sedikit.?
kok aku mumet
bermanfaat sekali mas saya jadi lebih paham tentang penggunaan htms dan jenis”coding didalam nya dan juga mas saya mau tanya mas????
jika boleh saya minta saran tentang website saya mas?
bang tolong wa saya.. 081326230988
Thanks tutorialnya bermanfaat sekali untuk pemula
Terimakasih..
mas boleh copas ga buat presentasi?
cara ubah atau edit header warung tegal ,warung indonesia itu gimana mas
sempat kaget juga ini website kok gak ada iklanya? apa emang gak ada iklanya min? padahal kalau ada mau saya klik loh. sebelumnya terimakasih website ini membantu sekali
sangat bermanfaat. terimakasih
Smga bermanfaat smga lancar ya mind rizkinya amin
min kok terjadi eror pada saat menganti tempelate blog yg dari admin
eror nya seperti ini : There should be one and only one skin in the theme, and we found: 0
tolong di bantu min please…
Thanks Gan..
artikel yang bermanfaat gan, terima kasih sudah berbagi ilmu,,,
Terimakasih kak.. sangat membantu sekali…
:”)
mau tanya kak.. kalo file html dan file cssnya di buat file sendiri-sendiri gitu caranya gimana ya kak? apakah bisa? terimakasih
bisa, pakai alamat link cssnya..
izin copy paste admin
silahkan, jangan lupa sumbernya..
Kak mau nanya, kalo mau buka dibagian aside bagaimana ya? Misal klik sayur, dia muncul informasi ya. Makasih
admin saya ingin bertanya,
jika saya memiliki 2 halaman, dan halaman 1 nya adalah, halaman layout yang memiliki header, mid, side, footer.
jika menu side di klik maka akan menampilkan isi mid/isi kontent(halaman 2).
jika pada halaman 2 saya ingin melakukan proses untuk mengklik menu pada halaman 1 bagaimana listingnya min?
kan ini juga bisa gan, di tutorial ini..
gampang gampang susah yaa, kalo untuk template di blog bias gak..?
Wah sangat membantu nih. jangan lupa kunjungin juga ya hehe. aku buat tutorial website juga nih..
sarangkoding.com
Sangat membantu sekali bagi saya seorang pemula…
Sangat bermanfaat sekali
Semoga selalu sukses…semangat upload artikel terbarunya
Saya Destika Meldya U.
Kunjungi juga website kampus kami untuk saling mendukung min
Terima Kasih Atas Ilmu Min. Kebetulan Infonya Sangat Membantu Saya Yang Baru Pemula Beljar Tentang Html.Terus Berkarya
Perkenalkan
Say Jefffry H Sufryanto Simarmata
NIM : 1922500047
Kelompok S12J
Dan Jangan Lupa Kak Kunjungi web Kita Teriima kasih Min??
Tanggal 03 Maret 2020
terimakasih bermanfaat sekali min semoga terus berkarya ya dan semangat dalam menebarkan kebaikan nya
ditunggu ya tutorial selanjut nya NAMA: Muhammad Nugie Cesarianto
Kelompok: Si 2K
situs web : atmaluhur.ac.id
Terimakasih kak atas artikelnya,sangat bermanfaat sekali. saya jadi bisa mudah memahami dan mempelajari cara bagaimana membuat web sederhana HTML . tetap selalu berkarya kak dan sukses selalu, ditunggu artikel-artikel terbaru selanjutnya. Perkenalkan nama Denni Ramli , kunjungi website kampus saya atmaluhur.ac.id
cuman yg css doang ya yg bisa didownloadnya?
semua bisa gan
ngubah header “warung tegal, tegalnya indonesia gimana”?
Sangat bermanfaat artikelnya update terus ya kak materinya tentang web saya mahasiswa dari stmik atma luhur dengan nim 1922500109 vidi bachrum ini web kampus saya atmaluhur
Terimakasih artikelnya. Membantu saya dalam membuat website.
Ilmu yang sangat berharga buat pemula… Mantap min…
Thanks ya kak atas pembelajaran yang kakak post. Sangat berguna untuk mempermudah dan membantu tugas kuliah saya. Jangan berhenti memposting hal yang bermanfaat kak. Semangat. Perkenalkan nim saya 1922500071. nama Tri Utami kelompok si2j
Hii kak. Terimakasih kak artikel nya sangat bermanfaat untuk saya mengerjakan tugas kuliah, dan bagi saya pemula untuk belajar. Terus berkarya dan sukses selalu kak
link not allowed
informasinya sangat bermanfaat sekali kakak. makasih sudah berbagi pengetahuannya,
Saya sudah melakukannya bos, tapi kenapa enggak jalan? maaf saya masih SMA yang ingin belajar web.
Ijin post
g bisanya yang bagian mana Gan?
kak maaf maunya saya ngikutin codingan kaka kok pas bagian asidenya jadi dibawah article ya kan harusnya asidenya itu dibagian kanan article dan itu disebabkan karna isi article saya yang terlalu panjang atau ada alasan lain?
mohon pencerahannya
bisa karena terlalu panjang, coba dikurangi isi artikelnya.. :)
seblumnya,saya sempat bingun dalam belajar membuat web dengan html5 tapi alhamdulilah setelah saya melihat web ini dengan berbagai tutorial nya saya jadi mudah untuk mempelajari dan mempraktekan nya di rumah dan sekarang saya mulai terbiasa dengan bahasa pemograman html 5,untuk admin terimakasih dan terus berikan yang terbaik untuk membaca,karena sungguh artikel ini sangat berguna bagi pemula seperti saya.
perkenalkan saya Muhammad akbar
Thanks ya kak atas pembelajaran yang kakak post. Sangat berguna untuk mempermudah dan membantu tugas kuliah saya. Dan membuat saya sedikit demi sedikit memahaminya , Apalagi Pemula.
Perkenalkan nama saya : Naufal Fahmi
Saya punya scrip html5 dr pdf, tujuanya untuk ebuletin, kalo di cpanel, dimana meletakkn kode tsb mas? atau ada frmaework apa yg harus sy instal di cpanel ya? biar bisa terbuka seperti di web fliphtml5 ? trim infonya
saya belum pernah coba..
Terimakasih..
Terimakasih..
Terimakasih..
Terimakasih..
Terimakasih..
Terimakasih..
pingin belajar membuat website dari nol kak
silahkan gan.
wah mantab kak,saya jadi tahu cara membuat website sederhana dengan HTML 5,terimaksih sangat bermanfaat terimakasih atas pengetahuannya,sekarang saatnya mengembangkan usahanya agar lebih maju,silahkan mampir ke bumitekno.semoga tambah sukses ya kakak.