ITS Academic & Kategori: Pelatihan

Pengertian dan Pengenalan CSS

ITS Academic — Tue, 11 Mar 2025 15:24:38 +0700

CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mendesain dan mengatur tampilan elemen-elemen HTML di halaman web. Dengan CSS, pengembang dapat menentukan gaya elemen seperti warna, ukuran, tata letak, font, dan banyak aspek visual lainnya. Artikel ini memberikan pengenalan dasar tentang CSS, cara penggunaannya, dan bagaimana CSS memisahkan struktur HTML dari presentasi visualnya, memungkinkan pengembangan web yang lebih efisien dan terstruktur.

Quiz HTML

ITS Academic — Tue, 11 Mar 2025 15:13:51 +0700

Quiz HTML ini terdiri dari 20 soal pilihan ganda yang bertujuan untuk menguji pemahaman Anda tentang dasar-dasar HTML. Dengan soal-soal yang mencakup berbagai topik seperti tag HTML, atribut, struktur halaman, dan elemen-elemen penting lainnya, quiz ini cocok bagi pemula yang ingin menguji keterampilan mereka dalam pengembangan web menggunakan HTML.

Membuat Symbol pada HTML

ITS Academic — Tue, 11 Mar 2025 14:58:59 +0700

Membuat simbol pada HTML memungkinkan pengembang untuk menampilkan berbagai karakter khusus atau ikon yang tidak tersedia di keyboard standar. Dengan menggunakan entitas HTML atau elemen khusus seperti tag svg dan font ikon, kita dapat menambahkan simbol yang lebih beragam dan menarik ke dalam halaman web. Artikel ini membahas cara membuat dan menggunakan simbol di HTML, baik dengan menggunakan karakter HTML, entitas simbol, maupun font ikon seperti Font Awesome atau Material Icons.

Mengenal Class dan Id pada HTML

ITS Academic — Tue, 11 Mar 2025 14:45:14 +0700

Class dan ID adalah dua atribut penting dalam HTML yang digunakan untuk memberikan identitas unik atau kelompok pada elemen-elemen di halaman web. Atribut class memungkinkan elemen untuk dikelompokkan dalam kategori yang sama, memudahkan penataan dan pengaturan gaya melalui CSS. Sementara itu, id digunakan untuk memberikan identifikasi yang lebih spesifik pada satu elemen, memungkinkan pengaksesan dan manipulasi elemen secara langsung menggunakan JavaScript. Memahami perbedaan dan penerapan keduanya sangat penting dalam pengembangan web untuk menciptakan struktur halaman yang lebih terorganisir dan mudah dikelola.

Menghubungkan HTML dengan CSS

ITS Academic — Sat, 22 Feb 2025 10:55:05 +0700

Menghubungkan HTML dengan CSS dapat dilakukan dengan tiga cara utama: menggunakan tag style di dalam elemen head, menggunakan atribut style langsung pada elemen HTML, atau yang paling umum, dengan menghubungkan file CSS eksternal menggunakan tag link. Metode ketiga, yaitu menggunakan file eksternal, memungkinkan pengelolaan gaya yang lebih terorganisir dan efisien pada halaman web.

Tag Iframe Pada HTML

ITS Academic — Sat, 22 Feb 2025 10:28:34 +0700

Tag iframe pada HTML digunakan untuk menampilkan konten dari halaman web lain di dalam halaman web yang sedang dibuka. Atribut src menentukan sumber dari konten yang akan ditampilkan, dan atribut lain seperti width, height, dan frameborder dapat digunakan untuk menyesuaikan ukuran dan tampilan elemen iframe. Penggunaan iframe memungkinkan integrasi berbagai media dan aplikasi web secara langsung di dalam halaman.

Menampilkan Gambar pada HTML

ITS Academic — Sat, 22 Feb 2025 10:01:03 +0700

Menampilkan gambar dalam HTML dapat dilakukan menggunakan tag img, dengan atribut src untuk menentukan lokasi gambar dan alt untuk deskripsi alternatif. Meta tag seperti description memberikan gambaran singkat tentang halaman, sementara keywords membantu mesin pencari memahami topik utama halaman.

Pemeliharaan & Optimasi Website E&Commerce dengan CodeIgniter 4

Deni Sarip Saepudin, S.Kom. — Fri, 21 Feb 2025 10:15:55 +0700

Agar website e-commerce tetap berjalan optimal, diperlukan pemeliharaan berkala dan optimasi performa. Artikel ini membahas langkah-langkah untuk menjaga stabilitas dan meningkatkan kecepatan website berbasis CodeIgniter 4.

Deploy & Hosting Website E&Commerce dengan CodeIgniter 4

Deni Sarip Saepudin, S.Kom. — Fri, 21 Feb 2025 10:12:36 +0700

Setelah tahap pengujian selesai, website e-commerce siap untuk dideploy ke hosting. Artikel ini membahas langkah-langkah deploy dan memilih layanan hosting terbaik untuk CodeIgniter 4.

Pengujian & Debugging Website E&Commerce dengan CodeIgniter 4

Deni Sarip Saepudin, S.Kom. — Fri, 21 Feb 2025 10:07:05 +0700

Pengujian dan debugging sangat penting untuk memastikan website e-commerce berjalan dengan baik. Artikel ini membahas metode pengujian, debugging, dan tools yang dapat digunakan dalam CodeIgniter 4.

Integrasi Pembayaran untuk Website E&Commerce dengan CodeIgniter 4

Deni Sarip Saepudin, S.Kom. — Fri, 21 Feb 2025 10:02:19 +0700

Integrasi pembayaran sangat penting dalam website e-commerce. Artikel ini membahas langkah-langkah menghubungkan sistem pembayaran menggunakan CodeIgniter 4 dengan gateway pembayaran seperti Midtrans dan PayPal.

Membangun Frontend untuk Website E&Commerce dengan CodeIgniter 4

Deni Sarip Saepudin, S.Kom. — Fri, 21 Feb 2025 09:56:05 +0700

Frontend yang responsif dan menarik sangat penting dalam website e-commerce. Artikel ini membahas langkah-langkah membangun frontend menggunakan CodeIgniter 4 dengan Bootstrap dan AJAX untuk pengalaman pengguna yang lebih baik.

Membangun Backend API untuk Website E&Commerce dengan CodeIgniter 4

Deni Sarip Saepudin, S.Kom. — Fri, 21 Feb 2025 09:52:11 +0700

Backend API berperan penting dalam pengelolaan data dan komunikasi antara frontend serta database. Artikel ini membahas langkah-langkah membangun Backend API menggunakan CodeIgniter 4 untuk website e-commerce, termasuk implementasi CRUD dan autentikasi.

Membuat Struktur Database untuk Website E&Commerce dengan CodeIgniter 4 Menggunakan phpMyAdmin

Deni Sarip Saepudin, S.Kom. — Fri, 21 Feb 2025 09:40:27 +0700

Membangun website e-commerce membutuhkan database yang terstruktur dengan baik. Artikel ini membahas langkah-langkah membuat struktur database menggunakan CodeIgniter 4 dan phpMyAdmin, termasuk pembuatan tabel dan pengelolaan data.

Cara Membuat Website E&Commerce dengan CodeIgniter 4

Deni Sarip Saepudin, S.Kom. — Fri, 21 Feb 2025 08:40:40 +0700

Membangun website e-commerce membutuhkan teknologi yang tepat. Artikel ini membahas langkah-langkah membuat website e-commerce menggunakan CodeIgniter 4, mulai dari instalasi hingga implementasi fitur utama.

Perencanaan dan Persiapan untuk Membuat Website E&Commerce yang Efektif

Deni Sarip Saepudin, S.Kom. — Fri, 21 Feb 2025 07:54:35 +0700

Perencanaan dan persiapan yang matang adalah langkah awal dalam membangun website e-commerce yang sukses. Artikel ini membahas aspek penting seperti pemilihan produk, model bisnis, fitur utama, dan strategi teknis sebelum memulai pengembangan.

Membuat Form pada HTML

ITS Academic — Wed, 19 Feb 2025 10:55:33 +0700

Membuat form dalam HTML memungkinkan Anda untuk mengumpulkan data dari pengguna melalui elemen-elemen seperti input teks, radio button, checkbox, dan tombol kirim. Artikel ini menjelaskan cara menggunakan tag form, serta elemen-elemen terkait seperti input, textarea, select, dan button, untuk membuat form yang fungsional dan interaktif di halaman web. Pelajari cara merancang form untuk mendapatkan data yang dibutuhkan dari pengguna.

Membuat List Pada HTML

ITS Academic — Wed, 19 Feb 2025 10:46:09 +0700

Membuat daftar dalam HTML membantu Anda menyusun informasi secara terstruktur, baik dalam format terurut (ordered list) maupun tidak terurut (unordered list). Artikel ini menjelaskan cara menggunakan tag ul, ol, dan li untuk membuat list yang rapi dan mudah dibaca. Pelajari cara menggunakan tag-list ini untuk menampilkan item dalam urutan atau tanpa urutan pada halaman web Anda.

Membuat Hyperlink Pada HTML

ITS Academic — Wed, 19 Feb 2025 10:33:26 +0700

Membuat hyperlink dalam HTML memungkinkan Anda untuk menghubungkan halaman web satu dengan lainnya menggunakan tag a. Artikel ini menjelaskan cara menggunakan tag a untuk membuat tautan ke halaman internal maupun eksternal, serta cara menambahkan atribut seperti href untuk menentukan alamat URL dan target untuk membuka tautan di tab baru. Pelajari cara membuat hyperlink untuk meningkatkan navigasi dan keterhubungan antar halaman di situs web Anda.

Membuat Tabel Pada HTML

ITS Academic — Wed, 19 Feb 2025 10:15:24 +0700

Membuat Paragraf Pada HTML

ITS Academic — Wed, 19 Feb 2025 10:02:20 +0700

Membuat paragraf dalam HTML menggunakan tag

adalah cara dasar untuk mengatur teks dalam halaman web. Artikel ini mengulas cara penggunaan tag

untuk menyusun paragraf, serta penjelasan tentang cara kerja tag tersebut dalam memberikan jarak antar teks di halaman. Pahami cara efektif menambahkan paragraf agar konten web terlihat lebih terstruktur dan mudah dibaca.

Format Teks Pada HTML

ITS Academic — Wed, 19 Feb 2025 09:49:45 +0700

Format teks dalam HTML memungkinkan pengembang untuk mengatur gaya dan tampilan teks pada halaman web. Artikel ini menjelaskan berbagai tag HTML untuk memformat teks, seperti bold, italic, underline, serta cara menggunakan paragraf dan br untuk mengatur spasi. Dengan pemahaman tentang format teks, Anda dapat membuat halaman web yang lebih menarik dan terstruktur dengan baik.

Heading Pada HTML

ITS Academic — Wed, 19 Feb 2025 09:40:02 +0700

Heading dalam HTML digunakan untuk memberikan struktur dan hierarki pada teks di halaman web. Artikel ini membahas cara menggunakan tag heading (h1 hingga h6), pentingnya penggunaan heading untuk SEO, dan bagaimana heading dapat meningkatkan keterbacaan dan navigasi pada halaman web. Pelajari cara efektif menggunakan heading dalam HTML untuk pengembangan situs yang lebih terorganisir.

Mengenal Tag, Element, Atribut HTML

ITS Academic — Wed, 19 Feb 2025 08:42:46 +0700

Mengenal tag, elemen, dan atribut dalam HTML sangat penting untuk memahami struktur dasar halaman web. Artikel ini menjelaskan pengertian tag HTML, perbedaan antara elemen dan tag, serta cara penggunaan atribut untuk memberikan informasi tambahan pada elemen HTML. Ini adalah langkah awal bagi siapa saja yang ingin memulai belajar web development dengan HTML.

Memilih Text Editor, Browser dan Install XAMPP

ITS Academic — Wed, 19 Feb 2025 07:42:19 +0700

Pelajari cara memilih text editor terbaik untuk coding, memilih browser yang kompatibel untuk pengembangan web, dan menginstal XAMPP untuk menjalankan server lokal. Panduan ini mencakup langkah-langkah instalasi, konfigurasi, serta rekomendasi tools yang sesuai untuk pemrograman web, baik untuk pemula maupun profesional.

Pengertian HTML

ITS Academic — Thu, 30 Jan 2025 14:37:44 +0700

HTML (HyperText Markup Language) adalah bahasa dasar yang digunakan untuk membangun struktur halaman web. Kursus ini memberikan pemahaman mendalam tentang elemen-elemen dasar HTML, termasuk penggunaan tag-tag umum, atribut, dan cara menyusun konten seperti teks, gambar, dan tautan dalam halaman web. Anda akan belajar cara menulis tag HTML yang tepat, memahami cara kerja browser dalam menampilkan halaman, serta bagaimana HTML menjadi dasar dari semua website yang kita akses setiap hari. Ideal untuk pemula yang ingin memulai perjalanan dalam pengembangan web.