{"id":113,"date":"2023-07-14T16:15:39","date_gmt":"2023-07-14T09:15:39","guid":{"rendered":"http:\/\/www.rumahweb.com\/journal\/file-index-web.htm"},"modified":"2023-07-14T16:51:53","modified_gmt":"2023-07-14T09:51:53","slug":"file-index-web","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/file-index-web\/","title":{"rendered":"Apa Itu File Index Pada Website Beserta Contohnya"},"content":{"rendered":"\n

Dalam pemrograman, file index mengacu pada file yang pertama kali di eksekusi sebagai titik awal atau entri utama dalam suatu program atau proyek. Contohnya index.html dan index.php.<\/p>\n\n\n\n\n\n

Pada artikel ini, kami akan menjelaskan tentang apa itu file index pada website beserta contoh implementasi file index di website. <\/p>\n\n\n\n

Apa itu file Index<\/h2>\n\n\n\n

File Index adalah file yang pertama kali di load atau di eksekusi pada sebuah website. Dalam struktur website, file index ini wajib ada agar website dapat tampil dengan baik pada browser, sesuai dengan desain website yang telah dibuat. <\/p>\n\n\n\n

Ada beberapa ekstensi file yang dapat dijadikan Index pada website, contohnya index.html dan index.php. Bagi Anda yang berlangganan hosting<\/a> di Rumahweb, setelah layanan Anda aktif, maka secara default index.php akan terpasang pada directory root Anda. Sehingga ketika domain diakses, maka akan tampil informasi halaman under construction. <\/p>\n\n\n\n

Struktur web pada dasarnya akan menggunakan file Index seperti index.html atau index.php sebagai file utama processing <\/em>web agar muncul di browser<\/em>, namun struktur tersebut dapat diubah secara mudah. Jika Anda menggunakan Apache sebagai web server, maka pengubahan routing <\/em>Index web bisa dilakukan melalui file .htaccess.<\/p>\n\n\n\n

Jika web server tidak menemukan file Index di direktori yang cocok dengan nama di DirectoryIndex<\/em>, maka daftar direktori akan ditampilkan ke browser dan menampilkan semua struktur web saat ini seperti contoh pada gambar dibawah:<\/p>\n\n\n

\n
\"Tampilan<\/a><\/figure>\n<\/div>\n\n\n

Gambar diatas disebut sebagai directory listing<\/em><\/strong>. Hal tersebut sangat tidak dianjurkan terlihat oleh publik, karena berkaitan dengan keamanan website itu sendiri yang memungkinkan orang lain dapat melihat data penting dibalik websitenya dan dapat mengakses secara langsung.<\/p>\n\n\n\n

Fungsi file index<\/h2>\n\n\n\n

Fungsi utama file index adalah sebagai file yang pertama kali di eksekusi pada website atau aplikasi, umumnya memiliki isi berupa tampilan homepage dari sebuah website ketika diakses.<\/p>\n\n\n\n

Jika menggunakan framework atau CMS tertentu, file index biasanya berfungsi sebagai pemanggil file lain yang berfungsi untuk menampilkan website utamanya.<\/p>\n\n\n\n

Contohnya pada CMS WordPress, file index digunakan sebagai pemanggil file lain yaitu wp-blog-header.php. Sedangkan pada file wp-blog-header.php akan di routing ke file lain untuk menampilkan index utama websitenya.<\/p>\n\n\n\n

File Index Hosting Rumahweb<\/h2>\n\n\n\n

Pada layanan hosting di Rumahweb, file index yang pertama kali di load <\/em>adalah index.html lalu index.php dan index.htm. Artinya, web server Apache akan mencari setiap file di atas secara berurutan, dan akan melayani file pertama yang ditemukan ketika pengunjung hanya meminta sebuah direktori (namadomain\/folder\/<\/em>).<\/p>\n\n\n\n

Ketika pertama kali mengakses nama domain yang baru di aktivasi, Anda akan menemukan isi websitenya adalah halaman Underconstructions. <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Hal ini kami lakukan sebagai upaya agar terhindar dari directory listing <\/em><\/strong> di akun hosting Anda, itulah kenapa File Index ini sangat penting.<\/p>\n\n\n\n

Cara membuat file index<\/h2>\n\n\n\n

Anda juga bisa menentukan Index file sendiri pada setiap folder sesuai dengan keinginan. Cara mengubah Index file bisa dilakukan dengan mengedit file .htaccess di folder public_html, lalu tambahkan script berikut:<\/p>\n\n\n\n

DirectoryIndex index.php<\/code><\/pre>\n\n\n\n

Silahkan ganti index.php<\/em><\/strong> diatas dengan file yang Anda kehendaki, misalnya abc.htm<\/strong><\/em>. Namun pastikan, file abc.htm<\/strong> sudah terupload dalam akun hostingnya, jadi ketika anda mengakses domain anda atau directory, file yang pertama kali diakses adalah abc.htm<\/strong> dan bukannya index.php.<\/p>\n\n\n\n
Bagi Anda yang ingin membuat file index baru secara manual, anda bisa mengikuti panduan berikut: <\/p>\n\n\n\n
    \n
  1. Login ke cPanel hosting Anda. <\/li>\n\n\n\n
  2. Klik menu file manager seperti pada gambar berikut. <\/li>\n<\/ol>\n\n\n\n
    \"menu<\/a><\/figure>\n\n\n\n
      \n
    1. Pada directory public_html, jika masih ada file index.php default hosting, maka silahkan Anda hapus terlebih dahulu. Setelah dihapus, silahkan klik menu +File dan buatlah file index.php atau index.html yang baru.<\/li>\n<\/ol>\n\n\n\n
      \"membuat<\/a><\/figure>\n\n\n\n
      Contoh Script Index HTML untuk Under construction<\/h2>\n\n\n\n
      Berikut adalah contoh index html file under construction sederhana yang bisa Anda gunakan. Buatlah terlebih dahulu file index.html pada directory website Anda, lalu gunakan script berikut ini : <\/p>\n\n\n\n
      <!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd\">\n<html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\" \/>\n<title>Ganti_Dengan_Nama_WEB_Anda<\/mark><\/title>\n<style type=\"text\/css\">\nbody {\n\tmargin-left: 0px;\n\tmargin-top: 0px;\n\tmargin-right: 0px;\n\tmargin-bottom: 0px;\n\tbackground:#eff2fb;\n}\n<\/style>\n<\/head>\n\n<body>\n\n<img src=\"xxxx.png<\/mark>\" width=\"100%\" height \/>\n\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
      Keterangan : <\/strong><\/p>\n\n\n\n
        \n
      • title = silahkan ubah ke nama website anda sendiri<\/li>\n\n\n\n
      • image = silahkan upload gambar ke directory website anda, lalu ubah xxxx.png<\/em> menjadi nama gambar yang anda upload.<\/li>\n<\/ul>\n\n\n\n
        Itu dia pembahasan kita tentang File Index Web, silahkan dapat dicoba dan dikembangkan lebih lanjut. Semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"
        Dalam pemrograman, file index mengacu pada file yang pertama kali di eksekusi sebagai titik awal atau entri utama dalam suatu program atau proyek. Contohnya index.html dan index.php. Pada artikel ini, kami akan menjelaskan tentang apa itu file index pada website beserta contoh implementasi file index di website. Apa itu file Index File Index adalah file […]<\/p>\n","protected":false},"author":1,"featured_media":40689,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[425,22],"class_list":{"0":"post-113","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-programming","8":"tag-index","9":"tag-website"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=113"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/113\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/40689"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}