HTML & CSS untuk pemula

HTML & CSS untuk Pemula (Bagian 48): Situs web dipublikasikan secara online

Semua video tutorial HTML & CSS untuk pemula

Seringkali pengembangan situs dilakukan secara lokal. Untuk itu, seperti yang sudah cukup. Pernah ditunjukkan, kita perlu membuat struktur direktori yang sesuai.

HTML & CSS untuk Pemula (Bagian 48): Situs web akan diluncurkan


Struktur ini pada akhirnya yang akan diunggah secara online. (Di sini saya berasumsi menggunakan situs web HTML statis. Namun, bahkan jika Anda mengembangkan situs web dinamis misalnya berbasis PHP dan MySQL, Anda dapat melakukannya secara lokal terlebih dahulu. Kata kuncinya adalah misalnya XAMPP). Jadi, pastikan untuk tidak menyertakan karakter spasi atau khusus dalam nama direktori dan file Anda. Selain itu, saya sarankan Anda menggunakan huruf kecil secara konsisten dalam nama-nama tersebut.

Penyedia Layanan yang Tepat

Agar Anda dapat mengunggah situs web Anda secara online, Anda memerlukan ruang penyimpanan web yang sesuai. (Di sini saya berasumsi Anda tidak akan menjalankan server sendiri, tetapi ingin menyewa ruang web dari penyedia layanan).

Jadi pertama-tama, Anda perlu mendapatkan ruang penyimpanan dari penyedia layanan. Hal yang sama berlaku untuk domain, atau pada akhirnya alamat di mana situs web akan diakses nantinya. Saat ini, ada banyak penyedia layanan di mana Anda bisa menyewa ruang web dengan biaya terjangkau. Saat memilih penyedia dan paket ruang web, Anda harus memperhatikan hal-hal berikut:

• Minimal 1,5 Gigabyte ruang penyimpanan

• 1 Domain DE termasuk

• Biasanya setidaknya PHP harus didukung.

• Sebuah basis data MySQL harus ada.

• Pastikan untuk memperhatikan lalu lintas yang tidak terbatas.

Terutama poin terakhir ini penting, karena biaya lalu lintas seringkali menyembunyikan potensi biaya yang sebenarnya.

Tentu saja, hal-hal yang disebutkan hanyalah persyaratan minimum bagi situs web kecil. Jika Anda mengoperasikan situs yang berkunjung tinggi, tentu perlu berinvestasi lebih. Namun demikian, beralih dari paket ruang web kecil ke yang lebih besar biasanya bisa dilakukan tanpa masalah. Jika tidak yakin, tanyakan terlebih dahulu kepada penyedia.

Pada situs http://www.webhostlist.de/webhosting/vergleich/ Anda dapat mencari penyedia yang sesuai untuk Anda.

HTML & CSS untuk Pemula (Bagian 48): Situs web diluncurkan


Anda bisa memulai pemilihan penyedia berdasarkan kriteria yang berbeda di sana.

Mentransfer Data

Setelah Anda memiliki data yang diperlukan, Anda dapat mengunggah file lokal Anda ke situs web. Namun, sebelum itu, periksa kembali file Anda dan sintaks di dalamnya. Terutama hal-hal berikut ini penting:

• Periksa apakah semua hyperlink dan path gambar sudah benar. (Terutama jika Anda membuat halaman HTML dengan editor WYSIWYG, sering kali menggunakan path lokal yang tidak benar saat situs web diunggah secara online).

• Periksa nama file dan direktori untuk karakter spasi dan khusus.

Apakah semuanya sesuai? Jika ya, Anda bisa mengunggah halaman sekarang. Caranya, sambungkan koneksi FTP dengan ruang web Anda. Ini bisa dilakukan dengan alat FTP apa pun. Salah satu alat terbaik dan gratis yang ada adalah FileZilla, yang bisa diunduh dari situs http://www.filezilla.de/.

Setelah menginstal dan memulai FileZilla, buka Berkas>Manajer Server. Di jendela dialog yang terbuka, klik Server Baru.

HTML & CSS untuk pemula (Bagian 48): Situs webnya diluncurkan

Pada bagian jendela kanan, masukkan data FTP yang Anda dapatkan dari penyedia Anda. Ini bisa terlihat misalnya:

Server = www.dein-benutzername.de

Tipe Server = FTP-File Transfer Protocol

Tipe Koneksi = Normal

Pengguna = ftp_sdfsdfsfd@dein-benutzername.de

Kata Sandi = Kata sandi Anda

Silakan masukkan data FTP di sini. Jika perlu, tanyakan lagi kepada penyedia Anda.

Dengan Sambung, koneksi ke server FTP akan terbentuk.

Di sini, saya asumsikan bahwa Anda akan menduplikasikan situs web langsung ke direktori root situs. Root directory dapat dikenali dari garis miring sebelumnya.

HTML & CSS untuk Pemula (Bagian 48): Situs web diunggah online

Keunggulan dari metode langsung ini adalah situs web akan dapat diakses langsung di http://www.deine-domain.de/. Jadi, Anda tidak perlu menyusun pengalihan atau sejenisnya.

Pada banyak penyedia, di direktori root sudah biasanya terdapat dua direktori, yaitu cgi-data dan cgi-bin. Dan pilihlah level ini untuk menyalin semua direktori dan file dari lingkungan lokal. Cari di bagian kiri atas FileZilla untuk file lokal.

Pilih file dan direktori di mana data lokal berada.

Selanjutnya, Anda hanya perlu menandai file dan direktori yang ada dalam area bawah jendela. Setelah itu, klik kanan pada direktori/file yang sudah ditandai dan pilih Unggah.

Data sekarang akan diunggah ke server. Perhatikan bahwa semua file benar-benar telah ditransfer. Jika ada masalah dengan mengunggah file tertentu, Anda dapat melihatnya di bagian bawah jendela FileZilla.

Setelah semua konten berada di server, mulailah menguji situs web. Periksa terutama apakah semua gambar hadir dan tautan berfungsi dengan baik.

Akhir dan Kesimpulan

Dengan demikian, kita telah mencapai akhir dari seri HTML-CSS ini. Yang seharusnya Anda pahami adalah langkah-langkah dasar untuk membuat halaman web berbasis HTML dan CSS dan kemudian mempersembahkannya kepada publik. Yang harus jelas, adalah pembuatan halaman web adalah proses yang panjang. Ini dimulai dari perancangan, melalui pengembangan web sebenarnya, dan berakhir dengan mengunggah dan mengontrol halaman web tersebut. Dan sekarang saya ucapkan selamat sukses untuk situs web baru Anda!