Beberapa Hal Yang Perlu Diperhatikan Tentang Web Design

Beberapa hal yang perlu diperhatikan tentang web design. Saat kita ingin mencoba melakukan design pada halaman website. Maka kita perlu untuk bisa tentunya adalah memperhatikan dari beberapa hal yaitu sebagai berikut ini :

freeway(en.wikipedia.org)
freeway(en.wikipedia.org)

1.Dari sisi tampilan atau userinterface

Hal pertama yang perlu kita perhatikan saat ingin mendesign halaman website adalah dari sisi tampilan halaman website. Hal ini cukup penting bila kita ingin mendesign halaman website. Alasannya adalah karena dengan memperhatikan dari sisi tampilan atau userinterface dari sebuah halaman website akan lebih memudahkan kita untuk bisa membuat sebuah halaman website yang menarik dan juga nyaman untuk bisa digunakan serta dilihat oleh pengunjung website kita.

Continue reading Beberapa Hal Yang Perlu Diperhatikan Tentang Web Design

Tutorial Membuat Virtual Host di Windows 8 dengan WAMPServer

Untuk mempermudah development, biasanya saya menggunakan virtual host. Nah cara membuatnya cukup mudah, hanya beberapa langkah sederhana cukup dengan menggunakan notepad atau notepad++ atau text editor lainya.

Langkah2 nya adalah sebagai berikut:

  1. Mengedit File hosts windows di folder C:\Windows\System32\drivers\etc (Asumsi Instalasi Windows di Drive C:)
  2. Mengedit file httpd.conf
  3. Mengedit File httpd-vhosts.conf

 

 

1. Mengedit File

hosts

windows di folder C:\Windows\System32\drivers\etc (Asumsi Instalasi Windows di Drive C:)

Karena File hosts ini berada di system, dan port yang digunakan biasanya adalah port 80 dimana port ini digunakan oleh beberapa program yang berada di windows, untuk mempermudah, maka copy terlebih dahulu file hosts ke folder lain, kemudian edit seperti ini

# Copyright (c) 1993-2009 Microsoft Corp.
#
# This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
#
# This file contains the mappings of IP addresses to host names. Each
# entry should be kept on an individual line. The IP address should
# be placed in the first column followed by the corresponding host name.
# The IP address and the host name should be separated by at least one
# space.
#
# Additionally, comments (such as these) may be inserted on individual
# lines or following the machine name denoted by a '#' symbol.
#
# For example:
#
#      102.54.94.97     rhino.acme.com          # source server
#       38.25.63.10     x.acme.com              # x client host

# localhost name resolution is handled within DNS itself.
#	127.0.0.1       localhost
#	::1             localhost

127.0.0.1       localhost
127.0.0.1       virtual-host-yang-kita-buat.dev

Selanjutnya save, dan paste file hosts yang telah anda copy dan edit tadi ke dalam folder C:\Windows\System32\drivers\etc (Asumsi Instalasi Windows di Drive C:)

2. Mengedit file httpd.conf

File ini berada di folder wamp server anda misalnya  E:\wamp\bin\apache\apache2.4.9\conf

Dimana :

E : Adalah drive tempat anda menginstall WAMP server

apache2.4.9 : adalah apache version yang anda gunakan saat ini:

Cari text # Virtual hosts

dibawahnya akan ada text seperti gambar dibawah ini :

#virtual hosts
#virtual hosts

 

Save

3. Mengedit File httpd-vhosts.conf

File httpd-vhosts.conf berada di dalam folder  E:\wamp\bin\apache\apache2.4.9\conf\extra 

edit atau paste code ini di bagian paling bawah

<VirtualHost *:80>
 ServerAdmin contohemail@gmail.com
 DocumentRoot "E:\wamp\www\bootstrap"
 ServerName bootstrap.dev
 
</VirtualHost>
   

Simpan

Restart Apache anda, dan sekarang coba buka virtual-host-yang-kita-buat.dev di browser.

Semoga sukses.

Software Editor untuk Coding / Menulis Code

Dalam proses pembuatan web, banyak sekali software editor yang bisa di gunakan. Anda bisa memilih salah satu yang menurut anda nyaman, Saya pribadi untuk code editor menggunakan Sublime Text 3. Untuk graphic saya menggunakan Adobe Photoshop dan InkScape. Namun saya akan memberikan pilihan Code editor yang banyak digunakan oleh para developer

Sublime Text 3

sublime text 2 logo

 

Notepad++

Notepad++ Logo

Komodo Edit (support di Windows, Linux, MAC OS)

Komodo Edit

 

Sejauh ini yang pernah saya gunakan 3 Editor tersebut, pilihan saya jatuh di sublimetext 3 karena lebih ringan dan lebih nyaman dimata. Anda bisa pilih yang mana saja, atau bukan dari 3 editor tersebut pun tidak masalah. 🙂

 

Panduan Menginstall Wamp Di Windows

Cara Menginstall WampServer  di windowsPada posting pertama ini, saya akan memberikan panduan dasar untuk membuat sebuah template baik itu berupa html biasa maupun berbasis php seperti wordpress theme menggunakan local server atau sering di sebut localhost akan terasa lebih mudah. Kenapa lebih mudah?

Contoh:

Anda membuat sebuah template html di folder c://html/template/index.html maka anda dapat mengakases  hasil template anda di browser dengan url file:///c:/html/template/index.html

Tapi jika anda menggunakan local server misal dalam kasus ini adalah wamp anda bisa meletakan di folder c://wamp/www/template/index.html

Anda bisa mengaksesnya dengan cukup mudah yakni dengan url localhost/template/index.html atau localhost/template

Oke langsung saja yah..

  1. Untuk menginstall wamp di windows, silahkan download aplikasinya disini WampServer
  2. Pilih sesuai Windows anda 32/64 bit. untuk melihat nya bisa klik properties di My Computer
  3. Anda juga di haruskan untuk menginstall Visual Studio ubisa anda download disini. 
  4. Lakukan Instalasi sebagai mana biasanya.

Note: Anda bisa memilih Drive mana yang akan digunakan untuk instalasi wamp, bisa di C/D/E/F dll.