Membuat Menu Vertikal sederhana dengan CSS

Judul diatas merupakan judul artikel pertama bagi saya, karena baru kali ini saya membuat artikel sendiri. Artikel ini akan membimbing anda untuk menciptakan sebuah menu vertical yang menarik untuk desain web anda.
Saya menggunakan HTML + CSS untuk membuat menu ini.

Persiapan :
Code Editor, program untuk mengedit file HTML dan CSS. 

Seperti Notepad, Notepad++, Dreamveaver, dsb. Saya menyarankan untuk menggunkan Notepad, dan Notepad++ bila tersedia.

Web browser, program untuk menampilkan halaman HTML yang telah anda buat. Saya yakin anda sudah memiliki Internet Explorer pada komputer anda. Firefox dan Google Chrome tentu saja dapat digunakan juga.

The modern browser wars: How well Firefox, IE and Chrome succeed in getting their users to upgrade

We all know the by now woeful tale of Internet Explorer 6, which close to a decade after its arrival still has a significant share of the web browser market. Its users have been extremely slow to abandon it in spite of there being two newer and much improved versions of Internet Explorer freely available. And this is with Microsoft actively encouraging an upgrade. You could even argue the same for Internet Explorer 7; why haven’t the vast majority of Internet Explorer users switched to version 8 by now?
This conundrum made us wonder how the other web browsers fare when it comes to getting their users to upgrade to newer versions. How quickly do Firefox, Safari, or Google Chrome users upgrade their browsers when new versions arrive?
We have studied the upgrade pattern for Internet Explorer, Firefox, Google Chrome, Safari and Opera and found some drastic and quite interesting differences.
Although we don’t have actual upgrade statistics, we can see how the market share for the various versions of a web browser changes, and that is good enough for our purposes. We used data from StatCounter, who provide browser statistics based on tracking of approximately three million websites globally.

Tips dan Cara Memilih Nama Domain yang Bagus

Memilih nama domain untuk situs web adalah salah satu langkah paling penting untuk menciptakan internet marketing yang sempurna. Jika Anda menjalankan bisnis online, memilih nama domain yang akan dipasarkan dan mencapai kesuksesan dalam penempatan mesin pencari (Search Engine) adalah yang terpenting. Banyak faktor yang harus dipertimbangkan ketika memilih nama domain yang bagus. Beberapa poin penting dalam memilih nama domain adalah :

1. Mudah diingat oleh users atau pengunjung.
2. Menunjukkan suatu produk atau layanan jasa.
3. Berfungsi sebagai branding atau merek dagang suatu produk atau jasa.

Berikut adalah cara memilih nama domain yang bagus :

5 Kesalahan Desain Website Perusahaan

Website merupakan salah satu bagian penting dari pemasaran dan branding bagi perusahaan, karena website merupakan sarana atau pusat informasi tentang perusahaan. Maka, desain dan pengolahan database dari sebuah website perusahaan harus benar-benar diperhatikan dalam proses pembuatannya. Jika salah dalam mendesain sebuah website maka akan berakibat negatif terhadap bisnis perusahaan tersebut. Berikut adalah 5 kesalahan umum desain web yang harus dihindari :

  

1. Navigasi Jelek
Pengunjung mengakses website, karena satu hal yaitu kebutuhan informasi yang spesifik. Akan menjadikan para pengunjung frustasi dan segera meninggalkan website tersebut jika mereka tidak segera mendapatkan inti informasi dari website dan perusahaan tersebut.

Kualitas Situs Web dan Blog Menurut Google dan Yahoo

Setiap orang yang memiliki situs website atau blog pasti ingin memiliki peringkat yang baik dalam hasil pencarian di Search Engine seperti Google dan Yahoo. Karena SEO yang baik berarti banyak pengunjung, banyak pengunjung berarti banyak penjualan, banyak penjualan berarti banyak pendapatan.

Untuk itu biasanya para pemilik situs selalu berlomba-lomba untuk memperbaiki SEO dengan tujuan memperbaiki peringkat di hasil pencarian. Dan tidak sedikit yang menggunakan cara curang atau biasa disebut Black SEO.

Banyak situs yang sukses dengan Black SEO, tetapi lebih banyak yang gagal. Akibatnya justru memperburuk peringkat situs web atau blog di Search Engine. Kalaupun ada yang sukses dengan Black SEO, itu hanya sementara saja. Percayalah, lambat laun situs mereka akan lenyap di hasil pencarian Search Engine.

Seperti apa kata mbah Google, dalam membuat situs web atau blog, “Focus on the user and all else will follow” – utamakan pada kepentingan pengunjung. Semakin lama, algoritma Search Engine semakin baik. Situs website atau blog yang baik di mata pengunjung, baik juga di mata Search Engine, dan Black SEO semakin terkucilkan.

On Page SEO – Cara Meningkatkan Traffic Web dan Blog

On Page SEO (Search Engine Optimization) adalah pengoptimalan suatu konten website atau blog pada Search Engine menggunakan elemen-elemen dalam halaman web atau blog tersebut, seperti teks, image, meta tag, dan link. On Page SEO bukanlah suatu trik untuk memanipulasi Search Engine, melainkan hanya sarana untuk memudahkan Search Engine meng-indeks suatu halaman web atau blog. Berikut adalah cara-cara memaksimalkan SEO melalui On Page SEO :
1. Atas ke bawah, kiri ke kanan
Aturan Crawler dari Search Engine membaca suatu halaman web atau blog adalah dari atas ke bawah dan dari kiri ke kanan. Jadi Anda harus mengatur halaman situs Anda sesuai dengan aturan ini. Yang harus dilakukan :

• Letakkan teks judul yang mengandung kata kunci di kiri atas.
• Crawler menyukai konten. Jadi setelah header dan judul, disitulah konten halaman seharusnya diletakkan.
• Setelah itu bagian lain yang kurang penting diletakkan di bagian kanan atau bawah.

Kelebihan Dan Kekurangan Website Menggunakan Teknologi Flash

Apakah Anda sedang mempertimbangkan untuk membuat sebuah website berbasis flash? Akhir-akhir ini banyak perusahaan yang menginginkan sebuah website perusahaan yang menggunakan teknologi flash, tetapi mereka tidak tahu apa kelebihan dan kekurangan menggunakan flash untuk sebuah website. Secara tampilan, website flash sangat menarik karena penuh dengan animasi. Tetapi untuk SEO, website flash memiliki banyak kekurangan. Jadi sebelum Anda menentukan untuk membuat sebuah website flash atau website non-flash, ketahui dulu apa Kelebihan dan Kekurangan Website Menggunakan Teknologi Flash.

Kelebihan / Keuntungan Menggunakan Flash
Kelebihan yang sangat menonjol dari teknologi flash adalah kemampuannya untuk membuat sebuah website yang interaktif dan ekspresif. Mulai dari membuat tampilan yang sederhana hingga membuat sebuah video bahkan sebuah game, website Anda akan terlihat sangat menarik bagi pengunjung situs web Anda.
Kelebihan lain dari menggunakan teknologi flash untuk website adalah tampilan flash kompatibel dengan semua browser (IE, Mozilla, Google Chrome, Opera, dll), tidak seperti tampilan HTML dan CSS yang tiap browser kadang berbeda dalam menterjemahkan kode sebuah halaman web. Jadi tampilan website akan sama persis di semua browser internet kecuali ditentukan versi flash terbaru.

WordPress Plugins Penting Untuk Blog Baru

Tidak bisa dipungkiri, untuk saat ini WordPress merupakan CMS yang paling populer untuk membuat blog. Setiap harinya muncul lebih dari puluhan ribu blog baru yang menggunakan wordpress. Dan dukungan plugins yang tersedia saat ini mencapai 14 ribu lebih.

Tentu saja hal ini akan membuat kita bingung untuk memilih plugins yang penting untuk mendukung blog kita. Karena tidak mungkin kita mencoba satu persatu semua plugins yang tersedia.

Namun ada beberapa plugins yang populer yang biasa digunakan oleh para blogger di seluruh dunia, terutama buat blog baru. Berikut adalah plugins yang wajib Anda gunakan untuk blog Anda :

1. WP Super Cache

Selain berguna untuk mempercepat akses halaman blog, plugins ini juga berfungsi untuk menghindari crash yang bisa terjadi akibat proses PHP pada server. Setiap halaman blog akan di-duplikasi dalam format html.

Jamu Sehat CSS Untuk Internet Explorer

Dalam tutorial css kali ini penulis akan membawakan Tips CSS untuk Internet Explorer. Ya, sampai detik tutorial ini dibuat pun penulis masih saja menemui para web developer yang kerap kali menggunakan Internet Explorer sebagai browser dasar ketika melakukan proses pembuatan interface untuk aplikasi berbasis webnya. Entah apa yang ada dalam pikiran pihak atasan hingga meminta sang developer untuk tetap menggunakan Internet Explorer. Tapi itu bukan inti permasalahannya.Permasalahannya adalah, bagaimana ketika seorang developer itu tetap bisa menjaga tampilan layout atau interfacenya jika ada user yang menggunakan browser lain selain dari pada Internet Explorer, misalkan menggunakan Chrome ataupun Mozilla Firefox. Oke, sebetulnya untuk menjaga agar tampilan di browser berbagai browser tetap sama, penulis telah menjelaskannya di artikel sebelum-sebelumnya. Yakni artikel berikut ini http://www.ilmuwebsite.com/tutorial-html/standards-compliance-quirks-mode-html,

Membuat Form Multi Submit Dengan Multi Link

Masing-masing developer memiliki cara-cara individu tersendiri dalam memproses suatu form, ada yang menggunakan button submit, ada yang menggunakan link, ada juga yang menggunakan image, atau bahkan tidak ada yang menggunakan button, biasanya yang terakhir ini menggunakan bantuan lain yakni ajax form submission dan metode-metode lain. Namun bagaimana caranya menggunakan multi link untuk memproses suatu form.

Pada artikel sebelumnya penulis pernah membahas bagaimana membuat submit button dengan link image . Pada tutorial kali ini penulis akan menjelaskan kepada Anda, bagaimana caranya Membuat Form Multi Submit Dengan Multi Link. Sebelum ke inti pembahasan, banyak sekali alasan mengapa developer menggunakan metode ini, salah satunya adalah faktor layout, dan keindahan. Dan lagi membuat submit button dengan link ini dimemerlukan si submit ini harus berada di dalam tag <form></form> melainkan bisa diletakkan di luarnya, cukup dipanggil saja form apa yang akan di kirimkan datanya, kurang lebih seperti itu.

Web Design Tips: Menggunakan CSS Reset

Pada tutorial css kali ini saya akan membahas Tips Desain Web. Sudah menjadi pengetahuan yang umum jika masing-masing browser Internet memiliki style bawaan tersendiri, sebagai contohnya margin default atau padding default pada Internet Explorer itu memiliki nilai  yang berbeda dengan Mozilla Firefox ataupun Chrome, contoh yang lain, unordered list default milik Internet Explorer memiliki style berbeda dengan style pada firefox. Sehingga seorang web designer seringkali direpotkan oleh hal ini, biasanya seorang web designer menggunakan javascript untuk mendeteksi user menggunakan browser apa, kemudian jika user menggunakan browser internet maka javascript mencocokkan stylenya dengan file berisi style khusus untuk internet explorer, begitu juga dengan mozilla firefox dan browser lain, file stylenya juga berbeda. Benar-benar merepotkan karena kita harus membuat style yang berbeda untuk browser yang berbeda. Tapi hasilnya sangat baik.

Apa saja isi HTML 5 ?

HTML 5  dirancang oleh W3C untuk meneruskan kesuksesan  HTML 4 dan XHTML 1. Tampaknya HTML 5 akan menjadi favorit seperti yang terjadi pada DOCTYPE sejuta umat, XHTML 1.0 Transitional. 

Kelebihan dan kekurangan HTML 5

Beberapa kelebihan yang dijanjikan pada HTML 5:

1. Dapat ditulis dalam sintaks HTML (dengan tipe media text/html) dan XML.
2. Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya.
3. Integrasi (‘inline’) MathML dan SVG dengan doctype yang lebih sederhana.
4. Penulisan kode yang lebih efisien.
5. Dapat dimengerti oleh peramban lawas (backwards compatible). Sehingga istilah ‘deprecated’ tidak akan diperlukan lagi.

Yang masih diperdebatkan dalam pengembangan HTML 5:

1. Makna semantik beberapa elemen presentasioal.
2. Fitur aksesibilitasnya. Seperti atribut alt dan summary.

Manipulasi HTML dengan jQuery

jQuery mempunyai kemampuan yang powerfull dalam hal memanipulasi, mengambil atau

menambah konten, dan sebagainya terhadap HTML.

html()

Untuk me-set konten (biasanya kita sebut innerHTML) dari elemen HTML yang dipilih kita gunakan

$(selector).html(content). Apabila parameter content tidak kita tentukan maka fungsi

html() berguna untuk mendapatkan konten dari HTML.

Contoh :

Kode 19. Contoh html()

<html>

<head>

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">

$(function(){

$("#lihat").click(function(){

var isinya = $("#paragraf").html();

alert(isinya);

Wellcome to my first blog

This is for the first time i create a blog. in order to fulfill the assignment from my college. I got a class called "Perancangan Web" means that a web development. So this is the 3rd assignment from my teacher. The first one he ordered me to create a simple web layout based on Table. And secondly, he ordered me to build a web layout based on HTML and CSS.

Well, i would like to introduce my self first. My name is I Gede Surya Udayana. This name was given by my balinese parents. Surya means the Sun God. and Udayana means that i was born in Udayana Hospital in Denpasar - Bali. This time in my 19th age. And i go study to STMIK STIKOM Bali. It is my beloved campus. it also has a slogan : "Always the First". It is the 1st IT campus in Bali. now it has 3 divisions. they are :

1. Computer System
2. Information Management
3. Information System

And it also has a dual degree program for Computer System, called Internatinal Class. It cooperates with HELP UNIVERSITY Malaysia. So, STIKOM BALI is a international standard campus.