Home-theater-designers
Anda ingin membuat situs web, tetapi tidak tahu harus mulai dari mana?
Tampaknya tempat pelatihan pengembangan web biasa juga yang paling mahal: membeli domain, server host, akun WordPress, tema, dll. Tetapi bagaimana jika Anda bukan pemilik usaha kecil atau mencoba membangun merek? Bagaimana jika Anda hanya mencoba mempelajari pengembangan web, tanpa kekacauan?
Baca terus untuk mempelajari cara meng-host situs web Anda sendiri , yang dapat Anda buat dari awal atau dengan template yang sudah jadi, di komputer Anda, dan gratis. Oh, itu termasuk hosting akun WordPress Anda sendiri juga!
XAMPP: Sebuah Pengantar
XAMPP Bitnami adalah 'distribusi Apache yang berisi PHP dan Perl.' Untuk tujuan kami, kami hanya perlu memahami bahwa XAMPP adalah program gratis dan sederhana yang memungkinkan pengguna untuk meng-host situs web di PC mereka.
Meskipun pengaturan server lokal menggunakan XAMPP agak teknis, prosesnya juga cukup mudah dan lurus ke depan. Setelah semuanya diatur, Anda akan menemukan bahwa mengelola dan mengedit situs web sangatlah mudah.
Lalu ada masalah kontrol cepat dan lengkap. Menggunakan XAMPP untuk membuat dan mengedit situs web, Anda akan dapat mengubah situs web sebanyak atau sesedikit yang Anda inginkan. Yang mengatakan, dengan kekuatan besar datang tanggung jawab besar. Anda juga lebih rentan kehilangan situs Anda, terutama jika Anda tidak melakukannya membuat cadangan .
cara menarik pesan facebook yang dihapus
Namun, jika Anda menginginkan proyek kursus pemula asli di web dev, XAMPP adalah untuk Anda. Itu termasuk proyek apa pun yang berkaitan dengan HTML, CSS, Javascript, dan seterusnya!
Menginstal XAMPP
Pergi ke XAMPP situs web dan unduh paketnya. Ikuti proses pengaturan default. Setelah Anda mengunduh XAMPP, panel kontrol XAMPP Anda akan terbuka secara otomatis. Jika tidak, Anda dapat menemukan program XAMPP seperti yang Anda lakukan lainnya (melalui pencarian Start Menu).
Di jendela panel kontrol XAMPP Anda, Anda akan melihat tata letak sederhana yang menjalankan proses XAMPP. Untuk tujuan kami, kami akan fokus pada dua opsi pertama: Apache dan MySQL.
Apache -- Inti utama XAMPP, opsi Apache membuat server Apache di PC Anda. Inilah yang memungkinkan Anda menjalankan dan mengedit situs web di PC melalui browser web, seperti halnya situs web. Kecuali, tentu saja, situs web ini berjalan di PC Anda, bukan di server yang terhubung ke internet.
MySQL -- SQL memungkinkan komunikasi antara database dan situs web, memungkinkan pengguna menguji dan menyimpan email, kata sandi, dan input data lainnya. Kami akan menggunakan ini untuk akun WordPress lokal Anda.
tekan Awal tombol di panel kontrol XAMPP Anda di bawah tindakan untuk Apache dan MySQL. Tunggu hingga Apache dan MySQL disorot hijau di bawah bagian modul Anda. Setelah diaktifkan, Anda bebas menggunakan XAMPP.
Localhost dan phpMyAdmin
Untuk memastikan semuanya berfungsi dengan baik, buka browser web, masukkan http://localhost/ ke bilah alamat Anda dan tekan Memasuki . Anda harus diarahkan ke http://localhost/dasbor/ , yang merupakan halaman XAMPP default.
Selanjutnya, klik pada phpMyAdmin tombol di menu navigasi atas. Anda akan diarahkan ke halaman phpMyAdmin default Anda.
Biarkan saja untuk saat ini, tetapi jika keduanya berfungsi, Anda siap untuk mulai membuat situs web!
Membuat Website Menggunakan XAMPP
Sekarang tiba bagian menyenangkan. Buka folder XAMPP yang terletak di direktori root drive Anda ( C:xampp secara default). Lalu, pergilah ke htdocs . Ini akan menjadi repositori situs web utama yang akan Anda gunakan untuk melihat situs web.
Sebelum kami membuat dan mengedit situs web, Anda memerlukan editor teks. Meskipun Anda dapat menggunakan editor teks default seperti Notepad, biasanya yang terbaik adalah mengunduh editor pihak ketiga yang dibuat khusus untuk kode dan markup . Teks Sublim adalah salah satu yang terbaik, jadi kunjungi situs web mereka dan unduh perangkat lunak untuk memulai.
Sekarang Anda dapat mulai mengunduh dan menginstal situs web ke XAMPP. Saya akan menggunakan Perjalanan template, tetapi Anda dapat menggunakan template mana pun yang Anda inginkan. Unduh file zip situs web, dan simpan di lokasi yang akan Anda ingat. Selanjutnya, buat folder di dalam folder htdocs XAMPP untuk situs web Anda. Saya telah menamai milik saya perjalanan -- usahakan agar nama Anda tetap sederhana. Kemudian, unzip dan ekstrak isi file zip Anda ke folder htdocs ini.
Setelah Anda mengekstrak file, buka repositori situs web Anda di dalam htdocs untuk memastikan mereka telah diekstraksi dengan benar.
Terakhir, buka halaman web Anda di browser web Anda . Milikmu situs web , sehingga untuk berbicara, akan dapat dijangkau menggunakan localhost yang disebutkan sebelumnya bersama dengan nama folder yang menyimpan file halaman Anda. Ini karena situs web pada dasarnya adalah file yang terdapat dalam folder, semuanya di bawah satu domain -- atau root -- nama. Anda sudah belajar!
Folder yang kami buat sebelumnya bernama roadtrip, jadi alamat situs lengkapnya adalah http://localhost/roadtrip .
Kamu sudah selesai! Sekarang Anda dapat mulai mengedit situs web secara lokal.
Mengedit Situs Web
Buka Teks Sublime. Menuju ke Mengajukan dan pilih Folder terbuka . Temukan dan pilih folder web Anda di dalam folder XAMPP. Anda sekarang dapat mengedit beberapa halaman dari situs web yang sama dalam editor Teks Sublime Anda.
Sublime Text juga menyediakan antarmuka yang bagus bagi Anda untuk melihat setiap file dan folder situs web Anda. Untuk membuat perubahan di situs web Anda, edit kode situs web Anda, simpan (menggunakan perintah keyboard Ctrl + S ), dan segarkan situs web Anda di dalam browser.
Prosesnya sederhana dan langsung: edit halaman web, lalu periksa untuk melihat apakah kode Anda berfungsi. Saat Anda maju dalam pengembangan web, Anda akan mencoba memasukkan fitur yang lebih rumit ke dalam halaman web Anda. Tidak peduli tingkat keahliannya, format dasar untuk mengedit halaman tetap sama.
Gunakan WordPress Dengan XAMPP
Jika Anda tidak ingin mengedit kode mentah, atau lebih suka menggunakan sistem manajemen konten (CMS) yang lebih familiar, WordPress menyediakan sumber daya desain web yang fantastis dalam file ZIP yang mudah digunakan juga! Untuk menginstal WordPress di XAMPP, buka Situs web WordPress dan unduh aplikasi resminya.
Gunakan format yang sama untuk membuat situs web seperti yang Anda lakukan sebelumnya, dengan folder WordPress yang diekstrak ada di direktori htdoc di dalam folder wordpress . Pertahankan nama folder demi kejelasan.
Menggunakan phpMyAdmin
Karena WordPress mengharuskan Anda membuat informasi login, Anda harus membuat entri di direktori PHP Anda untuk halaman web. Menuju ke halaman phpMyAdmin Anda - http://localhost/phpmyadmin/ secara default -- untuk memulai.
Dari halaman ini, klik Database . Di bawah Buat basis data parameter, masukkan wordpress dan kemudian tekan Membuat . Anda akan melihat popup yang memberi tahu Anda bahwa database telah dibuat. Selanjutnya, tutup jendela browser ini dan masukkan folder WordPress Anda di dalam direktori htdocs XAMPP. Folder ini harus memiliki konten file WordPress Anda yang belum di-zip.
Mengonfigurasi Masuk
Kami perlu mengonfigurasi situs web WordPress yang sebenarnya sehingga Anda dapat masuk dan menggunakan situs tersebut. Ini dilakukan melalui file konfigurasi PHP utama WordPress. Di dalam folder WordPress Anda, temukan file berlabel wp-config-sample.php , klik kanan file, pilih Sunting (atau Buka dengan untuk editor teks terpisah). Notepad seharusnya berfungsi dengan baik.
Berikut kode yang akan kita fokuskan:
// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', ' database_name_here ');
/** MySQL database username */
define('DB_USER', ' username_here ');
/** MySQL database password */
define('DB_PASSWORD', ' password_here ');
Anda harus membuat tiga perubahan pada kode di atas di dalam tanda kutip.
database_name_sini -- Ubah parameter ini menjadi wordpress . Situs web kemudian akan menggunakan database yang dibuat sebelumnya di phpMyAdmin berlabel seperti itu.
nama pengguna_disini -- Ubah ini menjadi akar . Nama pengguna root memiliki hak administrator yang tepat secara default, sehingga akan diizinkan melalui phpMyAdmin. Nama pengguna lain tidak akan berfungsi kecuali diberikan izin yang sesuai.
kata sandi_di sini -- Ubah ini menjadi kata sandi yang mudah dikenali. Jika Anda lebih suka tidak menggunakan kata sandi, hapus parameternya.
Simpan file ini sebagai wp-config.php -- berbeda dengan sebelumnya wp-config-sample.php -- dan keluar. Kemudian, menuju ke alamat localhost berikut: http://localhost/wordpress .
Lanjutkan dengan instalasi, termasuk pembuatan WordPress Anda Nama pengguna dan Kata sandi . Anda dapat memasukkan nilai mana pun yang Anda inginkan. Setelah Anda selesai memasukkan nilai Anda, klik pada Instal WordPress tombol untuk menyelesaikan proses. Setelah selesai, masuk ke WordPress lokal Anda menggunakan nama pengguna dan kata sandi yang diberikan pada halaman sebelumnya.
Kamu sudah selesai! Sekarang, Anda dapat menghabiskan isi hati Anda untuk mengedit, memodifikasi, dan membuat halaman web baik dari awal maupun melalui WordPress, offline, dan gratis !
bagaimana cara mematikan senter?
Pengembangan Web Dimulai Dengan Satu Halaman
Sebelumnya, Anda baru saja memulai perjalanan pengembangan web Anda. Sekarang, Anda telah membuat server lokal di PC Anda di mana Anda dapat membuat, memodifikasi, dan mengadaptasi halaman web dengan cepat. Yang terbaik dari semuanya, Anda sepenuhnya memegang kendali. Satu-satunya yang tersisa adalah memulai eksperimen Anda, jadi mulailah!
Memutuskan Anda tidak ingin melalui semua pekerjaan ini? Coba salah satu layanan hosting situs web gratis terbaik sebagai gantinya.
Kredit Gambar: Dmitry Tishchenko/Shutterstock
Membagikan Membagikan Menciak Surel 6 Alternatif Audible: Aplikasi Audiobook Gratis atau Murah TerbaikJika Anda tidak suka membayar untuk buku audio, berikut adalah beberapa aplikasi hebat yang memungkinkan Anda mendengarkannya secara gratis dan legal.
Baca Selanjutnya Topik-topik yang berkaitan- jendela
- Pemrograman
- Wordpress
- Pengembangan web
- Hosting Web
- Alat Webmaster
- Server Apache
- Server Web
Christian adalah anggota komunitas MakeUseOf baru-baru ini dan pembaca setia segala sesuatu mulai dari literatur padat hingga komik strip Calvin dan Hobbes. Semangatnya untuk teknologi hanya cocok dengan keinginan dan kesediaannya untuk membantu; jika Anda memiliki pertanyaan tentang (kebanyakan) apa pun, jangan ragu untuk mengirim email!
More From Christian BonillaBerlangganan newsletter kami
Bergabunglah dengan buletin kami untuk kiat teknologi, ulasan, ebook gratis, dan penawaran eksklusif!
Klik di sini untuk berlangganan