Video Tutorial HTML dan CSS Membuat TopRight-Banner-MidleRight

Salam blogging sahabat blogger, video tutorial yang saya share berikut membuat layout dasar desain web dengan HTML dan CSS.

Dengan menggunakan editor Adobe Dreamweaver, semoga dengan dibuatkannya video tutorial html dan css tentang pembuatan top-right dan midle right tersebut bisa bermanfaat....

HTML 5 - Teks akhir jadi lebih besar

Kalau kita ingin membuat tabel anggaran biaya. Biasanya teks yang akhir ditulis pada baris terakhir akan tampak lebih besar dibandingkan dengan teks lainnya. Wajar saja kalau teks akhir biasanya total atau jumlah anggaran.
Nah bagaimana caranya menebalkan teks pada baris terakhir? Kita bisa menebalkan secara manual menggunakan tag HTML, akan tetapi kalau kit ingin menggunakan css, maka kita bisa menuliskan atau menambahkan kode berikut:

tr:last-child{
    font-weight:bolder;
    font-size:24px;
}

Itu artinya, teks yang ada di table row (baris tabel) terakhir akan dibuat lebih tebal menggunakan font-weight dengan ukuran teks sebesar 24px menggunakan font-size.

Berikut script selengkapnya bisa didownload DISINI

HTML 5, Membuat Tabel Belang

Pada tutorial kali ini saya akan berbagi mengenai pembuatan tabel belang-belang abu-abu gelap seperti gambar disamping itu tidaklah sulit. Dengan menggunakan sedikit code css, maka setiap sel dengan warna yang berbeda dan dalam waktu yang relatif singkat.
Oleh karena itu pada tutorial html berikut ini, akan dibuatkan css style untuk mengotomasisasikan proses pemberian warna abu-abu muda dan abu-abu tua seperti pada gambar diatas.
Untuk melakukan hal tersebut, maka teman-teman blogger khususnya teman-teman blogger Indonesia bisa menggunakan nth-of-type selector. Coba perhatikan potongan script dibawah ini:

tr:nth-of-type(even){
    background-color:#f3f3f3;
}
tr:nth-of-type(odd){
    background-color:#ddd;
}

Langkah awal, selector tersebut saya tuliskan paada tag <tr> yang merupakan tag pembuat baris tabel (tabel row). Selanjutnya, ada nilai even yang berarti genap serta odd yang berarti ganjil. Untuk baris-baris dalam urutan genap, maka akan digunakan warna abu-abu terang. Sedangkan baris-baris dalam urutan ganjil akan digunakan warna abu-abu gelap penggunaan warna untuk baris-baris tabel itu menggunakan background-color. 

Berikut script selengkapnya bisa didownload DISINI

Step by step membuat top-page pada leftbar dengan html dan css

Berikut saya mencoba share lagi tutorial tentang html dan css. Tutorial berikut merupakan request dari mahasiswaku yang ada di Universitas Suryadarma, program studi sistem informasi. Kebetulan mendapat matakuliah HTML dasar. Nah untuk mempermudah mahasiswa untuk belajar kembali, atau untuk mengulang apa yang sudah diajarkan, saya buatkan video rekamannya. Istilah kerennya mungkin video based learning.
Langsung saja lihat video tutorialnya

Link Email dengan Subject

Tutorial kali ini saya akan berbagi tentang HTML dasar, dengan membuat hyperlink dengan format seperti ini:

<a href="mailto:ilmudesain1@gmail.com"&gt

Maka jika link itu diklik, maka MS Outlok keluar dan dibagian To langsung terisi oleh alamat email yang tertera dibagian href diatas. Link diatas biasa disebut dengan istilah email hyperlink dan dibuat untuk memudahkan pengunjung untuk mengirim email tanpa harus mengingat alamat email yang dituju. Kalau teman-teman blogger ingin melengkapi email itu langsung dengan subject, maka teman-teman blogge bisa menuliskan seperti ini:

<a href="mailto:ilmudesain1@gmail.com?subject=Salam Kenal dari Saya Muryan Awaludin"&gt

Jadi, pengunjung tidak perlu menulis alamat email tujuan beserta subject-nya. Subject telah terisi otomatis dengan teks "Slaam Kenal dari Saya Muryan Awaludin" seperti diatas.