Cara Menciptakan Website Sederhana Untuk Pemula Dalam 5 Menit

mungkin bisa dibilang bukan hal yang sulit bahkan cukup gampang untuk para webmaster Cara Membuat Website Sederhana Untuk Pemula Dalam 5 Menit
Cara Membuat Website

Cara menciptakan website mungkin bisa dibilang bukan hal yang sulit bahkan cukup gampang untuk para webmaster (pembuat website). Namun bagaimana dengan teman-teman kita yang gres saja 'terjun' di dunia blogging ? apakah mereka juga menganggap Cara Membuat Website ialah hal yang gampang ? tentu tidak bukan, atas dasar itulah saya akan mencoba menjelaskan tahap demi tahap Bagaimana Cara Membuat Website dari Dasar atau Awal untuk para Pemula tentunya.

Tenang saja, Cara Membuat Web yang akan saya berikan ini tidak akan banyak memakan waktu Anda, alasannya ialah sesuai judul yang saya buat Cara Membuat Website ini hanya akan memakan waktu 5 Menit saja, bahkan mungkin bisa kurang dari itu.

Baiklah, disini saya akan membagi Tutorial Membuat Website ini menjadi 2 Bagian.

  1. Cara Membuat Website
  2. Cara Upload File ke Website Menggunakan FTP
  3. Video Cara Membuat Website

Kedua Cara diatas akan saya jelaskan secara gamblang dengan bahasa yang sesederhana mungkin. Makara untuk Anda yang benar-benar buta akan Website bisa mengikuti Tutorial Membuat Website ini dengan Mudah.


1. Cara Membuat Website


Sebelum menciptakan website, hal yang harus Anda persiapkan ialah Hosting + Domain. Jika Anda galau apa itu Hosting, maka kita bisa mengibaratkan Hosting itu menyerupai Rumah untuk menyimpan barang-barang (file) dan Domain menyerupai Nama Jalannya, biar pengunjung bisa berkunjung.

Untungnya hampir semua penyedia layanan website kini ini sudah menyediakan paket lengkap, yaitu mereka sudah menyiapkan Hosting dan Domain menjadi satu, jadi pesan Hosting sanggup gratis Domain. Karena kita nyari yang gratisan jadi kita gak akan sanggup Domain, melainkan hanya akan menerima SubDomain (ada embel-embelnya, semacam blogspot.com atau wordpress.com).

Satu hal yang tak boleh Anda lupakan dalam pembuatan website ialah adanya logo yang akan menciptakan tampilan website semakin menarik. Tak perlu khawatir, bila Anda belum cukup hebat dalam hal design, alasannya ialah di internet tersedia banyak situs untuk menciptakan logo secara online, salah satu yang terbaik ialah https://www.logaster.com/id/. Untuk tutorial lengkapnya bisa Anda baca di Cara Membuat Logo Website.

Kembali ke Topik, untuk Cara Membuat Website.

  1. Kunjungi situs penyedia Layanan pembuatan Website, disini akan saya beri pola memakai situs penyedia layanan yang cukup terkenal di Indonesia, yaitu IDHostinger. Langsung saja kunjungi http://www.idhostinger.com/

  2. Setelah terbuka, selanjutnya klik Buat Akun. Letaknya ada di pojok kanan atas, erat form login.


  3. Di halaman ini Anda diwajibkan mengisi. Nama, E-mail dan Password Anda. Isikan sesuai tempatnya.


    Jangan lupa centang, Saya oke dengan Ketentuan Penggunaan Layanan.

  4. Selanjtunya, kita buka Tab Baru dan masuk ke Email kita, untu mengaktivasi Akun kita. Nanti ada dua Email dari yang dikirim oleh IDHostinger, Anda lihat saja yang pertama atau yang paling bawah.


    Tingal Anda klik atau salin link tersebut ke Address Bar dan klik Enter.

  5. Disini kita akan disuruh menentukan Paket Hosting yang akan kita pakai nanti untuk Membuat Website. Karena kita hanya akan Membuat Web untuk Belajar saja, maka kita Order saja yang Paket Gratis.


  6. Kalau diatas kita sudah memesan Hostingan makan sehabis itu kita akan diberi hadiah SubDomain. Untuk SubDomainnya ada banyak pilihan, silahkan Anda pilih yang paling cocok atau sesuai dengan selera Anda. Lalu klik Buat.


  7. SubDomain + Hosting Anda akan dibuat, jadi tunggu sampai muncul pemeberitahuan 'Akun telah dibentuk 100%' di pojok kanan bawah.


    Selanjutnya, silahkan Anda klik Lihat Hasil.

  8. Dari sini kita sudah berhasil menciptakan akun untuk menciptakan Websitenya, namun kita belum memesan Hosting + SubDomain atau dengan kata lain suah berhasi Mendaftar / Membuat Website. Namun kita harus melanjutkan untuk mengisi website kita dengan Artikel atau File. Caranya dengan mengklik tombol Kelola.


  9. Maka Anda akan dibawa ke Cpanel (Control Panel). Disinilah kawasan Anda mengatur segala sesuatu yang berkaitan dengan website Anda. Mulai dari :

    • Menambah Subdomain
    • Parkir Domain
    • Impor Website
    • Impor Database
    • Mengatur Halaman Error

    Dan masih banyak lagi. Namun kita tidak akan membahas fitur-fitur yang ada di Cpanel ini (butuh kerikil berhari-hari). Tujuan kita masuk Cpanel ialah untuk mengambil Data mengenai : 'Nama pengguna'.


    Lihat dan silhkan Anda Catat (kalau bisa dikertas atau buku).


2. Cara Upload File ke Website Menggunakan FTP


Untuk mengupload suatu file kedalam Website atau lebih tepatnya kedalam Hosting (rumah) sesungguhnya cukup mudah, yaitu cukup dengan mengklik File Manajer dan tinggal Anda pilih file yang akan Anda Upload.

Tapi yang jadi persoalan bagaimana bila kita ingin mengupload file kedalam Hosting ketika kita memakai HandPhone ? tentu kita mustahil masuk File Manajer yang ada disediakan IDHostinger, alasannya ialah ada beberapa Javascript yang harus dijalankan, dan itu mustahil dijalankan di browser Handphone (operamini / ucbrowser).

Maka dari itu, disini kita akan meminta pinjaman FTP. FTP Online ini fungsinya menjadi perantara, Antara file yang akan kita upload dengan Hosting yang sudah kita pesan tadi (tanpa melalui file manajer).

Mohon maaf disini saya akan memperlihatkan screenshotnya dari tampilan PC, tapi sesungguhnya sama persis kok tampilannya antara di PC dan Handphone, alasannya ialah saya sering membuka di HP juga.

Untuk Upload filenya mealalui FTP Online tentunya kita harus menentukan 1 dari ribuan FTP Online yang ada di Internet, disini saya tetapkan untuk menentukan Net4India alasannya ialah sudah support https dan yang terpenting ialah sangan HandPhone Friendly (nyaman dan tidak terlalu berat bila dibuka melalui hp).

Sekarang, langkah-langkah Cara Upload File ke Website atau Hosting memakai FTP Online.

  1. Buka https://ftp.net4india.com/


    Tadi sebelumnya saya menyuruh Anda untuk mencatat 'Nama pengguna' bukan ? gunanya ya untuk mengisi Login Panel di FTP ini. Ada tiga form yang harus Anda isi.

    FTP server: Isikan Nama Domain Anda
    Username: Isikan Nama Pengguna
    Password: Isikan Password

    Setelah semua terisi silahkan Anda klik Login.

    * yang dimaksud password disini ialah password ketika Anda mengisi SubDomain, jadi bukan password ketika Anda menciptakan akun IDHostinger.


  2. Setelah klik Login, maka Anda akan masuk kedalam direktori root.


    Di direktori (folder) ini Anda tidak bisa mengupload apapun, andai kata bisa upload, Anda tidak akan bisa mengaksesnya melalui url (tidak bisa diakses umum), alasannya ialah filenya berada di dalam. Solusinya Anda klik dulu public_html.

  3. Disinilah kawasan untuk mengatur halaman depan website Anda. Cara Mengaturnya, pertama-tama Anda hapus dulu default.php yang ada di direktori public_html ini. Ohya, default.php ini isinya ialah ucapan selamat tiba yang otomatis dibentuk oleh pihak IDHostinger, jadi kita hapus saja tidak masalah.


    Centang filenya dan pilih Delete. Lalu pilih Submit, dan klik Back untuk kembali ke public_html.

  4. Langkah selanjutnya tinggal kita upload file kita ? tapi file apa yang akan kita upload ? jangan kuatir disini saya akan memperlihatkan script / arahan html untuk menciptakan halaman depan website, oya arahan ini bukan buatan saya melainkan buatan master problogiz, yang juga sudah valid HTML5. Langsung saja ini beliau kodenya.

    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="utf-8">
    <title>Page Title</title>

    <!-- meta tags -->
    <meta name="keywords" content="">
    <meta name="description" content="">

    <!-- stylesheets -->

    <style>
    /* layout */
    #container {width: 960px;margin: 20px auto;background: #fff;padding: 30px;overflow: hidden;}

    /* header */
    #main-navigation {border-bottom: 5px solid #3942A3;margin: 20px 0;}
    #main-navigation ul {overflow: hidden;width: 100%;list-style: none;font-size: 1.6em;}#main-navigation li {float: left;}
    #main-navigation li a {background: #3972A3;margin: 0 5px 0 0;padding: 5px 30px;display: block;color: #000000;text-decoration: none;}
    #main-navigation li.current a {background: #666;}
    #main-navigation li a:hover {background: #777; }

    /* article */
    article {width: 100%;overflow: hidden;}
    section {float: left;width: 500px;}

    /* aside */
    aside {float: right;width: 310px;}

    /* footer */
    footer {width: 840px;margin: 20px auto;font-size: 1.4em;text-align: right;}

    /* common */
    body, select, input, textarea {font: 0.625em/1.4 tahoma, verdana, arial, helvetica, sans-serif;color: #333;}
    body {background: #ccc;}
    h1 {font-weight: normal;color: #666;font: 3.2em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0 0;}
    h2 {font-weight: normal;color: #666;font: 2.4em/1.4 georgia, 'times new roman', times, serif;margin: 0.2em 0; }
    section p, section ul, section ol,
    aside p, aside ul, aside ol {font-size: 1.4em;margin: 1em 0;}
    section ul {margin-left: 1em;}
    section ol {margin-left: 1.4em;}

    /* generic */
    html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
    dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
    a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0;}
    img {vertical-align: bottom;}
    img, fieldset {border: 0;}
    html {overflow-y: scroll;}
    header, nav, section, article, figure, aside, footer {display: block;}
    </style>

    <!-- javascript -->
    <script src="js/jquery-1.3.2.min.js"></script>

    <!--conditional-->
    <!--[if IE]>
    <script src="js/html5.js"></script>
    <![endif]-->
    </head>

    <body class="home">

    <div id="container">
    <header id="page-header">
    <h1>Judul Blog</h1>
    <nav id="main-navigation">
    <ul>
    <li class="current"><a href="#">Home</a></li>
    <li style="color: red;"><a href="#">About</a></li>
    <li><a href="#">Menu</a></li>
    <li><a href="#">Portfolio</a></li>
    <li><a href="#">Contact</a></li>
    </ul>
    </nav>
    </header>
    <article id="page-content">
    <section>
    <hgroup>
    <h2>Pemahaman HTML5</h2>
    <h2>Demo HTML5 Template</h2>
    </hgroup>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ac iaculis erat. Maecenas id fermentum odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
    <h2>HTML 5 Item</h2>
    <ul>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    </ul>
    <ol>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    <li>Lorem ipsum dolor sit amet</li>
    </ol>
    </section>
    <aside>
    <h2>Artikel Terkait</h2>
    <p>Aliquam id lorem ac tellus fringilla bibendum et at turpis. In ut auctor justo. Integer ac quam sed est semper hendrerit.</p>
    </aside>
    </article>
    </div>

    <footer>
    Footer
    </footer>

    </body>
    </html>

    Pertama Anda copy paste dahulu seluruh script diatas, selanjutnya paste kan kedalam aplikasi moby explorer (ini yang biasa saya pakai kalau mengedit text di hp) atau Anda bisa juga memakai editor yang gratis lainya, edit yang perlu diedit setelahs selesai di edit seve dengan nama index.html (tulis persis dengan apa yang saya tulis, jangan diganti Index.html atau ind3x.html)

  5. Setelah Anda save kini saatnya Anda upload, caranya gampang saja, klik Upload.


    Dan selanjutnya pilih Choose File (ada 2 goresan pena choose file, anda pilih yang atas alasannya ialah itu nanti file yang diupload tidak akan dikompres / meminimalisir file rusak). Dilanjut dengan mengklik tombol Submit.

    Jika muncul goresan pena :

    Checking files: 
    File index.html is OK
    Transferring files to the FTP server: 
    File index.html has been transferred to the FTP server using FTP mode FTP_ASCII

    Berarti file sukses diupload, itu artinya kita sudah berhasil mengubah halaman depan Website yang kita buat. Kalau tidak percaya cek saja Website Anda.

    Ini screenshot halaman depan Website saya yang index.html-nya memakai arahan diatas.


    Cukup menarik bukan, hehe.


Video Cara Membuat Website




Video ini saya buat untuk memudahkan rekan-rekan yang masih kesulitan memahani artikel cara menciptakan website diatas, dan impian saya tentunya setalah melihat video menciptakan website ini, tidak ada lagi rekan-rekan yang kesusahan dalam menciptakan website.

Captions

Cara Membuat Website ala Berguru SEO

Langkah 1 : Pergi ke idhostinger.com

Langkah 2 : Klik Buat Akun

Langkah 3 : Isi Nama, Email, Password Anda

Langkah 4 : Klik Buat Akun

Langkah 5 : Buka Akun Email Anda ( mail.google.com )

Langkah 6 : Klik Link Konfirmasi dari Pihak IDHostinger

Langkah 7 : Pilih Hosting yang Gratis ( Rp.0 )

Langkah 8 : Isi Nama Domain dan Password dan Klik Buat

Langkah 9 : Tunggu 5 Detik sampai Domain dan Hosting selesai dibuat

Jika sudah muncul pesan pemberitahuan yang ada di pojok kanan bawah, Itu artinya Website Sudah Berhasil Anda Buat, Selamat!


Kesimpulan :

Bisa disimpulkan dalam Membuat Website, singkatnya hanya dibutuhkan [ Hosting - Domain / SubDomain - index.html / index.php ] hanya dengan ketiga unsur ini, bisa dikatakan kita sudah berhasil menciptakan suatu website.

Semoga saja, Cara Membuat Website yang saya tuliskan ini sanggup bermanfaat untuk Anda yang ingin berguru menciptakan website. Akhir kata saya ucapkan terimakasih sudah berkunjung dan bersedia membaca artikel Cara Membuat Website Sederhana Untuk Pemula Dalam 5 Menit ini.

Komentar

Posting Komentar

Postingan populer dari blog ini

Cek Blog Anda Di Google Mobile-Friendly Test Tool Sekarang

Gambar
Cek blog anda di google mobile-friendly test tool kini juga sebelum terlambat, itulah gotong royong judul yang ingin saya tulis, tapi alasannya terlalu panjang jadi saya singkat saja judulnya. Kenapa saya menyampaikan demikian ? menyerupai yang kita semua ketahui bahwa sebentar lagi atau tepatnya nanti pada 21 April, Google akan mengeluarkan algoritma terbarunya yang diberi nama Mobbilegeddon. Ini bukan sekedar hoax atau isu belaka, dikarenakan telah diumumkan secara resmi melalui Official Google Blog yang diberitahukan pada artikel Finding More Mobile-friendly Search Results . Inti dari artikel tersebut yakni memberitahukan akan ada peluncuran algoritma terbaru Google Mobilegeddon yang dimulai pada tanggal 21 April. Di artikel ini saya tidak akan menjelaskan ulang apa itu Mobilegeddon, alasannya sudah pernah saya bahas secara lengkap pada artikel sebelumnya yang sanggup Anda baca disini . Tapi jikalau Anda sedang tidak punya banyak waktu untuk membaca artikel saya sebelu
Baca selengkapnya

Cara Mendaftar Ptc Neobux

Gambar
        NEOBUX yaitu salah satu situs bisnis online tanpa terlibat urusan SPAM, NEOBUX yaitu salah satunya kegiatan PTC yang tertua dan yang sangat direkomendasikan, diluncurkan pada bulan april  tahun 2008 dibawah company PT. Neodev, Lda , dengan usianya cukup usang tersebut  PTC NEOBUX  tetap semakin eksis dan digemari para clicker di seluruh dunia dan merupakan salah satu bisnis online berpenghasilan besar bagi mereka. Salah satu keunggulan dari PTC ini yaitu untuk menggaet direct refferral dan rental refferral tidak dibatasi, berarti peluang untuk mengeruk dollar pada PTC ini sangatlah besar, untuk bergabung di PTC NEOBUX caranya cukup gampang sama halnya mendaftar pada kegiatan PTC lainnya,  cara pendaftarannya yaitu sebagai berikut : Buka situs web NEOBUX dengan cara klik link ini : www.neobux.com atau klik banner dibawah ini dan isikan data Anda dengan lengkap.         Berikut yaitu tampilan halaman situs PTC NEOBUX  menyerupai gb. dibawah ini : Klik sajian Register
Baca selengkapnya

6 Tips Dan Trik Melaksanakan Pencarian Efektif Di Google

Gambar
Sampai ketika ini diperkirakan ada lebih dari satu juta triliun gosip yang terdapat di internet. Untuk mencari gosip sesuai yang diinginkan, salah satu caranya yaitu dengan memakai tunjangan mesin pencari (search engines) ibarat Google. Meskipun faktanya terdapat banyak sekali mesin pencari selain Google ibarat contohnya Bing, Yandex atau Baidu, namun tetap saja Google yang menjadi primadona, alasannya yaitu dianggap bisa menunjukkan hasil pencarian yang lebih akurat. Selain hasil pencarian yang akurat, Google juga mempunyai kelebihan lain, yaitu adanya fitur Search Operator. Sesuai namanya fitur Search Operator ini befungsi untuk membantu para pengguna mendapat hasil pencarian akurat dengan cara menambahkan operator (perintah) dalam bentuk syntax. Tips & Trik Pencarian dengan Google Melalui artikel inilah saya akan mencoba menyebarkan tips dan trik dalam melaksanakan pencarian yang efektif memakai search operator untuk mendapat hasil pencarian yang relevan dengan keyword
Baca selengkapnya