Cara menambahkan halaman html di website

Situs Web + Pemasaran memungkinkan Anda menambahkan kode Anda sendiri (HTML, CSS, dan JavaScript) ke situs web Anda. Ini memungkinkan Anda memperluas kemampuan situs Anda dengan hal-hal seperti formulir kustom, peta, dan tombol fungsi khusus — untuk menyebutkan beberapa opsi saja

Tambahkan Google Analytics, Facebook Pixel, Tag Meta Facebook, Tag Meta Pinterest, dan Google AdSense langsung ke situs Anda di Pengaturan, tidak perlu bagian kode khusus. Pastikan untuk mengizinkan pengunjung situs web menyetel cookie dan preferensi pelacakan, itu hukumnya

Catatan. Menyematkan kode dapat memengaruhi fungsi seluruh situs Anda, jadi gunakan ini hanya jika Anda merasa nyaman dengan pengodean tangan atau memiliki kode tertentu dari situs lain

Membuat kode halaman web pertama Anda dan membuatnya online adalah hal yang penting, jadi jika Anda sudah sampai sejauh ini, selamat. Tetap saja, meskipun Anda layak mendapat tepukan, tidak ada waktu untuk berpuas diri dengan kemenangan digital Anda—menghidupkan halaman web pertama Anda sangatlah besar, tetapi untuk beralih dari situs web statis ke situs yang menarik dan menarik bagi . Ingin tahu persis apa yang diperlukan untuk menambahkan halaman baru ke situs satu halaman yang telah Anda kodekan dan unggah ke server web?

Membuat kode situs web secara manual dari awal dan membangun situs web menggunakan sistem manajemen konten adalah dua metode paling umum untuk membuat situs web. Dalam kasus pengkodean tangan, bahasa markup seperti HTML dan CSS menentukan bagian halaman web (hal-hal seperti judul, paragraf, font, dan warna) sehingga mereka akan ditampilkan dengan benar di jendela browser web pengunjung Anda, sementara bahasa skrip . ). Jika Anda mengambil rute sistem manajemen konten, perangkat lunak seperti WordPress (pembuat situs web) digunakan untuk membuat konten web melalui menu tarik-turun, formulir, dan editor teks bawaan. Karena kemungkinan besar Anda membuat halaman pertama situs web Anda menggunakan salah satu dari dua metode ini, kami akan membahas petunjuk langkah demi langkah untuk menambahkan halaman tambahan ke situs HTML/CSS dan situs web WordPress

Menambahkan Halaman Web ke situs web HTML

Jika Anda telah memulai situs Anda dengan membuat beranda menggunakan HTML dan CSS, halaman pertama itu harus ada sebagai file berjudul index. html. Ini akan menjadi halaman yang Anda buat di editor teks menggunakan kode HTML untuk elemen struktural seperti judul dan paragraf, dan CSS (baik secara eksternal, internal, atau inline) untuk tata letak halaman, warna, dan jenis font. Jika Anda menggunakan lembar gaya eksternal untuk menentukan tampilan seluruh situs web Anda, Anda juga akan memiliki. file css yang berisi eksternal Anda. kode css. Pada titik ini, kedua file tersebut (atau hanya file index. html jika CSS Anda internal atau inline) harus berada di folder proyek khusus di desktop Anda. Jika Anda telah membuat situs web satu halaman Anda online, Anda juga akan mengunggah indeks Anda. html (dan. css jika ada) ke layanan hosting web. Dengan itu, Anda siap untuk mulai menambahkan halaman tambahan

Sama seperti yang Anda lakukan dengan beranda Anda, buka editor teks dan gunakan keterampilan pengkodean HTML itu untuk bekerja. Kemudian, setelah Anda selesai membuat kode, simpan halaman baru ini sebagai. html dengan nama file yang sesuai—misalnya, jika Anda membuat halaman Tentang untuk situs Anda, beri nama file tentang. html. Tambahkan file baru ini ke folder proyek Anda bersama index. html, lalu buka index. html dan tambahkan teks di beranda Anda dengan tautan ke laman baru yang Anda buat—ingat, setelah Anda mulai menambahkan laman web tambahan, sangat penting untuk menautkan setiap laman ke laman lainnya sehingga pengunjung dapat menavigasi situs web Anda. Untuk membantu melacak ini saat situs Anda mulai tumbuh di halaman, ada baiknya membuat peta situs. Ini bisa berupa dokumen yang disimpan offline, atau halaman yang ditambahkan ke situs web Anda yang sebenarnya yang secara harfiah memetakan penempatan halaman dan bagaimana setiap halaman ditautkan ke yang lain. Setelah Anda menyelesaikan langkah-langkah ini, cukup unggah halaman baru ke layanan hosting web Anda melalui FTP (dengan cara yang persis sama saat Anda mengunggah beranda asli Anda), dan tambahan terbaru Anda ke situs tersebut akan aktif

Salah satu tip yang perlu diingat saat bekerja dengan halaman HTML adalah mengkloning konten jika berlaku (daripada memulai dari awal dengan setiap halaman web baru). Dengan melakukan ini, Anda dapat menggunakan kembali kode yang ada sebagai template dan hanya membuat template kustom bila diperlukan—sesuatu yang akan menghemat banyak waktu selama karier pengembang web Anda. Untuk melakukan ini, cukup mulai halaman baru dengan membuka indeks asli Anda. html dan "menyimpan sebagai" halaman baru (misalnya, about. halaman html yang dijelaskan di atas). Anda kemudian dapat memulai dengan kode apa pun dari beranda yang ingin Anda bawa ke halaman baru Anda, sambil menghapus apa pun yang bukan miliknya dan menambahkan kode baru sesuai kebutuhan. Ini jauh lebih mudah daripada mengkode ulang setiap aspek halaman baru, atau bahkan mengklik bolak-balik antar file untuk menyalin dan menempelkan kode HTML

Cara Menambahkan Halaman Baru ke Situs WordPress

Jika Anda menggunakan WordPress untuk membangun dan mengelola situs web WordPress, metode untuk menambahkan halaman baru adalah sebagai berikut

Cari kategori Halaman di menu sidebar di sisi kiri layar Anda

Klik Halaman, dan pilih Tambah Baru

Masukkan judul di bilah di bawah Tambahkan Halaman Baru, lalu pindah ke bidang editor teks di bawah dan WordPress akan secara otomatis menghasilkan alamat url untuk halaman Anda

Anda dapat menyimpan url default ini (seperti pada gambar di atas), atau mengeditnya dengan menekan tombol Edit. Setelah itu, cukup tambahkan konten halaman Anda di bidang editor teks, tekan tombol Publish besar setelah Anda selesai, dan Anda baru saja mendapatkan halaman baru untuk situs web WordPress Anda

Terakhir, ingat—sama seperti situs web HTML—Anda perlu menyertakan teks tertaut di setiap halaman agar pengunjung dapat bernavigasi bolak-balik di situs web WordPress Anda

Apakah Teknologi Tepat Untuk Anda?

Anda Akan Belajar. Jika karir di bidang teknologi tepat untuk Anda Karier teknologi apa yang sesuai dengan kekuatan Anda Keterampilan apa yang Anda butuhkan untuk mencapai tujuan Anda

Scott Morris

Scott Morris adalah penulis staf dan produser konten Skillcrush. Seperti semua anggota tim Skillcrush, dia bekerja dari jarak jauh (dalam kasusnya dari Napa, CA). Dia percaya bahwa konten itu layak dibaca (dan yang dapat ditemukan audiens Anda. ) menciptakan merek yang diikuti orang. Dia berpengalaman menulis tentang topik termasuk pekerjaan dan teknologi, pemasaran digital, pivot karir, kesetaraan gender, pengasuhan anak, dan budaya populer. Sebelum memulai karirnya sebagai penulis dan pemasar konten, dia menghabiskan 10 tahun sebagai orang tua penuh waktu untuk putrinya Veronica dan Athena

Bagaimana cara menambahkan halaman HTML baru ke situs web yang sudah ada?

Bagaimana cara menampilkan HTML di browser saya?

Bagaimana cara menyematkan kode ke situs web?