HOBI ELEKTRONIKA: Web/Blog

Rabu, 14 Januari 2015

Cara Membuat Layout (Tata Letak) Halaman Website dengan HTML

Layout pada halaman web sangat penting untuk membuat website supaya terlihat lebih bagus. Dalam merancang Layout untuk halaman web, harus ekstra hati-hati. Pada umumnya website berisikan berbagai kolom (seperti format pada majalah atau koran), untuk membuat berbagai kolom dibutuhkan tag <table> atau tag <div>.

CSS juga sering ditambahkan untuk merubah posisi elemen atau membuat background, bisa juga untuk mempercantik tampilan halaman web. Dibawah ini adalah contoh dari pembuatan Layout menggunakan tag <table> dan tag <div>.

Contoh pembuatan Layout dengan menggunakan tag <table>
Cara sederhana untuk membuat Layout dengan menggunakan tag <table> pada HTML adalah sebagai berikut :

        <html>
        <body>
        <table width = "500" border = "0">
        <tr>
        <td colspan = "2" style = "background-color:#00ffff;">
        <h1>Judul Pada Halaman Web</h1>
        </td>
        </tr>
        <tr>
        <tr valign = "top"><td style = "background-color:#680000; width:100px; text-align:top;">
        <b>Daftar Isi</b><br/>
        HTML<br/>
        XHTML<br/>
        CSS<br/>
        Java Script</td>
        <td style = "background-color:#b0b0b0; height:200px; width:400px; text-align:top;">
        Masukan Artikel nya Disini</td>
        </tr>
        <tr>
        <td colspan = "2" style = "background-color:#33cccc; text-align:center;">created by @ mm-stm webdesign</td>
        </tr>
        </body>
        </html>

Maka tampilan untuk contoh diatas adalah seperti tampilan dibawah ini :

Judul Pada Halaman Web
Daftar Isi HTML XHTML CSS Java Script	Masukan Artikel nya Disini
created by @ mm-stm webdesign

Contoh pembuatan Layout dengan menggunakan elemen <div>
elemen div adalah elemenblock level yang digunakan untuk mengelompokan elemen-elemen HTML. Perhatikan contoh penggunaan elemen <div> dibawah ini:

    <html>
    <body>
    <div id = "container" style = "width:500px">
    <div id = "header" style = "background-color:#00ffff;">
    <h1 style = "margin-bottom:0;">Judul Pada Halaman Web</h1>
    </div>
    <div id = "menu" style = "background-color:#680000; height:200px; width:100px; float:left;">
    <b>Daftar Isi</b><br/>
    HTML<br/>
    XHTML<br/>
    CSS<br/>
    Java Script</div>
    <div id = "content" style = "background-color:#B0B0B0; height:200px; width:400px; float:left;">Masukan Artikel nya Disini</div>
    <div id = "footer" style = "background-color:33cccc; clear:both; text-align:center;">created by @ mm-stm webdesign
    </div>
    </body>
    </html>

Maka tampilan untuk contoh diatas adalah seperti tampilan dibawah ini :

Masukan Artikel nya Disini

Sampai disini dulu postingan saya untuk kali ini

Sumber: http://beyblogdesign.blogspot.com/2013/04/cara-membuat-layout-tata-letak-website.html

Jumat, 20 April 2012

Definisi Blog

Definition of blog
Origin of the word blog comes from web log, which means that there is a note on the website. Blogs become an interesting phenomenon on the internet because of the strong interaction between visitors of the blog with the blog owner. Each blog contains content owners, visitors enjoy free and provide feedback in the form of comments which will appear on the blog.

Characteristics of blogs are owned by the blog's content is stored and displayed in chronological order, ie the order of time. Content or the most recent posts on the page top. Posts in the past will be pushed down. The second characteristic, the blog's content is separated for certain categories to facilitate penelususan blog content. The third characteristic as has been mentioned in previous paragraphs, the blog should provide a mechanism for interaction between visitors and managers blog. The third characteristic is then used to distinguish between blogs with any biasa.berupa website provided interesting and informative to read. Blogs also not be owned by individuals, the group was not banned for managing blogs together.

At first, the blog is more work as an online diary for all to see. First blog content tends to be personal. But over time, this standard does not run too saklek. Blog content can be written from a variety of topics, photos and orgranisasi or groups are not forbidden to have a blog.

Terminology is important in the world of blogging:

Post: A document that is stored and displayed dynamically based on chronological time and category.
Pages: Posts that are not stored statically and dynamically displayed based on chronological time and category. Pages usually useful to display contact, alamt or things that should be the attention of visitors the blog.
Comment: The mechanism of the feedback from visitors to the owner or manager of the blog. From the comments are expected to obtain valuable input.

Definisi blog
Blog berasal dari asal kata web log yang berarti catatan yang ada di situs web. Blog menjadi fenomena yang menarik di internet karena adanya interaksi yang kuat antara pengunjung blog dengan pemilik blog. Setiap pemilik blog memuat konten, pengunjung bebas menikmatinya dan sekaligus memberikan umpan balik berupa komentar yang akan tampil di blog tersebut.

Karaktersitik yang dimiliki blog adalah konten blog tersimpan dan ditampilkan secara kronologis, yaitu urutan waktu. Konten atau tulisan terbaru ada pada halaman paling atas. Tulisan yang lalu-lalu akan terdorong ke bawah. Karakteristik kedua, konten blog dipisahkan atas kategori tertentu untuk mempermudah penelususan isi blog. Karakteristik ketiga seperti yang telah disebut pada paragraf sebelumnya, blog harus menyediakan mekanisme interaksi antara pengunjung dan pengelola blog. Ketiga karaktersitik inilah yang kemudian membedakan antara blog dengan website biasa.berupa apa saja asalkan menarik dan informatif untuk dibaca. Blog pun tidak harus dimiliki oleh individu, kelompok pun tidak dilarang untuk mengelola blog bersama-sama.

Pada awalnya, blog lebih difungsikan sebagai catatan harian online yang bisa dilihat semua orang. Konten-konten blog mulanya cenderung bersifat personal. Tapi seiring waktu, pakem ini tidak berjalan terlalu saklek. Konten blog bisa tulisan dari beragam topik, foto-foto dan orgranisasi atau kelompok pun tidak terlarang untuk memiliki blog.

Terminologi-terminologi penting dalam dunia blogging:

Post: Tulisan yang disimpan dan ditampilkan secara dinamis berdasar kronologis waktu dan kategori.
Pages: Tulisan statis yang tidak disimpan dan ditampilkan secara dinamis berdasar kronologis waktu dan kategori. Pages biasa berguna untuk menampilkan kontak, alamt atau hal-hal yang harus menjadi perhatian pengunjung blog.
Comment: Mekanisme umpan-balik dari pengunjung pada pemilik atau pengelola blog. Dari komentar diharapkan dapat diperoleh masukan berharga.

Sumber: Blogger Kuningan