Cara Membuat HTML Website untuk Pemula

 

Pernahkah Anda terpikir ingin membuat homepage Anda sendiri?

Siapa pun dapat membuat homepage jika dapat mengingat HTML, karena homepage ditulis dalam bahasa HTML.

Pada kesempatan ini akan dijelaskan mengenai bagaimana cara membuat html website yang dapat dipahami oleh pemula dengan mudah dalam bentuk framework secara umum.

Apa itu HTML Website?

HTML merupakan bahasa pemrograman yang digunakan untuk menampilkan dokumen pada browser.

HTML adalah akronim untuk Hyper Text Markup Language.

Tampilan (halaman website) yang sekarang Anda lihat pada smartphone atau PC pada dasarnya terdiri dari bahasa (huruf) HTML ini.

‘Markup’ memiliki arti ‘memberi tanda’.

Anda dapat memberikan arti dengan melampirkan tanda (tag) pada huruf untuk membuat gambar atau tabel menjadi terlihat.

Jika kegunaan dari bahasa pemrograman ini dijelaskan secara detail, bahasa ini dapat ditafsirkan sebagai teks menakjubkan yang dapat melakukan pengaturan tautan dalam dokumen, mengatur ukuran dan warna huruf, serta menambahkan gambar dan video.

Mengapa halaman website dibuat dengan bahasa pemrograman ini?

Mungkin sulit untuk membayangkan ketika mendengar bahwa halaman website dibentuk dengan bahasa (huruf).

Misalnya, cobalah klik kanan pada halaman website yang ada dan pilihlah opsi ‘View Page Source’.

Dari menu yang ditampilkan ketika melakukan klik kanan pada browser, beberapa pilihan yang dapat dilihat adalah seperti ‘View Source’ jika membuka halaman pada browser IE (Internet Explorer) dan opsi ‘View Page Source’ apabila membuka halaman website melalui Google Chrome.

Teks akan berubah tergantung pada browser yang digunakan, tetapi string yang bernuansa seperti ‘Show Source’ dan source pada sebuah homepage akan ditampilkan apabila memilih salah satu item.

Kemudian, akan muncul tampilan pada layar seperti di bawah ini.

HTML

Dengan demikian, identitas halaman website adalah dokumen yang disusun menggunakan penandaan HTML dan halaman website akan ditampilkan ketika dibaca pada browser.

Source code dapat dilihat pada halaman website mana pun, sehingga Anda dapat mencobanya di halaman favorit Anda.

Bagaimana menurut Anda? Kemungkinan masih banyak ditampilkan string yang tidak dideskripsikan dengan jelas.

Homepage yang sebenarnya tidak hanya terdiri dari tag HTML, tetapi juga meliputi bahasa pemrograman seperti CSS dan JavaScript. Walaupun saat ini hanya terlihat seperti kumpulan simbol-simbol yang tidak bermakna, Anda dapat memahami unsur-unsur tersebut apabila Anda mempelajarinya lebih lanjut.

Apa tidak bisa jika menggunakan huruf biasa?

Bagi mereka yang baru pertama kali mempelajarinya, tentu akan merasa kesulitan ketika menggunakan link (tautan) dan menempelkan arti dengan tag.

Alasan mengapa hal yang tampak sulit ini perlu dilakukan, secara sederhana dapat dikatakan bahwa hal ini perlu dilakukan untuk membuat sistem agar dapat dipahami oleh komputer.

Komputer dapat memahami struktur dokumen dengan menandai setiap bagian dalam dokumen dan mengklarifikasi/memastikan elemen dari setiap bagian dokumen tersebut.

Sama seperti berkomunikasi dengan orang asing dalam bahasa Inggris, metode yang sesuai dalam berkomunikasi juga terdapat dalam komunikasi dengan komputer.

Cara menulis tag.

Saat menulis tag, pertama-tama tulis ‘< >’, tuliskan nama elemen yang menentukan karakter di antara tanda tersebut, buat seperti ‘<nama elemen>’. Salin dan urutkan keduanya seperti ‘<nama elemen><nama elemen>’. (Pada dasarnya pada tag digunakan simbol alphabet. Sebisa mungkin tulislah dengan melakukan salin dan tempel agar tidak salah menggunakan karakter alphabet).

Kemudian tambahkan ‘/’ pada kedua ‘< >’ dan ubah menjadi seperti ‘<nama elemen></nama elemen>’. Pada saat ini, ‘<nama elemen>’ adalah tag awal dan ‘</nama elemen>’ adalah tag akhir.

Kemudian, terakhir pastikan untuk menulis urutan huruf antara tag pembuka dan penutup.

 

Sponsor Link

Langkah-Langkah Membuat Homepage dengan HTML

Prosedur yang akan dijelaskan berikut ini dibuat bukan hanya untuk diingat dan benar-benar dicoba, melainkan untuk dipahami bagaimana alur serta rangkaian pembuatannya.

Walaupun Anda tidak mengetahui caranya secara lengkap, Anda dapat melihat garis besar dari cara pembuatannya terlebih dahulu. Dengan melihat garis besarnya, Anda seharusnya akan bisa memahami bagaimana situs website dibuat.

Membuat file HTML.

Pertama, buat file dengan ekstensi .html. Anda tidak perlu memikirkan tempat penyimpanan file terlebih dahulu.

Membuat dokumen menggunakan tag.

Anda perlu membuat dokumen ini dengan tag yang telah dijelaskan sebelumnya.

Penjelasan lengkap mengenai tag tidak dilampirkan di sini, jika Anda menyimpan dokumen dengan konfigurasi seperti berikut dalam file html, halaman seperti yang ditunjukkan pada Gambar 1 akan ditampilkan di browser.

<html>
<head>
<title>informasi judul di sini</title>
</head>
<body>
<h1>judul kalimat dijelaskan di sini</h1>
Di sinilah tempat menulis teks.
</body>
</html>

Mengunggah ke server website menggunakan FTP.

Unggah file html yang telah selesai ke PC eksternal untuk mempublikasikan homepage yang disebut sebagai web server.

Anda perlu menggunakan perangkat software untuk mengirim file ke komputer eksternal bernama FTP untuk mengunggah file html. FTP memerlukan pengaturan untuk terhubung ke PC eksternal, tetapi karena sulit, tidak kami lampirkan di sini.

Prosedur untuk mengunggah file menggunakan FTP.

①.Pertama, pilih file (kali ini file html) untuk diunggah dengan menggunakan FTP.
②.Unggah file ke web server.
③.Masukkan alamat (umumnya berupa deretan huruf dimulai dengan http://) yang diatur di web server di alamat browser dan tampilkan file html di browser.

Sebenarnya, terdapat aturan jelas tentang hal-hal seperti tempat mengunggah file pada PC tempat web server diinstal, tetapi hal terpenting disini adalah untuk menampilkan file html yang telah dibuat sebelumnya pada komputer melalui internet, Anda perlu menggunggah file tersebut ke web server.

Inilah langkah-langkah untuk membuat homepage dengan HTML. Dapatkah Anda memahaminya dengan baik?

Sponsor Link

Cara Mempelajari HTML Website

Ada banyak situs yang dapat Anda kunjungi untuk mempelajari HTML website. Berikut akan dipaparkan beberapa situs website yang bermanfaat di antara situs-situs tersebut.

w3school

https://www.w3schools.com/html/

Situs ini sangat mudah digunakan karena Anda dapat memperoleh informasi yang diperlukan saja dari sidebar di sebelah kiri.

Situs ini memiliki kesan yang sangat bagus karena situs ini sendiri dapat menjadi sebuah aplikasi web.

Udemy

https://www.udemy.com/

Meskipun mengandung beberapa konten, Udemy adalah situs tempat Anda dapat belajar HTML website secara gratis.

Situs ini memiliki materi pembelajaran (course) yang dapat mempelajari HTML secara gratis seperti ‘HTML5 & CSS3 | HTML5 dan CSS3 yang pasti mudah dimengerti, cobalah membuat homepage (HP) toko!’ dan ‘Pembelajaran Dasar HTML untuk Pemula’ dan lain sebagainya.

Codecademy

https://www.codecademy.com/

Codecademy menyediakan kursus coding tentang bahasa pemrograman secara gratis.

Anda dapat mempelajari berbagai macam hal tentang HTML, mulai dari pengenalan hingga pembuatan situs yang sebenarnya.

Dash

https://dash.generalassemb.ly/

Dengan situs ini Anda dapat terus belajar sambil memeriksa tutorial di browser dan dimungkinkan untuk memperdalam pengetahuan mengenai coding website termasuk HTML.

Coding yang telah Anda tulis akan tercermin pada preview secara langsung di tempat tersebut, sehingga Anda dapat belajar sambil memastikan dengan jelas apa yang sedang Anda kerjakan.

Coba gunakan tools pembuat homepage.

Anda juga dapat membuat homepage di Notepad. Tetapi, dengan menggunakan tools yang cocok untuk membuat HTML, pembuatan akan menjadi lebih mudah dan tingkat produktivitas pun akan meningkat. Berikut ini adalah beberapa tools yang berguna untuk membuat homepage.

Adobe DreamWeaber CC

https://www.adobe.com/sea/products/dreamweaver.html

Ketika Anda terbiasa dengan HTML dan CSS sampai batas tertentu, Anda mungkin ingin membuat homepage menggunakan tools yang lengkap. DreamWeaber CC adalah tools pembuatan situs website yang disediakan oleh Adobe. Tool ini tersedia dengan harga Rp. 300.000 per bulan dan dapat digunakan oleh profesional karena memiliki berbagai macam fungsi.

Atom

https://atom.io/

Ini adalah editor teks gratis yang cocok untuk menulis HTML, CSS dan lain-lain. Daripada disebut sebagai tools pembuatan, Atom lebih cocok disebut sebagai editor untuk mengedit coding. Atom memiliki lebih banyak fungsi yang berguna daripada Notepad, sehingga Atom akan menjadi tool yang direkomendasikan untuk mereka yang ingin mempelajari coding dengan aman. Tetapi, Atom memiliki sedikit kesulitan untuk digunakan, sehingga ini adalah tools yang disarankan untuk mereka yang sudah cukup mahir dalam pembelajaran HTML dan CSS.

Simpulan

Bagaimana menurut Anda? Apakah Anda mengerti bagaimana cara membuat homepage menggunakan HTML?

Jika hanya membuat homepage, Anda dapat membuatnya meskipun Anda tidak mengerti bahasa pemrograman seperti HTML dan CSS.

Beberapa layanan disediakan untuk membuat homepage yang baik tanpa perlu mengimplementasikan HTML dan CSS.

Tetapi, dengan mempelajari HTML dan CSS, Anda dapat mewujudkan penyesuaian yang lebih detail dan dapat mewujudkan harapan untuk memperluas pengembangan dalam suatu hal.

HTML memiliki berbagai macam situs pembelajaran, buku, institusi, dan lain-lain mulai dari yang gratis hingga berbayar.

HTML adalah bahasa pemrograman yang mudah dipelajari dan memiliki lingkungan belajar yang sangat baik, sehingga jika Anda tertarik, cobalah untuk mempelajarinya sesekali.

Apakah Anda memiliki masalah dalam mengelola dan mengembangkan Website? | PT APPKEY
Tidak hanya mengembangkan sistem website, kami juga memiliki kemampuan dalam mengelola website dan meningkatkan strategi SEO serta konten pemasaran sehingga diharapkan dapat membantu menyelesaikan setiap permasalahan Anda.

Tentang Kami
Pengenalan Layanan
Pengenalan Perusahaan
Kontak Kami
Sponsor Link
Tell Us What You Think
0Like0Love0Haha0Wow0Sad0Angry