Desain Web

adopt your own virtual pet!

Apa Itu Dreamweaver 8?

Macromedia Dreamweaver 8, atau biasa disebut “Dreamweaver 8”,
adalah sebuah perangkat lunak aplikasi untuk mendesain dan mem-
buat halaman web. Dengan menggunakan Dreamweaver 8, ketika
membuat sebuah halaman web, Anda tidak perlu lagi mengetik kode-
kode HTML atau kode-kode lainnya secara manual. Anda cukup
melakukan klik beberapa kali, maka simsalabin, halaman web yang
Anda inginkan sudah jadi.

Ketika Anda mempelajari buku SGS Pemrograman Web dengan
HTML, CSS, dan JavaScript, Anda harus menuliskan beberapa baris
kode HTML yang panjang, hanya untuk sekadar membuat sebuah
Tabel. Namun, dengan Dreamweaver 8, Anda dapat membuat tabel
hanya dengan melakukan dua kali klik saja. Dreamweaver 8 akan
menciptakan kode-kode HTML yang sesuai untuk membuat tabel yang
Anda inginkan tersebut.

Selain HTML, Dreamweaver 8 juga mendukung CSS, JavaScript, PHP,
ASP, dan bahasa pemrograman lainnya untuk membuat web. Hal ini
akan sangat menguntungkan Anda. Sebagai contoh, jika dahulu Anda
harus mengetikkan kode-kode CSS untuk membuat Style tertentu,
maka dengan Dreamweaver 8, Anda cukup melakukan klik beberapa
kali saja.

Buku ini akan menuntun Anda mempelajari bagaimana menggunakan
Dreamweaver 8 dalam membuat dan mendesain halaman web. Bagi
para pembaca yang pernah mempelajari buku SGS Pemrograman
Web dengan HTML, CSS, dan JavaScript, akan menjadi nilai
tambah tersendiri bagi Anda karena akan membuat Anda lebih mudah
memahami kode-kode HTML, CSS, atau kode lainnya yang muncul.
Dreamweaver 8 adalah versi terbaru dari keluarga Dreamweaver.
Versi pertamanya sendiri diluncurkan sekitar tahun 1994 oleh
Macromedia Inc. Dalam versi terbaru ini, banyak sekali fasilitas baru
yang ditambahkan. Contohnya, Anda akan dapat membuat dan
menggunakan Style dalam CSS dengan mudah dan fleksibel. Panel
untuk pengolahan CSS juga sudah diperbarui dan lebih mudah digu-
nakan. Dreamweaver 8 juga menyediakan beberapa template halaman web baru, termasuk fasilitas Starter Pages.

Akhirnya, selamat
memulai mempelajari Dreamweaver 8.
Anda dapat mengklik Start > All Programs > Macromedia >
Macromedia Dreamweaver 8 untuk mulai menjalankan
Dreamweaver 8. Lihat contohnya pada gambar di bawah ini.
Jika Anda menjalankan Dreamweaver 8 untuk pertama kali, Anda
akan menemui jendela Workspace Layout seperti di bawah ini. Pada
jendela tersebut, Anda dapat memilih Workspace Layout atau
susunan antarmuka Dreamweaver 8 yang diinginkan.
Ada dua susunan antarmuka yang dapat dipilih, yaitu Designer atau
Coder. Pilihan Designer biasanya dipilih oleh para web designer.
Sedangkan pilihan Coder umumnya dipilih oleh para pembuat kode
program atau web programmer.
Kali ini, Anda klik saja opsi Designer, kemudian klik tombol OK.
Sehingga akan muncul jendela Start Page seperti gambar selanjutnya.

Student Guide Series 1: Macromedia Dreamweaver 8

Jendela Start Page akan selalu muncul ketika Anda menjalankan
Dreamweaver 8. Jendela ini menyediakan berbagai macam fasilitas,
misalnya fasilitas untuk membuka file yang pernah dibuat, fasilitas
untuk membuat file baru, fasilitas untuk membuat halaman web
berdasarkan template yang ada, dan lain-lain.

Mengenal Macromedia Dreamweaver 8

Klik kotak ceklist Don’t show again agar
jendela Start Page tidak muncul lagi setiap Anda menjalankan
Dreamweaver 8. Kemudian jika muncul jendela konfirmasi seperti di
bawah ini, klik saja tombol OK. Selanjutnya, kali ini klik saja pilihan HTML pada bagian Create New.Sehingga muncul susunan antarmuka Dreamweaver 8, berikut ini
penjelasan singkatnya.
Document Window adalah bagian yang merupakan area kerja
Anda. Di sinilah proses mendesain dan membuat halaman web Anda
lakukan. Ada 3 tampilan Document Window, yaitu Code View,
Code and Design View, dan Design View. Oleh karena di awal
tadi Anda memilih susunan antarmuka Designer, maka yang akan
ditampilkan adalah Design View. Anda dapat mengubah tampilan
Document Window dengan cara mengklik tombol-tombol berikut
pada bagian Document Toolbar.Document Toolbar memiliki berbagai macam tombol yang dapat digunakan untuk mengatur tampilan Document Window.

Student Guide Series 2: Macromedia Dreamweaver 8

Insert Bar digunakan untuk memasukkan atau membuat berbagai
macam objek ke dalam halaman web yang sedang Anda buat pada
Document Window.
Menu Bar berisi berbagai macam menu untuk mengatur halaman
web yang sedang Anda buat. Misalnya menu File, Edit, View, dan
lain-lain.
Property Inspector berisi berbagai macam atribut dari elemen yang
sedang terpilih dalam Document Window. Misalkan Anda sedang
mengklik sebuah tabel pada bagian Document Window, maka
Property Inspector akan menampilkan berbagai macam atribut dari
tabel tersebut. Anda juga dapat mengubah nilai-nilai atributnya pada
bagian ini.

Membuat Blog Dengan Word Press

Pernahkah Anda mendengar kata ”blog”? Kalau Anda rajin
berinternet, pasti kata ”blog” tidaklah asing lagi. Merupakan
singkatan dari web log, blog adalah sebuah situs yang asal
muasalnya merupakan diary online yang dibuat oleh siapa
pun, kapan pun, dan di manapun. Berbeda dengan situs
berita pada umumnya, isi blog cenderung lebih lugas, jujur,
terus terang, apa adanya, dan lebih fenomenal. Blog ditulis
oleh orang yang bersangkutan dan mengupas hal-hal me-
narik yang menguasai pikiran para pembuatnya. Hal ini
berbeda dengan berita online yang mengupas suatu peristiwa
dari sudut pandang orang lain, dalam hal ini wartawan.

Sejarah Weblog
Menurut sejarah yang tercatat di dalam Wikipedia, istilah
weblog diperkenalkan atau lebih tepatnya dipakai pertama
kali oleh John Barger pada tahun 1997. Selanjutnya, istilah ini
disempurnakan lagi oleh Peter Merholz di tahun 1999 yang
menyebut istilah ”we blog” menjadi ”weblog”. Sekarang,
weblog lebih dikenal dengan istilah yang lebih singkat, yaitu
”blog”. Selanjutnya, istilah ini mengacu pada website diary
online yang ditulis oleh siapa pun dan ditujukan secara
terbuka untuk semua orang.
Blog menjadi jauh lebih populer ketika dua orang dari Pyra
Labs, yaitu Evan Williams dan Meg Hourihan menciptakan
situs khusus para pembuat blog bernama Blogger.Com yang
kini diakuisis oleh Google. Sampai saat ini, Blogger masih
banyak dipakai dan menjadi pesaing kuat WordPress.

Jenis-Jenis Blog
Walaupun istilah blog lebih mengacu pada diary online, tapi
blog itu sendiri memiliki beragam bentuk karena masing-
masing orang punya metode yang berbeda dalam meng-
ungkapkan isi hatinya.

General Blog
Blog yang paling lazim kita jumpai berjenis General Blog. Di
dalam general blog, orang akan menemukan content atau isi
Dalam sejarahnya, salah satu pionir Weblog adalah Xanga
yang pada tahun 1997 memiliki koleksi sekitar 100 weblog
saja. Kemudian dalam perkembangannya, di tahun 2005 saja
Xanga telah memiliki lebih dari 50 juta weblog yang terdaftar
di tempatnya. Dalam bentuk teks—atau mayoritas berbentuk teks—dalam
bentuk yang berbeda. Walaupun demikian, para blogger
tetap saja melibatkan file foto, gambar, video, serta animasi di
dalam blog, baik untuk komunikasi visual maupun hanya
untuk mempercantik tampilan blog itu sendiri.

Photo Blog
Disebut pula dengan istilah Phlogs. Di dalam photo blogs,
Anda akan melihat content yang sebagian besar dalam
bentuk foto. Oleh karena berbentuk media visual, maka
orang yang datang ke dalam Phlogs lebih terfokus. Biasanya,
para pecinta fotografi atau media visual lainnya sering
berkumpul dan membagikan foto-foto yang mereka miliki
lewat Phlogs ini.

Salah satu Photo Blogs yang paling berpengaruh saat ini
adalah Photoblogs.Org yang dimiliki oleh Brandon Stone. Di
tahun 2002, Photoblogs.Org hanya memiliki kira-kira 15 blog
saja. Sementara saat ini, situs ini telah memiliki 10.000 blog
yang terbagi dalam 40 bahasa.
Selain itu, para Photo Blogger ini memilih situs gratisan
lainnya untuk menampung foto-foto mereka, seperti di
Flickr (www.flickr.com), SmugMug (www.smugmug.com),
dan PicasaWeb yang dikembangkan oleh Google
(http://picasaweb.google.com).


Mobile Blogs
Disebut juga dengan istilah Moblogs. Di sini, media yang
dipakai untuk membuat serta mengakses blog bukan lagi
komputer, tapi mobile device seperti PDA atau ponsel. Di
dunia, Moblogs memang tidak memiliki popularitas seperti
blog jenis lain karena sangat tergantung pada jenis ponsel
atau PDA yang kita miliki. Di Jepang, Moblogs sangat
populer karena orang-orang Jepang memiliki jenis ponsel
yang sangat beragam dan canggih.

Audio Blogs
Audio Blogs sering dimanfaatkan oleh para musisi untuk
men-sharing musik atau rekaman mereka secara online.
Mereka menyimpan musiknya dalam format MP3 yang
secara umum dapat diterima oleh segala platform komputer.
Selain MP3, mereka juga acapkali memilih model lain seperti
AAC atau OGG yang memiliki kualitas setara.

Video Blogs
Sering juga disebut dengan istilah vlogs. Di sini, media untuk
men-sharing-kan pendapat atau ide-ide kita adalah media
video yang disimpan dalam beragam format, mulai dari
MOV, MPG, dan lain sebagainya. Di negara berkembang,
vlogs memang kurang populer karena keterbatasan koneksi
internet yang mutlak disyaratkan untuk mendapatkan materi
vlogs tersebut.

ilmu search engine optimization sangatlah penting, apa itu SEO?

SEO adalah ilmu untuk mengoptimalkan website supaya crawler search engine seperti google atau yahoo maksimal dalam mengambil informasi / data dalam website kita.

Pepatah mengatakan "website tidak punya pengunjung sama dengan bohong".

teman saya johan mengeluh "kenapa ya web saya kok sedikit visitornya?" padahal sudah masuk dan ter index Search engine
setelah saya cek ternyata ada kesalahan yang fatal dalam ilmu seo nya

kesalahan tersebut adalah dia menggunakan statis (title yang sama)

coba perhatikan contoh berikut.
kalau saya mengetikkan keyword "cd hacking" tanpa tanda kutip, di google, maka yang keluar adalah:

mengapa demikian?
karena ada kata2 "cd hacking" dalam <title> </title> nya

nah di sini saya akan memberitahukan bahwa peletakan keyword dalam <title> </title> sangatlah penting!! melebihi apa pun...

saya ada saran untuk teman2 semua:

1. kalau bisa buatlah "title" yang berbeda untuk setiap halaman website mu
2. kalau anda jago programing php mysql maka kalau bisa anda membuat anda membuat "dinamic title" yang di generate dari database anda,hal ini lebih mudah dari pada anda merubah title 1 per 1 secara manual

di artikel berikutnya saya akan coba jelaskan bagai mana cara membuat "dimanic title" dengan php.

Sumber dari situs Ilmu Website dalam kategori search engine artikel dengan judul Mengoptimalkan Title - Search engine Optimization

Desain web yang baik

Web Desain yang baik
adalah yang memberikan keuntungan sebagai berikut:

* Tampil profesional dan merepresentasikan perusahaan anda dengan baik
* Harus mengacu pada sudut pandang customer anda (User-Centric Oriented)
* Tidak membingungkan dan mudah menemukan informasi
* Di desain agar pengunjung mengingat perusahaan anda
* Gambar dan teks dibuat bukan hanya untuk tampilan, tapi untuk menjual
* Mengandung informasi yang tepat
* Pengunjung mudah mencari informasi yang diinginkan
* Download cepat dan disiapkan untuk pengembangan di kemudian hari
* Memiliki form, shopping cart dan database apabila dibutuhkan
* Meningkatkan jumlah exposure situs anda dan dapat menarik perhatian customer potensial,
dengan teknik desain tertentu untuk meningkatkan rangking di search engine
* Teruji dalam berbagai browser dan resolusi monitor

Situs Refrensi

Situs Penyedia template blogger:

1. themelib.com
2. blogskins.com
3. freeskins.blogspot.com
4. x-template.blogspot.com
5. magznetwork.com

Situs penyedia pernak - pernik blog:

1. clocklink.com
2. free-blog-content.com
3. zwani.com
4. famfamfam.com
5. superpimper.com
6. bunnyherolabs.com
7. funmuch.com
8. imeem.com
9. mego.com
10. slide.com

layanan - layanan di internet contohnya:
Audio/video steming : youtube

Beberapa kesalahan di dalam SEO

Kesalahan dalam SEO:

1. Menggunakan splash page.
2. Tidak memberikan nama pada gambar.
3. Lupa didalam memberikan judul
4. Tittle jangan semuanya sama
5. Jangan membuat situs seperti brosur, menggunakan teks yang singkat atau kepanjangan.

Cara Kerja search engine

Cara kerja search engine:

• Cari dari tittle web Ini Judul
  
• Meta dari website
• Isinya
• Jumlah view
• Umur website
  

Penyajian data web site

Menurut penyajian datanya, website dibagi menjadi 2 jenis yaitu:

Website statis
adalah website yang bersifat konstan/tetap, data yang ditampilkan merupakan data yang ada pada dokumen HTML yang bersangkutan. Apabila diinginkan perubahan data/tampilan, maka dokumen HTML yang bersangkutan harus dilakukan editing secara langsung.

Website dinamik
adalah website yang bersifat dinamis, data yang ditampilkan merupakan hasil dari sebuah sumber data lain seperti database atau file. Sehingga isi informasi dan tampilkan halaman website akan bersifat dinamis tergantung dari sumber data yang digunakan.

Free Domain

Halo temen-temen semua.... Ini ada free subdomain gratis lagi, namanya free domain co.cc. Namanya hampir mirip dengan subdomain yang diberitahukan oleh teman kita areya@plasa.com yaitu free subdomain uni.cc. Phii dah coba, n registrasinya lumayan cepet. Dalam 24 jam sudah diinformasikan ke email kita, apakah domain yang kita request avaliable atau tidak.

INFORMASI :
co.cc domain service

• you.co.cc will redirect to your own website.
  
• Both you.co.cc and www.you.co.cc work.
  
• URL hiding / Path forwarding
  
• Compatible with the major search engines and optimized to give you a higher ranking.

Cost

• For Free

Website Promotion

• Free submission to the major search engines.
  
• Compatible with the major search engines and optimized togive you a higher ranking.

Real-time Statistik

• Real-time reporting
  
• Detailed information of your visitors including total and average,unique, hourly information, what web site they come from, exact time of visit, and IP address.

Teman - teman bisa mencobanya di http://www.co.cc/regist/regist_step1.php.
Sumber dari situs Ilmu Website dalam kategori domain registration dengan judul Free Subdomain co.cc

Desain Web Dengan Jenis Blog

Karena blog merupakan catatan si pemilik blog, maka ada beraneka ragam pula jenis blog yang ada, misalnya:

• Blog pribadi, merupakan blog yang memuat hal-hal pribadi yang berkaitan dengan si pemilik blog.

• Blog pendidikan, merupakan blog yang berkaitan dengan pendidikan.

• Blog agama, merupakan blog yang berkaitan dengan topik keagamaan.

• Blog seni (artblog), berhubungan dengan seni.
• Blog politik, tentang berita politik, aktivis, dan semua persoalan politik.

• Blog bertopik, Blog yang membahas tentang suatu fokus pada bahasa tertentu.

• Blog kesehatan, lebih spesifiknya tentang kesehatan.
• Blog sastra, lebih dikenal sebagai litblog.
• Blog perjalanan, fokus pada bahasan cerita perjalanan yang menceritakan keterangan-keterangan tentang perjalanan/traveling.

• Blog riset, persoalan tentang akademis seperti riset terbaru.
• Blog hukum.
• Blog media.
• Blog bisnis.
• Blog penggangu.
• Blog petunjuk.

Pengertian Blog

Blog berasal dari kata weblog, yang intinya merupakan sebuah halaman web yang berisi catatan si pemilik. Catatan-catatan ini memiliki keterangan waktu.Biasanya terdiri atas tanggal, bulan, dan tahun. Catatan ini pun bisa diarsipkan, sehingga memudahkan dalam melihat pembagian waktu dari catatan tersebut.

Blog bersifat individual atau pribadi dan dapat dimiliki oleh perorangan. Sedangkan website atau situs pada umunya dimiliki perusahaan atau organisasi serta di maintenance oleh lebih dari satu orang. Secara singka,weblog/blog diartikan sebagai diary digital.