Nah pada bookmark folder saya ini berisi beberapa tutorial membuat navigation menu dengan jQuery untuk sebuah web baik menggunakan CMS ataupun tidak yang saya merasa cukup layaklah untuk saya bagi ke kawan-kawan semua.  Ada sekitar 26 model Navigation Menu dengan jQuery yang cukup menarik dan populer di gunakan, yang mana di setiap modelnya disertakan step by step tutorial dan contoh script bahkan demonya, hanya saja bahasa yang digunakan adalah bahasa Inggris. Oke Check This Out!!

Animated Navigation with CSS & jQuery

Awesome Bubble Navigation with jQuery

Beautiful Background Image Navigation with jQuery

Fancy Apple-Style Icon Slide Out Navigation

Collapsing Site Navigation with jQuery

Thumbnails Navigation Gallery with jQuery

Halftone Navigation Menu With jQuery & CSS3

Sexy Drop Down Menu w/ jQuery & CSS

Beautiful Slide Out Navigation Revised

Mega Drop Down Menus w/ CSS & jQuery

Animated Navigation Menu with CSS3

Use Sprites to Create an Awesomeness-Filled Navigation Menu

Create animated vertical Menu Using Jquery

Slide Down Box Menu with jQuery and CSS3

How To Create A Keypress Navigation Using jQuery

How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

jQuery Dropdown Navigation in WordPress

Create Bounce out Vertical menu with jQuery

How to Build a Lava-Lamp Style Navigation Menu

Animated Drop Down Menu with jQuery

Create an apple style menu and improve it via jQuery

Horizontal Subnav with CSS

How to Build a jQuery Brush Stroke Navigation

How to make a jQuery Drop-Down Menu with a CSS fall-back

How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery

Create Simple Dropdown Menu Using jQuery

Oke, inilah sedikit Model Navigation Menu menggunakan kombinasi jQuery dan CSS3. Semoga bermanfaat dan berguna bagi kawan-kawan semua. Selamat mencoba dan sukses.

**NB : Silahkan laporkan jika terjadi link broken

Related posts:

1. Multisite dengan WordPress 3.x
2. Video : Tutorial Install WordPress 3.x Multisite
3. Mudah Membangun Web dengan Dreamweaver

Perangkingan Webometrics atau Webometrics Ranking of World Universities adalah inisiatif untuk mempromosikan dan membuka akses publikasi ilmiah guna meningkatkan kehadiran akademik dan lembaga-lembaga penelitian di Situs Web. Dari pengertian tersebut diketahui bahwa Webometrics sesungguhnya adalah perangkingan sebuah Perguruan tinggi atau Universitas berskala Internasional yang mengacu pada “Kehidupan” Universitas atau Perguruan Tinggi tersebut di ranah Internet.

Perangkingan Webometric sendiri mulai dikenalkan oleh Cybermetrics Lab, sebuah group penelitian dari Centro de Información y Documentación (CINDOC) yang merupakan bagian dari National Research Council (CSIC), Spanyol. Program ini mulai dikenalkan ke khalayak Umum pada Tahun 2004 yang lalu.

Berbeda dengan perangkingan terhadap keberadaan Sebuah Website ataupun Blog, yang mana mengacu pada Google Pagerank yang diupdate setiap 3 bulan sekali dan Alexa Rank yang di update setiap 3 harian, Perangkingan Webometrics dipublikasikan setiam 6 bulan sekali yakni pada bulan Januari dan Juli. Tidak hanya itu saja, Indikator penilaian Webometrics ini juga sangat berbeda dengan Logika penilaian Site dari Google maupun Alexa, banyak hal yang harus menjadi perhatian para Webmaster sebuah Perguruan tinggi.

Adapun hal-hal yang harus diperhatikan guna memacu peningkatan Ranking Webometrics Sebuah Institusi Perguruan Tinggi di sini ada 4 Faktor, yaitu Visibility (V), Size (S), Rich Files (R) dan Scholar (Sc). Formula penghitungan dan pembobotannya sendiri adalah seperti di bawah:

Webometrics Rank = (4xV) + (2xS) + (1xR) + (1xSc)

Namun, formula tersebut pada Januari 2008 diubah menjadi seperti berikut :

Mungkin teman-teman bertanya-tanya apa itu Visibility (V), Size (S), Rich Files (R) dan Scholar (Sc). Berikut penjelasan dan bagaimana cara melakukan pengecheckan masing-masing faktor utama yang menjadi acuan penilaian Perangkingan Webometrics tersebut.

• Visibility (V): Jumlah total tautan eksternal yang unik yang diterima dari situs lain  (inlink), yang diperoleh dari Yahoo Search, Live Search dan Exalead. Untuk setiap mesin pencari, hasil-hasilnya dinormalisasi-logaritmik ke 1 untuk nilai tertinggi dan kemudian dikombinasikan untuk menghasilkan peringkat.
  Untuk mendapatkan data Visibility secara manual dilakukan dengan memasukkan key “linkdomain:URL” di Search Engine, contohnya linkdomai:http://domainanda.com.
  
• Size (S): Jumlah halaman yang ditemukan dari empat mesin pencari: Google, Yahoo, Live Search dan Exalead. Untuk setiap mesin pencari, hasil pencarian dinormalisasi-logaritmik ke 1 untuk nilai tertinggi. Untuk setiap domain, hasil maksimum dan minimum tidak diikutsertakan (excluded) dan setiap institusi diberikan sebuah peringkat menurut jumlah yang dikombinasi tersebut.
• Rich Files (R):  Volume file yang ada di situs Universitas dimana format file yang dinilai layak masuk di penilaian (berdasarkan uji relevansi dengan aktivitas akademis dan publikasi) adalah: Adobe Acrobat (.pdf), Adobe PostScript (.ps), Microsoft Word (.doc) dan Microsoft Powerpoint (.ppt). Data-data ini diambil menggunakan Google dan digabungkan hasil-hasilnya untuk setiap jenis berkas.
  Cara Melihat seberapa banyak Richfile di Internet adalaha dengan memasukkan key seperti di bawah ke dalam masing-masing Search Engine.

  File	Key	Contoh
  PDF	Site:URL<spasi>filetype:.pdf	Site:domainanda.com filetype:.pdf
  PS	Site:URL<spasi>filetype:.ps	Site:domainanda.com filetype:.ps
  Doc	Site:URL<spasi>filetype:.Doc	Site:domainanda.com filetype:.doc
  PPT	Site:URL<spasi>filetype:.ppt	Site:domainanda.com filetype:.ppt

• Scholar (Sc): Google Scholar menyediakan sejumlah tulisan-tulisan ilmiah (scientific paper) dan kutipan-kutipan (citation) dalam dunia akademik. Data Sc ini diambil dari Google Scholar yang menyajikan tulisan-tulisan ilmiah, laporan-laporan, dan tulisan akademis lainnya.
  Untuk melakukan pencarian data Scholar secara manual dilakukan dengan memasukkan key “site:URL” pada google Scholar, contohnya site:http://domainanda.com

Itulah tadi sekilas tentang apa yang dinamakan Webometrics. Sekilas memang untuk penilaiannya sangat berbeda dengan penilaian untuk site dan blog pada umumnya. Semoga postingan kali ini bisa membantu teman-teman semua dan membuka cakrawala teman-teman semua akan Perankingan Webometrics ini.

Related posts:

1. Belajar dari Sebuah Kepompong
2. Membuat Website Ramah Lingkungan

Nah, bagi orang-orang seperti saya yang punya kegemaran atau hoby nge-Blog dan bermain-main dengan Script-script yang berhubungan dengan Web Programing kini juga bisa ikut berkontribusi dalam kampanye Let’s Go Green dan melestarikan linkungan hidup dari apa yang kita punya seperti Blog kita dan juga Website-website yang kita buat. Mungkin teman-teman semua berpikir selama ini aktivitas nge-Blog dan mengakses Website di ranah Internet tidak banyak mempengaruhi lingkungan.

Untuk kita ketahui bersama, bahwasannya aktivitas Online dan berselancar kita di ranah Internet juga menghasilkan CO₂, lantas dari mana CO₂ itu? jawabnya adalah dari konsumsi energi perangkat yang kita gunakan untuk melakukan aktifitas di ranah Internet sperti, PC, Laptop, PDA, Handphone. Dari informasi yang saya dapatkan bahwasannya setiap menit ada 1000 pengguna internet mengunjungi jutaan website yang mana setiap jamnya itu menghasilkan 1.2 kg  CO₂ dan dilepas ke Atmosfer.

Lantas sebagai blogger dan penggiat dunia maya apa yang harus kita lakukan? Jawabnya adalah membuat Blog atau website yang kita buat menjadi ramah lingkungan. Untuk membuat Blog atau Website kita ramah lingkungan adalah dengan memasang “Standby Engine”. Standby Engine ini dirilis oleh Online Leaf.

Untuk memasang Standby Engine cukup mudah, teman-teman cukup memasukkan Script berikut dibawah<head> sebelum </head>. Script standardnya adalah sebagai berikut.

<script language="javaScript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script> 

Dan apabila dengan Script Standard tersebut ada masalah atau Standby Engine di Blog atau website kita tidak jalan. silahkan gunakan Script berikut ini.

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?setting1=value1&setting2=value2&setting3=value3"></script>

Selain itu teman-teman dapat mengkostumisasi bahasa yang akan tanpil saat Standby Engine bekerja, bahasa yang di dukung adalah :

Supported languages

• da – Danish
• de – German
• en – English
• es – Spanish
• fr – French
• gr – Greek
• id – Indonesian
• it – Italian
• nl – Dutch
• pl – Polish
• pt – Brazilian Portuguese
• ro – Romanian
• sl – Slovenian
• se – Swedish
• vi – Vietnamese

Cara mengganti bahasanya adalah dengan menambahkan ?lang=code di dalam script itu seperti berikut :

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?lang=in"></script>

Untuk mengatur berapa lama selang waktu mulai pengunjung tidak aktif mengeksplorasi blog atau website kita sampai stanby adalah dengan menambahkan ?time=X, dimana X adalah nilai waktu dalam Second / detik.

Contoh:

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script>

Teman-teman juga dapat mengkombinasikan bahasa yang dipilih dan lama waktu sampai standby seperti berikut.

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?lang=da&time=90"></script>

Dan apabila masih saja tidak dapat bekerja, coba tambahkan Script berikut,

<script>jQuery.noConflict();</script>

*****

Bagi teman-teman blogger yang menggunakan wordpress dengan hosting sendiri, teman-teman tidak perlu susah payah Copy Paste Script-script di atas. Teman-teman hanya perlu memasang Plugins Online-Leaf. Plugins dapat di download di sini

Related posts:

1. 15 Plugin Anti-Spam untuk WordPress
2. Mengenal dan Belajar Webometric
3. Multisite dengan WordPress 3.x

Dan setelah saya bekerja di sebuah Institusi Pendidikan dan mendapat amanah sebagai tim Web Master sekaligus Tim Webometric, mau tidak mau saya harus belajar WordPress Multisite karena program tim webmaster yang terbaru dan juga menjadi Job Desk kerja saya adalah membuat Blog Staff Pengajar dan Karyawan di Institusi di mana saya bekerja. Awalnya saya beserta teman saya yang tergabung di Tim Webmaster ingin menggunakan WP MU, namun setelah googling dan menemukan bahwa di Versi WordPress terbaru yakni WordPress 3.0 ke atas telah mendukung “Multisite” yang hampir sama fungsinya dengan WordPress MU. Akhirnya kami memutuskan menggunakan fitur Multisite yang di tawarkan WordPress 3.x ini untuk mengakomodasi keperluan pembuatan Blog Staff Pengajar dan Karyawan.

Nah, pada Postingan kali ini saya ingin berbagi bagaimana mengaktifkan fitur Multi Site di WordPress 3.x. Namun sebelum anda mulai mengisntall WordPress 3.x dan mengaktifkan fitur Multisite di WordPress 3.x, ada beberapa hal yang harus diperhatikan dan dipersiapkan terlebih dahulu. Hal-hal yang harus dipersiapkan dan harus diperhatikan tersebut antara lain :

• Server Requirements, pastikan server yang anda gunakan cukup handal untuk mengakomodasi keperluan WordPress Multi Site. Apabila anda menggunakan layanan Hosting, pastikan bahwa Hosting anda support untuk Multisite dan memiliki Uptime lebih dari 98% atau 100% kalau bisa. Dan jika menggunakan Dedicated Server usahakan jangan digabung dengan installasi website yang lain atau kata lain biarkan di dalam server hanya terinstall WP Multisite saja.
• Pastikan anda menginstall WordPress Multisite di direktori Root atau biasa disebut public_html.
  Aktifkan dan masukkan Wildcard Sub Domain di DNS records.
• Apabila anda menghendaki memberi alamat Blog User tidak menggunakan Sub Domain tetapi menggunakan sub direktori seperti http://blog.domainanda.com/namauser, maka pastikan direktori tempat anda menginstall WordPress pada mode mod_rewrite.

Nah Setelah hal-hal dasar yang harus anda perhatikan dan siapkan tersebut sudah, maka kita baru bisa menginstall wordpress multisite. Adapun Step by step cara Install WordPress Multisite yaitu,

• Install WordPress 3.x seperti anda menginstall WordPress biasanya.
• Setelah proses Installasi selesai, masukkan script berikut ke file wp-config.php di atas /* That’s all, stop editing! Happy blogging. */

   define('WP_ALLOW_MULTISITE', true); 

  Hasil editan wp-config.ph seperti di bawah ini

  <?php
  /**
   * The base configurations of the WordPress.
   *
   * This file has the following configurations: MySQL settings, Table Prefix,
   * Secret Keys, WordPress Language, and ABSPATH. You can find more information
   * by visiting {@link http://codex.wordpress.org/Editing_wp-config.php Editing
   * wp-config.php} Codex page. You can get the MySQL settings from your web host.
   *
   * This file is used by the wp-config.php creation script during the
   * installation. You don't have to use the web site, you can just copy this file
   * to "wp-config.php" and fill in the values.
   *
   * @package WordPress
   */
  
  // ** MySQL settings - You can get this info from your web host ** //
  /** The name of the database for WordPress */
  define('DB_NAME', 'db');
  
  /** MySQL database username */
  define('DB_USER', 'user');
  
  /** MySQL database password */
  define('DB_PASSWORD', 'password');
  
  /** MySQL hostname */
  define('DB_HOST', 'localhost');
  
  /** Database Charset to use in creating database tables. */
  define('DB_CHARSET', 'utf8');
  
  /** The Database Collate type. Don't change this if in doubt. */
  define('DB_COLLATE', '');
  
  /**#@+
   * Authentication Unique Keys and Salts.
   *
   * Change these to different unique phrases!
   * You can generate these using the {@link https://api.wordpress.org/secret-key/1.1/salt/ WordPress.org secret-key service}
   * You can change these at any point in time to invalidate all existing cookies. This will force all users to have to log in again.
   *
   * @since 2.6.0
   */
  define('AUTH_KEY',         '|; vs1R.f1Or<kkOvQt$;tYf;8$&C,G)#WkY<1HJUPF<5C8|:8Udn[&j,aF3e&u|');
  define('SECURE_AUTH_KEY',  '/I.a<$NU(OhYm_6(,K?,KD)QdQw94&UFjRgvx|)>-k7cO#R6-)ZM#PyyF8XvFZk(');
  define('LOGGED_IN_KEY',    'f$EC@63m|`w#VN0rA#pfA<~N.,j-J1CI_Q%j<6 v7dc7)3;Rhqz3/%Y~b$-DgceD');
  define('NONCE_KEY',        'M{*>qS3pCob.lCnaO#FT+ hXZ~5vF:.?w1@QE#-yV{&S5-gdYC>WgoOolNN=e8_P');
  define('AUTH_SALT',        'AJqLrUW.A,vDyvtPCNmhiUXq6/L:1pc=X-Qh),/3wu(zpyb[lm&zGVD).ZM,D80N');
  define('SECURE_AUTH_SALT', '0(P4#;rv)Dd= S>M#O.m<^<R}3+mKcn1,)>@J)>fKRNjq#NkD!gEmvR9Mik2Hk*&');
  define('LOGGED_IN_SALT',   '2idMMK&#jz3YhfA;t([LbF>T`v0;ME2(TqY]>vJS<0`Km<HqWP!z~nck?c2~G<hl');
  define('NONCE_SALT',       '#oWTOU,QUidpvvU(bTtl4*.l5*E.iw6LTK^e)td[JALA{#v&cyt]u}Qhk$-|};;h');
  
  /**#@-*/
  
  /**
   * WordPress Database Table prefix.
   *
   * You can have multiple installations in one database if you give each a unique
   * prefix. Only numbers, letters, and underscores please!
   */
  $table_prefix  = 'wp_';
  
  /**
   * WordPress Localized Language, defaults to English.
   *
   * Change this to localize WordPress.  A corresponding MO file for the chosen
   * language must be installed to wp-content/languages. For example, install
   * de.mo to wp-content/languages and set WPLANG to 'de' to enable German
   * language support.
   */
  define ('WPLANG', '');
  
  /**
   * For developers: WordPress debugging mode.
   *
   * Change this to true to enable the display of notices during development.
   * It is strongly recommended that plugin and theme developers use WP_DEBUG
   * in their development environments.
   */
  define('WP_DEBUG', false);
  
  define('WP_ALLOW_MULTISITE', true);
  /* That's all, stop editing! Happy blogging. */
  
  /** Absolute path to the WordPress directory. */
  if ( !defined('ABSPATH') )
  	define('ABSPATH', dirname(__FILE__) . '/');
  
  /** Sets up WordPress vars and included files. */
  require_once(ABSPATH . 'wp-settings.php');
  

• Nah setelah berhasil mengedit dan menambahkan script di atas ke file wp-config.php maka di Menu Tools akan ada tambahan sub menu yaitu network. Nah proses selanjutnya adalah enable Networknya dengan membuka Administration > Tools > Network. Lihat gambar.
  
• Silahkan anda pilih, apakah hendak menggunakan Sub directory atau Sub domain, setelah itu klik Install.
• Nah setelah itu anda akan melihat bahwa halaman network akan berubah menjadi halaman tutorial, silahkan ikuti langkah demi langkah yang tampak pada jendela network tersebut.
• Jika sudah maka anda akan melihat keluar menu baru yaitu Super Admin. Nah di menu itulah kita bisa mengkonfigurasi dan menambahkan site baru.

Mudah bukan untuk menginstall Multisite di WordPress 3.x. Apabila masih belum jelas dengan tutorial ini, anda bisa melihat tutorial dalam bentuk Video di sini.

Selamat mencoba dan semoga bermanfaat.

Related posts:

1. Problem Solving Gagal Upgrade WordPress
2. 10 WordPress Hack Terbaru
3. Video : Tutorial Install WordPress 3.x Multisite

SEO

SEO sangat penting jika Anda ingin meningkatkan kemampuan global perusahaan Anda di Internet. Untuk menempatkan Website anda berada halaman pencarian pertama, Anda harus menggunakan beberapa layanan SEO profesional. Hal ini akan membantu bisnis Anda untuk menarik lebih banyak pelanggan yang pada gilirannya akan menghasilkan lebih banyak penjualan dan menuai keuntungan yang lebih besar. Anda akan segera melihat laba atas investasi, tidak ada keraguan tentang itu. Tentu saja bisnis yang kita bicarakan adalah bisnis yang mengarah kedunia Online atau Internet. Namun seiring berkembangnya waktu, kini banyak Industri atau usaha ofline mulai menyentuh dunia Internet untuk mempromosikan barang atau produknya melalui Internet.

Seluruh ide tentang memanfaatkan jasa SEO adalah untuk mempromosikan bisnis dengan cara online. Setiap bisnis, tidak peduli seberapa besar atau kecil memerlukan trafic atau pengunjung tetap ke Website yang mereka buat. Desain website yang anda buat harus sedemikian rupa sehingga tampak user friendly dan menarik, sehingga pengunjung website anda dapat mengerti lebih jauh mengenai produk dan jasa anda, membeli beberapa dan bahkan datang kembali untuk mencari produk yang lain. Tidak hanya itu saja, desain web yang Anda buat juga harus SEO Friendly sehingga mendatangkan pengunjung yang relevan dan berkualitas sesuai dengan produk atau jasa yang kita tawarkan.

Gambaran umum tentang pentingnya SEO untuk mempromosikan sebuah usaha kita melalui internet adalah tidak lebih dan tidak bukan adalah untuk menempatkan halaman website kita berada pada halaman awal SERP (Search Engine Result Page) dari sebuah pencarian yang berhubungan dengan Produk atau Jasa yang kita tawarkan. Hal ini memiliki kesamaan dengan konsep Advertising di dunia sebenarnya, setiap orang berebut tempat yang strategis untuk menempatkan iklan produknya, begitupun pada konsep marketing di Internet ini hanya saja yang salah satu media untuk menempatkan iklan atau produk kita berada di Search Engine seperti Yahoo, Google, Bing, dll.

Terlepas dari pentingnya SEO, ada beberapa hal yang harus diperhatikan dalam melakukan Optimasi Web atau Blog kita. Sistem PageRank, walau menerapkan algoritma yang kompleks, belakangan juga tidak lagi sepenuhnya mampu dijinakkan dengan trik dan manipulasi cara-cara SEO.  Google secara resmi telah melarang penggunaan beberapa teknik ilegal seperti link farming, doorway pages, keyword stuffing, dan auto generated pages atau scraper pages. Situs atau layanan SEO yang tetap menggunakanannya terancam akan dihapus dari indeks pencarian.

Ancaman Google dan mesin pencari lain bukan hanya gertakan. Beberapa perusahaan layanan SEO beserta klien mereka yang tidak mengindahkan larangan tersebut menerima penalti yang serius karena perbuatan ilegal mereka. Berdasarkan panduan resmi mesin pencari, SEO bukanlah teknik ilegal sepanjang dilakukan dengan mengikuti etika dan aturan yang ada. Hal tersebut untuk menjamin setiap situs web memperoleh kesempatan yang sama dalam pencarian, dan pemeringkatan dilakukan dengan obyektif, di mana yang paling berperan dalam menentukan peringkat suatu halaman web adalah kualitas dan manfaatnya bagi pengguna internet.

Satu hal, SEO memang perlu namun kualitas konten yang kita sajikan adalah syarat utama penilaian website yang anda buat.

Related posts:

1. Dskon.Com, Agregator Daily Deals Indonesia
2. Blekko : Sebuah Alternatif Search Engine
3. FreSh Sby Edisi Juli 2010 : KulinerInet

Adobe Dreamweaver merupakan program editor halaman web keluaran Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver keluaran Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang menarik dan kemudahan penggunaannya. Dreamweaver adalah alat yang sangat berguna baik untuk pemula dan profesional web. Hal ini dikarenakan Dreamweaver mendukung berbagai teknologi web dan berbagai server-side scripting languages. Anda dapat menggunakannya sebagai sebuah program perangkat lunak yang berdiri sendiri atau menggunakannya bersama dengan web designing tools lainnya.

Nah melalui postingan kali ini saya ingin berbagi apa yang harus anda lakukan untuk membangun sebuah website dengan Dreamweaver, langkah-langkah yang harus anda lakukan adalah :

Langkah pertama, Instal program Dreamweaver pada komputer Anda. Setelah program terinstal dengan benar, buka program untuk mulai menggunakan. Mulailah dengan mengklik pada File dan kemudian pilih New dari menu drop-down. Sebuah jendela pop-up akan terlihat dan akan menanyakan apa jenis web yang ingin Anda ciptakan. Klik “Basic Page” kemudian klik “Create”. Sekarang Anda akan membuka halaman di mana anda akan mengerjakan web.

Langkah ke-2, Anda dapat menyimpan file yang telah dibuat dengan mengklik pada File dan pilih “Save As” dari menu drop-down. Buat folder dengan nama “public_html” yang kemudian akan berisi semua file yang akan diupload di halaman ini. Simpan halaman yang Anda buat tersebut menggunakan nama file “index.htm” dalam folder yang sama.

Langkah ke-3, Sekarang Anda dapat mulai membangun website Anda. Anda dapat mulai dengan mengetik judul di sisi tengah atas halaman. Sorot judul dan pilih warna, font dan ukuran yang Anda ingin gunakan.

Langkah ke-4, Isi website Anda dengan apapun yang Anda inginkan untuk tampil di situs Anda. isi dari situs Anda harus menyenangkan untuk dilihat dan wajib menyenangkan, informatif dan relevan dengan target pengunjung web Anda. Sekali lagi, Anda dapat mengubah gaya teks Anda dengan mengklik Window dan kemudian Properties.

Langkah ke-5, Anda dapat menggunakan toolbar yang ada untuk membuat perubahan terhadap efek visual dari website Anda. Anda dapat menambahkan warna latar belakang yang bebas untuk teks Anda serta membuat link ke situs-situs lain. Kemudian, ulangi proses yang sama dengan perubahan dan penambahan lainnya yang ingin Anda lakukan di situs yang Anda buat.

Langkah ke-6, Tambahkan beberapa gambar untuk menghidupkan citra situs atau web yang Anda buat. Untuk menyimpan gambar atau file-file gambar, letakkan pada folder yang sama di mana Anda menyimpan halaman Web, “index.htm”.

Langkah ke-7, Untuk membuat website Anda dapat dicari melalui mesin pencari, Anda harus membuat metatag. Untuk melakukan ini, pertama klik pada “insert” kemudian pilih “head”. Bila Anda melihat “description”, klik dan tulis jenis deskripsi dari situs Anda. Gunakan prosedur yang sama untuk mulai menambahkan keyword (kata kunci) dari Web yang anda buat. Pastikan Anda menambahkan tanda koma dan satu spasi setelah setiap kata kunci untuk memisahkan antara keyword datu dengan keyword yang lain.

Seperti yang Anda lihat, proses bagaimana membangun sebuah website menggunakan Dreamweaver benar-benar tidak begitu sulit. Buat halaman web baru, isi web seuai dengan keinginan kita, letakkan file-file pendukung pada satu folder yang sama, masukkan metatag pada bagaian head, selesai. Mudah bukan? Hanya saja pastikan untuk menyimpan file Anda setelah melakukan setiap langkah dan website Anda akan siap untuk diupload di internet.

So, Membuat Web itu mudah!! Hanya perlu berlatih.. berlatih dan berlatih.. Kita pasti bisa!! (goodluck)

Related posts:

1. KotaGames, Ketika ngeGame semakin mudah dan dekat dengan kita
2. Mudah Berkomentar dengan FB Comment Box
3. Multisite dengan WordPress 3.x

Seorang Web Desainer dituntut tidak hanya berpikir dari satu sudut pandang saja terlebih hanya sudut pandangnya saja, seorang web desainer harus berpikir dan memposisikan diri pada sudut pandang End User (Pengguna Akhir) dalam hal ini adalah pengakses dan pengunjung Web yang akan dibangun. Pada kenyataanya masih banyak seorang web desainer hanya berpatokan pada selera dan sudut pandang pribadi masing-masing, hal ini tentu saja mengakibatkan sebuah Desain Web yang kurang Interaktif dan tidak menarik perhatian pengunjung.

Nah untuk itu melalui postingan saya kali ini, saya akan mencoba berbagi kepada pengunjung Blog ini tengtang Tips Dasar yang harus dilakukan untuk membuat sebuah desain web. Adapun yang harus hal-hal yang perlu diperhatikan oleh seorang web desainer adalah,

Jangan Membuat Pengunjung Berfikir atau Bingung,

Sebuah Web hendaknya harus jelas dan mudah dimengerti. Jadi, ketika seorang Web Desainer membangun sebuah web baru, yang harus diperhatikan pertama kali adalah menghidari semaksimal mungkin pertanyaan dari pengunjung yang mana pertanyaan-pertanyaan ini muncul akibat kebingungan pengunjung dalam memahami desain web yang kita buat. Ketika pengunjung mengalami kebingungan, maka bisa dipastikan pengunjung akan mengalami kesulitan dalam melakukan navigasi dan eksplorasi lebih dalam terhadap Website yang kita bangun.

Jangan menguji kesabaran pengunjung,

Berbicara tentang menguji kesabaran, hal ini sangat erat kaitannya dengan lambat dan cepatnya web yang akan kita bangun saat di akses. Hendaknya seorang web developer memperhatikan size atau ukuran file yang akan digunakan dan diupload ke server, entah itu file html, CSS, PHP, file gambar atau file apa saja yang kita gunakan dalam Website. Karena semakin besar size file yang kita upload maka akan sangat mempengaruhi kecepatan akses website yang kita bangun.

Tidak hanya itu saja. Sebagai seorang web developer hendaknya kita tidak perlu memasang fitur pada Website yang kita bangun untuk memaksa pengunjung memasukkan email atau memaksa pengunjung untuk mencoba fitur-fitur yang ada pada website kita. Buat pengunjung merasa bebas dan enjoy berada pada website kita. Hal ini sangat berguna untuk pengunjung pertama yang baru datang ke site kita. Buat pengunjung merasa berkesan terlebih dahulu, selanjutnya.. terserah anda.. )

Buat Pengunjung fokus terhadap content yang menjadi Fokus utama Website kita,

Sebagai seorang web developer, kita harus tau mana content atau isi yang menjadi fokus utama dari Website yang kita bangun. Kita harus pintar-pintar meletakkan content yang menjadi fokus utama tersebut di tempat yang pengunjung mudah melihatnya. Kita harus tau karakteristik pengunjung dalam menavigasi Website, misalnya manusia cenderung memiliki kebiasaan mulai membaca dari bagaian kiri atas kemudian ke kanan dan terus turun ke kanan bawah. Nah, kita bisa melatakkan apa yang menjadi fokus dari site yang kita buat berada di bagaian kiri atas website. Contohnya meletakkan judul website, deskripsi singkat tentang website, atau tagline dari website yang kita buat.

Perhatikan Isi Content atau Tulisan,

Perlu diingat dan di jadikan bekal bagi para web desaigner, bahwasannya konsep content atau tulisan yang ada dalam Website sangat berbeda dengan konsep tulisan cetak. Oleh karena itu, penting bagi seorang webdesaigner mengubah gaya penulisan, kita harus berusaha menghindari tulisan yang panjang dan berkesan bertele-tele apabila ingin membuat sebuah tulisan untuk promosi. Kita buat tulisan yang singkat namun apa makna yang ingin disampaikan dapat tersampaikan. Jika perlu tambahkan gambar atau model animasi pada tulisan yang mana intinya untuk menarik perhatian pengunjung website.

Buatlah Website sesederhana Mungkin,

Yang terpenting dan sangat penting adalah, kita tidak perlu berfikir kompleks dan rumit untuk mendesain sebuah website. Pengunjung datang ke website kita bukan untuk menikmati desain web kita, melainkan mereka ingin mendapatkan informasi dari website kita. So jangan terpaku pada tampilan atau desain yang rumit, buatlah website yang sederhana namun tetap menarik perhatian pengunjung. (funkydance)

Oke mungkin cukup segini dulu beberapa Tips Dasar yang harus diperhatikan seorang Web Desainer baru yang akan membangun desain sebuah Web. Postingan ini tidak berniat menggurui atau bagaimana, jujur hanya ingin berbagi ilmu saja kepada teman-teman yang lain yang ingin belajar dan terjun di dunia Webmaster. Dan ini adalah sedikit ilmu yang saya peroleh dari pengalaman seorang manusia biasa yang mencoba bermain-main di dunia webmaster. Semoga bermanfaat dan membantu (goodluck)

Related posts:

1. 15 Plugin Anti-Spam untuk WordPress
2. Earth Hour 2011 : 1 Jam + untuk Dunia yang Lebih Baik
3. Nge-Blog : Cara Efektif untuk Membranding Diri part.1

Untuk membangun sebuah website tidak semerta-merta langsung membangun dan menguploadnya. Sama halnya seperti setiap aspek lain dalam bisnis apapun, mendapatkan sebuah website yang baik tidak dengan mudah, itu adalah tugas terencana yang memerlukan perhatian, uang, dan waktu. Nah, bagi sampeyan yang ingin membangun sebuah website baru, berikut adalah hal mendasar yang harus sampeyan ketahui sebelum membuat Website. Hal itu antara lain,

WWW, The world wide web.

Yang pertama sampeyan harus mengenal dulu apa itu WWW. WWW (World Wide Web), merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk dapat digunakan bersama. WWW atau biasa disebut web adalah bagian yang paling menarik dari Internet. Melalui web, dapat mengakses informasi-informasi yang tidak hanya berupa teks tetapi bisa juga berupa gambar, suara, video dan animasi. Sebenarnya WWW merupakan kumpulan dokumen-dokumen yang sangat banyak yang berada pada komputer server (web server), di mana server-server ini tersebar di lima benua termasuk Indonesia, dan terhubung menjadi satu melalui jaringan Internet.

Halaman-halaman dari website akan bisa diakses melalui sebuah URL yang biasa disebut Homepage. URL ini mengatur halaman-halaman situs untuk menjadi sebuah hirarki, meskipun, hyperlink-hyperlink yang ada di halaman tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan.

What is a Website?

Apa itu website? Nah ini jelas dan mutlak harus sampeyan ketahui, jangan sampai sampeyan pengen buat website tapi tidak tahu apa itu website. Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (WWW) di Internet. Sebuah halaman web adalah dokumen yang ditulis dalam format HTML (Hyper Text Markup Language), yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut dapat membentuk sebuah jaringan informasi yang sangat besar.

Who are the Audience of you website?

Setelah sampeyan mengetahui apa itu WWW dan apa yang dimaksud dengan Website, maka hal penting selanjutnya yang harus sampeyan ketahui adalah siapakah pengunjung / yang melihat website kita? Jika kita melihat kondisi riil di Internet, jumlah pengakses internet naik sangat drastis yang mana dari sekian banyak pengakses internet tersebut terdiri dari berbagai macam manusia yang memiliki berbagai sifat dan jenis berdasarkan lokasi, usia, profesi, agama, dll. Jadi dari sekian banyak orang inilah yang akan menjadi pengunjung website kita.

Kita harus pandai-pandai menargetkan siapakah target pengunjung dan pengakses website kita, hal ini sangat erat hubungannya dengan desain dari website kita yang mana kita harus membuat desain yang sesuai dengan target pengunjung website kita. Yang tidak kalah pentingnya, kita harus membuat konten yang semenarik mungkin dan sesuai dengan target pengunjung website kita. Jangan sampai kita membuat seenaknya, kemudian tidak ada pengunjung yang datang.

Content of your Website.

Setelah membicarakan hal-hal yang mendasar, mari kita sedikit membahas hal yang cukup serius dan memiliki dampak cukup besar terhadap keberadaan website yang akan kita buat. Desain Website yang kita buat dan Content yang ada di dalamnya adalah alasan yang cukup kuat bagi pengunjung kita untuk datang kembali mengunjungi website kita. Kunci utama dalam hal ini adalah bahwa conten pada website kita harus relevan dan wajib diperbaharui secara teratur sehingga setiap kali pengunjung mengunjungi situs Web Anda, mereka melihat beberapa hal baru dan informatif.

Website Design and Layout

Pepatah bijak mengatakan “Kesan pertama begitu menggoda, selanjutnya… terserah anda” ) Nah, dalam hal desain Web hal seperti ini adalah benar dan sangat diyakini. Misalnya, desain dan tampilan web yang sampeyan berantakan dan tidak teratur, secara otomatis akan memberikan kesan tidak nyaman kepada pengunjung kita apa lagi pengunjung yang baru, secara tidak langsung pengunjung akan berstatemen bahwa website kita buruk, meskipun mungkin content di dalamnya sangatlah baik dan Informatif. Di sisi lain, jika website Anda secara visual menarik bersama dengan konten yang baik, sebagian besar pengunjung anonim akan menjadi biasa.

Mungkin cukup ini dulu saja beberapa hal yang dapat saya sering berkenaan dengan hal-hal mendasar yang harus diperhatikan dalam membangun sebuah Website, hal ini harus diperhatikan dahulu supaya kita tidak mengalami kerugian dalam membangun website. Sudah capek-capek buat dan keluar uang banyak, eh tujuan dari dibuatnya website itu tidak tercapai. Ndak enak bukan? (headspin)

Semoga bermanfaat. (cozy)

img src : http://vegas-times.com/blogs/imd/files/2009/11/cat5_web_design.jpg

Related posts:

1. Membuat Website Ramah Lingkungan
2. Mengapa Web Perlu SEO
3. Mudah Membangun Web dengan Dreamweaver