Posts

Showing posts with the label CSS

Program Aplikasi Data Karyawan Berbasis Web

Image
Program Aplikasi Data Karyawan Berbasis Web - Program Aplikasi Data Karyawan Berbasis Web ini dirancang menggunakan bahasa pemrograman JavaScript, PHP, HTML, CSS dan menggunakan database MySQL.    Program aplikasi data karyawan ini merupakan aplikasi client server berbasis web yang diimplementasikan pada sebuah jaringan komputer client server dengan server localhost yang menggunakan XAMPP sebagai database. Tetapi bisa juga installasi online dari internet menggunakan web hosting.  Adapun hasil dari pengujian yang dilakukan pada Program Aplikasi Data Karyawan Berbasis Web adalah  sebagai berikut :  1. Tampilan Halaman Home Tampilan Halaman Home merupakan homepage (halaman utama) yang menampilkan serta mengakses halaman utama pada situs web. Pada halaman home menampilkan topik fitur yang merupakan tentang bagian dalam fitur dengan mencakup pembahasan tertentu tentang aplikasi tersebut.   2. Tampilan Tabel Data Karyawan Tampilan Halaman Data Karyawan...

Cara Merubah Warna Teks dan Jenis Font di HTML

Image
Cara Merubah Warna Teks dan Jenis Font di HTML - Memilih warna teks dan jenis font yang diterapkan pada dokumen HTML yang kita buat merupakan salah satu hal penting yang harus diperhatikan. Dimana font adalah jenis huruf yang digunakan dalam suatu dokumen. Ada beberapa hal yang harus kita perhatikan seperti apakah jenis font yang diterapkan sudah sesuai dengan desain website, apakah jenis font yang diterapkan memudahkan pengunjung untuk membaca konten di website, apakah jenis font sesuai tema atau topik website atau isinya dan apakah warna teks yang diterapkan sudah sesuai dengan background dan tidak menyulitkan pengunjung untuk membaca teks dan lain sebagainya.   Baca juga : Program Pencarian Data dengan PHP7 dan MySQLi HTML sendiri sudah menyediakan berbagai elemen yang bersifat spesifik dalam mengatur penerapan font dengan warna pada dokumen HTML. Ada banyak sekali jenis font yang bisa kita gunakan, namun kita juga harus ingat bahwa font yang akan ditampilkan pada web browser...

Cara membuat kalkulator dengan HTML, CSS, JavaScript di Notepad

Image
Cara membuat kalkulator dengan HTML, CSS, JavaScript di Notepad - Mendesain menggunakan HTML dan CSS memang menyenangkan bagi orang-orang yang menyukai pemrograman berbasis web. Setiap saat selalu ada hal baru yang bisa kita pelajari dari bahasa pemrograman seperti HTML, CSS dan JavaScript.   Padahal sekarang sudah banyak yang memudahkan orang untuk mendesain web hanya dengan framework seperti Bootstrap, Code Igniter, Laravel dan masih banyak lagi. Setidaknya jika kita mempelajari dasar-dasar html dan css tanpa framework, kita tahu bagaimana alur kerja masing-masing kodenya.   Sebagai referensi tambahan dalam belajar pemrograman, berikut adalah tutorial membuat aplikasi kalkulator dengan menggunakan html, css dan javascript. Aplikasi ini sangat cocok untuk anda yang baru belajar html dan css. Dengan membuat aplikasi ini kita akan mempelajari beberapa fungsi sederhana dalam koneksi javascript dan html dengan css.   Selain itu, program kalkulator juga dapat dibuat dengan m...

Cara Membuat Background Gradasi Warna Pelangi

Image
Cara Membuat Background Gradasi Warna Pelangi - Background gradasi adalah konsep untuk menggabungkan dua warna atau lebih menjadi satu karakter. biasanya penggunaan background gradasi atau gradient warna dengan animasi css digunakan untuk mempercantik tampilan website atau blog. Pada kesempatan kali ini saya akan memberikan panduan tutorial cara membuat background gradasi warna pelangi, khususnya pada blog yang akan kita modifikasi tampilannya. Cara membuatnya tidak dikatakan susah tapi ikuti saja panduannya yang akan saya jelaskan lebih detail agar anda bisa mengerti cara membuatnya dan meletakkan kode di theme blog yang anda gunakan. Disini akan saya jelaskan secara detail agar anda bisa memahaminya, karena ketika ingin membuat background gradien ini anda harus mengetahui posisi kode-kode yang akan kita pasang pada setiap template blog. cara ini bisa diterapkan ke semua platform blog, seperti blogger, wordpress, dan lain sebagainya. Cukup tambahkan kode ke tema pengaturan masing...

Cara Membuat Slideshow Otomatis dengan HTML dan CSS

Image
Cara Membuat Slideshow Otomatis dengan HTML dan CSS  Dengan tampilan Penggeser Gambar Otomatis hanya menggunakan HTML dan CSS. Slideshow adalah tampilan gambar yang disajikan secara bergantian dengan interval waktu tertentu yang telah disesuaikan. Pada artikel ini, Anda akan belajar cara membuat slider image dengan html dan css. Dimana Anda akan melihat gambar berganti otomatis di html. Saat ini untuk membuat slider gambar seperti slideshow otomatis Anda dapat menggunakan berbagai pilihan library untuk digunakan dalam melakukan perubahan tampilan gambar secara otomatis. Pilihan library yang digunakan antara lain menggunakan s3slider, coinslider, wowslide, flexslider dan sebagainya. Pertama kita mendesain halaman web dan kemudian kita membuat kotak di sana. Kotak ini adalah struktur kode untuk penggeser gambar otomatis yang telah ditambahkan dengan berbagai gambar yang diperlukan. Di sini kita akan menggunakan border of 10px yang semakin meningkatkan keindahannya. Gambar yang diguna...

Cara menggabungkan html dan css menjadi satu file

Image
Cara menggabungkan html dan css menjadi satu file - Tutorial ini merupakan tutorial html yang bisa dikatakan salah satu tutorial html yang penting. karena jika kita tidak tahu bagaimana menghubungkan html dan css maka kita tidak akan tahu bagaimana mendesain halaman website yang kita buat seperti file html yang tidak ditautkan ke css dan tidak berfungsi sama sekali. Selain html php juga sama, php yang akan kita gunakan dalam membuat website juga membutuhkan kode css yang bisa terhubung. Setelah anda selesai mempelajari tutorial html ini, saya merekomendasikan untuk belajar Pengenalan Dasar CSS dan Contohnya dan setelah itu bisa memulai membuat Program Pencarian Data dengan PHP7 dan MySQLi .   Cara menggabungkan html dan css menjadi satu file   Untuk Cara menggabungkan html dan css menjadi satu file dapat dilakukan dengan 3 cara yaitu inline style, embedded style, link style. nah, agar lebih jelasnya mari kita lihat contoh di bawah ini.  1. inline style inline style ad...

Tools Parse HTML (Kompres Kode) Paste Disini

Tools Parse HTML   Tools Parse HTML - Parser HTML Blogcrowds telah dibuat agar Google Adsense dapat ditambahkan ke dalam tubuh Template Blogger. Namun, jika apa pun yang Anda tambahkan Template Blogger memberikan kesalahan, kemungkinan besar daripada tidak memasukkannya ke dalam parser akan menyelesaikan masalah. Copy right 2021 HTML Parser Tool | Webmaster | Blogger  Parse HTML Parse HTML  adalah alat untuk mengompresi kode skrip HTML menjadi bentuk yang lebih ringan. Biasanya alat parse digunakan untuk mengompres kode iklan Adsense yang akan dimasukkan ke dalam format edit tema atau template. Keterangan Harap masukkan kode yang ingin Anda parse ke dalam kotak alat parse. Alat ini dibuat untuk membantu hingga masalah penguraian Anda diselesaikan dengan alat penguraian di atas. Anda juga bisa Membuat Parse Code Di Blogger  untuk keperluan mengkompres kode html.

Aplikasi Jadwal Aktivitas Menggunakan Firebase

Image
Aplikasi Jadwal Aktivitas Menggunakan Firebase - Firebase merupakan salah satu layanan yang dibuat dari Google dan digunakan dalam mempermudah seorang pengembang aplikasi yang bertujuan untuk mengembangkan sebuah aplikasi.  Firebase sangat membantu para web developer dalam mengembangkan aplikasi sehingga dapat fokus mengembangkan aplikasi dengan mudah tanpa harus bersusah payah membangun aplikasi yang akan dibuat. Dalam tugas ini, Anda akan membuat aplikasi jadwal kereta api yang menggabungkan Firebase untuk menyimpan data kedatangan dan keberangkatan. Aplikasi ini akan mengambil dan memanipulasi informasi ini dengan Moment.js. Situs web ini akan memberikan informasi terkini tentang berbagai kereta api, yaitu waktu kedatangan mereka dan berapa menit tersisa hingga mereka tiba di stasiun. Baca juga : Cara Membuat Jumlah Pengunjung Web Blogger Firebase Tutorial Membuat Aplikasi Jadwal Aktivitas Menggunakan Firebase Berikut ini tutorial membuat Aplikasi Jadwal Aktivitas Mengguna...

Tools CSS Minifier (Kompres Kode CSS) Paste Disini

CSS Minifier berfungsi untuk mengkompres kode-kode css menjadi lebih ringan di jalankan pada template Anda, membantu loading semakin lancar dan bisa juga meningkatkan SEO. Strip all comments Super compact Keep indentation Remove the last semicolon Compress CSS Clear Field Select All

Tools Word Counter (Penghitung Kata) Paste Disini

Wourd Counter (Penghitung Kata) merupakan sebuah alat yang memiliki fungsi sebagai penghitung kata. Tidak hanya itu, alat ini juga dapat menghitung jumlah karakter, paragraf dan spasi.  Membantu Menghitung Kata Karakter online dan alat penghitung kata gratis yang didukung oleh teknologi tinggi Masukan teks/artikel yang akan dihitung... 0 kata 0 karakter dengan spasi 0 karakter tanpa spasi 0 kata unik 0 kalimat 0 paragraf

Cara Membuat Web dan Hosting Gratis di Github

Image
Cara Membuat Web dan Hosting Gratis di Github - Situs web adalah kumpulan beberapa halaman web yang saling terhubung satu sama lain dan biasanya terletak pada lokasi server yang sama dengan beberapa halaman yang berisi informasi yang diberikan oleh individu, kelompok, atau organisasi.    Banyak orang berpikir bahwa membuat situs web membutuhkan keterampilan dan pengalaman teknis yang sulit, tetapi bukan itu masalahnya. Pada artikel ini Anda akan belajar bagaimana Anda dapat membuat website sederhana dengan html dan css. Selain itu Anda juga mendapatkan hosting gratis di github .  Postingan ini sangat bermanfaat bagi anda yang baru memulai dan belajar membuat website dengan mudah. Disini kita akan membuat web portfolio design dengan menggunakan bahasa pemrograman dasar yaitu html dan css . Simak ulasannya di bawah ini sampai selesai agar Anda paham cara membuat web dan hosting gratis di github. Cara Membuat Web Sederhana dengan Html dan Css Membuat website sederhana me...

Pengenalan Dasar CSS dan Contohnya

Image
Pengenalan Dasar CSS dan Contohnya - Setelah anda mempelajari HTML pada artikel sebelumnya tentang Belajar Dasar HTML dan Contohnya , sekarang sudah saatnya untuk mempelajari Cascading Style Sheets (CSS) yang bertujuan untuk memperdalam skill pemrograman web anda. Namun jika anda belum memahami HTML, saya sarankan untuk mempelajarinya terlebih dahulu, karena untuk mendalami CSS, memerlukan sedikit pengetahuan tentang HTML.    CSS adalah bahasa kedua setelah HTML yang harus dipelajari oleh seorang web developer . Salah satu pengetahuan seorang web developer dalam menguasai CSS sangatlah penting. Dengan menguasai CSS kita bisa membuat halaman landing page  yang menarik, Template atau tema blog, Mengubah PSD (Desain web) menjadi HTML dan masih banyak lagi.  Contoh sederhana nya dalam dunia nyata seperti sepeda motor tanpa bodi menjadi seperti kerangka besi atau seperti sepeda yang bermesin. maka dengan adanya bodi yang menghiasai sepeda motor tersebut tampilan nya me...