Cara menggunakan create html file online

Tidak sedikit orang ingin menampilkan karya terbaiknya untuk ditunjukkan pada dunia. Salah satu alternatif terbaik adalah memajang portofolio dan curriculum vitae di website pribadi. permasalahannya, seringkali biaya sewa hosting dan domain menjadi hambatan, apalagi jika uang saku pas-pasan

Namun, tidak perlu khawatir, ada alternatif yang dapat kita gunakan secara gratis, yakni Github Pages.

Apa sih sebenarnya Github Pages itu? Github Pages merupakan layanan dari github (sebuah platform berbagi kode program) yang berguna untuk meng-host halaman statis web. Halaman statis merupakan halaman web yang di dalamnya tidak memerlukan server-side code (seperti PHP, Python, dll.). namun, cukup dengan client-side language (seperti HTML, CSS, Javascript, Markdown, dll.) Github pages dapat menampilkan website pribadi kita lengkap dengan alamat cantiknya!

Jika muncul keluhan seperti “Tapi aku sama sekali tidak bisa coding!”, Tenang saja, ada bootsnipp.com sebagai page builder online yang bisa digunakan untuk menghasilkan static page. Nah, dengan menggunakan CSS Framework Bootstrap, dijamin website pribadimu akan tampil ciamik!

Ayo, simak tutorial di bawah ini untuk membuat lamanmu sendiri!

1. Pastikan anda sudah mempunyai akun Github

Jika belum, daftar aja, gratis kok! (selain itu cek artikel cara mendapatkan github student dev pack!)

2. Buat Repositori dengan nama <username kamu>.github.io

Cara menggunakan create html file online
Cara menggunakan create html file online

Figure 2. Berwarna  merah karena sudah dipakai.

Repositori dengan nama diperlukan agar github secara otomatis mengenali bahwa kita ingin membuat github page.

 3. Setelah itu, kunjungi situs  https://bootsnipp.com/builder

pada website tersebut, klik page builder dan mulai buat halaman statismu!

Cara menggunakan create html file online
Cara menggunakan create html file online

Prosesnya sangat mudah, untuk kalian yang berpengalaman menggunakan Microsoft Word pasti bisa membuatnya sendiri.

4. Jika kamu sudah merasa puas dengan bootsnipp, klik tombol download untuk mengunduh file html.

Cara menggunakan create html file online
Cara menggunakan create html file online

Figure 3 Coba tebak tombol download yang mana!

5. Setelah berhasil mendapat file html nya, upload file tersebut ke repositori github yang telah dibuat!

Cara menggunakan create html file online
Cara menggunakan create html file online

Caranya cukup mudah, masuk ke akun github kamu dan halaman repository dengan akhiran github.io, lalu klik add file dan upload files.

6. Setelah file html ter upload, tunggu sejenak dan lihat hasilnya.

Kunjungi alamat <usernamemu>.github.io pada browser kesayanganmu, hore! Kamu sudah punya website pribadi! Pamerkan karya dan prestasimu, tunjukkan siapa dirimu, dan make yourself worth!.(*)(ruz/wil)

Cara menggunakan create html file online
Cara menggunakan create html file online

Penulis : Muhammad Noor Fakhruzzaman, S.Kom., M.Sc.

Editor : Muhammad Wildan Suyuti

Sumber: 

  • https://www.petanikode.com/github-pages/
  • https://pages.github.com/
  • https://docs.github.com/en/github/working-with-github-pages/creating-a-github-pages-site
  • https://towardsdatascience.com/how-to-create-a-free-github-pages-website-53743d7524e1

 

Share:

Share on facebook

Facebook

Share on twitter

Twitter

Share on whatsapp

WhatsApp

Share on telegram

Telegram

Share on email

Email

Share on linkedin

LinkedIn

PrevPreviousData Scientist Wajib Tahu! Ini Situs untuk Belajar Structured Query Language (SQL) 

NextDosen Teknologi Sains Data: Keterlibatan Machine Learning dalam Dunia Kesehatan akan Menambah Efisiensi dan Akurasi DiagnosisNext

Cara menggunakan create html file online
Cara menggunakan create html file online

Diskusi dengan Dosen FTMM: “Kebiasaan Anak Teknik yang Bikin Global Warming”

25/11/2021

FTMM NEWS – Kondisi bumi yang semakin memanas setiap tahunnya mungkin saja telah kita sadari, tetapi juga tidak jarang dari kita

Cara menggunakan create html file online
Cara menggunakan create html file online

Webinar Teknik Elektro FTMM Bahas Potensi Energi Terbarukan di Indonesia

15/03/2021

FTMM NEWS – Belakangan, perbincangan inovasi pemutakhiran energi terbarukan mencuat tajam ke publik. Hal tersebut mendapat respons yang sangat baik

Cara menggunakan create html file online
Cara menggunakan create html file online

Berkolaborasi dengan RSTKA, FTMM UNAIR Temukan Potensi Unggul Pulau Gili Iyang dalam Hal EBT dan Wisata Kendaraan Listrik

18/05/2022

FTMM NEWS – Energi baru dan terbarukan menjadi topik perbincangan hangat  pada era teknologi saat ini. Terlebih hal ini mengenai

Cara menggunakan create html file online
Cara menggunakan create html file online

Peningkatan Stabilitas Dinamik dengan Menggunakan SMES Cerdas Berbasis Algoritma Penyerbukan Bunga

21/07/2022

FTMM NEWS – Penelitian ini dilakukan sebagai referensi para praktisi untuk mendesain SMES berbasis kecerdasan buatan untuk peningkatan stabilitas dinamik.Penelitian

Langkah langkah pembuatan web menggunakan HTML?

Cara Membuat Halaman Web Sederhana dengan HTML.
Buka editor teks. ... .
Atur jenis dokumen untuk HTML. ... .
Tambahkan tab judul untuk halaman web kamu. ... .
Ketik di bawah tag "Head" yang tertutup. ... .
Selanjutnya membuat judul halaman. ... .
Tambahkan judul tambahan jika kamu mau. ... .
Membuat paragraf. ... .
Mengubah warna teks..

Apakah halaman HTML dapat dibuka disemua browser?

Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

Kode HTML dijalankan menggunakan apa?

html atau . htm, yang bisa dilihat dengan mengunakan web browser apa pun (seperti Google Chrome, Safari, atau Mozila Firefox). Browser tersebut membaca file HTML dan merender kontennya sehingga user internet bisa melihat dan membacanya.

Aplikasi apa yang biasa digunakan untuk menulis dokumen HTML?

Berikut ini beberapa aplikasi text editor lainnya yang bisa digunakan untuk belajar penulisan kode HTML..
Notepad++.
BracketsText..
Sublime Text Editor..
Visual Studio Editor..
Emacs..
Netbeans..
Aptana Studio..