Joshaxis: Study

Showing posts with label Study. Show all posts

Friday, 15 October 2010

600 Hexadecimal HTML Color Codes

Cukup sering warna dipakai sebagai penghias web atau lainnya. Disamping bergudang kelebihannya, warna untuk web juga lebih ringan dibanding gambar sebagai background atau border, penerapannyapun mudah tanpa perlu lokasi penyimpanan seperti halnya gambar. Beberapa warna html bisa di tuliskan sesuai namanya, misalkan red, gray, blue, cyan, magenta, yellow, black atau lainnya. Untuk warna yang lebih fokus, bisa ditulis dengan kode hexadecimal warnanya.
Jumlah kode warna sangatlah banyak, berikut ini adalah note beberapa kode hexadecimal warna HTML yang Josh gabung dalam 600 Hexadecimal HTML Color Codes. Silahkan copy kode warna yang diinginkan, misalkan : #083890, #639666, etc....

#f78181	#f5a9a9	#f6cece	#f8e0e0	#fbefef	#f8ece0
#f7be81	#f5d0a9	#f6e3ce	#fbf5ef	#f7f8e0	#fbfbef
#f3f781	#f2f5a9	#f5f6ce	#e3f6ce	#ecf8e0	#f5fbef
#bef781	#d0f5a9	#a9f5a9	#cef6ce	#e0f8e0	#effbef
#81f781	#a9f5d0	#cef6e3	#e0f8ec	#effbf5	#e0f8f7
#81f7be	#a9d0f5	#cee3f6	#e0ecf8	#eff5fb	#effbfb
#81f7f3	#a9f5f2	#cef6f5	#cecef6	#e0e0f8	#efeffb
#81bef7	#d0a9f5	#e3cef6	#ece0f8	#f5effb	#fbeffb
#8181f7	#a9a9f5	#f5a9d0	#f6cee3	#f8e0ec	#fbeff5
#f781be	#f5a9f2	#f6cef5	#f8e0f7	#d8d8d8	#e6e6e6

#be81f7	#df0101	#ff0000	#fe2e2e	#fa5858	#df7401
#f781f3	#ff8000	#fe9a2e	#faac58	#f7fe2e	#f4fa58
#bdbdbd	#f2f2f2	#ffffff	#d7df01	#ffff00	#acfa58
#b40404	#74df00	#80ff00	#9afe2e	#80ff00	#9afe2e
#b45f04	#01df01	#00ff00	#2efe2e	#58fa58	#58faac
#aeb404	#0174df	#0080ff	#2e9afe	#58acfa	#0101df
#5fb404	#74df00	#01dfd7	#00ffff	#2efef7	#58faf4
#04b404	#04b45f	#01df74	#00ff80	#2efe9a	#04b4ae
#045fb4	#0404b4	#0000ff	#2e2efe	#5858fa	#000000
#5f04b4	#7401df	#8000ff	#9a2efe	#ac58fa	#a4a4a4

#b404ae	#df01d7	#ff00ff	#fe2ef7	#fa58f4	#848484
#b4045f	#df0174	#ff0080	#fe2e9a	#fa58ac	#6e6e6e
#190707	#2a0a0a	#3b0b0b	#610b0b	#8a0808	#585858
#191007	#424242	#2a1b0a	#3b240b	#61380b	#8a4b08
#181907	#292a0a	#393b0b	#5e610b	#868a08	#0b0b0b
#101907	#1b2a0a	#243b0b	#38610b	#4b8a08	#084b8a
#071907	#0a2a0a	#0b3b0b	#0b610b	#088a08	#0b3861
#071910	#0a2a1b	#0b3b24	#0b6138	#088a4b	#0b243b
#071918	#0a2a29	#0b3b39	#0b615e	#088a85	#0a1b2a
#071019	#070719	#0a0a2a	#0b0b3b	#0b0b61	#08088a

#100719	#1b0a2a	#240b3b	#380b61	#4b088a	#2e2e2e
#190718	#2a0a29	#3b0b39	#610b5e	#8a0886	#1c1c1c
#190710	#2a0a1b	#3b0b24	#610b38	#8a084b	#151515
#083801	#083802	#083803	#083804	#083805	#083806
#083807	#083808	#083809	#083810	#083811	#083812
#083813	#083814	#083815	#083816	#083817	#083818
#083819	#083820	#083821	#083822	#083823	#083824
#083825	#083826	#083827	#086828	#087829	#083830
#083831	#083832	#083833	#083834	#083835	#083836
#083837	#083838	#086839	#087840	#088841	#089842

#083843	#083844	#083845	#083846	#083847	#083848
#083849	#083850	#083851	#083852	#083853	#083854
#083855	#083856	#083857	#083858	#083859	#083860
#083861	#083862	#083863	#083864	#083865	#083866
#083867	#083868	#083869	#083870	#083871	#083872
#083873	#083874	#083875	#083976	#083877	#083878
#083879	#083880	#083881	#083882	#083883	#083884
#083885	#083886	#086887	#083888	#087889	#083891
#083892	#083893	#083894	#083895	#083896	#083897
#083898	#083899	#083900	#089901	#088902	#081903

#ffffcc	#ffff99	#ffff66	#ffff33	#ffccff	#900000
#ffcccc	#ffcc99	#ffcc66	#ffcc33	#ffcc00	#ff33cc
#ff99ff	#ff99cc	#ff9999	#ff9966	#ff9933	#ff33ff
#ff9900	#ff66ff	#ff66cc	#ff6699	#ff6666	#ff6600
#ff6633	#ff3399	#ff3366	#ff3333	#ff3300	#ff00cc
#ff0099	#ff0066	#ff0033	#ff0000	#ccffff	#cc33ff
#ccffcc	#ccff99	#ccff66	#ccff33	#ccff00	#cc3300
#ccccff	#cccccc	#cccc99	#cccc66	#cccc33	#e4eaf2
#cccc00	#cc99ff	#cc99cc	#cc9999	#cc9966	#cc3333
#cc9933	#cc9900	#cc66ff	#cc66cc	#cc6699	#cc3366

#cc6666	#cc6633	#cc6600	#cc33ff	#cc33cc	#cc33cc
#cc33cc	#cc3399	#cc3366	#cc3333	#cc3300	#9966ff
#cc00ff	#cc00cc	#cc0099	#cc0066	#cc0033	#999900
#cc0000	#99ffff	#99ffcc	#99ff99	#99ff66	#999933
#99ff33	#99ff00	#99ccff	#99cccc	#99cc99	#999966
#99cc66	#99cc33	#99cc00	#9999ff	#9999cc	#999999
#9966cc	#996699	#996666	#996633	#996600	#6699cc
#9933ff	#9933cc	#993399	#993366	#993333	#6699ff
#993300	#9900ff	#9900cc	#990099	#990033	#6699ff
#990000	#66ffff	#66ffcc	#66ff99	#66ff66	#66cc00

#66ff33	#66ff00	#66ccff	#66cccc	#66cc99	#66cc33
#66cc66	#669999	#669966	#669933	#669900	#6666ff
#6666cc	#666699	#666666	#666633	#666600	#3399ff
#6633ff	#6633cc	#663399	#663366	#663333	#33cc00
#663300	#6600ff	#6600cc	#660099	#660066	#33cc33
#660033	#660000	#33ffff	#33ffcc	#33ff99	#33cc66
#33ff66	#33ff33	#33ff00	#33ccff	#33cccc	#33cc99
#3399cc	#339999	#339966	#339933	#339900	#00cccc
#3366ff	#3366cc	#336699	#336666	#336633	#00ff99
#336600	#3333ff	#3333cc	#333399	#333366	#00ffcc

#333333	#333300	#3300ff	#3300cc	#330099	#330000
#00ff66	#00ff33	#00ff00	#00ccff	#00cccc	#330033
#00cc99	#00cc66	#00cc33	#00cc00	#0099ff	#330066
#0099cc	#009999	#009966	#009933	#009900	#3860bb
#0066ff	#0066cc	#006699	#006666	#006633	#f5f9fd
#006600	#0033ff	#0033cc	#003399	#003366	#345487
#003333	#003300	#0000cc	#000099	#000066	#4c77b6
#000033	#000000	#465584	#eef2f7	#3a4f6c	#434951
#bcd0ed	#c2cfdf	#f0f5fa	#d1dceb	#cce9fd	#dfe6ef
#dfe6ef	#000666	#000666	#666011	#666012	#906660

#085691	#085692	#085693	#085694	#085695	#085696
#085697	#085698	#085699	#085700	#085701	#085702
#081811	#081812	#081813	#081814	#081815	#081816
#061817	#011818	#051819	#091820	#001821	#021822
#011823	#031824	#041825	#051826	#041827	#071828
#0121992	#021299	#088866	#088899	#034399	#081266
#666660	#066600	#666006	#000666	#666999	#761230
#006660	#666000	#666001	#606660	#083891	#782666
#250607	#021108	#200822	#099f11	#083890	#639666
#bc5210	#681606	#2010d3	#1509d1	#250010	#356608

=== End ===

Silahkan berbagi dengan teman melalui tombol-tombol share ini...

Stumb
Icious
Tech
Twitt
F.B.
Redit
Google
Furl
Mixx
Design
B.Mark
B.List
Diigo

Menea

Spesifikasi 6 Software Menarik

B

erikut ini adalah spesifikasi 6 sofware menarik, yaitu Macro Media Flash, Swish V 2.0, Auto Desk 3D Studio Max, Adobe Illustrator, Corel Photo Paint, dan Nu Graft.

Spesifikasi ini bisa dipakai sebagai jawaban untuk tugas komputer grafik...

MACRO MEDIA FLASH

Macromedia flash adalah program animasi yang telah banyak digunakan untuk menghasilkan desain dan berguna untuk animasi interaktif. Media ini memiliki kemampuan dalam mengintergrasikan komponen warna, musik dan animasi grafik.

      Macromedia flash yang kini bernama Adobe Flash adalah milik multimedia platform yang digunakan untuk menambahkan animasi , video, dan interaktivitas ke halaman Web. Flash sering digunakan untuk iklan dan game. Baru-baru ini, telah diposisikan sebagai alat untuk " Aplikasi Internet Rich "(" RIAs ")
Flash memanipulasi vektor dan grafis raster untuk memberikan animasi teks, gambar, dan gambar diam. Mendukung bidirectional streaming audio dan video, dan dapat menangkap input pengguna melalui mouse, keyboard, mikrofon, dan kamera.Flash berisi bahasa berorientasi Obyek disebut ActionScript.

Pengembang Adobe Systems (sebelumnya oleh Macromedia )

Ditulis dalam bahasa program C + +

spesifikasi minimal Pentium III, RAM 256 MB yang berseting windows XP

Sistem operasi :
       Microsoft Windows , Mac OS X , Linux , Solaris , Symbian , Windows Mobile , Ubuntu Netbook Edition (Optional), Maemo.

Persyaratan Hardware :
      Intel ® Pentium ® 4 3.2GHz prosesor (dual prosesor Intel Xeon ® direkomendasikan), 2GB RAM (4GB disarankan), 1Gb Ethernet card

Sistem operasi yang didukung :

While Adobe® Flash® Media Server runs on 64-bit hardware, it requires a 32-bit operating system or a 64-bit operating system that supports 32-bit programs. Sementara Adobe ® Flash ® Media Server berjalan pada perangkat keras 64-bit, hal ini memerlukan sebuah sistem operasi 32-bit atau sistem operasi 64-bit yang mendukung program-program 32-bit.

Kegunaan Macro Media Flash :

Salah satu kegunaan Macromedia Flash adalah untuk membuat gambar animasi, gambar animasi tersebut akan mempunyai file extension * .swf

Kelebihan MacroMedia Flash :

# Dinamis kuat produk aplikasi Web.

# Cross-platform yang paling kuat dan pengembangan produk interaktif.

# Lingkungan Macromedia Flash lebih stabil untuk applet Java TM.

# Untuk situs Web yang membutuhkan sesuatu yang lebih menarik dan interaktif dari apa yang dapat dibuat dalam HTML, Macromedia Flash menawarkan banyak kemungkinan.

Kekurangan MacroMedia Flash :

# Saat ini, belum memiliki cross-browser dan lintas-platform.

SWISH V 2.0

"Create Flash..., Without Flash" adalah motto yang digunakan Swish. Ada banyak animasi-animasi yang agak lama dibuat dengan Macromedia Flash, dapat dibuat dengan cepat menggunakan Swish.
Extensi filenya adalah *.swi yang dapat diubah menjadi *.swf, *.avi, atau *.html. Swish mungkin tak sebesar Macromedia Flash, namun sedikit lebih mudah.

Spesifikasi Minimum Komputer :

Windows95/98/ME/NT4/2000/XP, Prosesor Pentium 100, 32 Mb RAM, Resolusi 800 x 600 pixel dengan 256 colour.

AUTODESK 3D STUDIO MAX

Autodesk 3D Studio Max sebelumnya 3D Studio MAX saja, adalah pemodelan, animasi dan paket rendering yang dikembangkan oleh Autodesk Media dan Entertainment. Memiliki kemampuan model, arsitektur plugin yang fleksibel dan dapat digunakan pada platform Windows Microsoft.
       Hal ini dapat digunakan oleh pengembang permainan video, studio TV komersial dan studio visualisasi arsitektur. Hal ini juga digunakan untuk efek film dan pra-visualisasi. Selain model dan alat animasi, dengan versi terbaru dari 3ds Max juga fitur shader canggih (seperti ambient occlusion dan subsurface scattering), simulasi dinamis, sistem partikel, radiosity, peta penciptaan normal dan rendering, pencahayaan global, intuitif dan semuanya disesuaikan keinginan pengguna, dan bahasa scriptnya sendiri.

Spesifikasi komputer :

# 32-Bit 3ds Max 2011 atau 3ds Max Design 2011 untuk Windows. Sistem operasi: Microsoft ® Windows ® 7 Professional, Microsoft ® Windows Vista ® Business (SP2 atau yang lebih tinggi), atau Microsoft ® Windows ® XP Professional (SP2 atau yang lebih tinggi)

# Untuk animasi umum dan rendering (biasanya kurang dari 1.000 benda atau 100.000 polygons):

   - Intel ® Pentium ® 4 1,4 GHz atau AMD ® setara prosesor SSE2

   - 2 GB RAM (4 GB recommended) 2 GB RAM (4 GB direkomendasikan)

   - 2 GB swap space (4 GB recommended) 2 GB swap space (4 GB direkomendasikan)

   - 3 GB free hard drive space 3 GB free hard drive space

   - Direct3D® 10 technology, Direct3D 9, or OpenGL®-capable graphics card(256 MB or higher video card memory, 1 GB or higher recommended) Direct3D ® 10 teknologi, Direct3D 9, atau kartu grafis mampu ®-OpenGL (256 MB atau lebih tinggi kartu memori video, 1 GB atau lebih tinggi direkomendasikan)

   - Three-button mouse with mouse driver software Tiga-tombol mouse dengan perangkat lunak driver mouse

   - DVD-ROM drive

   - Microsoft® Internet Explorer® 7.0 or higher or Mozilla® Firefox® 2.0 or higher browser Microsoft ® Internet Explorer ® 7.0 atau yang lebih tinggi atau Mozilla ® Firefox ® 2.0 atau yang lebih tinggi browser

   - Internet connection for web downloads and Autodesk® Subscription-aware access Koneksi internet untuk download akses web dan Autodesk ® Berlangganan-aware

Kegunaan Autodesk 3D Studio :

   - Dapat menunjukkan kepada pelanggan potensial, departemen lain atau atasan anda tentang ide-ide atau produk baru secara lebih jelas untuk mendapatkan tanggapan mereka sebelum memasuki proses produksi sehingga banyak biaya dan waktu yang dapat anda hemat.

   - Dapat menjual sebuah produk terlebih dahulu sebelum produk selesai diproduksi, karena telah anda visualisasikan secara nyata, tepat dan berpresisi mendekati wujud akhirnya melalui 3d.

   - Dapat membantu anda dalam memvisualisasikan proyek arsitektur

Kelebihan Autodesk 3D Studio :

Merancang Interior, Teknik Arsitektur, Teknik Mesin, Merancang Listrik. Membuat 3D yang menakjubkan dengan Autodesk 3ds Max software. Pemodelan 3D dengan fitur lengkap, animasi, dan solusi rendering untuk menghasilkan game terlaris dan film pemenang penghargaan atau konten video. Ini adalah alat pilihan untuk cepat menghasilkan karakter realistis, efek CG mulus, rahang-menjatuhkan permainan, dan juga film. Toolsets Enhanced memungkinkan Anda untuk menciptakan lingkungan 3D dengan kompleks.

Kekurangan Autodesk 3D Studio :

kemampuan untuk membuat karya visual dengan pencahayaan kompleks adalah proses yang lama dan mungkin membosankan.

ADOBE ILLUSTRATOR

Adobe Illustrator adalah alat yang ampuh untuk mengedit vektor grafis. Dirilis pada bulan April 2007, Adobe Illustrator CS3 menambahkan perbaikan, seperti Live Warna, control panel didesain ulang yang memungkinkan akses cepat ke jalan-mengedit pilihan dan ruang kerja kustom dengan panel dilipat. Dengan fitur baru datang persyaratan komputer baru untuk Adobe Illustrator CS3. Sebelum menginstal Adobe Illustrator CS3, pastikan komputer Anda mampu menangani program.

Processor :

Untuk komputer berbasis Windows, Adobe Illustrator CS3 membutuhkan salah satu prosesor berikut: Intel Core Duo, Intel Centrino atau Intel Pentium 4. pengguna Mac yang ingin menginstal Adobe Illustrator CS3 harus memiliki komputer dengan G4 PowerPC atau prosesor Intel multicore.

Sistem Operasir :

Persyaratan Sistem untuk Adobe Illustrator CS3 termasuk OS yang tepat. Untuk pengguna Mac, Illustrator CS3 memerlukan Mac OS X v.10.4.8.pengguna Windows dapat menjalankan Illustrator CS3 dengan Windows XP atau Vista. Untuk pengguna XP, Anda harus memiliki Service Pack 2 diinstal. Adobe Illustrator CS3 akan bekerja pada edisi 32-bit bersertifikat dari Vista Enterprise, Business, Ultimate atau Home Premium

RAM :


Minimum Adobe Illustrator CS3 persyaratan untuk RAM (random access memory) adalah sama untuk kedua komputer Windows dan Mac: 512 megabyte. Sementara 512MB akan menjalankan program, Adobe menyarankan agar pengguna memiliki 1 GB RAM untuk hasil terbaik.

Hard-Drive Space :


Persyaratan Sistem untuk Adobe Illustrator CS3 termasuk 2 gigabyte ruang hard drive pada komputer Windows dan 2,5 gigabytes ruang bagi pengguna Mac. Ruang tambahan yang mungkin diperlukan ketika menginstal Adobe Illustrator CS3.

Hardware / Perangkat keras :


Di samping persyaratan sistem dasar untuk Adobe Illustrator CS3, ada beberapa persyaratan perangkat keras. Baik pengguna Mac dan Windows harus memiliki drive DVD-ROM, kartu video minimum 16-bit dan sebuah monitor yang mampu memiliki resolusi 1024 x 768.

Kegunaan Adobe llustrator :

# Adobe Illustrator adalah vektor utama perangkat lunak manipulasi grafis. Sebuah editor grafis vektor adalah program komputer yang memungkinkan pengguna untuk menulis dan mengedit gambar vektor grafis interaktif di komputer dan menyimpannya dalam salah satu dari banyak format vektor grafis yang populer, seperti EPS, PDF, WMF, SVG, atau vml.

# Hal ini digunakan untuk membuat gambar yang ukurannya kecil file, namun dapat diubah ke dimensi apapun sementara tetap mempertahankan kualitas cetak. Beberapa menggunakan umum untuk Illustrator adalah untuk logo, ilustrasi, layout untuk brosur, iklan, billboard, signage, brosur, kartu nama, desain web, dan beban lebih. Illustrator dapat digunakan untuk apa saja di luar gambar fotografi.

Kelebihan Adobe llustrator :

- Menggabungkan Bentuk dengan Shape Modes

- Menggunakan Paint Live Edit Jalur

- Melepas dan Memperluas Grup Live Paint

- Menggunakan Paint Live ke Jalur Warna

- Menggunakan Clean Up Fitur

- Penyederhanaan Jalan Vector

- Membuat Jalan Senyawa

- Jalan Pemotongan dengan gunting dan pisau Tools

- Menggunakan Perangkat Eraser

- Menggunakan Alat Membentuk

- Using the Eraser Tool Menggunakan Tool Eraser

Kekurangan Adobe llustrator :

- Kurangnya kemampuan untuk membuat dokumen multipage

- Meskipun tetap merupakan alat gambar vektor sangat baik, tidak banyak dalam Adobe Illustrator CS3 CS2 memaksa pengguna untuk meng-upgrade.

- Mengelompokkan benda memaksa mereka semua ke lapisan yang sama

- Tidak dapat memanipulasi Bezier menangani beberapa

- Tidak memiliki beberapa halaman dokumen baik untuk digunakan desainer grafis

COREL PHOTO PAINT

Corel Photo-Paint adalah pembuat gambar terkenal dan aplikasi edit foto.

Persyaratan Sistem :

# CPU: Pentium 200 MHz atau lebih

# Sistem operasi :

    - Linux kernel 2.2 atau di atas
    - X Windows X Windows

    - glibc 2.0 or 2.1 glibc 2,0 atau 2,1

    - PRM or DEB package management PRM atau manajemen paket DEB

# Open source : - GIMP, - digiKam, - Krit, - Pinta, - colourPaint, - Tux Paint,
                        - GrafX2, - MyPaint.

# Linux Kernel 2.2 atau lebih tinggi

# Perpustakaan glibc 2.0, 2.1 atau yang kompatibel

# X Window System

# Manajemen paket perangkat lunak untuk Red Hat Package Manager (rpm) atau Paket Debian (dpkg / apt-get)

# RAM:

    - 64 MB RAM minimum

    - 128 MB RAM recommended 128 MB RAM direkomendasikan

Kegunaan Corel Photo Paint :

Memberikan antusias fotografer digital yang sama sekali baru seperangkat alat untuk membuka potensi kreatif mereka.

Kelebihan Corel Photo Paint


Corel Photo Paint dapat menyelesaikan proyek yang paling rumit dengan cara sederhana. Disamping itu juga bisa mengimport ataupun capture layar. Serta mengedit foto dengan mudah.

KekuranganCorel Photo Paint :

Baik secara pragmatis dan artistik dapat memungkinkan pengguna akhir untuk lebih jauh berkarya.

NU GRAFT

Kegunaan :

Membuat design dengan rincian detail terutama pada machine.

Spesifikasi :

    - OS 486 - atau pentium (r)

    - Window 98 / 95, windows 2000 / NT 4.0 atau lebih tinggi

    - RAM 16mb

    - SVGA

    - Free min 75mb hardisk space

=== End ===

Silahkan berbagi dengan teman melalui tombol-tombol share ini...

Stumb
Icious
Tech
Twitt
F.B.
Redit
Google
Furl
Mixx
Design
B.Mark
B.List
Diigo

Menea

HTML Frame

H

TML FRAME terdiri dari Element FRAMESET, Element FRAME, dan Element NOFRAMES

Element FRAMESET berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian. Element ini mempunyai attribute yaitu cols (membagi jendela berdasarkan kolom), rows (membagi jendela berdasarkan baris), border, bordercolor, frameborder (untuk menampilkan border frame), dan framespacing (spasi antara frame). Element FRAMESET terletak di antara element HEAD dan BODY.

Sintaks:

 <br />
<frameset <br />
cols="list"<br />
rows="list"<br />
border="pixel"<br />
bordercolor="color"<br />
frameborder="yes"|"no"<br />
framespacing="pixel"><br />
...........................<br />
</frameset><br />
<br />

ELEMENT FRAME

Element FRAME mendefinisikan frame yang terdapat dalam frameset. Element ini mempunyai attribute yaitu name (nama frame), marginheight, marginwidth, bordercolor, frameborder, noresize, scrolling, src (dokumen yang ditampilkan pada frame). Element ini tidak mempunyai tag penutup.

Sintaks:

 <br />
<frame <br />
name="name"<br />
marginheight="pixel"<br />
maginwidth="pixel"<br />
bordercolor="color"<br />
frameborder="yes"|"no"<br />
noresize<br />
scrolling="yes"|"no"<br />
src="uri"><br />

ELEMENT NOFRAMES

Element NOFRAMES mendefinisikan isi yang akan ditampilkan jika suatu frame tidak dapat diakses.

Sintaks:

 <br />
<noframes><br />
.....................<br />
</noframes><br />

CONTOH MEMBUAT FRAMESET

Bisa ditulis pada notepad dan simpan sebagai file html

 <br />
<br />
<html><br />
<head><br />
<title>Frameset</title><br />
</head><br />
<frameset cols="40%,60%" border="10" bordercolor="red"><br />
<frame src="left.html"><br />
<frame src="right.html" marginheight="50" marginwidth="50"><br />
</frameset><br />
<body><br />
</body><br />
</html><br />
<br />

Hasilnya :

left.html

right.html

Note :

Hasil ini hanya contoh tampilan, kode dalam kotak biru diatas bisa berfungsi dengan baik bila telah ada file left.html dan right.html

Persen (%) dapat diganti dengan pixel (px) begitu juga sebaliknya. Persen memiliki kemampuan ukuran flexsible dengan resolution layar monitor, sedangkan pixel memiliki kemampuan ukuran tetap yang tidak terpengaruh resolution layar monitor.

Silahkan berbagi dengan teman melalui tombol-tombol share ini...

Stumb
Icious
Tech
Twitt
F.B.
Redit
Google
Furl
Mixx
Design
B.Mark
B.List
Diigo

Menea

HTML Form

H

TML FORM terdiri dari Element FORM, Element INPUT, Element SELECT, Element OPTION, dan Element TEXTAREA

Element FORM berfungsi untuk mendefinisikan form interaktif. Element ini mempunyai attribute yaitu action, dan method. Attribute action berisikan aksi terhadap form yang dikirim (URI) dan attribute method berisikan metode form melakukan proses pengiriman (GET/POST).

Sintaks:

 <br />
<form action="action" method="GET"|"POST">   ...........................<br />
</form>

ELEMENT INPUT

Element INPUT berfungsi untuk mendefinisikan input yang akan dimasukkan pengguna. Element ini mempunyai attribute yaitu name, size, type, value, checked.
Attribute name mendefinisikan nama dari input kontrol form, attribute size mendefinisikan ukuran teks pada input kontrol, type mendefinisikan bentuk-bentuk input kontrol, value mendefinisikan nilai awal/reset/submit, checked mendefinisikan pilihan terpilih pada type radio/checkbox. Element ini tidak mempunyai tag penutup dan harus berada di dalam element FORM.

Sintaks:

 <br />
<input 
name="name" 
size="number"
type="text"|"checkbox"|"radio"|"submit"|"reset"
value="value"
checked ><br />

ELEMENT SELECT

Element SELECT berfungsi untuk mendefinisikan opsi pilihan pada form kontrol. Element ini mempunyai attribute yaitu name, size, multiple(diizinkan banyak pilihan). Element ini harus berada di dalam element FORM.

Sintaks:

 <br />
<select
          name="name" 
          size="number"
          multiple ><br />
.....................<br />
</select><br />

ELEMENT OPTION

Element OPTION mendefinisikan opsi pilihan pada menu SELECT. Element ini mempunyai attribute selected, dan value. Attribute selected opsi terpilih dan attribute value berisikan nilai element OPTION.

Sintaks:

 <br />
<option
          selected 
          value="number" ><br />
.....................<br />
</option><br />
<br />

ELEMENT TEXTAREA

Element TEXTAREA berfungsi sebagai input kontrol form untuk memasukkan teks lebih dari satu baris. Element ini mempunyai attribute yaitu name, cols, rows. Attribute name mendefinisikan nama input kontrol form element textarea, attribute cols mendefinisikan jumlah kolom textarea yang terlihat, dan attribute rows mendefinisikan jumlah baris textarea yang terlihat. Element ini harus berada di dalam element FORM

Sintaks:

 <br />
< textarea
          name="name" 
          cols="number"
          rows="number" ><br />
.....................<br />
< /textarea><br />

CONTOH MEMBUAT FORM

 <br />
<br />
<html><br />
<head><br />
<title>Sample Form</title><br />
</head><br />
<body><br />
<form method="post" action="mailto:cs@joshaxis.co.cc"><br />
   <h4>Sample Form</h4><br />
   <br><br />
   <input type="text" name="var1" size="30" value="enter your name here..."><br />
   <br><br><br />
   <b>are you a student?</b><br />
   <input type="checkbox" name="var2"><br />
   <br><br><br />
   <b>how old are you?</b><br />
   <br><br />
   <input type="radio" name="var3" value="r1">10 - 15<br />
   <br><br />
   <input type="radio" name="var3" value="r2">16 - 20<br />
   <br><br />
   <input type="radio" name="var3" value="r3">21 - 25<br />
   <br><br><br />
   <b>where are you from?</b><br />
   <br><br />
   <select name="var6" size="1"><br />
      <option value="BG">Bulgaria<br />
      <option value="IND"selected>Indonesian<br />
      <option value="UK">United Kingdom<br />
      <option value="USA">USA<br />
         </select><br />
   <br><br><br />
   <br />
<b>your comment:</b><br />
<br><br />
<textarea name="var7" cols="30" rows="6"><br />
</textarea><br />
<br><br><br />
<br />
   <input type="submit" name="var4" value="send"><br />
   <input type="reset" name="var5" value="clear"><br />
</form><br />
</body><br />
</html><br />
<br />
<br />

Jika form ini diisi :

Name : adalah Joshaxis

Student di check

Usia 21-25

dll...

maka bila form ini di send (submit), data form yang terkirim adalah var1="Joshaxis"var2="1"var3="r3"...

Note :

Hasil 'Sample Form' ini hanya contoh tampilan dan tidak terkoneksi ke database. Bila kode dalam kotak biru diatas diketik pada notepad dan menyimpannya sebagai file html, maka method 'post' action form ini yaitu mailto : cs@joshaxis.co.cc akan berfungsi jika terkoneksi dengan internet dan aplikasi outlook atau sejenisnya berfungsi dengan baik.

Silahkan berbagi dengan teman melalui tombol-tombol share ini...

Stumb
Icious
Tech
Twitt
F.B.
Redit
Google
Furl
Mixx
Design
B.Mark
B.List
Diigo

Menea

Table, IMG, and Hyperlink

TABLE befungsi untuk membuat suatu data multidimensi yang terdiri atas kolom dan baris. Element ini mempunyai attribute seperti align, bgcolor, border, cellpadding (jarak antara tepi sel dengan isi sel), cellspacing (jarak antara sel), width (lebar tabel), height (tinggi tabel). Element TABLE berisikan element CAPTION, TH, TR dan TD.

Pembuatan table dasar bisa sebagai berikut:

 <br />
<table align="left"|"center"|"right"
   bgcolor="color"
   border="pixel"
   cellpadding="pixel"
   cellspacing="pixel"
   width="pixel"|"%"
   height="pixel"|"%" >........................ </table>

Table bisa dibuat untuk banyak kreasi, misalnya dengan menggabungkan CSS untuknya seperti Klik disini

ELEMENT CAPTION

Element CAPTION berfungsi untuk membuat judul dari tabel. Element ini harus berada di dalam element TABLE dan mempunyai attribute align dengan nilai top(judul terletak di atas tabel), dan bottom(judul terletak di bawah tabel).

 <br />
<caption  align="top"|"bottom"><br />
..........................<br />
</caption><br />

ELEMENT TR (Table Row)

Element TR mendefinisikan baris pada tabel dan element ini harus berada di dalam element TABLE. Pada element TR terdapat element TH dan TD. Attribute yang terdapat pada element ini adalah align, valign(posisi vertikal), dan bgcolor.

 <br />
<tr align="left"|"center"|"right"
   valign="top"|"middle"|"bottom"
   bgcolor="color"><br />
..........................<br />
</tr><br />
<br />
<br />

ELEMENT TH (Table Header) dan TD (Table Data)

Element TH dan TD merupakan informasi pada tabel. TH mendefinisikan isi sel sebagai header sel pada kolom tabel dan datanya tercetak tebal dan dengan posisi ditengah sel. Element TH dan TD ini harus terletak di dalam element TR. Attribute kedua element ini adalah align, valign, bgcolor, colspan, rowspan.

 <br />
<th align="left"|"center"|"right"
   valign="top"|"middle"|"bottom"
   bgcolor="color"
   colspan="number"
   rowspan="number"><br />
..........................<br />
</th><br />
<br />
<td 
   align="left"|"center"|"right"
   valign="top"|"middle"|"bottom"
   bgcolor="color"
   colspan="number"
   rowspan="number"><br />
..........................<br />
</td><br />
<br />

ELEMENT IMG

Element IMG befungsi untuk menampilkan gambar. Element ini tidak mempunyai tag penutup dan mempunyai attribute yaitu align, alt (teks alternatif jika gambar tidak tampil), border, height, width, hspace (jarak kosong posisi horizontal, vspace (jarak kosong posisi vertikal), src (lokasi dari gambar itu disimpan beserta nama file-nya).

 <br />
<img align="left"|"right"|"top"|"middle"|"bottom"
   alt="text"
   border="pixel"
   width="pixel"|"%"
   height="pixel"|"%"
   hspace="pixel"
   vspace="pixel"
   src="url"><br />

H Y P E R L I N K



Dalam penulisan hyperlink, terdapat element A yang berfungsi untuk menghubungkan ke internal ataupun eksternal halaman web. Element ini mempunyai attribute href, name, dan target.
      Attribute href berfungsi sebagai hypertext reference yang mempunyai nilai URI (uniform resource identifier) yang akan menghubungkan ke eksternal halaman web.
      Attribute name berfungsi untuk menghubungkan ke tempat tujuan dalam halaman web (anchor).
      Attribute target berfungsi untuk menampilkan halaman web pada suatu jendela frame atau jendela baru.

 <br />
<a href="url" name="name" target="_blank"|"parent"|"_top"|"_self"><br />
...........................<br />
</a><br />

Contoh penulisan Link External :

Bisa ditulis pada notepad dan simpan sebagai file html (link berfungsi bila terkoneksi dengan internet)

 <br />
<html><br />
<head><br />
<title>Link External</title><br />
</head><br />
<br />
<body><br />
Link:<br />
<ol><br />
<br />
<li><a href="http://www.facebook.com/josh.axis"<br />
title="Ini adalah Link Facebook Joshaxis"<br />
> Joshaxis Facebook Profile<br />
</a></li><br />
<br />
<br />
<br />
<li><a href="http://www.facebook.com/joshaxis.net"<br />
title="Ini adalah Link Facebook Page Joshaxis"<br />
> Joshaxis Facebook Page<br />
</a></li><br />
<br />
<br />
<br />
<li><a href="http://apps.facebook.com/joshaxis"<br />
title="Ini adalah Link Application Update Status Facebook by Joshaxis"<br />
> Joshaxis Application Facebook Update Status<br />
</a></li><br />
<br />
</ol><br />
</body><br />
<br />
</html><br />

Contoh penulisan Link Internal dan Anchor :

Bisa ditulis pada notepad dan simpan sebagai file html (link berfungsi walau tidak terkoneksi dengan internet)

 <br />
<html><br />
<head><br />
<title>Link Internal dan Anchor</title><br />
</head><br />
<body><br />
<a name="pertama"</a><br />
Link internal dan anchor adalah link yang menunjuk ketempat yang ada dalam dokumen ini.<br />
<br />
<a href="#akhir">kebagian akhir</a><br />
<p>Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini.<br />
Ini adalah teks bagian pertama dalam dokumen ini. </p><br />
<p>Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.<br />
Ini adalah teks bagian kedua dalam dokumen ini.</p><br />
<p>Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.<br />
Ini adalah teks bagian ketiga dalam dokumen ini.</p><br />
<p>Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.<br />
Ini adalah teks bagian keempat dalam dokumen ini.</p><br />
<p>Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.<br />
Ini adalah teks bagian kelima dalam dokumen ini.</p><br />
<a name="akhir"></a><br />
<p>Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.<br />
Ini adalah teks bagian keenam dalam dokumen ini.</p><br />
<a href="#pertama">kebagian pertama</a><br />
</body><br />
</html><br />
<br />

Silahkan berbagi dengan teman melalui tombol-tombol share ini...

Stumb
Icious
Tech
Twitt
F.B.
Redit
Google
Furl
Mixx
Design
B.Mark
B.List
Diigo

Menea

Hypertext Markup Langguage

HTML adalah singkatan dari HyperText Markup Language yang merupakan script untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasikan.

Struktur dasar dokumen HTML adalah sebagai berikut:

 <br />
<html><br />
<head><br />
<title> Disini Judul Dokumen HTML </title><br />
</head><br />
<body> <br />
Disini penulisan informasi Web <br />
</body><br />
</html><br />

Dari struktur dasar HTML di atas dapat dijelaskan sebagai berikut:

a. Tag

Tag adalah teks khusus (markup) berupa dua karakter "<" dan ">", sebagai contoh <body> adalah tag dengan nama body.
Secara umum tag ditulis dengan berpasangan, yang terdiri atas tag pembuka dan tag penutup (ditambahkan karakter "/" setelah karakter "<"), sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan </body> ini adalah tag penutup isi dokumen HTML. b. Element

Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen HTML pada web browser digunakan element title, dimana:

<title> ini adalah tag pembuka judul dokumen HTML
Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
</title> ini adalah tag penutup judul dokumen HTML.

Tag-tag yang ditulis secara berpasangan pada suatu element HTML, tidak boleh saling tumpang tindih dengan pasangan tag-tag lainnya.

Contoh penulisan tag-tag yang benar :

 <br />
<p><b><br />
................<br />
</b><br />
</p>

Contoh penulisan tag-tag yang tidak benar :

 <br />
<p><b><br />
................<br />
</p></b><br />

c. Attribute

Attribute mendefinisikan property dari suatu element HTML, yang terdiri atas nama dan nilai. Penulisannya adalah sebagai berikut:

 <br />
<tag><br />
nama-attr="nilai-attr"<br />
nama-attr="nilai-attr"<br />
.................<br />
<br />
.................<br />
<br />
</TAG><br />

Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman web menjadi hitam, penulisannya adalah <body bgcolor="black" text="yellow">

d. Element HTML

Element HTML menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML.

Sintaks:

 <br />
<html><br />
..........<br />
</html><br />

e. Element HEAD

Ini merupakan kepala dari dokumen HTML. Tag <head> dan tag </head> terletak di antara tag <html> dan tag </html>.

 <br />
<head><br />
...........<br />
</head><br />

f. Element TITLE

Element TITLE merupakan judul dari dokumen HTML yang ditampilkan pada judul jendela browser. Tag <title> dan tag </title> terletak di antara tag <head> dan tag </head>.

 <br />
<title>.........</title>

g. Element BODY

Element ini untuk menampilkan isi dokumen HTML. Tag <body> dan tag </body> terletak di bawah tag <head> dan tag </head>.
Element BODY mempunyai attribute-attribute yang menspesifikasikan khususnya warna dan latar belakang dokumen yang akan ditampilkan pada browser.

 <br />
<body text="v" bgcolor="w" background="url" link="x" alink="y" vlink="z"><br />
..............<br />
</body><br />

Attribute text memberikan warna pada teks, bgcolor memberikan warna pada latar belakang dokumen HTML, background memberikan latar belakang dokumen HTML dalam bentuk gambar, link memberikan nilai warna untuk link, alink memberikan warna untuk link yang sedang aktif, vlink memberikan warna untuk link yang telah dikunjungi.

Jika attribute bgcolor dan background keduanya dispesifikasikan maka attribute background yang akan digunakan, akan tetapi jika nilai attribute background (gambar) tidak ditemukan pada dokumen HTML maka attribute bgcolor yang akan digunakan.

ELEMENT BR (Line Break)

Element BR berfungsi untuk ganti baris. Dan element BR ini tidak mempunyai tag penutup.

Sintaks :

 <br />
<br><br />

ELEMENT P (Paragraph)

Element P berfungsi untuk ganti paragraf yang diikuti dengan baris kosong di awal dan akhir paragraf. Tag penutup </p> sifatnya optional jika suatu paragraf diikuti oleh paragraf berikutnya. Jika tag </p>
diabaikan, maka paragraf itu tidak akan diikuti dengan baris kosong di akhir paragraf.

Element P mempunyai attribute yaitu align yang bernilai "left", "center", "right" yang menspesifikasikan posisi tepi horizontal dari paragraf (default: "left").

 <br />
<p align="left"|"center"|"right">.......... </p>

ELEMENT H1, H2, H3, H4, H5, H6 (Header)

Element H1, H2, H3, H4, H5, H6 berfungsi untuk membuat header dengan format 6 jenis ukuran huruf dan tercetak tebal. Nilai ukuran huruf terbesar adalah H1 dan terkecil adalah H6. Element ini mempunyai attribute yaitu align yang bernilai "left", "center", "right" yang menspesifikasikan posisi horizontal dari header (default: "left").

 <br />
<hx align="left"|"center"|"right"><br />
..............<br />
</hx><br />
<br />
catatan : <br />
x adalah 1 ... 6<br />

ELEMENT B (Bold)

Element B berfungsi untuk membuat tampilan teks tercetak tebal (bold).

 <br />
<b>..........................</b>

ELEMENT I (Italic)

Element I berfungsi untuk membuat tampilan teks tercetak miring (italic).

 <br />
<i>..........................</i>

ELEMENT U (Underline)

Element U berfungsi untuk membuat tampilan teks tercetak garis bawah (underline).

 <br />
< u>..........................< /u>

ELEMENT PRE (Preformated text)

Element PRE berfungsi untuk menampilkan teks seperti apa adanya.

 <br />
<br />
< pre> ..........................< /pre>

ELEMENT CENTER

Element CENTER berfungsi untuk menampilkan teks dengan posisi horizontal ditengah.

 <br />
<center>..........................</center>

ELEMENT BASEFONT

Element BASEFONT berfungsi untuk merubah dasar ukuran huruf tampilan dari web browser. Attribute dari element ini adalah size yang merupakan ukuran huruf dengan nilai "1" sampai dengan "7" pixel, atau berupa ukuran relatif ( + atau - ), default nya adalah "3" pixel. Element ini tidak mempunyai tag penutup.

 <br />
<basefont size="pixel"><br />

ELEMENT FONT

Element FONT berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf. Element ini mempunyai attribute color untuk merubah warna huruf, face untuk merubah jenis huruf (jika lebih dari satu jenis huruf, harus dibatasi dengan koma), dan size untuk merubah ukuran huruf (pixel).

 <br />
<font color="warna" face="font" size="pixel"><br />
..........................<br />
</font><br />

ELEMENT HR (Horizontal Rule)

Element HR berfungsi untuk membuat suatu garis horizontal. Element ini tidak mempunyai tag penutup dan mempunyai attribute align untuk menempatkan posisi secara horizontal ("left", "center", "right"), size untuk ukuran ketebalan garis ("pixel"), width untuk ukuran panjang garis ("persen"), dan noshade (garis solid).

 <br />
<hr align="left"|"center"|"right" size="pixel" width="persen" noshade><br />

=== End ===

Silahkan berbagi dengan teman melalui tombol-tombol share ini...

Stumb
Icious
Tech
Twitt
F.B.
Redit
Google
Furl
Mixx
Design
B.Mark
B.List
Diigo

Menea

Saturday, 21 August 2010

Belantara

“Hai apa kabar…, waduh lama nggak masuk…, emang lagi kemana aja, sibuk ya…?” sapanya.
“Oh terima kasih…, hmm bisa dibilang demikian….” Jawab Joshadu Windowsadu pada seorang teman yang menyapanya.

“Eh sory nih tadi aku kurang ngerti yang dijelasin oleh Bpk. Dosen, kamu dah ngerti ya… tolong jelasin dong….” pinta Joshadu Windowsadu yang juga biasa disapa ‘Josh’ tersebut.

“Oh yang tadi tuh berkaitan dengan tabel keterangan sebelumnya :
==========================================
—Kelas— Netword—ID—Host ID— Default Sub
==========================================
1 – 126 : A— W — X.Y.Z— 255.0.0.0
128 – 191 : B— W.X — Y.Z — 255.255.0.0
192 – 223 : C— W.X.Y — Z — 255.255.255.0
224 – 239 : D— Multi Cast
240 – 247 : E— Experiment

Alamat broadcast : 255.255.255.255

Jadi bila ada soal demikian :
==========================================
No— Jaringan — Kelas— No IP 1— No. IP Terakhir— IP Broadcast
==========================================
1— 10.0.0.0
2— 128.3.0.0

Maka jawaban no.1 yang telah diketahui jaringannya tersebut kita lihat rangge pertamanya di tabel keterangan sebelumnya.
Dimana untuk 10.0.0.0 adalah kelas : ‘A’ (krn rangge pertamanya yaitu 10 ada dalam rangge antara 1 – 126)
dan angka yang dapat diisinya ada tiga yaitu .0.0.0 (lihat default sub).

Kemudian No. IP 1 kita isi dengan menganti angka 0 terakhir jaringannya dengan angka 1 sehingga menghasilkan angka : 10.0.0.1
Lalu No. IP Terakhir kita isi dengan menganti yang dapat digantinya dengan 255 yaitu .0.0.0 pada jaringan tersebut
dengan mengurangi 1 pada nilai terakhirnya, sehingga menghasilkan 10.255.255.254

Sedangkan IP Broadcast kita isi seluruh angka 0 dengan 255 (lihat alamat broadcast).
Untuk jawaban no. 2 dan selanjutnya hampir sama dengan no.1 tadi
jadi untuk mulai menentukan angka-angkanya harus menyesuaikan juga.

Sehingga jawaban lengkapnya demikian :
==========================================
No— Jaringan— Kelas—No IP 1—No. IP Terakhir—IP Broadcast
==========================================
1— 10.0.0.0— A — 10.0.0.1— 10.255.255.254— 10.255.255.255
2— 128.3.0.0— B— 128.3.0.1— 128.3.255.254— 128.3.255.255

“Ah bisa aja kamu ‘Prof’…, ngetes aku….” candanya kemudian.

“Weh… aku nggak ngetes kamu kok ‘Jeng’….” balas Josh tersenyum dan berkata lagi “Terima kasih ya penjelasannya….”

“He he he… thanks juga…, eh gimana ceritanya dah lanjut belum?” gumamnya.
Josh terdiam sesaat dan balas bertanya “Cerita apa?”
“Itutuh yang biasa di FB…, aku suka membaca and mengikutinya lho…, walau nggak komen… he he he…” ucapnya.

Agak terkejut mendengarnya namun seolah biasa Josh menjawab “Wah makasih yach…, ehm…, baiklah ceritanya mungkin seperti ini…..

*

Sepuluh tahun yang lalu di bulan Agustus 2010 ada seorang dara jelita berambut panjang sebahu bernama Joshananda Nadisona Astatiara yang memiliki hobi sedikit corat-coret kata cerita ditanya oleh rekan studynya yang juga seorang dara tentang hobinya tersebut barang kali telah ada cerita baru tercipta…

Sambil tersenyum seakan ceria, dia mulai berkisah tentang sebuah cerita yang dia beri judul 'BELANTARA'.

"Aku punya cerita berjudul 'BELANTARA', cerita ini seperti ini…

**
Disebuah zona, gerimis membasahi sore…, dan senja datang mengusik rindunya berteman angin serta derunya angan….

Tapaki jalan berliku sudah terbiasa baginya. Putar haluan juga pernah dilaluinya bahkan sejak masa tunas remajanya.

Dulu sebelum tiga tahun mengenyam Sekolah Dasar dekat Sentra Terminal Unsur kota ‘Persimpangan’, hamparan keloknya arah bahkan curamnya lembah cukup sering dilihatnya. Ya…, Malang, Sengkaling, Batu, Pujon, Pulungan serta Tretes merupakan area yang indah dinikmatinya sekaligus belajar memperhatikan likunya jalan yang dianggapnya ‘rimba’ di kedua bola mata kecilnya dengan berbagai angan.

Penatnya raga tapaki jalanan dan tangga ke puncak Bromo yang dinginpun pernah menjadi memorynya saat saksikan indahnya panorama kawah serta terbitnya Sang Surya di sana tiga tahun usai menamatkan Sekolah Menengahnya.

Pertama kali lepaskan pegangan, keluar dari zona aman dan mencoba berjalan di alur berbeda bahkan dialaminya sendiri dua tahun sebelum Sekolah Menengahnya usai.

Beberapa kenyaman kota serta ‘Pulau Dewata’ dari sisi berbeda pernah juga mampir dinafasnya.

Dua setengah tahun sebelum Milenium tiba, ‘Jembatan Baru Pesing’ satu bulan coba dilaluinya seakan ‘Type Hypertext’ yang memiliki cukup ‘Link Sheet’ bersama teman ‘berbudi’ dalam petualangan pertama di Jabotabek yang dianggapnya ‘Belantara’.

Setahun berikutnya ada ajakan lain untuk berpetualang di ‘Belantara’ Jabotabek kembali dengan ‘style property’ lebih baik dari sebelumnya karena include ‘Type Hypertext’ yang terstruktur . Kemudian mulailah dikenalnya agak dekat ‘nama’ seperti Senen, Grogol, Gading, dan beberapa lainnya yang waktu petualangan pertamanya hanya sekilas.

Petualangan kedua ini cukup indah baginya walau debu, liku, ditambah macetnya jalan terkadang juga sesak untuk bernafas lega. Pada suatu hari petualangan ini seakan terasa cepat berakhir dan kembali lagi ke kota ‘Persimpangan’ itu.

Kini petualangan ke zona sama yang ketiga telah hampir dua bulan lebih sejak tiga tahun lalu dijalaninya. Bermula dari hamparan ajakan yang memberikan kesempatan untuk coba berjalan sendiri mendaki tebing menuju puncak di ‘Belantara’ Jabotabek dengan ‘style property’ berbeda karena include ‘CSS dan Markup Langguage’ dengan ‘Pseudo Classes serta Element’ yang dilengkapi ‘Encoding Script Strict Extensible’.

Namun ‘Syntact Error’ seakan tak jemu menghampiri, karena ‘Type Sheet’ yang sekarang berbeda dengan ‘Type Hypertext’ yang dahulu…. Ada beragam ‘Case Sensitive’ dan ‘Looping’ untuk ‘Valid’.
Pijakan langkah kakinya yang sendirian coba mendaki menuju puncak kini seakan longsor…. Reflek dia meraih yang masih bisa dengan tangannya di pendakian tebing itu.

Di tengah kesepian dan galau, pandangannya segera coba rekam yang ada…, dan ketika dilihatnya kebawah seakan tiada dasar yang terlihat memberi kemungkinan harapan. Sambil berusaha merangkak naiki curamnya tebing agar dapat berjalan lagi dijalan rata…, dia rangkai angan tuk tuliskan berbagai fenomena tuk berjalan atau berlari bahkan terbang lintasi cakrawala. Sementara gravitasi bumi seakan terasa lebih menyedotnya untuk jatuh. ‘Sayap’nya yang masih diharapkan untuk terbang sedang patah…, ‘Kaki’nya yang diharapkan mampu berjalan atau berlari kini seakan tanpa pijakan….

Kedua bola matanya yang dulu sewaktu kecil cukup sering memperhatikan likunya jalan dengan berbagai angan, kini perih manahan hembusan debu… dan coba mengelak dari kerikil yang menghunjam….
‘Belantara’ ini berbeda dengan ‘rimba’ yang dulu sering dilihatnya. Dulu dua bola matanya dapat melihat ‘body, header, main, dan footer serta bila ada under’ sekalipun.

‘Belantara’ ini nyaris tak terduga…, seakan rata tapi berkelok, seakan datar tapi terjal, seakan kokoh tapi bisa roboh, nyaris tak terdengar ‘auman harimau’ seperti di ‘rimba’ yang dulu.…’

Semakin lama bertahan…, gaya gravitasi sepertinya semakin kuat dirasa menambah berat beban yang mungkin makin bisa membuatnya jatuh…. Kedua tangannya memerah panas menahan kesemutan akibat lamanya bergelantungan di terjalnya karang.

Dan lanjutan tulisannya masihlah di angan….”

*

“Begitulah sedikit corat-coret kata ceritaku kali ini” ucap Joshananda Nadisona Astatiara dara berambut panjang sebahu tersebut mengakhiri ceritanya….

**

“Begitulah ceritanya” jawab Josh.
“Jadi dari cerita itu, dapat dipastikan dia jatuh dong…” tanyanya.
“Hmm…, mungkin belum tentu demikian…, siapa tahu ada burung gagak….” Sahut Josh sambil tersenyum.

“Hebat… ceritanya ada dalam cerita … dan ada burung gagak segala…. Trus pesannya apa ya…” ungkapnya.

Sambil tersenyum Josh menjawab “Hanya cerita kok…”

Tak lama sesudah itu ‘Om Inu’ Sobat yang telah ditemui Josh sebelum masuk kelas tadi menghampiri dan berkata “Yuk ke ‘Sanggar’ sambil menunggu praktek Komputer jam tujuh nanti….”
Kembali Josh menikmati indahnya panorama ‘Sanggar’ dan hidangan yang disediakan serta keakraban didalamnya….

Bermain gitar serta beberapa obrolan hangat termasuk diantaranya tentang ‘kopi enak’, ‘kopi mahal mencapai seratus ribu rupiah karena airnya melalu proses semacam penyulingan’ dan komputer internet serta lainnya…
Membicarakan internet terfokus pada beberapa system koneksi yang dipakai termasuk modem simple seperti modem dari berbagai jasa layanan operator baik GSM maupun CDMA yang tinggal plug and play.
“He kok diam aja Josh…, biasanya kalau membicarakan modem yang simple, kamu selalu mempromosikan operator kesukaanmu…” sapa cewek ramah yang menanyakan ‘ceritanya tadi’

Sambil makan tahu goreng, Josh menjawab “Hmm… sekarang operator kesukaanku itu mulai kurasa sering trauble terlebih pada jaringan GPRS nya yang sering aku pakai…. Seperti untuk membuka FB biasanya sering aku lakukan dari HP, namun kini di tempatku sinyal menurun…, jadinya sering putus, ditambah beberapa kesibukan jadinya nggak bisa selalu OL seperti dulu…. Bahkan kadang komen di FB aku balasnya sehari kemudian…. Oh iya kamu sendiri khan indentik dengan kartu murah yang tersohor itu…, kok kamu juga seakan tidak menjagokannya….?”

“Ya… hampir sama denganmu Josh…, mungkin banyak yang pakai jadinya ya agak seperti itu” sahutnya.
“Sobat kita ‘Kang Tar’ berulang tahun lho…, sebentar lagi mungkin datang….” Kata ‘Om Inu’ ditengah obrolan senja sedikit gerimis itu….
“Wow selamat ulang tahun ‘Kang Tar…” gumam Josh dalam hati….

***

“Weh…, aku bingung deh…, sebenarnya tokoh cerita yang kuliah itu siapa ya…. Joshananda Nadisona Astatiara atau Joshadu Windowsadu…? Dan apa cerita Joshadu Windowsadu hanya begini?” tanya Joshinta Citraswara Linigempita menanggapi tulisan Joshepine Sastrabunga Tunggakirana kali ini.

“Dua-duanya adalah tulisanku…., Joshadu Windowsadu dalam ‘bundle’ angan ceritaku bukan hanya begini. Untuk beberapa cerita seperti ini hanyalah versi ‘simple’. Joshananda Nadisona Astatiara itu aku buat sebagai dara tokoh cerita karangan Joshadu Windowsadu. Dan Joshadu Windowsadu itu adalah dara tokoh cerita utama karanganku ini…. Settingnya aku buat agak sama dengan beberapa perbedaan…. Ya misalkan membuat template blog memiliki garis besar kesamaan susunan hampir seperti ini :
#body{…}
#outer-wrapper{…}
#header-wrapper{…}
#header{…}
#content-wrapper{…}
#main-wrapper{…}
#post{…}
#sidebar-wrapper{…}
#sidebar{…}
#footer{…}
Yang tentunya bisa dirubah dan ada berbagai perbedaan seperti pada bagian type, variable, layout, control, serta lainnya….” Jawab Joshepine Sastrabunga Tunggakirana.

“Oh… iya, kamu sendiri mengarang cerita ‘Sayaka’ itu sepertinya juga hampir mirip dengan Joshaduku” lanjutnya.

“He… he… he… iya sih Josh…kita khan sahabat…, Sayaka karanganku itu juga seorang dara ‘coding’ pengarangannya masih jauh darimu..., seumpama kamu buat template versi XML, aku masih memakai versi HTMLnya…. Atau bila kamu menggunakan control ‘Frame’ untuk design web page, aku masih menggunakan ‘tabel’ … ” jawab Joshinta Citraswara Linigempita.
Dengan lembut Joshepine Sastrabunga Tunggakirana menanggapi jawaban sahabatnya ini “How…, bisa aja kamu…, memakai ‘versi’ lain bukan berarti lebih jelek lho…, mari kita berkarya memberi hal indah selama kita bisa dan masih ada untuk sesama tanpa membedakannya…. makasih yach….”

***

Dicopy dari Joshaxis Facebook Page dg alamat :
http://www.facebook.com/joshaxis.net

My best regards,
Joshaxis

Silahkan berbagi dengan teman melalui tombol-tombol share ini...

Stumb
Icious
Tech
Twitt
F.B.
Redit
Google
Furl
Mixx
Design
B.Mark
B.List
Diigo

Menea

Friday, 15 October 2010

600 Hexadecimal HTML Color Codes

Spesifikasi 6 Software Menarik

MACRO MEDIA FLASH

SWISH V 2.0

AUTODESK 3D STUDIO MAX

ADOBE ILLUSTRATOR

COREL PHOTO PAINT

NU GRAFT

HTML Frame

Hasilnya :

HTML Form

Hasilnya :

Table, IMG, and Hyperlink

Hypertext Markup Langguage

Saturday, 21 August 2010

Belantara

Joshaxis

back To TOP