:::: MENU ::::

  • Rendi Rohaendi Purnama Sidik

  • Personal Blog

  • Cacing yang bermimpi terbang

Desain halaman web dengan konsep tabel

, ,
Assalamualaikum wr. wb.
kali ini saya akan memberikan sebuah informasi mengenai desain halaman web menggunakan tabel.

Desain halaman web dengan konsep tabel
- Top Index
Berikut adalah listing program untuk membuat layout “top index” halaman web dengan elemen table.
hasilnya:
- Bottom Index
Berikut adalah listing program untuk membuat layout “bottom index” halaman web dengan elemen table.

</form>
</body>
</html>

hasilnya:
mungkin hanya itu saja yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya wassalamualaikum wr. wb.

Layout halaman web

, ,
Assalamualaikum wr. wb.

kali ini saya akan memberikan sebuah informasi mengenai penyajian desain web, yaitu mengenai Layout Halaman Web.

Layout halaman web
Layout situs merupakan tata letak elemen halaman situs web.Layout situs yang baik akan menjadikan halaman web web baik juga. Dengan desain halaman web yang baik dan tepat akan membuat pengunjung merasa nyaman dengan tampilan (layout) halaman web tersebut, dan tetap dapat fokus pada isi (content). Desain halaman web tidak mengganggu kejelasan bagian isi.
Pada desain layout yang tepat, pengunjung dapat berpindah ke halaman lain dengan mudah melalui navigasi yang baik, mudah dan informatif. Pengunjung merasa bahwa setiap halaman dari situs merupakan satu kesatuan. Setiap halaman memiliki posisi dan kesamaan tampilan (layout), yang berbeda hanya isi (content).
Adanya layout tata letak yang baik dapat membuat halaman lebih cantik dan seimbang, terutama enak dilihat dan mudah dibaca. Desain layout suatu halaman web meliputi penyusunan:
- pembagian tempat pada halaman
- pengaturan jarak sepasi
- pengelompokan teks dan grafik
- serta penekanan pada suatu bagian tertentu
Beberapa model layout yang biasa digunakan dalam mendesain suatu halaman web, diantaranya adalah

- Top Index
 digunakan untuk menampilkan link yang banyak ke situs lain, seperti search engine
Navigasi atau daftar isi berada dibagian atas dari halaman web, seperti pada berikut merupakan tampilan dari www.google.com
- Bottom Index
 Biasanya digunakan apabila isi dari halaman banyak berhubungan dengan topik tunggal
- Left Index
 Digunakan untuk layar dengan resolusi yang lebar sehingga mudah dalam penyediaan navigasi, tanpa menimbulkan kekacauan penyajian pada halaman utama
- Layout Split
 Merupakan model yang banyak dipakai, karena terjaga keseimbangan dalam halaman web
- Alternating Index
 digunakan untuk halaman yang banyak menampilkan grafik, foto dan produk yang disertai dengan teks berupa keterangan, harga, jumlah, dan lain - lain.

mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya, wassalamualaikum wr. wb.

Anatomi halaman web

, ,
Assalamualaikum wr. wb.

kali ini saya akan memberikan sebuah informasi mengenai penyajian desain web yaitu tentang anatomi halaman web.

Anatomi halaman web
Secara garis besar anatomi atau susunan dari suatu halaman web terdiri dari containing block, Logo, navigation, content, white space dapat digambarkan sebagai berikut


  • Containing Block.
Containing block merupakan bagian dari halaman web yang membungkus semua komponen halaman web. Umumnya dibuat dengan tag <body>, <div> atau <table>.
  • Logo.
Identitas perusahaan, organisasi, pemilik situs.
  • Navigation.
Navigasi atau menu merupakan bagian penting dari situs yang memudahkan pengunjung berpindah-pindah halaman.
  • Content.
Content atau isi adalah segalanya, karena disinilah sebagian besar informasi disajikan.
  • Footer.
Footer merupakan bagian bawah dan berisi informasi singkat pemilik situs (copyright) dan beberapa link.
  • Whitespace.
Whitespace merupakan area kosong yang membatasi antar-komponen. Whitespace menjadi penting agar pengunjung mempunyai ruang berhenti di antara bagian-bagian situs yang lain. Whitespace dapat juga diisi dengan banner atau animasi.

mungkin itu saja yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya, wassalamualaikum wr. wb.

Menyajikan Desain Halaman Web dengan Konsep Tabel.

, ,
Assalamualaikum wr. wb.


kali ini saya akan memberikan sebuah informasi mengenai pembuatan web yaitu Menyajikan Desain Halaman Web dengan Konsep Tabel.

menurut buku yang pernah saya baca, adalah sebagai berikut:

Sebuah dokumen tidak jarang digunakan untuk menampilkan data kepada penggunanya. Terdapat banyak cara untuk menampilkan data, mulai dari dengan menggunakan grafik, daftar, sampai dengan tabel.
Tabel pada umumnya digunakan untuk menampilkan data tabular dalam bentuk baris dan kolom. perpotongan baris dan kolom di dalam tabel disebut dengan sel. Di dalam html, memungkinkan untuk menampilkan data di dalam tabel secara atraktif.
Meskipun terlihat sederhana, desain tabel yang dilakukan sampai sejauh ini masih merupakan sebuah tabel yang hanya menyimpan data. Data yang disimpan dan ditampilkan sendiri tidak memiliki struktur, sehingga tidak terdapat organisasi data yang baik. Pengorganisasian data yang baik dan benar pada sebuah tabel HTML akan sangat membantu dalam mengembangkan aplikasi web, terutama jika tabel yang ingin dibangun harus bersifat dinamis.
Penambahan kolom dan baris tabel saja tidak cukup untuk mengorganisasikan data pada tabel, karena tidak dapat secara langsung mengetahui mana bagian dari tabel yang merupakan data, mana yang merupakan isi data, dan mana yang merupakan nilai agregasi dari data. HTML menyediakan beberapa elemen yang dikhususkan untuk memenuhi beberapa hal yang disebutkan sebelumnya, yaitu elemen table,tr,td,th, caption.

berikut bisa di kilik, materi materi lain penyajian desain web:

1. Anatomi halaman web
2. Layout halaman web
3. Desain halaman web dengan konsep tabel

Mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya wassalamualaikum wr. wb.

Pembuatan Tabel Dalam Tabel (Tabel Bersarang) di Web

, ,
Assalamualaikum wr. wb.

kali ini saya akan memberikan informasi mengenai pembuatan tabel dalam tabel pada HTML.

berikut contoh tabel bersarang:

contoh di atas bisa kita buat dengan cara memberikan tag sebagai berikut:
<table>
<tr>
      <td>data baris 1 kolom 1</td>
      <td>  <table>
<tr>
      <td>tabel ke 2</td>
      <td>tabel ke 2</td>
</tr>
</table></td>
</tr>
</table>

mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya wassalamualaikum wr. wb.

cara menyatukan atau merge antar baris pada tabel di web

, ,
Assalamualaikum wr. wb.

kali ini saya akan memberikan sebuah cara yaitu mengenai desain web.
cara tersebut adalah, cara menggabungkan baris pada tabel di web.

kita bisa amati gambar sebagai berikut:


gambar di atas, merupakan contoh penggabungan baris pada tabel di web.
untuk caranya, kita bisa menggunakan tag <td rowspan=4> ... </td>

untuk jumlah barisnya kita bisa sesuai dengan yang akan dijumlahkan.

mungkin hnya itu yang dapat saya sampaikan sekian dari saya, wassalamualaikum wr. wb.

cara menyatukan atau merge antar kolom pada tabel di web

, ,
Assalamualaikum wr. wb.

kali ini saya akan memberikan sebuah cara membuat desain web, yaitu mengenai penggabungan antar kolom pada web.
kita bisa lihat gambar sebagai berikut :
gambar di atas merupakan contoh hasil dari penggabungan kolom kolom pada tabel.

untuk cara nya kita bisa gunakan tag <th colspan=4>... </th>
 jadi kita bisa gunakan colspan dan kolom nya kita bisa pilih mau berapa.

mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya wassalamualaikum wr. wb.


Spesifikasi Laptop Samsung SENS P530

, ,
Assalamaualikum wr. wb.

kali ini saya akan memberikan sebuah informasi mengenai sfesipikasi Laptop Samsung SENS P530.
berikut pengenalannya.

Pengenalan HardWare dan software Laptop SAMSUNG SENSP530
*Hardware :
Monitor
keyboard
touchpad
SO:windows 8
Bios : Phenix
Processor :intel (R)core (TM) i5 CPU
Ram: 4GB
Hardisk 300 GB
type monitor : Generic PnP
Time of this report: 5/8/2017, 09:26:10
       Machine name: SAMSUNG
   Operating System: Windows 8.1 Pro 64-bit (6.3, Build 9600) (9600.winblue_ltsb.170204-0600)
           Language: Indonesian (Regional Setting: Indonesian)
System Manufacturer: SAMSUNG ELECTRONICS CO., LTD.
       System Model: R530/R730/P530             
               BIOS: Phoenix SecureCore(tm) NB Version 04KQ.M007.20100621.KSJ
          Processor: Intel(R) Core(TM) i5 CPU       M 520  @ 2.40GHz (4 CPUs), ~2.4GHz
             Memory: 4096MB RAM
Available OS Memory: 3956MB RAM
          Page File: 1538MB used, 3122MB available
        Windows Dir: C:\Windows
    DirectX Version: DirectX 11
DX Setup Parameters: Not found
   User DPI Setting: Using System DPI
 System DPI Setting: 96 DPI (100 percent)
    DWM DPI Scaling: Disabled
     DxDiag Version: 6.03.9600.17415 64bit Unicode

*software:
adobe AE
adobe PS
Adobe BR
Adobe Reader
desktop
game
google chrom
internet explorer
mozila firefox
musik
perekam suara
photos
video
movie marker
blender
aimp3
bandicam
blender
eos utility
corel draw x7
duplexing
macro programing guide
cyberlink power dvd
format factory
free pascal
internet download manager
ms word
ms power point
exel
turbo pascal
vlc
yahoo messengger
gmail

kebutuhan/prangkat tambahan:

headphone
mocrophone






tidak hanya itu laptop ini juga bisa ditambah atau di modifikasi spesifikasi nya. dan berikut pula gambarnya :


mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kesalahan saya, sekian dari saya wassalamualaikum wr. wb.

Pembuatan Tabel pada Web

, ,
Assalamualaikum wr. wb.

kali ini saya akan menjelaskan mengenai pembuatan tabel pada web.

Pembuatan Tabel
Tabel merupakan cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan kolom. Untuk menampilkan data dalam bentuk table pada HTML, digunakan Tag<Table>.

jadi kita tinggal membuat tag <table> dan diakhir tinggal tambahkan tag </table>.

contohnya:
<table>
        <tr>
           <td>data baris 1 kolom 1</td>
           <td>data baris 1 kolom 2</td>
        </tr>
</table>

mungkin hanya itu yang dapat saya sampaikan, mohon maaf atas segala kekurangan saya, sekian dari saya wassalamualaikum wr. wb.

Memulai dengan nomor tertentu pada list di web

, ,
Assalamualaikum wr. wb.


kali ini saya akan menjelaskan mengenai cara pembuatan list dengan nomor tertentu pada web.

Memulai dengan nomor tertentu
Untuk membuat daftar bernomor dengan urutan yang tidak dimulai dengan 1 (nomor/huruf awal), maka kita harus mendefinisikan dengan atribut “start” pada elemen tag <ol>.
Misalnya contoh berikut :

<ol start="17">
<li>Blok huruf dengan text tool</li>
<li>Klik tab karakter</li>
<li>Pilih jenis huruf pada menu pop-up .</li>
</ol>

maka list akan dimulai dari angka 17, kemudian 18, dan terakhir 19.

mungkin hanya itu yang dapat saya sampaikan mohon maaf atas segala kekurangan saya, sekian dari saya wassalamualaikum wr. wb.

Pembuatan list Kombinasi pada web

, ,
Assalamualaikum wr. wb.

kali ini saya akan menjelaskan mengenai pembuatan list kombinasi pada web.

Pembuatan list Kombinasi
Perhatikan daftar berikut ini :
Daftar Menu
1. Makanan
  •  Bakso 
  •  Mie Ayam 
  •  Soto 
2. Minuman
  •  Teh Panas 
  •  Jeruk Panas 
  •  Kopi
Untuk membuat daftar diatas pada dokumen HTML maka cukup menggabungkan <ol> dangan <ul>.
Perhatikan penggabungan <ol> dengan <ul> berikut ini :

<ol>
     <li></li>
     <li>
          <ul>
               <li></li>
               <li></li>
               <li></li>
          </ul> </li>
</ol>


Tidak demikian dengan daftar berurutan <ol>, maka agar tipenya sama dengan daftar berurutan sebelumnya, kita harus memberikan atribut tipe yang sama dengan daftar berurutan sebelumnya. Contoh :

<ul>
      <li> </li>
                 <ol type=i>
                         <li > </li>
                         <li> </li>
                  </ol>
     <li>
                 <ol type=i>
                          <li > </li>
                          <li> </li>
                 </ol>
    </li>
    <li>
    </li>
</ul>

ya, mungkin hanya itu yang dapat saya sampaikan, maaf bila banyak kekurangan sekian dari saya, semoga bermanfaat, sekian dari saya wassalamualaikum wr. wb.
A call-to-action text Contact us

Blogroll

Pages

Labels

About

ingin sukses? kunjungi lah !!!