Software untuk Design Website

10 Softaware Gratis Mendesain Website :

• 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.

• 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.

• ZoloPages 1.33

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

• 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.

• 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.

• 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.

• 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.

• 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.

• Pixel Ruler 2.0.2

Sesuai dengan namanya, Pixel Ruler berfungsi sebagai penggaris untuk mengukur panjang objek di monitor secara vertikal dan horisontal dalam satuan Pixel. Tools ini sangat berguna bagi web designer yang berkonsentrasi pada pembuatan template.

• 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.

10 TIPS MEMBUAT WEBSITE ANDA LEBIH MENARIK

0

Seperti makanan, gigitan pertama adalah dengan mata ketika datang ke situs web. Terlepas dari konten lain di atasnya atau produk Anda sendiri, tampilan visual dari situs web Anda dapat memiliki dampak yang signifikan pada bagaimana Anda dirasakan. Ia bahkan bisa berarti perbedaan antara orang yang tinggal di website Anda dan melakukan pembelian, dan mereka meninggalkan untuk mengunjungi salah satu pesaing Anda.

Untuk membantu Anda memastikan bahwa penampilan Anda adalah gambar di pelanggan dan tidak menjijikkan mereka, berikut adalah sepuluh tips cepat untuk membuat situs Anda lebih menarik.


1. Menghindari kekacauan - Overstuffing halaman Anda hanya membuat sulit untuk menguraikan apa yang terjadi dan dapat menjadi instan turn-off.


2. Jangan berlebihan warna - Ini mungkin tergoda untuk pergi semua psychedelic dan percikan semua warna pelangi di situs Anda juga membuatnya terlihat cerah dan 'ceria', tetapi sebenarnya itu norak dan mengganggu. Sekitar 3-5 warna yang berbeda adalah angka yang bagus untuk tujuan untuk - mencoba menggunakan roda warna untuk bekerja keluar yang warna melengkapi satu sama lain dan yang bentrok.


3. Gunakan font yang mudah dibaca - Sekali lagi fanciness memenangkan penghargaan ada, kegunaan tidak. Menempel baik font polos tua seperti Arial, Courier New, dan Times New Roman jika Anda tidak yakin mana font akan bekerja pada situs Anda.


4. Jangan membuat mereka menunggu - Its semua baik dan bagus memiliki website cantik, tapi jika itu membutuhkan lama untuk load itu akan menjadi sakit lebih besar daripada membantu. Jauhkan beban kali rendah dengan pergi mudah pada grafis dan media lainnya.


5. Membuat tombol intuitif dan mudah untuk melihat - Website seharusnya fungsional jadi pastikan bahwa tombol Anda mudah digunakan dan intuitif untuk mengikuti.


6. Periksa latar belakang Anda - latar belakang Anda dapat memiliki dampak besar pada bagaimana orang melihat situs Anda, dan seberapa baik mereka dapat membaca konten tekstual Anda. Hindari latar belakang sibuk.


7. Stick dengan tema - Membuat setiap halaman tampak sangat berbeda bisa menggelegar. Stick untuk tema dan bekerja dengan secara konsisten di semua halaman di situs Anda.

8. Gunakan spasi - Kadang-kadang apa yang Anda meninggalkan keluar bisa sekuat apa yang Anda masukkan ke dalam, jadi jangan takut untuk memasukkan spasi dalam halaman Anda untuk memberikan mata pembaca beristirahat.


9. Hindari berkedip animasi - Mereka mengganggu terbaik dan menjengkelkan pada terburuk.


10. Gunakan gambar yang menarik - Sebuah gambar tunggal dapat memiliki dampak yang signifikan pada kesan pertama seorang pengunjung situs Anda jadi pilihlah dengan bijak.

Bagaimana Cara Memodifikasi danMemperindah Blogger Kita

Albarnation | Tips Dalam Memodifikasi Template Blogger. Kebanyakan Dari Para Blogger mania mengunakan template yang telah di sedikan di dunia internet dalam proses menciptakan sebuah blogger. cara ini tentunya lebih praktis dan gampang, tak perlu berusah payah dalam mendesain sebuah template semuaya sudah di sedikan oleh pendesain template yang telah di share di dunia maya, tentunya sesuai dengan harapan dan keingginan kita. Nah, dalam proses ini ada baiknya kita sedikit memberikan kesan " Kalau ini adalah blog kita " walaupun kita telah mengunakan tempat bawaan/ defaul blogger atau tempate yang bertebaran di dunia maya. Dalam psotingan saya kali ini sedikit berbagi bagaimana cara mendesain atau memodifikasi tempate yang kita dapati agar legih sesuai dengan harapan kita dan tentunya seperti yang saya katakan di atas tadi, supaya blog kita bisa memberikan kesan kalau blog ini adalah blog milik kita pribadi dengan kata lain sama tapi beda. Berikut ini Tips dari saya. 

1. Ubahlah Warna Defaul

• Mungkin warna bukan menjadi hal yang utama dalam proses ngeblog kita tapi alangkah baiknya kalau sekit kita merombak warna sedikit lebih indah. Contoh seperti blog saya ini. Warna defaul latar belakang dari template ini adalah warna abu abu. saya sedikit menambahkan gambar di latar belakang dengan warna biru, kenapa saya lakukan ini. Hal pertama yang saya rasakana dalah kurangnya warna sehingga membuat mata saya sedikit terasa sakit saya rasakan. tak lebih dari itu saya mencoba membangun sebuah imej. bahwa latar belakang dan warna biru di blog ini menandakan adalah blog saya. walapun secara pasti kita bisa membedakan lewar url blog saya di address bar, Tapi satu yang saya inggin tekankan bahwa takkala melihat warna  motif yang serupa anda akan mengingat blog ini dan itu.. Nah mungkin saat sobat melihat blog ini dengan latar belakang warna biru sobat langsung teringat detik.com . Bukan begitu. Itulah fungsi dari sebuah warna dalam sebuah Blog.

2. Tambahkan Gatget sesuai Kebutuhan.

• Setiap blog biasanya memberikan berbagai bentuk gatget dan widgets di blognya. senuaya tergantung dari kesukaan dari pemilik blog.Terkadang saat saya blog walking saya menemukan widgets yang terdapat di blog tidak pas atau sesuai dengan Blog. Ada kesan lain saat memandang wingets tersebut.Makanya dalam hal ini gunakan widgets yang sesuai dengan kebutuhan saja. Kalau digunakan secara berlebihan kira kira bagus ngak buat blog kita ? pikirkan itu.

3. Atur Tata Letak Widgets

• Sedikit hampir sama dengan Poin nomor dua tapi pada poini ini saya lebih menekankan Bahwa Tata letak sebuh widgets saya rasa sangat perlu demi menciptakan sebuah pemandangan yang indah dalam blog kita. Hal seperti ini saya sering temui, sang admin blog menempatkan widgets yang tidak pas. seperti terlalu panjang kebawah sehingga tidak sama rata dengan jumlah post. hal begini oleh sebagian orang mungkin biasa tapi saya sangat risih. begitu juga dengan penempatan widgets lainya.

4. Tambahkan Sedikit Animasi.

• Sebenarnya ini bukanlah sebuah poin penting. Tapi sedikit menambahkan animasi di blog kita tidak ada salahnya, Supaya membuat blog kita lebih indah dan menarik di lihat. seperti semut berkeliaran dan lain-lain sebagai contoh sedikit gambar gif, tentunya animasi yang di pasang sesuai dengan kebutuhan dan tidak memberatkan blog kita. 

5. Atur Paduan Warna

• Berikan warna yang sesuai tanpa ada kesan campur aduk dan berantakan.

6. Modfikasi Kecil Kecilan

• Cobalah sedkit memodifkasi tampilan widgets dan Post seperti membuat Popular post lebih menarik atau memberikan efek tertentu dalam postingan dan gambar blog. dengan begini akan lebih elegan di lihat.

7. Edit HTML 

• Tak Usah Ribet dalam mengedit kode kode di HTMl cukup mengunakan tempat editan yang telah di sedikan Google hal ini lebih baik karena bisa langsung di Preview.

8. Atur Drop Menu

• Usahakan Menganti Drop Menu bawaan .Hal ini tentunya memudahkan dalam pencarian kategori di blog kita dan tentunya  sedikit lmenambah lebih tertaan blog kita. Terkadang beberapa blogger tidak mengantinya sama sekali. Atu tambahkan laman kesukaan sobat.

Langkah-langkah yang harus dilakukan untuk mengetahui kabel jaringan masih bagus atau sudah ada yang putus adalh sebagai berikut :

1. Siapkan tester dan pastikan bahwa baterai yang ada di dalam tester masih bisa digunakan.
2. Siapkan kabel jaringan yang akan kita test.
3. Sambungkan ujung kabel jaringan pada tester lalu ujung yang satunya juga disambungkan ke tester.
4. Setelah kedua ujung tersambung. Nyalakan tester dengan cara menekan tombol on pada tester.

Gambar Tester:

Perhatihkan lampu-lampu yang ada pada tester. Lampu-lampu itu akan menyala secara bergiliran. Jikasemua lampu menyala dengan bagus maka kabel jaringan masih bagus dan jika lampu ada yang tidak menyala maka kabel jaringan ada yang putus dan harus diganti.

Cara Test Kabel LAN Tanpa Alat Tester -

 Artikel ini semoga bisa menjadi solusi bagi para pemula seperti saya yang sedang belajar membuat jaringan LAN. Para profesional jaringan LAN biasanya akan membawa suatu alat yang dinamakan LAN Tester. Alat ini berfungsi untuk mengidentifikasi pengkabelan pada sebuah jaringan LAN (Local Area Network). Gambar dari LAN tester seperti di bawah ini.

Untuk membeli alat tersebut tentu membutuhkan tambahan biaya. Tapi tentu dengan hasil yang lebih akurat dan kelihatan keren kan kalau pada saat membangun sebuah jaringan kita membawa tool atau alat dengan lengkap. Tapi bagi para pemula yang masih hanya sekedar coba-coba kita bisa gunakan sebuah software untuk melakukan identifikasi pengkabelan. Nama software adalah Realtek Ethernet Diagnostic Utility.

Software tester LAN ini sebenarnya bisa digunakan untuk berbagai macam pengujian atau test. Diantaranya adalah test diagnostic, kecepatan transfer data (send and receive), dan test pengkabelan. Nah, pada kesempatan kali ini kita akan menggunakan softwaer ini sebagai alat test pengkabelan. Namun sebelumnya  harus anda ketahui dulu tentang macam-macam topologi pengkabelan dalam sebuah jaringan LAN. Untuk mempelajari tentang topologi kabel LAN silakan baca di sini. Dan dibawah ini adalah gambar dari susuna kabel dari masing-masing topologi.

Nah sudah jelas semua. Sekarang mari kita mempraktikkan cara test kabel LAN tanpa LAN tester. Silakan anda download terlebih dahulu Realtek Ethernet Diagnostic Utility di sini. Kemudian install di komputer anda.

Sebagai catatan, software ini tidak bisa berjalan pada semua jenis LAN Card, hanya akan berjalan pada jenis LAN Card di bawah ini :

RTL8111B/RTL8168B/RTL8111/RTL8168
RTL8111C/RTL8111CP/RTL8111D(L)
RTL8168C/RTL8111DP/RTL8111E
RTL8168E/RTL8111F/RTL8411
RTL8100E/RTL8101E/RTL8102E-GR/RTL8103E(L)
RTL8102E(L)/RTL8101E/RTL8103T
RTL8401/RTL8401P/RTL8105E
RTL8402 

Setelah diinstal silakan jalankan aplikasinya. Dan lakukan test pengkabelan dengan klik pada sub menu Cable seperti tampak pada gambar di bawah ini.

Pada hasil test di atas kita bisa melihat :

1. Pair adalah menunjukkan koneksi dari setiap kabel (tergantung dari topologi yang kita gunakan)

2. Length menunjukkan panjang kabel yang kita gunakan dalam satuan meter

3. Status adalah menunjukkan kedaan dari koneksi kabel, bila normal berarti kabel sudah terhubung dengan baik apabila open berarti kabel tidak terhubung, putus dan lain-lain.

PENGENALAN ALAT-ALAT JARINGAN KOMPUTER DASAR

1. Crimping RJ45 untuk kabel LAN dan RJ11 untuk telpon + pemotong cable 

 

 jika dilihat pada gambar diatas terdapat multifunction tools berupa :
- crimping RJ45 (untuk network)
- Crimping RJ11 (untuk telepon)
- pemotong kabel (pada crimping tools) dan pengupas kabel (sebelah crimping tools)
- punch down untuk modul RJ45 (akan dijelaskan lebih lanjut) pada ujung pengupas cablenya (coba  diperhatikan dengan detail)

2. RJ45 Connector :

 

RJ45 dan RJ11 :

3. Cable UTP, STP :

 

4. Grafo plast : Untuk labeling cable point to point agar rapi :

 

5. Plug Boot : protector RJ45 Agar tidak cepat putus pengaitnya dan memprotek agar cable tidak mudah ditarik2

 

6. Patch Cord : istilah untuk cable utp + rj45 yang digunakan untuk menghubungkan antara :
- switch to pc
- switch to modular patch RJ45 (akan dijelaskan apa itu modular patch)
- switch to patch panel RJ45 (akan dijelaskan apa itu patchpanel)
- pc to faceplate (akan di jelaskan apa itu faceplate)

7. Barrel : untuk menyambungkan patch cord yang kurang panjang namun sayangnya barrel jika digunakan akan menurunkan speed menjadi 10mbps. tidak disarankan menggunakan barrel  namun jika memang tidak memungkinkan lagi dan terpaksa silahkan gunakan systemnya hanya system induksi antar 2 cable utp sehingga tentu banyak pengaruhnya pada network jika menggunakan barrel jika kita ukur DB nya akan jadi kecil

 

8. Modular Patch RJ45 (Female RJ45) : digunakan sebagai jack female biasanya akan di combine dengan faceplate(akan dijelaskan) atau patch panel (akan dijelaskan)

 

 Modular Patch RJ45 tanpa perlu punchdown/cron/impact tool :

 

9 CRON / PUNCHDOWN / IMPACT TOOL : digunakan untuk memasukkan cable utp kedalam modular installation (lihat gambar diatas cable2 yg dimasukkan harus di tekan ke dalam dengan menggunakan cron/punchdown/impact tool

 

10. Face Plates : adalah bagian muka (yang berhadapan lgsg dengan sisi luar) dari modulator RJ45 agar penampilan kelihatan lebih rapi, bisa ditaruh di dalam tembok, diluar tembok (menonjol) biasanya faceplates itu sepasang dengan outbow(jika dipasang menonjol keluar sering disebut dengan outbow) dan inbow (dipasang didalam dinding)
outbow/inbow ini adalah sebuah box yg digunakan agar jalur cable titik terakhirnya terlihat lebih rapi dan tidak terkena material2 yg ada pada tembok seperti semen, pasir dan lainnya
Gambar Face plates :

 

Gambar Outbow/inbow :

 

11. Network Cable tester : Versi sederhana untuk mengecek apakah kabel telah terkoneksi dengan baik atau belum
sementara untuk versi yang profesional bisa sampai mengecek impedansi cable dalam db, mengecek node scanning, pengecekan dengan sensor cabling yg cukup didekatkan ke sensornya akan ketahuan mana cable yang telah dipasang sensor diujung satunya. sekaligus bisa pengecekan multi node
simple lan cable tester:

bisa mengukur impedansi,jarak kabel, sekaligus mengetahui network topology:

bisa mendeteksi kabel yang sudah semrawut / ngga karuan dengan pendeteksian intellitone (ujung nya dipasang dulu kemudian sensornya dibawa bergerak nanti akan ada suara jika cable yg dimaksud didekatkan dengan sensor) :