Tips dan Trik

Terdapat beberapa aplikasi gratis yang dapat menghosting situs kita. ada juga yang menawarkan fungsi blogging dan galeri foto.

• wix : ciptakan situs gratis, tampilan MySpace dan tampilan flash MySpace (http:/www.wix.com)
• Weebly : ciptakan situs dan blog gratis (http://www.weebly.com)
• google sites : menciptakan dan berkolaborasi membuat situs (http://www.sites.google.com)
• freewebs : buat situs dengan album foto, blog, video, forum, dll (http://www.freewebs.com)
• synthasite : situs dan hosting gratis (http://synthasite.com)
• viviti : ciptakan situs yang seunik dan sedinamis (http://viviti.com)
• jimdo : ciptakan situs gratis milik anda (http://www.jimdo.com)
• tumblr : cara termudah berbagi (http://www.tumblr.com)
• edicy : ciptakan dan edit situs dengan mudah (http://www.edicy.com)
• microsoft office live small business (MOLSB) : desain dan hosting situs (http://smallbusiness.officelive.com/getonline/website)

Selamat membuat situs! :)

Trend Teknologi Web Desain zaman Sekarang

Masa HTML5 dan CSS3

gambar 1: tampilan video pada HTML5

XHTML yang selama bertahun-tahun menjadi trend dalam bahasa markup, yang biasa kita digunakan  dalam mendesain suatu website akan diganti menjadi HTML5 dan CSS3 dalam desain web, dan tentu saja memberikan banyak perubahan yang menakjubkan. Di HTML5, misalnya, kita bisa membuka video tanpa harus menanamkan plugin pada browser. Serta banyak fitur Photoshop yang telah ”diambil alih” oleh CSS3. Untuk membuat suatu efek rounded corner, gradient, atau drow shadow hanya bisa dibuat dengan bantuan Photoshop dan sejenisnya, tetapi sekarang CSS3 sudah mampu melakukannya. Pada beberapa bagian, Photoshop hanya menjadi sketsa dalam pembuatan desain web.

Background, Ikon, dan Tombol

gambar: glossy

Tekstur, gambar atraktif, atau foto yang besar, selalu menjadi background halaman pada trend desain web saat ini. Meski masih juga banyak web mempertahankan latar yang bersih, sebagian web justru sedang musim-musimnya mempercantik background.

Trend lainnya adalah menampilkan ikon glossy dengan ukuran cukup besar, serta tombol-tombol yang kontras daneye chaching. Elemen tersebut digabungkan dengan tipografi yang mencolok, serta efek-efek yang lebih modern seperti drop shaddow dan beveled edges.

Memperluas Footer

Dulu footer hanya untuk menampilkan copyright dan navigasi pendek. Akan tetapi, di jaman Sekarang, banyak web yang memperluas footer sebagai navigasi utama, serta untuk menempatkan pilihan bahasa, RSS, atau formulir kontak.

Animasi dengan jQuery

gambar 3: lamabang Jquery

Animasi yang dulu hanya bisa dibuat menggunakan Flash, kini menjadi mudah dengan munculnya jQuery. Banyak sekali halaman web yang menyertakan beragam fitur jQuery, seperti slider konten, slideshow foto, modal dialog, dan sebagainya.

Desain Web untuk Layar Sentuh

Teknologi tablet PC telah beredar luas. Ini akan menjadi tantangan untuk desainer web, karena tampilan antara muka tablet, seperti iPad, menggunakan layar sentuh (touch screen). Banyak web yang menyediakan alternatif untuk teknologi komputer. kemudahan pengguna, merancang desain khusus yang harus berbeda pada komputer yang menggunakan mouse, tablet dengan layar sentuh, atau ponsel.

Barcode Web dengan QR Code

Gambar 4 : Qr code pada iphone

Alamat web pun kini dapat menggunakan semacam barcode. QR Code (Quick Response Code) merupakan pengembangan dari barcode, yang berfungsi untuk menyimpan berbagai informasi dalam bentuk kode gambar. Ponsel yang telah mendukung QR Code, dapat mengakses halaman web beserta informasi lainnya hanya dengan memindai gambar dalam bentuk QR Code.

Integrasi dengan Jejaring Sosial

Gambar 5: Jejaring sosial

Situs jejaring sosial seperti Facebook dan Twitter  menjadi trend saat ini. Hampir setiap orang memiliki akun di jejaring sosial. adanya pemanfaatkan oleh pengembang web agar lebih dikenal luas melalui jejaring sosial, maka, Kebanyakan web saat ini telah berintergrasi dengan jejaring sosial, misalnya untuk fitur komentar dan login pengunjung.

Cara Pembuatan Website

Kita bisa menggunakan beberapa aplikasi yang biasa digunakan untuk pembuatan website misalnya, Microsoft Front Page, Adobe Dreamweaver(dulu bernama Macromedia Dreamweaver), Kompozer, Microsoft Visual Web Developer dan Notepad. kita juga bisa membuat dokumen HTML dari Microsoft Word atau Exel.
Caranya ialah :

• Klik Office Button, lalu klik Save As - Other Format.
• Pada kotak dialog Save As, tentukan lokasi penyimpanan dan nama file dan pilih "web page" pada kolom Save As Type lalu klik Save.

Pada lokasi penyimpanan akan dihasilkan file HTML dan satu folder dengan format nama "(nama-file-html)_files". Folder tersebut mengandung file-file pendukung halaman web yang dihasilkan, seperti contoh gambar dan file CSS. Dokumen HTML yang dihasilkan dengan cara ini rata-rata memiliki kode pemograman yang rumit serta ukurannya relatif besar.

Teknologi Desain Web

Teknologi desain web ialah suatu teknologi yang digunakan untuk membuat website sedemikian rupa hingga menarik bagi para pembaca . Dengan adanya teknologi ini maka semua umat manusia mampu atau bisa untuk membuat website yang menarik sebab, di zaman sekarang ini, yang namanya bisnis online itu sangat menggiurkan jadi, bila sebuah website tidak di susun atau di desain semenarik mungkin,  bisa-bisa barang yang dijual di website tersebut tidak laku  hanya karena tampilan website yang tidak menarik  hati si pengunjung.