Select Page

Author: Mohammad Aditya Akbar Nasution

Learn Simple Website Templates

Assalamualaikum Wr.Wb. Hallo teman-teman, apa kabar kalin, Pasti kalian baik-baik saja bukan? Nah kali ini saya akan membagikan artikel sederhana ini dimana artikel ini menjelaskan tentang membuat sebuah template website. Mungkin sudah lama sekali ya kita tidak bertemu, disini saya kembali untuk membagi artikel yang berisi materi dan ilmu-ilmu yang menarik untuk dibagi kepada teman-teman semua. Baik kita mulai saja, untuk membuat template website kita membutuhkan 3 bagian yaitu: Header, Isi, dan Footer. Header merupakan bagian atas daripada template yang biasanya diisi judul daripada website dan menu-menu website, Isi merupakan inti daripada website karena didalamnya berisikan konten-konten website, dan Footer merupakan bagian bawah website biasanya berisikan akhiran atau alamat sosial media dari pemilik website yg bertujuan untuk mempermudah pengunjung untuk bertanya kepada pemilik website. Template website ini bisa kita buat dengan menggabungkan tabel yg sudah kita pelajari dulu. Jadi kita mulai dari header, untuk coding dari header itu sendiri terlihat seperti di bawah ini. Header website (nama file untuk codingnya yaitu “header.php”) Pada bagian header itu terdapat judul dari website, tabel header, dan menu daripada website yang dibuat dengan List & Link. Selanjutnya yaitu Footer, coding daripada Footer ini dapat dilihat pada gambar dibawah ini. Footer website (nama file untuk codingnya yaitu “footer.php”) Untuk footer dapat kalian isi dengan se-kreatif mungkin, namun pada gambar hanya diisi dengan tulisan footer agar kita tahu itu merupakan footer daripada websitenya. yang terakhir...

Read More

“LINK PADA HTML”

Assalamualaikum Wr. Wb. Halo sobat redaksi PENS, Bagaimana kabarnya NIh! kalian semua? pastinya baik- baik saja bukan? kembali lagi bersama artikel saya yang super JOSS ini, oh iya, sebelum pembahasan materi, perkenalkan dulu, saya Aditya dari kelas 1 D3 Elektronika B. pada kesempatan ini saya akan  mengenalkan Link pada HTML kepada sobat. bagaimana, sudah pada pengen tau semua bukan? kalau begitu langsung saja yuk! simak artikel Link HTML di bawah ini dengan cermat.  jadi sobat link ini itu digunakan untuk membuka atau menuju halaman yang lain. kemudian untuk membuat programnya digunakan <a href= ” “> dan pasangannya adalah </a>, Nah, untuk selanjutnya kita akan membuat program menggunakan Link untuk HTML ini. silahkan sobat ikuti langkah-langkahnya di bawah ini ya!!! Masukkan Programnya sebagai tampilan berikut ini; Nah, dari Contoh di atas yaitu dengan memasukkan link dari file program yang akan dibuka pada halaman tersebut, dan hasilnya akan tampak seperti berikut ini; Berdasarkan gambar di atas terlihat bahwa Setiap link itu berwarna berbeda dan bergaris bawah, itu artinya jika kita meng-kliknya akan menuju ke halaman program tersebut. dan kali ini saya memberikan contoh kepada sobat yakni saya akan membuka link di atas yang bernama “list”, nah jika diklik akan beralih menuju halaman “list” berikut tampilan halaman list yang telah kita klik di awal daftar link tadi; pada halaman di atas terdapat tulisan”home page Aan” yang jika diklik akan kembali menuju ke halaman...

Read More

LIST PADA HTML (“LIDAH”)

Assalamualaikum Wr. Wb. Halo sobat redaksi PENS, Bagaimana kabarnya NIh! kalian semua? pastinya baik- baik saja bukan? kembali lagi bersama artikel saya yang super JOSS ini, oh iya, sebelum pembahasan materi, perkenalkan dulu, saya Aditya dari kelas 1 D3 Elektronika B. pada kesempatan ini saya akan  mengenalkan LIDAH kepada sobat. bagaimana, sudah pada pengen tau semua bukan? kalau begitu langsung saja yuk! simak artikel LIDAH di bawah ini dengan cermat.   Dalam membuat program list pada HTML (LIDAH) kita menggunakan kode <ol> yang pasangannya </ol> itu untuk menentukan type list, dan untuk kode <li> yang pasangannya </li> itu untuk membuat daftar list. Selanjutnya, silahkan sobat perhatikan contoh dari sebuah program list menggunakan HTML. Silahkan masukkan program seperti dibawah ini: Dan akan mencul tampilan seperti ini: Sampai disini pertemuan artikel redaksi kali ini, semoga jadi bermanfaat, mohon maaf jika terdapat kesalahan dalam pengetikan atau penyampaiannya. Sampai ketemu lagi di redaksi selanjutnya. TERIMAKASIH Wassalamualaikum Wr....

Read More

JEJAK sang-HTML

Assalamualaikum Wr.Wb. Halo sobat redaksi PENS, Bagaimana kabarnya NIh! kalian semua? pastinya baik- baik saja bukan? kembali lagi bersama artikel saya yang super JOSS ini, oh iya, sebelum pembahasan materi artikel ini, perkenalkan dulu, saya Aditya dari kelas 1 D3 Elektronika B. pada kesempatan ini saya akan  mengenalkan sang HTML kepada sobat. bagaimana, sudah pada pengen tau semua bukan? kalau begitu langsung saja yuk! simak artikel sang HTML di bawah ini dengan cermat. UPPS! sebelum melangkah lebih jauh lagi, alangkah baiknya jika kita mengetahui terlebih dahulu apa itu HTML ya??? Hypertext Markup Language (HTML) merupakan kode dasar yang harus dipahami ketika ingin belajar pemrograman web, kode-kode dasar dalam html merupakan pengenalan awal sebelum nantinya belajar bahasa pemrograman web tingkat tinggi seperti PHP, dan lain sebagainya, atau HTML dapat juga diartikan sebagai; sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegrasi. Nah!, setelah sobat mengetahui arti dari HTML itu sendiri, sekarang sobat bisa simak di bawah ini mengenai kode dasar yang dipakai dalam HTML. selamat membaca yaaa !!! Kode dasar HTML: 1 <html> 2 <head> 3  <title>Judul</title> 4 </head> 5 <body> 6 </body> 7 </html> Nah sobat, setelah kamu mengetahui dan memahami pengertian dan kode dasar dari html, langsung saja yuk!!! kita coba untuk membuat sebuah program tentang...

Read More

“KENALAN IF-ELSE dalam PHP”

Assalamualaikum Wr. Wb. Halo sobat redaksi PENS, Bagaimana kabarnya NIh! kalian semua? pastinya baik- baik saja bukan? kembali lagi bersama artikel saya yang super JOSS ini, oh iya, sebelum pembahasan materi, perkenalkan dulu, saya Aditya dari kelas 1 D3 Elektronika B. pada kesempatan ini saya akan mengenalkan kepada sobat mengenai penggunaan If-else dalam PHP. bagaimana, sudah pada pengen tau semua bukan? kalau begitu langsung saja yuk! simak artikel di bawah ini dengan cermat. Berikut contoh dari penggunaan If-else dalam PHP. Masukkan program seperti tampilan dibawah ini; Hasil program di atas akan tampil sebagai berikut. UPS!!! udah dulu ya sobat, Kurang lebihnya seperti itu dari penggunaan If-else dalam PHP. Sekian dari artikel yang dapat saya sampaikan kali ini, sampai jumpa di artikel yang akan datang ya sobat!!! TERIMAKASIH Wassalamualaikum Wr....

Read More

Pin It on Pinterest