Tutorial Menginstal Jomla Di Komputer Lokal

Halo pada posting kali ini saya akan menjelaskan cara menginstall Joomla langkah demi langkah di komputer lokal atau bahasa kerennya localhost. Sebelum menginstall Joomla ada baiknya kamu menyediakan requirement yang dibutuhkan untuk menginstall joomla ini. Requirement yang dibutuhkan untuk menginstall joomla adalah sebagai berikut :

• PHP versi 4.2.x atau versi lebih tinggi
• Database MySQL versi 3.23.x atau versi yang lebih tinggi
• Apache web server versi 1.3.x atau versi yang lebih tinggi

Saran saya, sebaliknya kamu mendownload XAMPP program versi terbaru di website XAMPP dan memilih XAMPP program sesuai dengan sistem operasi yang digunakan. Program XAMPP ini menyediakan semua requirement untuk menginstall Joomla.

Tutorial ini hanya membahas cara menginstall Joomla saja, sedangkan cara untuk menginstall XAMPP di window dapat membaca posting dengan judul panduan menginstall XAMPP. Untuk menginstall XAMPP di Linux dapat membaca posting dengan judul instalasi XAMPP pada Ubuntu 8.04 di situs kaplinglinux.

Berikut ini langkah demi langkah cara menginstall Joomla

• Langkah pertama adalah mendownload joomla versi terbaru di situs Joomla. Pada saat artikel ini ditulis Joomla sudah mencapai versi 1.5.7.

• Extract file Joomla yang sudah didownload.

• Buat directory baru di XAMPP root dokumen untuk menampung file joomla tersebut. Biasanya XAMPP root dokumen terletak di c:\xampp\htdocs\. Pada contoh ini, saya membuat directory coba di root dokumen XAMPP. Untuk lebih jelasnya perhatikan gambar dibawah ini

• Taruh file hasil ekstraksi Joomla tersebut di directory coba yang baru saja dibuat. Biasanya hasil ekstraksi file Joomla ditampung di directory sesuai dengan nama file kompresinya. Apabila kamu mendownload Joomla versi terbaru yaitu Joomla 1.5.7 pada situs Joomla, maka file hasil ekstrak Joomla ditampung di directory “Joomla_1.5.5-Stable-Full_Package”. Nach yang perlu kamu lakukan adalah menaruh isi file directory Joomla_1.5.7-Stable-Full_Package ke dalam directory coba di root dokumen XAMPP. Supaya lebih jelasnya coba perhatikan gambar dibawah ini

• Langkah selanjutnya adalah membuat database dan user name untuk menampung data Joomla yang akan diinstall tersebut

• Buka web browser kesayangan kamu dan ketikkan localhost pada url address web browsernya. Maka tampilan layar komputer akan seperti gambar dibawah ini. Dengan catatan : apabila kamu sudah menginstall program XAMPP versi 1.6.7.

• Klik link phpMyAdmin yang terletak dibawah Tools.

• Langkah berikutnya adalah membuat database mySQL. Pada contoh ini saya membuat database mySQL dengan nama coba. Untuk membuat database mySQL coba, isikan coba pada text box Create new database dan klik tombol Create seperti yang ditunjukkan pada gambar dibawah ini

• Langkah berikutnya adalah membuat user untuk mengakses database yang sudah dibuat tersebut. Pada tutorial ini akan dibuat user name coba dengan password coba.

• Klik tombol home (icon yang bergambar rumah) yang terletak di sebelah kiri seperti yang ditunjukkan pada gambar dibawah ini

• Klik link privileges seperti yang ditunjukkan pada gambar dibawah ini

• Klik link Add a new User untuk membuat user baru seperti yang ditunjukkan pada gambar dibawah ini

• Pada window berikutnya isikan user name, host, dan password untuk user baru. Seperti yang telah dibahas sebelumnya, pada contoh ini saya membuat user name coba dengan password coba. Untuk informasi Host pilih local pada combo box disamping textbox Host. Setelah itu klik tombol Go yang terletak di pojok kanan bawah. Apabila bingung kamu dapat melihat gambar dibawah ini

• Langkah berikutnya adalah memberikan hak akses untuk user coba pada database coba. Pilih nama database coba di combobox add privileges on the following database seperti yang ditunjukkan pada gambar dibawah ini

• Berikan user coba semua hak akses untuk bagian data dan semua hak akses untuk bagian structure. Setelah itu klik tombol Go. Apabila bingung kamu dapat melihat gambar dibawah ini

• Langkah berikutnya adalah memanggil file instalasi Joomla yang sudah dicopi ke directory coba dengan mengetikkan localhost/coba. Apabila kamu menggunakan nama directory selain coba, kamu dapat memanggil file instalasi Joomla dengan format localhost/nama directory tempat menyimpan file joomla. Misalnya kamu menggunakan nama directory Joomla, maka untuk memanggil proses instalasi Joomla adalah dengan mengetikkan localhost/Joomla.

• Pada window choose language, Pilih pilihan bahasa yang ingin digunakan. Pada window ini saya menggunakan pilihan bahasa standard Joomla, yaitu en-US-English (United States). Klik tombol next.

• Window berikutnya akan menampilkan apakah sistem komputermu sudah memenuhi minimum requirement dari Joomla. Apabila kamu menginstall XAMPP versi terbaru, maka sistem komputermu pasti memenuhi minimum requirement untuk menginstall Joomla. Biasanya tampilan layar monitormu seperti gambar dibawah ini.

• Window berikutnya akan menampilkan GNU General Public License. Silahkan baca untuk memahami GNU General Public License, setelah itu klik tombol next.

• Pada window Database Configuration isikan host name, user name, password, dan database name dengan user name, password, dan database yang telah dibuat tadi. Dalam hal ini host diisikan dengan localhost, user name diisi dengan coba, password diisi dengan coba, dan database name diisikan dengan coba. Lalu klik tombol Next. Kamu dapat mencocokkan tampilan monitormu dengan gambar dibawah ini

• Window berikutnya adalah window untuk FTP configuration. Untuk window ini terima saja setting standardnya dengan langsung mengklik tombol next karena kamu menginstall pada komputer lokal sehingga tidak perlu untuk mengeset FTP.

• Window berikutnya adalah window untuk setting situs, email, dan password administrator situs joomla ini. Isikan nama situs, alamat emailmu, dan password untuk login sebagai administrator. Klik tombol Install Default Sample Data untuk menginstall data sampel, setelah itu klik tombol Next. Kamu dapat mencocokkan tampilan layar komputermu dengan gambar dibawah ini

• Apabila kamu berhasil menginstall Joomla maka layar komputer akan seperti gambar dibawah ini. Jangan lupa untuk menghapus directory installation

• Klik tombol Admin untuk login sebagai admin atau tombol site untuk melihat situs Joomla yang baru saja diinstall

Wiuh akhirnya selesai juga tutorial instalasi Joomla. Semoga kamu tidak bosan membaca tutorial yang cukup panjang ini. Selamat mencoba dan good luck

Mengenal Joomla

Joomla Merupakan Contant management system (cms) Sumber terbuka (open source) yang bebas ditulis dengan bahasa pemograman php dan data base MySQL. Joomla menyertakan banyak fitur untuk meningkatkan kinerja termasuk page caching , web indexing , RSS freed , halaman untuk dicetak , web side searchingdan dukungan Internasionalisasi.

Joomla berasal dari sebutan phonetic sebuah kata bahasa Swahili “Jomla”dengan arti kebersamaan atau kesatuan pilihan nama mencerminkan komitmen para pengembang dan komunitasnya saat membentuk Joomla ketika terjadi perpecahan dari Mambo di bulan Agustus 2005. Joomla dibangun sebagai fork dari mambo dengan rilis perdana Joomla 1.0.0 pada tanggal 16 september 2005 mengembangkan versi dari mambo. Menurut roadmap Joomla 2.0 code base akan ditulis ulang sekelompok dibangun mengadopsi GNU General Publik Licence

Joomla merupakan CMS favorit yang banyak digunakan dibanding berbagai Macam CMS Lain.

Dengan jumlah pengguna yang banyak tentu menunjang untuk saling menyempurnakan melihat joomla bersifat opensource.Namun Joomla rentan sekali di bajak pihak yang tidak bertanggung jawab, namun anda jangan khawatir anda bisa meminimalisir hal – hal yang tak terduga tersebut dengan pengaturan – pengaturan keamanan. Namun perlu di ingat tak ada system yang sempurna dan aman.

CMS Untuk Membuat Toko Online

Setelah kita tahu apa itu yang dimaksud dengan CMS, sekarang saya akan membahas fungsi lain dari CMS itu sendiri yaitu dengan memanfaatkannya untuk membuat toko online. Ada beberapa CMS yang dapat digunakan untuk membuat toko online atau bisa disebut dengan E-commerce, dan disini saya akan menjabarkan CMS Yang dapat digunakan untuk membuat toko online sepengetahuan saya, ada dibawah ini Berikut lengkap dengan penjelasannya :

Magento

Magento – Open Source eCommerceEvolved . Magento merupakan pemenang Best Commerce di SourceForge 2008. Walaupun proses instalasinya terhitung masih cukup sulit, tapi fitur, user interface, dll bisa diandalkan dan lumayan Joozz, Dan menurut saya ini adalah CMS yang terlengkap dengan kaya akan fitur – fiturnya. baca selengkapnya

osCommerce.

Singkatan dari Open Source Commerce adalah online store-management software. osCommerce cenderung lebih spesific kepada penggunaan CMS sebagai eCommerce dimana menyediakan segala fasilitas standar dan fungsionaliti. baca selengkapnya

Prestashop

Prestashop sudah terbilang canggih dan mempunyai feature-feature web 2.0 seperti dynamic ajax dan desain yang lumayan seger. Pertama melihat tampilan depan anda akan terkesan dengan tampilannya yang sederhana tetapi cukup komplit.pengoperasiannya cukup mudah bagi pengunjung ataupun administrator untuk mengikuti navigasi pada saat pencarian katalog product (user friendly). baca selengkapnya

Opencart

OpenCart adalah sistem open source yang ditargetkan untuk belanja online berbasiskan bahasa pemograman PHP. CMS ini sangat simple namun mempunyai fitur yang mumpuni, tampilan elegan serta space datanya kecil sehingga tidak memakan host banyak. baca selengkapnya

VirtueMart

VirtueMart adalah salah satu free software untuk berjualan secara online. VirtueMart dapat didownload, digunakan dan dimodifikasi tanpa batasan apapun (Lisensi: GNU / GPL) – sama seperti Joomla. VirtueMart memenuhi kebutuhan perusahaan, instansi, maupun perorangan yang ingin menambah fitur khusus untuk berjualan online. baca selengkapnya

CubeCart

CubeCart merupakan salah satu paket eCommerce yang bisa dipakai secara gratis. Sebagai sebuah paket eCommerce, CubeCart menawarkan fitur-fitur standar seperti display produk, shopping cart, prosescheckout, dan halaman administrasi. Walaupun fitur-fitur optimal CubeCart hanya bisa didapatkan dari versi berbayar . namun kita bisa menggunakan versi gratisnya. baca selengkapnya

Wp Ecommerce

Salah satu cara membuat toko online adalah dengan menggunakan mesin blog seperti WordPress (WP). kelebihan WP yang bisa diinstall dengan beragam plugin dengan beragam fitur dan fungsi. Dalam hal toko online, ada plugin yang memang ditujukan untuk hal tersebut, yaitu plugin WP-eCommerce. baca selengkapnya

ZenCart

ZenCart adalah sebuah software CMS untuk membuat toko online yang cukup terkenal, dengan menggunakan ZenCart maka tiap orang dapat membuat toko online dengan mudah dan Gratis karena ZenCart merupakan software berlesensi OpenSource. baca selengkapnya

Demikian uraian saya mengenai macam macam CMS yang dapat digunakan untuk membangun sebuah toko online.

VirtueMart Solusi E-Commerce

VirtueMart adalah salah satu free software untuk berjualan secara online. VirtueMart dapat didownload, digunakan dan dimodifikasi tanpa batasan apapun (Lisensi: GNU / GPL). VirtueMart dapat memenuhi kebutuhan Berbagai perusahaan, instansi, maupun perorangan yang ingin menambah fitur khusus untuk berjualan online.

VirtueMart merupakan salah satu solusi dalam E-Commerce . bukan hanya gratis, Virtuemart juga memiliki berbagai fitur yang sangat menarik, cocok dan pas untuk membangun online store dengan cara yang mudah dan cepat. Di samping itu VirtueMart juga memiliki kemampuan untuk di-extend seperti halnya Joomla.

Salah satu fitur yang menarik dari VirtueMart adalah kemampuan untuk berbelanja tanpa harus melakukan pendaftaran akun dalam sebuah toko online. Fitur ini sebenarnya hampir sama dengan cara berbelanja secara offline dimana seorang pembeli tidak perlu dan harus mendaftar menjadi pelanggan / member dengan mencatatkan nama dan beberapa informasi pribadi lainnya. VirtueMart menyuguhkan pengalaman dalam belanja offline ini dalam sebuah toko online. namun kita tetap mengetikkan informasi alamat pengiriman setiap kali kita berbelanja online.

Adapun beberapa fitur yang disediakan oleh virtuemart antara lain bisa kawan simak dibawah ini :

• Multiple Language: Apabila diintegrasikan dengan komponen Joom!Fish, Kawan Mania CMS Dapat menyediakan fasilitas multi bahasa sehingga memudahkan pengunjung dalam bertransaksi.
• Secure Sockets Layer : Dengan mengaktifkan fitur ini Toko Online Anda akan dapat menangani transaksi  lebih aman karena transfer data antara client dan server memakai format yang telah dienkripsi.
• Multiple Currencies: Pengunjung dari negara mana pun bisa melakukan transaksi melalui situs Anda karena plugin ini telah mendukung pemakaian berbagai mata uang asing.
• Katalog Produk: VirtueMart mendukung upload barang yang sangat banyak dan bisa dikelompokkan menjadi beberapa kategori. Tersedia juga fasilitas untuk pencarian, pemberian rating pada produk, testimonial, pengaturan stok barang.
• Order History: Fitur ini memungkinkan pembeli untuk melihat seluruh histori pemesanan yang pernah dilakukan sebelumnya sampai detail transaksinya.
• Payment Modul: VirtueMart menyediakan beragam sistem pembayaran yang bisa diatur sesuai dengan kebutuhan Anda.
• Shipping Modul: Tersedia berbagai shipping modul yang cukup populer seperti InterShipper, UPS, USPS, dan FedEx. Anda juga bisa menambah modul lain dengan ShippingModule API. (sumber fitur : http://www.agussuwasono.com)

Belajar, Pengertian Dasar Coding PHP

Discussion Board : Menggunakan Include untuk membuat listing code PHP lebih efisien.
Kebutuhan : Webserver Package, already installed.

INCLUDE, pada umumnya digunakan untuk code php yang akan sering digunakan, maksudnya adalah code yang akan sering ditulis berulangkali dalam membangun aplikasi atau coding apapun dalam PHP.

Kenapa menggunakan Include ?

1. Akan sangat tidak efisien apabila kita harus menulis code yang sama tersebut berulang kali.
2. Apabila terjadi kasus ada bagian dari code tersebut yang harus diubah, maka, sekali lagi, akan sangat tidak efisien apabila anda harus mengubah bagian yang salah tersebut satu per satu.

Dan sekali lagi, hal ini akan sangat redundant dan menghabiskan waktu serta memicu potensi terjadinya human error. Dengan menggunakan include, masalah – masalah diatas dapat diatasi.

Apakah Include itu?

Include adalah file PHP yang diselipkan dalam file PHP yang lain, pada umumnya include mengandung informasi yang akan berulangkali digunakan dalam code yang lain. Sebagai contoh, apabila anda ingin membangun navigasi situs yang harus ditampilkan dalam setiap halaman situs anda, maka anda cukup menulis code navigasi tersebut dalam satu file untuk kemudian meng-include nya dalam setiap halaman situs tersebut.

Studi Kasus : Menggunakan Include untuk Header dan Footer.

1. Membuat header.

Misalkan kita ingin menampilkan tanggal hari ini sebagai header. Ketikkan script dibawah ini.

<?php
echo "This is a HEADER, And	 ";
echo "Today is ";
echo date("F d");
echo ", ";
echo date("Y");
?>

Code date diatas akan menampilkan tanggal hari ini. Simpan script diatas dengan nama header.php.

2. Membuat footer.

Misalnya kita akan menampilkan copyright sebagai footer untuk situs kita. Ketikkan script dibawah.

<?php
echo "Copyright by itx.web.id";
?>

Simpan script diatas dengan nama footer.php

3. Menempatkan header dan footer dalam halaman situs.

Ketikkan script berikut.

<?php
include "header.php";
echo "<h1> This is the BODY of site !</h1>";
include "footer.php";
?>

Misalkan kita ingin menempatkan header dibagian atas halaman situs, maka code untuk header.php harus diinclude dibagian atas code juga (diatas body). Begitu juga untuk footer, karena terletak dibagian bawah halaman, maka code footer.php juga ditempatkan dibagian bawah code.

4. Hasilnya?
Jalankan body.php, maka akan ditampilkan gambar seperti berikut.

Pengertian HTML , PHP, JavaScript dan Web server

Sekilas Tentang HTML

HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai

Sekilas Tentang PHP

Php (hypertext preprocessor) dalam pengertian mudahnya adalah bahasa pemrograman yang berfungsi untuk membuat website dinamis maupun aplikasi web.
Sedangkan pengertian lainnya php itu adalah suatu bahasa server-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis :o

Server-side scripting disini dimaksudkan adalah suatu sintaks dan perintah-perintah PHP dimana mereka hanya akan dieksekusi di server kemudian hasilnya dikirim ke browser dalam format HTML. Sehingga kode-kode program PHP tidak akan terlihat oleh user sehingga keamanan web bisa dikatakan terjamin.
Sebagai contoh jika kita meng-save as suatu website dimana website tersebut ada implant phpnya maka kita tidak akan ikut mengesave source code phpnya, mungkin yang tercopy hanya source HMTL, JavaScript, dan CSS sedangkan PHPnya tidak tercopy 8)

Apa sih manfaat website ber-php itu dibandingkan dengan website hanya ber-HTML saja  ?
Php itu bisa dibilang berbeda dengan HTML yang hanya bisa menamplakan konten statis. Dengan PHP kita bisa berinteraksi dengan database, file, dan folder sehingga seperti pengertian diatas, php membuat website menjadi dinamis. Dengan adanya kelebihan php tersebut kita bisa membuat suatu website berbasis blog, toko online, CMS, forum, dan website social networking yang paling terkenal saat ini ya facebook itu.

Syarat untuk menjalankan PHP

Kita tidak bisa langsung menjalankan code program php seperti halnya HTML. Jika kita ingin menjalankan php kita membutuhkan suatu web server, dimana web server bertugas untuk memperoses file-file php dan mengirimkan hasil pemrosesan itu untuk ditampilkan di browser client. Contohnya saja hmm menu kalkulator. Jika di website kita diberi suatu form berfungsi kalkulator maka di website tersebut kita memasukan angka-angka dan perintah, kemudian angka-angka tersebut akan diproses di dalam web server dan hasilnya akan dikembalikan ke browser client.

Web server itu sebenernya apa dan bagaimana sih?

Web server itu adalah software yang diinstal pada computer local ataupun computer lain yang berada di jaringan internet atau intranet yang berfungsi untuk melayani permintaan-permintaan web dari client.

Web server yang sering digunakan adalah Apache, PHP binary, MySql. Lha untuk lebih mudah menggabungkan ketika item itu ada sebuah software dimana dapat mengkonfigurasi ketika item tersebut sehingga pengaplikasiaanya lebih mudah. Contoh software-software tersebut adalah Lamp, Xampp, Wamp, Mamp dll. Dimana software-software tersebut harus diinstal dahulu baru bisa digunakan.

Apa itu Javascript?

Javascript adalah bahasa yang berbentuk kumpulan script yang pada fungsinya berjalan pada suatu dokumen HTML , bahasa skrip pertama untuk web , bahasa pemograman yang memberikan kemampuan tambahan terhadap bahasa HTML dengan mengizinkan perintah-perintah pengeksekusian pada user.

Javascript bergantung kepada browser (Navigator) yang memanggil halaman web.
Javascript tidak memerlukan kompilator atau penerjemah khusus untuk menjalankannya.

Cara membuat Web mengunakan Macromedia Dreamweaver

Membuat website statis dengan menggunakan Dreamweaver tools sebagai editor dengan membuatdokumen XHTML dan CSS sebagai style library external. Rencana yang akan dipersiapkan terlebih
dahulu adalah sebagai berikut :
1. Desain Website
2. Membuat Website Dengan Dreamweaver

* * *

Desain website

Untuk memulai membuat sebuah website, terlebih dahulu kita menggambarkan desain yang akan
kita buat. Untuk kesempatan ini, kita akan membuat desain website statis dengan format xhtml
yang akan dilanjutkan dengan membuat web menggunakan dreamweaver tools.

1.1 Tampilan website
Tampilan halaman website / webpage pada kesempatan ini adalah membuat halaman web
sederhana dengan 4 bagian / block seperti gambar dibawah ini dengan deskripsi sebagai berikut :

Header
Adalah tempat Judul website yang biasanya berada diposisi teratas dari webpage

Menu
Adalah Navigator dari Content layout, berisikan link informasi sebuah
website. Pada kesempatan ini, layout menu dapat ditambahkan sesuai dengan
kebutuhan pemilik seperti : home, article, about me, contact dsb

Content
Adalah tempat utama dari sebuah webpage, berisikan content dari informasi utama
yang dapat dinavigasi melalui menu (hyperlink) pada bagian menu

dan Footer
hampir sama dengan header, namun yang membedakan adalah, posisi
footer berada di bawah dari webpage. Dimana pada tutorial ini berisikan copyright
pembuat / pemiliknya


1.2 Webpage Content

Untuk tahap awal membuat website ini, kita akan membuat 4 halaman / webpage yang akan
dinavigasi dari menu, dengan informasi sebagai berikut :

1. Home (Index.html)
Menampilkan informasi Awal dari Website, halaman ini menjadi halaman
homepage. dengan inisial Home pada menu navigasi
2. Article (Article.html)
Menampilkan informasi tentang article. dengan inisial Article pada menu navigasi
3. About Me (About.html)
Menampilkan informasi pemilik Website, halaman ini menjadi halaman homepage,
pada kesempatan ini halaman ini dijadikan kumpulan informasi article pemilik
4. Contact (Contact.html)
Menampilkan informasi Awal dari Website, halaman ini menjadi halaman
homepage, pada kesempatan ini halaman ini dijadikan kumpulan informasi article
pemilik


1.3 Menyiapkan Graphic / Gambar pendukung webpage

Pada kesempatan ini, Graphic sudah terlebih dahulu dibuat mengunakan Adobe Photoshop. Yang
ditempung pada file images sebagai berikut :


Folder/ directory gambar

background-header.png --> File gambar background header block
background-footer.png --> File gambar background footer block
background-content.png --> File gambar background content block
background-menu.png --> File gambar background menu navigasi block

pastikan file tersebut sudah anda simpan dalam PC anda pada folder images pada susunan file
website anda.

1.4 File Management Website

Sesuai dengan desain yang telah kita bahas, maka management file dari website yang akan kita
buat adalah sebagai berikut :

index.html --> html file, halaman utama / homepage
article.html --> html file, halaman article
about_me.html --> html file, halaman tentang pemilik
contact.html --> html file, halaman contact pemilik
template.css --> css file, Style Library halaman website

Folder / directory gambar
Buat 1 buah Folder / directory dengan nama “workshop” pada PC anda yang teletak pada “C:\”
File management diatas akan berada pada folder yang anda buat. “C:\workshop\”
Untuk awal tentunya anda belum mempunyai file index.html, about_me.html & template.css. file
graphic pendukung dapat dicopy dari tempat yang telah disediakan.


Membuat Website dengan Dreamweaver

Untuk Memulai membuat website dengan dreamweaver, anda dapat langsung
membukanya pada desktop shortcut atau melalui menu :
start --> All Program --> Macromedia --> Macromedia Dreamweaver MX 2004
Pastikan Applikasi ini sudah terinstall terlebih dahulu pada PC yang akan anda gunakan.

2.1 Membuat Halaman Index.html

Pada Dashboard Dreamweaver menu pilih “HTML” pada sub “Create New” Shortcut.
Anda akan memasuki workspace Dreamweaver.

Gambar 2.1.1 Title webpage

Masukan Judul “Home” pada textbox title

Gambar 2.1.2 Saving Index.html

Save halaman Pertama anda dengan
nama index.html pada folder
“C:/apache2triad/htdocs/workshop/”

Gambar 2.1.3 Setting Block Div

masukan div tag pada halaman layout dengan class sesuai dengan design yg akan dibuat container, footer, content, menu, header
seperti digambar sebelah ini.

Gambar 2.1.4 Homepage Content

 

masukan informasi sesuai dengan block yang telah dibuat (contoh seperti gambar disamping).

1.header block :
Dengan nama anda dan motto

2.menu block :
navigator halaman diikuti
dengan fungsi hyperlink
• Home
• Article
• About me
• Contact

3.content block :
informasi homepage
berisikan kata sambutan, dsb

4.footer block :
informasi pembuat

2.2 Membuat CSS dengan Dreamweaver MX

Cascading style sheet dapat digunakan melalui 3 macam / jenis sebagai berikut :
1. Inline style – ditulis langsung pada setiap tag / elemen
2. Document level style – ditulis diantara bagian head HTML pada setiap dokumen
3. External style sheet – ditulis difile .css sebagai file external yang dapat dipanggil /
digunakan lebih dari 1 halaman / webpage.
Kita akan membuat dengan cara yang ke 3 dengan membuat sebuah file template.css melalui
menu File --> new --> CSS pada kategori basic page. Selanjutnya gunakan template.css sebagai link
stylesheet pada index.html dengan Attach style sheet pada panel CSS.

Gambar 2.2.1 Attach External Css

Halaman index.html akan menampung script
sebagai berikut sebagai link CSS external

<link href="template.css" rel="stylesheet" type="text/css" />

• setting semua style tag webpage dengan warna abu2 dengan margin dan padding 0.
dengan menggunakan wizard dari dreamweaver atau menulis sctipt css sebagai berikut :
* {
color: #333333;
margin: 0px;
padding: 0px;
}

• selanjutnya setting style body, format text H1 dan H2 seperti script dibawah ini :
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #313131;
}
h1 {
text-transform: lowercase;
color: #3399FF;
font-size: 25px;
}
h2 {
color:#3399FF;
font-size: 14px;
text-transform: uppercase;
}

• buat style tag div
div {
padding: 5px;
border: 1px solid #FFFFFF;
}

• style class container
.container {
width: 600px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
padding: 0px;
border: 3px ridge #FFFFFF;
}

• Style class header
.header {
background: #FFFFFF url(images/background-header.png);
text-align: center;
}

• Style class content
.content {
font-size: 12px;
background: #FFFFFF url(images/background-content.png) repeat-x;
text-align: justify;
}

• Style class menu
.footer {
font-size: 11px;
color: #FFFFFF;
background: #FFFFFF url(images/background-footer.png);
text-align: center;

• Style class menu
.menu {
height:25px;
padding:0px;
border:0px;
}

• Advance class menu pada tag li, a dan a:hover
.menu li {
list-style:none;
text-align: center;
float: left;
height: auto;
width: 150px;
font: 12px/25px Verdana, Arial, Helvetica, sans-serif;
}
.menu li a {
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
text-decoration: none;
background: url(images/background-menu.png);
display: block;
}
.menu li a:hover {
background: url(images/background-menu.png) 0 -25px;
color:#000000;
}

Maka tampilan home page anda akan akan seperti sebagai berikut :

Gambar 2.2.2 index.html

Gambar 2.2.3 article.html

* * *
Semoga Bermanfaat sobat.

Cara Daftar Akun WordPress Gratis

Disini saya akan memberikan trik-trik untuk membuat akun wordpress. sobat semua pasti udah pada tau apa itu wordpress ? kalau belum tau bisa cari tau di sini Apa itu wordpress ? .
oke langsung saja ke caranya untuk membuat akum Wordpress.

1. sobat harus pergi ke halaman http://wordpress.com dulu tentunya.

 2. sobat akan disuruh untuk memasukan e-mail sobat username, password dan nama wordpress sobat seperti di bawah.

3. jika cara kedua sudah sobat isi semua maka scrool ke bawah dan sobat diminta 2 pilihan yaitu Upgrade dan Create Blog. kalau upgrade itu bayar kalo create blog gratis setau saya. terserah sobat mau pilih yang mana kalau saya pilih yang create blog soalnya gratisan hehe.

4. jika sudah di klik yang create blog maka sobat akan lihat tampilan seperti di bawah. tapi kalau yang Upgrade saya tidak tau tampilan nya seperti apa.

 

5. dan setelah itu sobat buka e-mail sobat untuk mengaktifkan akun wordpress contoh gambar di bawah

6. lalu klik Active Blog untuk mengaktifkan akun tersebut, seperti gambar di bawah.

7. setelah di klik maka sobat akan pergi ke wordpress secara otomatis seperti dibawah.

8. lalu klik Next step untuk ke step slanjutnya, di step kedua ini sobat di suruh memilih tempat. dan pilihlah sesuka sobat.

9.jika sudah memilih maka akan ada tampilan seperti berikut, tampilan nya berbeda yah sesuai template nya masing masing, kalau saya tampilan nya seperti di bawah. dan klik next step lagi untuk ke step lelanjutnya.

 

10. dan di step terahir ini sobat akan melihat tampilan seperti di bawah. tampilan itu untuk posting pertama sobat maka di lewat atau ingin memposting terserah sobat.

11. Nah jika step demi step sudah terlewati maka sobat sudah memiliki akun wordpress selamat.
dan tampilan setelah step di atas akan seperti gambar di bawah.

Nah mudah kan membuat akun wordpress gratis, dan sobat tinggal edit edit saja untuk memperbagus akun wordpress sobat.
Selamat mencoba...!!!

Cara Daftar Hosting Gratis di IdHostinger.com

Cara Mendaftar Di idHostinger Indonesia 

 

idHostinger Indonesia adalah hosting gratis yang menggunakan bahasa Indonesia.
Tutorial ini ditujukan untuk pemula yang belum paham tentang Cara mendaftar Di idHostinger Indonesia, dan untuk sobat yang sudah paham sekiranya dapat mengkoreksi tutorial ini.

1.    Buka situs idHostinger Indonesia

2.    Klik buat akun pada kanan atas

3.    Isi form pendaftaran dengan mengisi nama, alamat email, password kamu, kode keamanan dan beri tanda centang pada kotak Saya setuju dengan Ketentuan Penggunaan Layanan

4.    Buka email kamu yang telah didaftarkan untuk pengaktifan akun cpanel.idhostinger.com, kamu akan menerima 2 email dari idHostinger Indonesia

5.    Klik link aktivasi yang telah diberikan di email kamu, dan pendaftaran selesai, sekarang Anda dapat membuat akun
6.    Pada halaman order akan ada pilihan Gratis, Premium dan Bisnis, pada bagian gratis kamu kilk tombol order

7.    Kemudian tampil halaman buat akun baru untuk pengaturan kontrol panel dan ada dua pilihan yaitu: Saya ingin menggunakan domain saya sendiri atau Saya ingin memilih subdomain gratis

8.    Sebagai contoh saya memilih subdomain yang telah disediakan oleh hosting gratis Indonesia idHostinger dengan sub domain: www.tutorial4u.p.ht, kemudian klik tombol buat dan tunggu beberapa saat hingga proses selesai dan klik lihat hasil di bagian bawah kanan browser kamu
<
9.    Kemudian tampil halaman kontrol panel, klik beralih maka kamu akan dialihkan ke halaman berikutnya

10.    Kemudian tampilan pemberitahuan tentang

Mohon menjawab pertanyaan ini. Hal ini akan membantu kami untuk memberikan layanan yang lebih baik untuk Anda
Saya ingin menghasilkan uang dari SEO, marketing, programming, desain dan lain-lain.
Hanya melakukan tes dan belajar. Saya seorang pemula
Saya ingin membuat website personal
Saya ingin memulai bisnis online
Saya ingin membuat website untuk keagamaan
Saya ingin membuat E-Shop

Silahkan kamu pilih jawabannya kemudian klik tombol submit dan kemudian tampil halaman yang berisi data akun, email, domain, website, file, tool penting dan lainnya

Selesai sudah tutorial Cara Mendaftar Di idHostinger Indonesia,
semoga artikel ini bermanfaat bagi temen-temen.

Jangan Lupa untuk selalu Aktif di  idHostinger Indonesia ya ... Karena Kalau Selalu aktif Bisa dapat Hadiah loh dari idHostinger Indonesia . 

Trimakasih

11 Tips Cara mempercepat kinerja komputer windows 7

Terkadang kita merasa jengkel saat performa windows kita lemot. Sehingga bisa menimbulkan bad mood ataupun pekerjaan yang seharusnya bisa selesai tepat waktu menjadi
molor karena masalah komputer yang lemot.

Berikut ini Tips atau Cara untuk mempercepat windows 7 

1. Matikan Visual efek yang tidak penting,

Visual efek berfungsi untuk mempercantik tampilan windows anda, akan tetapi Visual efek berpengaruh terhadap kinerja computer. Sehingga apabila Visual efek dimatikan tentu akan membuat kinerja komputer ataupun laptop anda menjadi semakin cepat. Berikut ini langkah-langkah untuk mematikan visual efek di windows 7

• Klik Start >> klik kanan pada Computer >> kemudian klik properties >> lalu klik Advance system setting >> pilih tab advanced >> di bagian performance klik setting 

• Pada bagian Visual efek pilih adjust for best performance >> kemudian klik OK

2. Matikan aero shake.

Fitur aero shake ini berfungsi meminimize jendela yang sedang tidak digunakan. Contohnya anda membuka beberapa, Dan apabila salah satu jendela yang aktif  tersebut anda gerak-gerakkan, maka jendela yang lainnya akan di minimize secara otomatis. Berikut ini langkah untuk mematikan fitur aero shake:

• Klik Start >> lalu ketik “gpedit.msc” (tanpa tanda petik) lalu tekan tombol enter
• Setelah tampil jendela local group policy editor seperti di atas, Klik User Configuration >> Klik administrative template >> klik desktop >> kemudian di jendela sebelah kanan klik dua kali pada “turn off aero shake windows minimizing mouse gesture” >> kemudian pilih enable >> terakhir klik OK.

3. Tips atau Cara untuk mempercepat windows 7 yang ketiga adalah Memtaikan firut aero snap
Cara mematikan fitur aero snap adalah sebagai berikut:

• Klik Start >> Klik control panel >> Pilih ease of acces >> kemudian klik ease of acces center >> lalu  klik Make the mouse easier to use
• Berikan tanda centang pada “Prevent windows from being automatically arranged when to the edge of the screen” >> kemudian Klik OK.

4. Mematikan aplikasi yang tidak diperlukan di komputer atau laptop saat startup (saat baru menyala).
Langkah untuk mematikan nya adalah sebagai berikut:

• Klik Start >> ketik “msconfig” (tanpa tanda petik) kemudian tekan enter >> lalu llik tab startup >> kemudian uncheck atau hilangkan tanda centang aplikasi yang tidak diperlukan untuk dijalankan pada saat komputer melakukan startup. Klik OK.

5. Tips atau Cara untuk mempercepat windows 7 yang kelima adalah menonaktifkan gadget pada windows 7 
Untuk mematikan gadget di windows 7 dapat dilakukan dengan cara berikut ini

• Klik Start >> Kemudian klik Control Panel >> Pilih Programs >> Pilih Turn Windows features on or off  >> Kemudian hilangkan tanda centang pada “Windows gadget platform" >> lalu Klik OK. 

6. Menggunakan semua core saat booting.

Jika anda memliki komputer atau laptop ataupun notebook yang memiliki prosesor dengan banyak core, sebaiknya anda menggunakan semua core tersebut pada saat komputer melakukan booting.
Langkah untuk mengatur agar semua core processor anda dipakai pada saat komputer lemakukan booting bisa dilakukan dengan cara sebagai berikut:

• Klik Start >> ketik “msconfig” (tanpa tanda petik) >>  tekan enter 
• Klik pada tab >> boot > pilih system operasi windows 7 
• Klik advanced options >> beri tanda centang pada Number of processor >> pilih jumlah processor >> dan klik OK

7. Lakukan Disk Clean Up pada Harddisk anda.

Tahukah anda jika pada saat anda melakukan browsing ataupun saat anda melakukan kegiatan menginstal dan menguninstal software dari komputer anda akan menghasilkan registry-registry, cookies, cache yang baru yang biasanya tidak terpakai. Apabila anda tidak pernah melakukan pembersihan atau yang biasa disebut dengan, maka jumlahnya filnya akan semakin banyak dan akan menguras banyak pemakaian Hard Disk anda.Untuk melakukan Disk Clean Up dapat dilakukan dengan cara berikut ini.

• Klik Start >> Klik All Programs >> Klik Accesories >> Klik System Tools >> Klik Disk Clean Up  
• Akan muncul jendela kecil yang menyuruh kita untuk memilih partisi Harddisk mana yang ingin kita Clean Up. (pilihalah drive : C) >> Kemudian klik OK
• Maka akan muncul jendela seperti di atas. Berikan centang pada bagian yang ingin anda Clean Up. Kemudian Klik OK.

8. Defragment Disk anda Secara Teratur.

Tips yang kedelapan untuk mempercepat kinerja komputer windows 7 anda adalah  melakukan defragment disk secara teratur. Pada dasarnya proses defragment disk adalah merapikan file yang berada pada harddisk sehingga komputer akan lebih mudah dalam membacanya..

Untuk melakukan defragment Disk dapat dilakukan dengan cara berikut:

• Klik Start >> Klik All Programs >> Klik Accesories >> Klik System Tools >> Klik Disk Defragmenter
• Pilih Hard Drive yang ingin anda defrag kemudian klik defragment disk

9. Matikan System Sound

Jika anda tidak mematikan system sound makan akan mempercepat proses saat loading system.
Cara untuk mematikan system sound adalah sebagai berikut:

• Klik Start >> ketik "mmsys.cpl" (tanpa tanda petik) pada Start Search dan tekan tombol enter.
• Buka tab Sound dan pilih No Sound
• Klik OK

10. Nonaktifkan Index Search di Windows 7.

Tips kesepuluh untuk mempercepat kinerja komputer windows 7 adalah menonaktifkan Index Search di Windows 7. Berikut ini langkahnya 

• Klik start >> ketik "services.msc" (tanpa tanda petik) lalu tekan enter.
• Cari Windows Search kemudian klik kanan dan nonaktifkan service tersebut.

11. Hapus isi folder “Prefecth”

Trik ke-11 untuk mempercepat kinerja komputer windows 7 adalah menghapus isi folder prefetch.
Cara menghapus isi folder prefetch adalah sebagai berikut: Klik kanan pada Start >> Klik Windows Explorer >> Klik Drive C anda >> Klik Windows >> Klik Prefetch >> Hapus semua isinya secara permanen dengun menggunakan kombinasi tombol (Shift + Del).