Mengubah warna tulisan website

Untuk mengubah warna tulisan website, kita bisa menggunakan kode berikut:

Nah letakkan kode di atas menggantikan ... di antara tag .

Lalu save text-editor kamu dan refresh browsernya. Kamu akan melihat tulisan h1 kamu menjadi merah , sesuai dengan color red yang kamu berikan.

Mengelola dependensi di Maven

Anda mungkin menemukan ungkapan "manajer ketergantungan". Maven tahu cara mengelola dependensi. Berkat Maven, Anda tidak perlu menghabiskan banyak waktu mencari perpustakaan yang diperlukan di Internet, mengunduhnya, lalu menghubungkannya ke proyek Anda. Sebagai gantinya, Anda cukup menambahkan pustaka yang diperlukan ke daftar dependensi di Maven.

Katakanlah Anda memerlukan pustaka IO Apache Commons di proyek Anda untuk menyederhanakan bekerja dengan file. Untuk menambahkan perpustakaan, kami menulis lima baris di pom.xml:

Sekarang file pom.xml Anda akan terlihat seperti ini:

Setelah itu, izinkan IntelliJ IDEA untuk mengimpor dependensi (dialog akan muncul di pojok kanan bawah). Sekarang perpustakaan siap digunakan:

Semua dependensi selanjutnya juga harus ditulis di dalam

tag. Anda mungkin bertanya-tanya bagaimana cara mengetahui informasi tentang perpustakaan yang perlu Anda tunjukkan di dalam tag

. Itu mudah. Tiga parameter selalu perlu disetel: "groupId", "artifactId", dan "version". Ada dua cara untuk menentukan parameter ini:

Di situs web perpustakaan. Jika kami membutuhkan perpustakaan Apache Commons IO, buka situs web resmi dan pilih tab "Informasi Ketergantungan". Semua informasi yang diperlukan ada di sini — Anda cukup menyalinnya dan menambahkannya ke node .

Dalam repositori Maven . Masukkan "apache commons io" di bilah pencarian dan Anda akan melihat semua versi perpustakaan yang tersedia. Setelah memilih yang benar, cukup salin yang berikut ini:

dan tambahkan ke pom.xml Anda.

Bagaimana agar website kamu bisa diakses oleh orang lain ?

Untuk membuat website kamu bisa diakses oleh orang lain, kamu perlu mengupload kode kamu ke sebuah server atau dikenal dengan istilah hosting.

Setelah itu menyambungkannya dengan nama domain agar mudah diingat dan dibuka oleh orang lain.

Referensi artikel terkait ini:

Kode lengkap tutorial singkat ini

Jika kamu mengalami masalah mengikuti panduan di atas, kamu bisa menggunakan kode ini sebagai referensi:

Bagaimana latihan membuat website selanjutnya ?

Kamu bisa mulai membuat website yang kamu inginkan sendiri. Bisa mencari contoh desain dari situs yang kamu suka, atau melihat inspirasi di Dribble, Pinterest, atau Behance.

Jika kamu ingin sekedar latihan (tidak mendesign sendiri), gunakan situs ini:

Materi ini merupakan bagian dari seri "Pengantar Pengembangan Usaha". Artikel sebelumnya:

adalah alat untuk mengelola dan membangun proyek — asisten pemrogram Java yang sangat membantu. Itu membuat hidup lebih mudah bagi pengembang di setiap tahap pekerjaan: mulai dari membuat struktur proyek dan menghubungkan pustaka yang diperlukan hingga menerapkan produk di server. Anda harus menggunakan Maven saat bekerja dengan framework apa pun. Jadi, hari ini mari kita lihat fungsi utamanya dan lihat cara menggunakannya.

Persiapan membuat website dari dasar

Berikut alat yang kita butuhkan untuk membuat website sendiri:

Jika kamu ingin mengikut panduan ini, mari install Visual Studio Code.

Kamu bisa menemukan tombol download di halamannya.

Baca kelebihan Visual Studio Code untuk coding

Untuk membuat stuktur dasar websitenya, kita perlu menulis kode HTML. Dalam membuat kode sudah ada syntax atau aturan baku bagaimana caranya.

Kamu tidak harus menghafal atau mengingat ini, ada internet yang bisa kamu gunakan untuk mencari informasi tersebut sewaktu-waktu.

Nama `index` bisa kamu ubah dengan nama apa saja

Kamu tidak perlu langsung paham semuanya. Pola penulisan ... adalah cara menulis kode di HTML. Yang berada di antara tag tersebut adalah konten dari tag tersebut.

Menambahkan paragraf di situs kamu

Untuk menambahkan paragraf, kita bisa menggunakan tag

...

. Contohnya:

letakkan tag p setelah tag h1 yang kamu buat sebelumnya

Sekarang reload browser, kamu akan melihat paragraf baru yang ditambahkan.

Melihat hasil kode tersebut

Klik dua kali file index.html yang kamu buat tadi, maka akan otomatis membuka browser dan menampilkan hasilnya. Kamu akan melihat tulisan “Halo, Selamat Datang!” di sana.

Untuk mengubah konten yang ditampilkan, kamu bisa mengubah konten di antara tag

...

. Contohnya:

Apa yang perlu kamu pelajari selanjutnya ?

Itu dia gambara membuat website sendiri dengan HTML dan CSS.

Kita barus melihat sedikit dari luasnya kemampuan HTML dan CSS. Kamu bisa menggunakan link-link di bawah sebagai referensi lanjutan untuk belajar lebih jauh.

Apa yang akan kita lakukan di panduan tutorial ini?

Kamu akan terjun langsung merasakan bagaimana membuat website dari dasar dengan HTML dan CSS. Tentu kita tidak akan menjadi ahli hanya dengan satu artikel.

Tapi tujuannya, agar kamu bisa merasakan langsung dan menghilangkan tanda tanya selama ini seputar pembuatan situs.

Ini adalah awal dari kamu nanti bisa membuat berbagai situs lain seperti, profil perusahaan, blog, toko online, aplikasi, sosial media dan masih banyak lagi!

Sudah siap? mari kita mulai!