{"id":4948,"date":"2021-07-09T14:58:21","date_gmt":"2021-07-09T14:58:21","guid":{"rendered":"https:\/\/www.hostnic.id\/blog\/?p=4948"},"modified":"2021-07-09T14:58:21","modified_gmt":"2021-07-09T14:58:21","slug":"mengenal-komponen-dasar-dalam-sebuah-website","status":"publish","type":"post","link":"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/","title":{"rendered":"Mengenal Komponen Dasar dalam Sebuah Website"},"content":{"rendered":"<p><span style=\"color: #000000\"><strong>Komponen Dasar dalam Sebuah Website &#8211;<\/strong> <span style=\"font-weight: 400\">Sebagai pengguna internet, blogger atau web developer, kita perlu mengetahui dan memahami hal-hal yang ada di website. Karena, bagaimanapun juga saat terhubung ke Internet dan menggunakannya, kita tidak akan pernah terputus dari aplikasi bernama \u201cWeb\u201d.\u00a0<\/span><\/span><\/p>\n<p><span style=\"font-weight: 400;color: #000000\">Jadi, bahkan bagi yang masih baru, Anda harus membaca artikel ini karena merupakan komponen yang penting, mudah dan lugas yang sering &#8220;terhubung&#8221; dengan situs web atau blog.<\/span><\/p>\n<p><span style=\"font-weight: 400;color: #000000\">Memiliki website dan komponennya sangat penting bagi sebuah instansi, perusahaan atau para pelaku UMKM.<\/span><\/p>\n<p><span style=\"font-weight: 400;color: #000000\">Memiliki website kini menjadi pertimbangan tersendiri bagi para pengusaha yang ingin lebih profesional dalam hal \u201conline business\u201d. Tapi, apakah kalian mengerti bagaimana website dapat\u00a0 merilis informasi dan diakses oleh jutaan orang? Apa yang Anda butuhkan untuk membuat situs web? Di sini Anda perlu mengetahui komponen-komponen sebuah website yang harus ada.<\/span><\/p>\n<h4><span style=\"color: #000000\"><b>Domain<\/b><\/span><\/h4>\n<p><span style=\"font-weight: 400;color: #000000\">Satu diantara elemen website yang perlu ada di web yakni <a href=\"https:\/\/www.hostnic.id\/\"><strong><em>domain<\/em><\/strong><\/a>. Secara simpel, domain dapat dijelaskan sebagai alamat fisik untuk nantinya Anda dapat berkunjung ke blog \/website. Dapat dikatakan, domain tersebut dimisalkan sebagai alamat jalan dan kode pos.<\/span><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"4812\" data-permalink=\"https:\/\/www.hostnic.id\/blog\/teknologi\/tips-memilih-server-hosting-terbaik\/attachment\/hosting-terbaik-5e256cf7d541df1a40491e52\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/hosting-terbaik-5e256cf7d541df1a40491e52.jpg?fit=1020%2C670&amp;ssl=1?v=1618725265\" data-orig-size=\"1020,670\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"hosting-terbaik-5e256cf7d541df1a40491e52\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/hosting-terbaik-5e256cf7d541df1a40491e52.jpg?fit=1020%2C670&amp;ssl=1?v=1618725265\" class=\"aligncenter wp-image-4812\" src=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/hosting-terbaik-5e256cf7d541df1a40491e52.jpg?resize=700%2C460&#038;ssl=1\" alt=\"Komponen Dasar dalam Sebuah Website\" width=\"700\" height=\"460\" srcset=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/hosting-terbaik-5e256cf7d541df1a40491e52.jpg?w=1020&amp;ssl=1 1020w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/hosting-terbaik-5e256cf7d541df1a40491e52.jpg?resize=300%2C197&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/hosting-terbaik-5e256cf7d541df1a40491e52.jpg?resize=768%2C504&amp;ssl=1 768w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<p><span style=\"font-weight: 400;color: #000000\">Domain sendiri memberi keringanan untuk Anda dalam mengingat alamat web. Ini berlaku untuk pelanggan Anda. Bila Anda mempunyai web dengan nama domain yang unik, karena itu pelanggan akan mudah ingat website Anda . Maka, juga penting bagi Anda untuk mengerti langkah membuat domain yang unik dan cocok.<\/span><\/p>\n<p><span style=\"color: #000000\"><b>Hosting<\/b><\/span><\/p>\n<p><span style=\"font-weight: 400;color: #000000\">Bila diibaratkan sebuah gedung atau bangunan maka hosting merupakan salah satu komponen yang harus dimiliki sebuah website, karena fungsinya mirip dengan sebuah lahan, semakin luas lahannya maka akan semakin leluasa juga untuk kita membangun sesuatu di atasnya.<\/span><\/p>\n<p><span style=\"font-weight: 400;color: #000000\">Dalam dunia digital, hosting sendiri merupakan tempat untuk menyimpan berbagai data yang berhubungan dengan sebuah website mulai dari konten, file, dokumen, software, aplikasi, dan lainnya.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;color: #000000\">Setiap penyedia hosting akan memberikan batasan pada pelanggannya agar dapat menyimpan berbagai item di websitenya. Semakin tinggi kapasitas hosting, semakin banyak ruang penyimpanan di website.<\/span><\/p>\n<h4><span style=\"color: #000000\"><b>CMS<\/b><\/span><\/h4>\n<p><span style=\"font-weight: 400;color: #000000\">CMS merupakan kepanjangan dari content management system atau sistem pengendalian konten. CMS sebuah prosedur yang dibuat setelah itu dipakai untuk mengganti, menambahkan, atau mengurangi content web.<\/span><\/p>\n<p><span style=\"font-weight: 400;color: #000000\">Dalam kata lain, CMS sebagai elemen yang ada di website sebagai alat untuk dipakai saat melakukan pengendalian web. Sekarang ini telah banyak CMS yang bisa Anda pakai. Tetapi hingga saat ini CMS terbaik dan terbanyak pemakainya ialah WordPress.<\/span><\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"4782\" data-permalink=\"https:\/\/www.hostnic.id\/blog\/teknologi\/mengapa-internet-of-things-iot-begitu-penting\/attachment\/1_vufngofrotwy_rgd4_7qsw\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1_vUFNgofROTwY_rGd4_7Qsw.jpeg?fit=860%2C520&amp;ssl=1?v=1618715782\" data-orig-size=\"860,520\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"1_vUFNgofROTwY_rGd4_7Qsw\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1_vUFNgofROTwY_rGd4_7Qsw.jpeg?fit=860%2C520&amp;ssl=1?v=1618715782\" class=\"aligncenter wp-image-4782\" src=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1_vUFNgofROTwY_rGd4_7Qsw.jpeg?resize=700%2C423&#038;ssl=1\" alt=\"Komponen Dasar dalam Sebuah Website\" width=\"700\" height=\"423\" srcset=\"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1_vUFNgofROTwY_rGd4_7Qsw.jpeg?w=860&amp;ssl=1 860w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1_vUFNgofROTwY_rGd4_7Qsw.jpeg?resize=300%2C181&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1_vUFNgofROTwY_rGd4_7Qsw.jpeg?resize=768%2C464&amp;ssl=1 768w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<h4><span style=\"color: #000000\"><strong>Design<\/strong><\/span><\/h4>\n<p><span style=\"font-weight: 400;color: #000000\">Elemen web selanjutnya dikenali dengan sebutan design web. Bila domain sebagai alamat dan hosting sebagai tempat, maka design sebagai bentuk, tampilan atau dekor dari bangunan itu. Design web paling simpel ialah memakai template. Bila ingin modifikasi lebih, pembuatan desain web yang lebih sulit bisa memakai page builder sampai coding.<\/span><\/p>\n<p><span style=\"font-weight: 400;color: #000000\">Pengerjaan desain web berbeda dengan design grafis, tetapi design grafis sebagai satu diantara sisi dari tahapan pembuatan design web. Pembuatan desain grafis umumnya memakai software Corel Draw, Adobe Photoshop, dan lain-lain. Pembuatan desain grafis condong lebih gampang hingga kerap dipakai untuk membantu visualisasi design web yang bakal dibuat.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;color: #000000\">Visualisasi desain web memakai desain grafis ini disebut dengan mock up design web. Dari hasil mock up ini berbentuk gambar yang memperlihatkan <a href=\"https:\/\/www.hostnic.id\/\"><em><strong>design web<\/strong><\/em><\/a> seperti aslinya. Dengan demikian, web designer cukup mencontoh gambar mock up saat membuat desain web.<\/span><\/p>\n<p><span style=\"font-weight: 400;color: #000000\">Ada beragam komponen penting yang ada dalam design web seperti layout, penetapan tipe huruf, warna, karakter sampai ukuran. Design dalam web meliputi navigasi yang akan mempermudah beberapa pengunjung saat menelusuri web Anda. Itulah beberapa komponen dasar dalam sebuah website.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Komponen Dasar dalam Sebuah Website &#8211; Sebagai pengguna internet, blogger atau web developer, kita perlu mengetahui dan memahami hal-hal yang ada di website. Karena, bagaimanapun juga saat terhubung ke Internet dan menggunakannya, kita tidak akan pernah terputus dari aplikasi bernama \u201cWeb\u201d.\u00a0 Jadi, bahkan bagi yang masih baru, Anda harus membaca artikel ini karena merupakan komponen [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":4767,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[10,82],"tags":[712,713,717,716,715,714],"class_list":["post-4948","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bisnis","category-website","tag-apa-saja-yang-harus-ada-dalam-website","tag-bagian-bagian-dari-sebuah-halaman-web","tag-elemen-navigasi-adalah","tag-kumpulkan-komponen-dari-bagian-header","tag-tata-letak-website","tag-website-yang-sering-diakses-memiliki-tiga-komponen-yaitu"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mengenal Komponen Dasar dalam Sebuah Website - Hostnic.id<\/title>\n<meta name=\"description\" content=\"Komponen Dasar dalam Sebuah Website - Sebagai pengguna internet, blogger atau web developer, kita perlu mengetahui dan memahami hal-hal yang ada di website\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mengenal Komponen Dasar dalam Sebuah Website - Hostnic.id\" \/>\n<meta property=\"og:description\" content=\"Komponen Dasar dalam Sebuah Website - Sebagai pengguna internet, blogger atau web developer, kita perlu mengetahui dan memahami hal-hal yang ada di website\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostnic.id\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-09T14:58:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/jenis-domain-12345.jpg?v=1618714355\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"557\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Monic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Monic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/bisnis\\\/mengenal-komponen-dasar-dalam-sebuah-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/bisnis\\\/mengenal-komponen-dasar-dalam-sebuah-website\\\/\"},\"author\":{\"name\":\"Monic\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\"},\"headline\":\"Mengenal Komponen Dasar dalam Sebuah Website\",\"datePublished\":\"2021-07-09T14:58:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/bisnis\\\/mengenal-komponen-dasar-dalam-sebuah-website\\\/\"},\"wordCount\":552,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/bisnis\\\/mengenal-komponen-dasar-dalam-sebuah-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/jenis-domain-12345.jpg?fit=960%2C557&ssl=1?v=1618714355\",\"keywords\":[\"apa saja yang harus ada dalam website\",\"bagian bagian dari sebuah halaman web\",\"elemen navigasi adalah\",\"kumpulkan komponen dari bagian header\",\"tata letak website\",\"website yang sering diakses memiliki tiga komponen yaitu\"],\"articleSection\":[\"Bisnis\",\"Website\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/bisnis\\\/mengenal-komponen-dasar-dalam-sebuah-website\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/bisnis\\\/mengenal-komponen-dasar-dalam-sebuah-website\\\/\",\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/bisnis\\\/mengenal-komponen-dasar-dalam-sebuah-website\\\/\",\"name\":\"Mengenal Komponen Dasar dalam Sebuah Website - Hostnic.id\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/bisnis\\\/mengenal-komponen-dasar-dalam-sebuah-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/bisnis\\\/mengenal-komponen-dasar-dalam-sebuah-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/jenis-domain-12345.jpg?fit=960%2C557&ssl=1?v=1618714355\",\"datePublished\":\"2021-07-09T14:58:21+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\"},\"description\":\"Komponen Dasar dalam Sebuah Website - Sebagai pengguna internet, blogger atau web developer, kita perlu mengetahui dan memahami hal-hal yang ada di website\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/bisnis\\\/mengenal-komponen-dasar-dalam-sebuah-website\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/bisnis\\\/mengenal-komponen-dasar-dalam-sebuah-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/bisnis\\\/mengenal-komponen-dasar-dalam-sebuah-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/jenis-domain-12345.jpg?fit=960%2C557&ssl=1?v=1618714355\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/04\\\/jenis-domain-12345.jpg?fit=960%2C557&ssl=1?v=1618714355\",\"width\":960,\"height\":557},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/bisnis\\\/mengenal-komponen-dasar-dalam-sebuah-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mengenal Komponen Dasar dalam Sebuah Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/\",\"name\":\"hostnic.id\",\"description\":\"Info, Tips dan Tutorial Seputar Layanan Hostnic\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\",\"name\":\"Monic\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"caption\":\"Monic\"},\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/author\\\/blog-writer\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mengenal Komponen Dasar dalam Sebuah Website - Hostnic.id","description":"Komponen Dasar dalam Sebuah Website - Sebagai pengguna internet, blogger atau web developer, kita perlu mengetahui dan memahami hal-hal yang ada di website","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/","og_locale":"id_ID","og_type":"article","og_title":"Mengenal Komponen Dasar dalam Sebuah Website - Hostnic.id","og_description":"Komponen Dasar dalam Sebuah Website - Sebagai pengguna internet, blogger atau web developer, kita perlu mengetahui dan memahami hal-hal yang ada di website","og_url":"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/","og_site_name":"Hostnic.id","article_published_time":"2021-07-09T14:58:21+00:00","og_image":[{"width":960,"height":557,"url":"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/jenis-domain-12345.jpg?v=1618714355","type":"image\/jpeg"}],"author":"Monic","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"Monic","Estimasi waktu membaca":"3 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/#article","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/"},"author":{"name":"Monic","@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2"},"headline":"Mengenal Komponen Dasar dalam Sebuah Website","datePublished":"2021-07-09T14:58:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/"},"wordCount":552,"commentCount":0,"image":{"@id":"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/jenis-domain-12345.jpg?fit=960%2C557&ssl=1?v=1618714355","keywords":["apa saja yang harus ada dalam website","bagian bagian dari sebuah halaman web","elemen navigasi adalah","kumpulkan komponen dari bagian header","tata letak website","website yang sering diakses memiliki tiga komponen yaitu"],"articleSection":["Bisnis","Website"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/","url":"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/","name":"Mengenal Komponen Dasar dalam Sebuah Website - Hostnic.id","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/#primaryimage"},"image":{"@id":"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/jenis-domain-12345.jpg?fit=960%2C557&ssl=1?v=1618714355","datePublished":"2021-07-09T14:58:21+00:00","author":{"@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2"},"description":"Komponen Dasar dalam Sebuah Website - Sebagai pengguna internet, blogger atau web developer, kita perlu mengetahui dan memahami hal-hal yang ada di website","breadcrumb":{"@id":"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/#primaryimage","url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/jenis-domain-12345.jpg?fit=960%2C557&ssl=1?v=1618714355","contentUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/jenis-domain-12345.jpg?fit=960%2C557&ssl=1?v=1618714355","width":960,"height":557},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostnic.id\/blog\/bisnis\/mengenal-komponen-dasar-dalam-sebuah-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostnic.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Mengenal Komponen Dasar dalam Sebuah Website"}]},{"@type":"WebSite","@id":"https:\/\/www.hostnic.id\/blog\/#website","url":"https:\/\/www.hostnic.id\/blog\/","name":"hostnic.id","description":"Info, Tips dan Tutorial Seputar Layanan Hostnic","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostnic.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Person","@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2","name":"Monic","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","caption":"Monic"},"url":"https:\/\/www.hostnic.id\/blog\/author\/blog-writer\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/jenis-domain-12345.jpg?fit=960%2C557&ssl=1?v=1618714355","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8D2mv-1hO","jetpack-related-posts":[{"id":6550,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/wordpress\/wordpress-theme-cheat-sheet-panduan-praktis-tema\/","url_meta":{"origin":4948,"position":0},"title":"WordPress Theme Cheat Sheet: Panduan Praktis Tema !","author":"Monic","date":"2023-08-22","format":false,"excerpt":"Halo semua pembaca setia! Bagaimana kabar kalian hari ini? Semoga semuanya dalam keadaan baik-baik saja dan selalu penuh semangat! Pada kesempatan kali ini, kami ingin mempersembahkan sebuah panduan praktis yang sangat berguna bagi kalian yang menggunakan WordPress Theme. Jadi, mari kita mulai dengan menggali lebih dalam mengenai \"WordPress Theme Cheat\u2026","rel":"","context":"dalam &quot;Wordpress&quot;","block_context":{"text":"Wordpress","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/wordpress\/"},"img":{"alt_text":"WordPress Theme Cheat Sheet: Panduan Praktis Tema !","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/08\/young-woman-embodies-glamour-sen.jpg?fit=826%2C520&ssl=1%3Fv%3D1692734847&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/08\/young-woman-embodies-glamour-sen.jpg?fit=826%2C520&ssl=1%3Fv%3D1692734847&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/08\/young-woman-embodies-glamour-sen.jpg?fit=826%2C520&ssl=1%3Fv%3D1692734847&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/08\/young-woman-embodies-glamour-sen.jpg?fit=826%2C520&ssl=1%3Fv%3D1692734847&resize=700%2C400 2x"},"classes":[]},{"id":4538,"url":"https:\/\/www.hostnic.id\/blog\/teknologi\/fungsi-web-server-dalam-sebuah-website\/","url_meta":{"origin":4948,"position":1},"title":"Fungsi Web Server dalam Sebuah Website","author":"Monic","date":"2021-02-20","format":false,"excerpt":"Untuk membuat sebuah website yang baik, diperlukan beberapa komponen penting. Salah satu komponen tersebut adalah sebuah web server. Jika kita adalah seorang web developer, istilah ini tentu sudah tidak asing lagi untuk kita. Web server merupakan sebuah perangkat yang bertugas untuk menerima permintaan yang telah dikirim melalui browser. Web server\u2026","rel":"","context":"dalam &quot;Teknologi&quot;","block_context":{"text":"Teknologi","link":"https:\/\/www.hostnic.id\/blog\/.\/teknologi\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/02\/ThinkstockPhotos-503426092.jpg?fit=479%2C359&ssl=1%3Fv%3D1613316570&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":7689,"url":"https:\/\/www.hostnic.id\/blog\/teknologi\/footer-website-simple-desain-sederhana-yang-tetap-memikat\/","url_meta":{"origin":4948,"position":2},"title":"Footer Website Simple: Desain Sederhana yang Tetap Memikat","author":"Monic","date":"2023-09-26","format":false,"excerpt":"Hostnic.id -\u00a0Hello, readers! How are you today? Selamat datang di artikel kami yang akan membahas tentang Desain Sederhana yang Tetap Memikat pada Footer Website. Indonesia memiliki kekayaan budaya yang luar biasa, dan salah satunya adalah keindahan dalam desain website. Footer yang sederhana namun tetap memikat merupakan salah satu elemen penting\u2026","rel":"","context":"dalam &quot;Teknologi&quot;","block_context":{"text":"Teknologi","link":"https:\/\/www.hostnic.id\/blog\/.\/teknologi\/"},"img":{"alt_text":"Footer Website Simple: Desain Sederhana yang Tetap Memikat","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/FW-3.png?fit=956%2C510&ssl=1%3Fv%3D1695733189&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/FW-3.png?fit=956%2C510&ssl=1%3Fv%3D1695733189&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/FW-3.png?fit=956%2C510&ssl=1%3Fv%3D1695733189&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/FW-3.png?fit=956%2C510&ssl=1%3Fv%3D1695733189&resize=700%2C400 2x"},"classes":[]},{"id":7123,"url":"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-front-end-bootstrap-membangun-antarmuka-yang-menarik\/","url_meta":{"origin":4948,"position":3},"title":"Framework Front-End Bootstrap: Membangun Antarmuka yang Menarik","author":"Monic","date":"2023-09-12","format":false,"excerpt":"Hostnic.id -\u00a0Halo pembaca yang budiman! Bagaimana kabar kalian? Semoga kalian semua dalam keadaan baik-baik saja. Kali ini, kita akan membahas tentang Framework Front-End Bootstrap: Membangun Antarmuka yang Menarik. Bootstrap merupakan salah satu framework yang populer di dunia pengembangan website. Dengan Bootstrap, kita dapat dengan mudah membuat antarmuka yang menarik dan\u2026","rel":"","context":"dalam &quot;Teknologi&quot;","block_context":{"text":"Teknologi","link":"https:\/\/www.hostnic.id\/blog\/.\/teknologi\/"},"img":{"alt_text":"Framework Front-End Bootstrap: Membangun Antarmuka yang Menarik","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/B.png?fit=1190%2C619&ssl=1%3Fv%3D1694532838&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/B.png?fit=1190%2C619&ssl=1%3Fv%3D1694532838&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/B.png?fit=1190%2C619&ssl=1%3Fv%3D1694532838&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/B.png?fit=1190%2C619&ssl=1%3Fv%3D1694532838&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/B.png?fit=1190%2C619&ssl=1%3Fv%3D1694532838&resize=1050%2C600 3x"},"classes":[]},{"id":4815,"url":"https:\/\/www.hostnic.id\/blog\/teknologi\/3-jenis-hosting-berdasar-tipe-web\/","url_meta":{"origin":4948,"position":4},"title":"3 Jenis Hosting Berdasar Tipe Web","author":"Monic","date":"2021-04-03","format":false,"excerpt":"Setelah mengetahui komponen-komponen dalam hosting, selanjutnya kamu juga perlu tahu apa saja jenis hosting. Jenis hosting dapat dibedakan berdasarkan jenis website yang mampu ia handle atau tangani. Beberapa jenis hosting adalah: VPS adalah hosting yang banyak digunakan untuk high-traffic blog, e-commerce \/ bisnis online dan website-website project. Website ini memiliki\u2026","rel":"","context":"dalam &quot;Teknologi&quot;","block_context":{"text":"Teknologi","link":"https:\/\/www.hostnic.id\/blog\/.\/teknologi\/"},"img":{"alt_text":"web hosting murah terbaik","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/what-is-web-hosting-559462321-1024x621-1.jpg?fit=1024%2C621&ssl=1%3Fv%3D1618725456&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/what-is-web-hosting-559462321-1024x621-1.jpg?fit=1024%2C621&ssl=1%3Fv%3D1618725456&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/what-is-web-hosting-559462321-1024x621-1.jpg?fit=1024%2C621&ssl=1%3Fv%3D1618725456&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/what-is-web-hosting-559462321-1024x621-1.jpg?fit=1024%2C621&ssl=1%3Fv%3D1618725456&resize=700%2C400 2x"},"classes":[]},{"id":4171,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/jenis-jenis-hosting-dan-fungsinya-yang-harus-anda-ketahui\/","url_meta":{"origin":4948,"position":5},"title":"Jenis &#8211; Jenis Hosting dan Fungsinya Yang Harus Anda Ketahui","author":"Monic","date":"2020-11-27","format":false,"excerpt":"Hosting merupakan layanan untuk menyimpan materi yang ada dalam website. Materi berupa gambar, video atau data yang di simpan bisa berupa data situs berbentuk halaman website seperti script PHP, serta code CSS. Semua data itu akan disimpan dan dapat diakses serta dikelola melalui internet dan dapat diakses oleh setiap orang.\u2026","rel":"","context":"dalam &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"Jenis - Jenis Hosting","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/11\/1946929-scaled.jpg?fit=1200%2C800&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/11\/1946929-scaled.jpg?fit=1200%2C800&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/11\/1946929-scaled.jpg?fit=1200%2C800&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/11\/1946929-scaled.jpg?fit=1200%2C800&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/11\/1946929-scaled.jpg?fit=1200%2C800&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/4948","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/comments?post=4948"}],"version-history":[{"count":1,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/4948\/revisions"}],"predecessor-version":[{"id":4949,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/4948\/revisions\/4949"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media\/4767"}],"wp:attachment":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media?parent=4948"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/categories?post=4948"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/tags?post=4948"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}