Posts

Showing posts matching the search for membuat-desain-layout-website-dengan

Membuat Desain Layout Website Responsive Dengan Html5

Image
Halo guys, sebelumnya aku sudah pernah membahas wacana bagaimana menciptakan desain layout website yaitu membuat design layout website dengan tabel dan menciptakan design layout website dengan tag div . Nah, kali ini sama ibarat sebelumnya cuma agak sedikit berbeda. Yap, kita akan menciptakan layout website kita menjadi responsive. Apa itu responsive??? Responsive sanggup diartikan “menyesuaikan”, artinya kita sanggup menciptakan tampilan website yang sanggup berubah dan menyesuaikan dengan ukuran dari layar device. Contohnya dari ukuran versi desktop ke versi mobile. Web responsive telah banyak dipakai di website-website dengan design yang lebih modern. Karena perkembangan website yang begitu pesat, maka wajib bagi kita untuk mengupgrade ilmu seputar web design. Oke eksklusif saja simak tutorialnya sebagai berikut : 1. Membuat kerangka halaman responsive dengan HTML Kita akan menciptakan halaman responsive dengan HTML5, tentu saja banyak yang gres di dalam HTML5...
Post a Comment
Read more

Membuat Desain Layout Website Dengan Tabel

Image
Halo gaes, aku mau sharing nih seputar ihwal web development yaitu cara mendesain layout website. Pada dasarnya website mempunyai layout yang berbeda-beda, namun ada beberapa komponen umum yang biasanya terdapat dalam desain layout website. Layout dibagi menjadi beberapa bab yakni : 1. header 2. menu 3. content 4. sidebar 5. footer. Ilustrasi sanggup dilihat dari gambar di bawah ini : Kalau begitu pribadi saja kita mulai codingnya hehe.. Pertama-tama buat file dengan nama index.html kemudian ketikkan script html berikut ini : <html> <head> <title>Percobaan Praktikum Pertama</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <table width="800" border="1" class="badan_tabel"> <tr> <td colspan="2" class="header"><h2>Selamat Datang Di Web Kami</h2></td> </tr> ...
Post a Comment
Read more

Membuat Design Layout Website Dengan Tag Div

Image
Halo gaes, pada tutorial sebelumnya aku membahas bagaimana menciptakan design layout website dengan tabel. Nah, kali ini masih dalam pembahasan yang sama yakni menciptakan layout website. Cuma bedanya disini kita akan mendesain layout website memakai tag div. Sebelum melangkah lebih lanjut ada baiknya agan membaca dulu postingan aku sebelumnya wacana bagaimana menciptakan design layout website dengan tabel. Jika sudah maka mari kita bahas lebih lanjut disini. Penggunaan tag div lebih efisien dibandingkan dengan tag tabel, sebab tidak memakai banyak tag di dalamnya. Layout sanggup kita sesuaikan impian kita dengan menambahkan css di dalamnya. Simak codingnya berikut ini : Buat file dengan nama index.html <html> <head> <title>Desain Dengan CSS Bagian 2</title> <style> <!-- @import url(style.css); --> </style> </head> <body> <div id="badan_utama"> <div id="header"><h2>Selamat D...
Post a Comment
Read more