Rabu, 28 Desember 2011

Pembuatan list,Bullet, an frame pada HTML



Apa yang dimaksud dengan website?
Pada dasarnya Website adalah sebuah cara untuk menampilkan diri Anda di Internet. Website Anda adalah sebuah tempat di Internet, siapa saja di dunia ini dapat mengunjunginya, kapan saja mereka dapat mengetahui tentang diri Anda, memberi pertanyaan kepada Anda, memberikan anda masukan atau bahkan mengetahui dan membeli produk Anda.
Internet bagaikan sebuah pusat perdagangan terbesar di dunia dan Website Anda adalah salah satu Toko/Kios di pusat perdagangan tersebut.
Mengapa Anda membutuhkan sebuah website?
5 tahun yang lalu memiliki sebuah website hanyalah untuk gengsi.
2 tahun yang lalu memiliki sebuah website hanyalah karena trendy.
Hari ini memiliki sebuah website adalah keharusan!
Semua orang menggunakan Web untuk segala sesuatu mulai dari pekerjaan sekolah sampai dengan memesan makanan karena prosesnya yang cepat, murah, mudah & menyenangkan! Anda tidak perlu meninggalkan meja Anda. Bahkan orang yang suka belanja sekalipun mencari produk yang diinginkan di Web. Kini mereka berusaha mencari produk atau servis Anda, tempat pertama yang mereka cari adalah di Web - dan jika mereka tidak dapat menemukan produk dan servis Anda di Web, kemungkinan besar mereka akan menemukan kompetitor Anda yang sudah memiliki Website!
Apa yang dapat dilakukan dengan adanya sebuah website?
Website Anda dapat digunakan untuk berbagai tugas, misalnya:
Membuat pengumuman atau pemberitahuan. Memberikan pelayanan kepada Customer Anda.
Menerima masukan dari pengunjung/customer Anda. Membagi dan mendistribusi file dan foto. Berkomunikasi langsung dengann Customer Anda yang berada di belahan dunia manapun.
Dan tentu saja, menjual produk dan servis Anda. Mungkin hal di atas masih kedengaran kurang menarik, tetapi jangan lupa bahwa Anda dapat melakukan hal di atas tersebut ke seluruh dunia kapan saja .. pada siang maupun malam hari dengan biaya yang sangat murah!

PEMBUATAN DAN KEGUNAAN LIST

Kegunaan Frame biasanya digunakan untuk membuat suatu halaman yang interaktif di dalam dokumen HTML. Dengan Frame kita dapat menampilkan lebih dari satu halaman web dalam halaman browser yang sama. Setiap dokumen HTML dapat ditampilkan didahjkgblam Frame dan setiap frame adalah bebas antara satu dengan yang lain.berikut cara membuat frame pada website.Dalam Pembuatan List dibagi menjadi 2 buah yang pertama ordered list dan unordered list, yang mana kalau ordered list akan menciptakan list yg beruntun yakni daimulai dari angka 1 sampai sekian, secara default ordered list merupakan angka sati dan seterusnya. Unordered list merupakan list yang tidak beraturan artinya bisa dimulai dengan bullet, secara default unordered list merupakan bullet, dalam html tag ordered list dan unordered list sebagai berikut :
Ordered list                                                                                        Unordered list
                                                                                                          

  1. isi dari listnya

  2.                                                                     
  3. isi dari listnya


  4. isi dari listnya

  5.                                                                     
  6. isi dari listnya

  7.                                                                                                     
    contoh pembuatan List ol dan ul jika kita masukkan dalam HTML
    Penggunaan UL dan OL
                 

    Berikut ini Pengertian UL dan OL

    OL adalah list berurut nomornya secara default adalah menggunakan angka 1,2,3,…, dan seterusnya sampai dengan sejumlah item dalam list tersebut. sedangkan UL Unordered list sering disebut sebagai bulleted list, mempunyai bulleted default berupa noktah. Jenis bulet bisa diubah,berikut adalah daftar jenis bullet yang bisa digunakan untuk mengubah bullet default pada bulleted list:
                                  
    Contoh UL dan OL
    Nama – nama Pemain Bola

    • Irfan hanafi


    • very  beiby chiforever


    • faisal nur


    • suhendri gunawan


    • riswanto


    • wahyu syahputera

    • Nama – nama Klub Liga Champion Europa

      1. Arsenal


      2. Liverpool


      3. Aston Villa


      4. Barselona


      5. Mancuster United


      6. Real Madrid

      7. maka akan menghasilkan gambar berikut ini:


                                                  

        Cara Membuat Bullet and Numbering dengan HTML

        Sebenarnya Cara Membuat Bullet and Numbering dengan HTML tidaklah sulit tapi hanya butuh ketelitian.kali ini saya hanya sedekar ingin berbagi pengetahuan tentang format bullet and numbering dengan HTML. Kalau temen-temen sering ngetik di Microsoft Word pasti sudah pernah menggunakan bullet and numbering. Itu loh… yang berfungsi untuk memberikan label urutan kepada suatu list. Misalnya urutan 1, 2, 3, 4, atau mungkin a, b, c, d, atau bisa juga berupa simbol. Sebenernya di hampir semua blog sudah tersedia fasilitas penambahan bullet and numbering secara mudah dengan meng-klik iconnya saja, tapi bagi temen-temen yang lebih senang dengan tantangan atau mungkin ingin lebih berkreasi dengan bullet and numbering, bisa melalui HTML.
        Contohnya:
        1. ini bentuk numbering satu
        2. numbering lagi
        3. numbering lagi yach…
        4. ini yang terakhir

        Sejauh yang saya ketahui, untuk membuat bullet and numbering ini bisa langsung melalui HTML, atau bisa juga melalui CSS (Cascading Style Sheet).
        Untuk tutorial ini bisa anda coba membuatnya di notepad, atau langsung di blog juga bisa.
        Tentukan bentuk bullet/numbering yang anda inginkan. Jika ingin berupa number/nomor, seperti 1, 2, 3, 4, dst, maka kode yang Anda gunakan adalah:

        1. ini bentuk numbering satu
        2. numbering lagi
        3. numbering lagi yach...
        4. ini yang terakhir


        Hasil yang terlihat akan seperti ini:
        1. ini bentuk numbering satu
        2. numbering lagi
        3. numbering lagi yach…
        4. ini yang terakhir

        Yang menentukan list tersebut berupa number adalah code
          dan
        .
        Sedangkan bila Anda ingin membuat list berupa bullet (simbol), maka code yang bisa Anda gunakan adalah:

        • ini bullet satu
        • ini bullet lagi
        • yang ini juga bullet


        Sehingga hasilnya menjadi
        • ini bullet satu
        • ini bullet lagi
        • yang ini juga bullet

        Sedikit ada spesial pada tag UL ini: bentuk bullet bisa kreasikan, baik dengan code maupun dengan gambar. Misalnya:

        • ini bentuk disc bulllet
        • ini bentuk circle (lingkaran)
        • kalo yang ini bentuk persegi


        Sehingga hasilnya seperti:
        • ini bentuk disc bulllet
        o ini bentuk circle (lingkaran)
        § kalo yang ini bentuk persegi
        Pembuatan Tabel
        Tabel seperti yang kalian tahu terdiri dari kolom dan baris. Pada tabel data-data dimasukkan dalam kombinasi antara kolom dan baris tertentu. Beberapa baris dan kolom dari tabel bisa digabungkan untuk membuat tampilan yang sesuai dengan kebutuhan data kita. Pada html semua itu dapat dilakukan, namun tentunya kita harus mengetahui terlebih dahulu bahan-bahan apa saja yang diperlukan untuk meracik sebuah tabel. Untuk meracik sebuah tabel kita akan membutuhkan bahan-bahan sebagai berikut, , , dan                : yang digunakan untuk membuat sebuah baris/row
                     : yang digunakan untuk membuat kolom/data
                     : yang digunakan untuk membuat header suatu table
        Dari tag-tag diatas jika dimasukkan dalam sebuah HTML akan seperti berikut :
        Contoh table dalam HTML
        Penggunaan Table
                

        Tabel Nama-nama pemain Bola

        .
        Untuk membuat sebuah tabel maka susun bahan-bahan tersebut menjadi seperti ini,
        Dalam pembuatan table dalam HTML perlu mneggunakan beberapa tag seperti :
          : yang berguna untuk mengawali pembuatan table
        No Nama Nomor Induk
        1 Irfan  Hanafi 1020000332
        2 ferri beiby chiforever 1020000333
        3 faisal nur 1020000334
        4 suhendri gunawan 1020000335
        5 suhendri gunawan 1020000336
        6 wahyu syahputear 1020000337
        maka tampilannya akan muncul seperti gambar berikut ini:

        Pembuatan Dan Kegunaan Frame
        Frame merupakan tag HTML yang digunakan untuk membuat sebuah bingkai yang terdapat pada frameset, jadi kita bisa menyatukan beberapa halaman html pada 1 halaman HTML saja, dan setiap halaman akan ada bingkai2nya, dalam pembuatannya kita membutuhkan tag-tag berikut ini :
        : untuk memulai pembuatan binkai disini kita akan menentukan lebar kolom dll
                                  : untuk memasukkan halaman-halaman web
        Contoh Frame dalam HTML
        maka tampilan yang akan dihasilkan seperti gambar dibawah ini:


        Tidak ada komentar:

        Posting Komentar