9 Web desain Software Gratis

Saat membuat web design, seorang web designer tentunya membutuhkan software. Beberapa web design software yang cukup populer ialah Adobe Dreamweaver dan tentunya beberapa program pendukungnya seperti Adobe Photoshop dan Adobe Illustrator. Tetapi untuk berbagai keperluan khusus, program-program tersebut kadang belum cukup. Dalam kenyataannya, dibutuhkan banyak program atau tools lain yang sesuai dengan kebutuhan web design.

Di bawah ini kita tampilkan 10 software gratis yang sekiranya bisa dipakai untuk membuat website design secara simpel dan cepat. Gratis karena free software, jadi bisa langsung didownload tanpa membayar. Untuk mengetahui lebih detil tentang cara install, fungsi, dan pengoperasian software internet ini, silahkan kunjungi website penciptanya.

Expression Web Design Menu 1.0

Expression Web Menu Adalah sebuah web design tool untuk membuat web DropDown Menu. Anda hanya tinggal menseting jumlah tombol beserta sub itemnya, teks, link target, dan beberapa parameter lain. Di program ini sudah tersedia banyak template, yang terdiri dari 500+ button, 100+ sub menu design, 6600+ icon, dan 100+ sample.

| Support | Download |

Atrise Web Design HTMLock 2.2.0

Atrise HTMLock adalah sebuah software komputer untuk membuat proteksi password pada teks file dan HTML file. Dengan HTML tool ini Anda juga bisa membuat encrypt HTML untuk kemudian ditempatkan pada website, CD, DVD, bahkan harddisk. Free software ini berbasis JavaScript sehingga bebas digunakan dimana saja tanpa perlu database. User-Friendly wizard-nya sangan membantu Anda untuk mengenkripsi HTML dan text files dalam beberapa kali klik.

| Support | Download |

ZoloPages 1.33

Zolopages adalah program yang berfungsi meng-capture data di web page lalu menyimpannya dalam format database. Program ini berguna jika kita hendak mengambil dan menyimpan data dari situs-situs direktori seperti Yellow Pages.

| Support | Download |

RBT 1.3.1

RBT adalah sebuah browser seperti internet explorer 9 atau mozzila firefox, tetapi browser ini berbasis PHP query yang ditenagai J2EE technology. Program ini berguna jika Anda ingin membuat desain web berbasis community yang memiliki banyak user. Dengan software ini Anda bisa mengatur security setup untuk user/group access serta  mengontrol tabel & kolom databasenya.

| Support | Download |

Free Colored ScrollBars 2.2

Free Colored ScrollBars adalah sebuah tool pembuat JavaScript code dan CSS Style untuk membuat animated scrollbars pada website. Program ini disertai 44 theme warna dan template yang dapat dikostumisasi sesuai kebutuhan penggunanya.

| Support | Download |

Sigma Visual Ajax GUI builder 2.02

Sigma Visual adalah web based tool untuk aplikasi Ajax. Dengan tools ini, programmer dan developer bisa membuat website seperti yang biasa dilakukan dalam VB atau Delphi. Program ini juga mensupport code highlight dan syntax checking.

| Support | Download |

eMule Ultra Accelerator 2.8.9

Fungsi eMule Ultra Accelerator mirip dengan Internet Download Manager. Program gratis ini berfungsi untuk mempercepat proses download file dengan memaksimalkan kapasitas bandwith koneksi yang Anda miliki.

| Support | Download |

AAA Web Album 2.10

AAA Web Design Album adalah softare untuk menciptakan web photo albums lalu menguploadnya ke website. Web designer juga bisa membuat berbagai tampilan web album tersebut.

| Support | Download |

CoffeeCup Free HTML Editor 9.4

Fungsi CoffeeCup Free HTML Editor sangat mirip dengan Adobe Dreamweaver yaitu untuk mengedit file html dan PHP hingga membuat website secara komplit. Cara design web yang ditampilkan CoffeeCup cukup praktis. Selain gratis, free software ini juga jauh lebih ringan dari pada dreamweaver serta sudah mensupport HTML 5.0 dan CSS 3.0.

| Support | Download |

Read More

Pengertian HTML

PENGERTIAN HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

PERKEMBANGAN HTML

Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Language, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML.

Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML (Standard Generalized Markup Language). ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi diluar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web. Versi terakhir dari HTML saat ini adalah HTML5.

KEGUNAAN HTML

- Mengintegerasikan gambar dengan tulisan.
- Membuat Pranala.
- Mengintegerasikan berkas suara dan rekaman gambar hidup.
- Membuat form interaktif.

HTML dokumen tersebut mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b>TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan format di dalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan Pranala.

MENYUNTING FORMAT TULISAN

HTML memungkinkan seseorang untuk menyunting tampilan atau format berkas yang akan dikirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan format berkas adalah:

- Menampilkan tulisan dalam bentuk cetakan tebal
- Menampilkan sekelompok kata dalam bentuk miring
- Menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
- Mengubah-ubah ukuran tulisan untuk suatu karakter tertentu.

MARKAH / TANDA

Secara garis besar, terdapat 4 jenis elemen dari HTML:
Struktural. Tanda yang menentukan level atau tingkatan dari sebuah tulisan (contoh, <h1>Golf</h1> akan memerintahkan peramban untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1

Presentasional. Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentasional saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan,

Hiperteks. Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.wikipedia.org/">Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu),

Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>). Konsep hypertext pada HTML memungkinkan pembuatan link pada suatu kelompok kata atau frasa untuk menuju ke bagian manapun dalam World Wide Web,

Ada tiga macam pranala (link) yang dapat digunakan :
- Pranala menuju bagian lain dari page.
- Pranala menuju page lain dalam satu web site.
- Pranala menuju resource atau web site yang berbeda.

Selain markup presentasional , markup yang lain tidak menentukan bagaimana tampilan dari sebuah tulisan. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan, dan sebagai gantinya digunakan Cascading Style Sheets.

Read More

KODE WARNA HTML

Kode Warna HTML akan menghasilkan Kombinasi Warnayang pas dan sesuai dan ini akan membuat blog kita semakin nyaman dipandang. Untuk itu saya sediakan tabel Kode Warna ini untuk sobat semua yang membutuhkan. Pemakaiannya pun sangat mudah, sobat tinggal klik warna yang ada pada tabel Kode Warna dibawah dan pastekan kode warna yang muncul ditempat yang akan sobat robah warnanya.

Warna adalah sebuah elemen penting pada suatu website maupun blog , warna juga memiliki nilai lebih untuk urusan menarik minat pengunjung agar betah berlama-lama dalam blog atau website kita, untuk keperluan merubah warna background, dan juga warna widget dan elemen-elemen penting yang terdapat dalam suatu blog maupun pada halaman postingan tentu kita membutuhkan sebuah kode warna baik dalam Hexa RGB maupun Decimal RGB, berikut adalah kumpulan kode warna lengkap yang dapat anda manfaatkan.

000000	000033	000066	000099	0000CC	0000FF
003300	003333	003366	003399	0033CC	0033FF
006600	006633	006666	006699	0066CC	0066FF
009900	009933	009966	009999	0099CC	0099FF
00CC00	00CC33	00CC66	00CC99	00CCCC	00CCFF
00FF00	00FF33	00FF66	00FF99	00FFCC	00FFFF
330000	330033	330066	330099	3300CC	3300FF
333300	333333	333366	333399	3333CC	3333FF
336600	336633	336666	336699	3366CC	3366FF
339900	339933	339966	339999	3399CC	3399FF
33CC00	33CC33	33CC66	33CC99	33CCCC	33CCFF
33FF00	33FF33	33FF66	33FF99	33FFCC	33FFFF
660000	660033	660066	660099	6600CC	6600FF
663300	663333	663366	663399	6633CC	6633FF
666600	666633	666666	666699	6666CC	6666FF
669900	669933	669966	669999	6699CC	6699FF
66CC00	66CC33	66CC66	66CC99	66CCCC	66CCFF
66FF00	66FF33	66FF66	66FF99	66FFCC	66FFFF
990000	990033	990066	990099	9900CC	9900FF
993300	993333	993366	993399	9933CC	9933FF
996600	996633	996666	996699	9966CC	9966FF
999900	999933	999966	999999	9999CC	9999FF
99CC00	99CC33	99CC66	99CC99	99CCCC	99CCFF
99FF00	99FF33	99FF66	99FF99	99FFCC	99FFFF
CC0000	CC0033	CC0066	CC0099	CC00CC	CC00FF
CC3300	CC3333	CC3366	CC3399	CC33CC	CC33FF
CC6600	CC6633	CC6666	CC6699	CC66CC	CC66FF
CC9900	CC9933	CC9966	CC9999	CC99CC	CC99FF
CCCC00	CCCC33	CCCC66	CCCC99	CCCCCC	CCCCFF
CCFF00	CCFF33	CCFF66	CCFF99	CCFFCC	CCFFFF
FF0000	FF0033	FF0066	FF0099	FF00CC	FF00FF
FF3300	FF3333	FF3366	FF3399	FF33CC	FF33FF
FF6600	FF6633	FF6666	FF6699	FF66CC	FF66FF
FF9900	FF9933	FF9966	FF9999	FF99CC	FF99FF
FFCC00	FFCC33	FFCC66	FFCC99	FFCCCC	FFCCFF
FFFF00	FFFF33	FFFF66	FFFF99	FFFFCC	FFFFFF

Berikut adalah kode warna HTML

Semoga Bermanfaat bagi kalian semua

Read More