Tampilkan postingan dengan label Belajar dasar HTML. Tampilkan semua postingan

Pengertian dan Fungsi XAMPP

XAMPP adalah sebuah software web server apache yang didalamnya sudah tersedia database server mysql dan support php programming. XAMPP merupakan software yang mudah digunakan, gratis dan mendukung instalasi di Linux dan Windows. Keuntungan lainnya adalah cuma menginstal satu kali sudah tersedia Apache Web Server, MySQL Database Server, PHP Support (PHP 4 dan PHP 5) dan beberapa module lainnya. Hanya bedanya kalau yang versi untuk Windows sudah dalam bentuk instalasi grafis dan yang Linux dalam bentuk file terkompresi tar.gz. Kelebihan lain yang berbeda dari versi untuk Windows adalah memiliki fitur untuk mengaktifkan sebuah server secara grafis, sedangkan Linux masih berupa perintah-perintah di dalam console. Oleh karena itu yang versi untuk Linux sulit untuk dioperasikan. Dulu XAMPP untuk Linux dinamakan LAMPP, sekarang diganti namanya menjadi XAMPP FOR LINUX.

1. Mengenai APACHE

Apache sudah berkembang sejak versi pertamanya. Sampai saat ditulisnya artikel ini versi terakhirnya yang ada yaitu Apache ver 2.0.54. Apache bersifat open source, artinya setiap orang boleh menggunakannya, mengambil dan bahkan mengubah kode programnya. Tugas utama apache adalah menghasilkan halaman web yang benar kepada peminta, berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. Jika diperlukan juga berdasarkan kode PHP yang dituliskan, maka dapat saja suatu database diakses terlebih dahulu (misalnya dalam MySQL) untuk mendukung halaman web yang dihasilkan.

2. Mengenai PHP

Bahasa pemrograman PHP merupakan bahasa pemrograman untuk mebuat web yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis. PHP dapat dijalankan pada berbagai macam Operating System (OS), misalnya Windows, Linux dan Mac OS. Selain Apache, PHP juga mendukung beberapa web server lain, misalnya Microsoft IIS, Caudium, PWS dan lain-lain.
Seperti pernah disinggung sebelumnya bahwa PHP dapat memanfaatkan database untuk menghasilkan halaman web yang dinamis. Sistem manajemen database yang sering digunakan bersama PHP adalah MySQL. Namun PHP juga mendukung system manajemen Database Oracle, Microsoft Acces, Interbase, d-Base, PostgreSQL dan sebagainya.
Hingga kini PHP sudah berkembang hingga versi ke 5. PHP 5 mendukung penuh Object Oriented Programing(OOP), integrasi XML, mendukung semua ekstensi terbaru MySQL, pengembangan web services dengan SOAP dan REST, serta ratusan peningkatan kemampuan lainnya dibandingkan versi sebelumnya. Sama dengan web server lainnya PHP juga bersifat open source sehingga setiap orang dapat menggunakannya dengan gratis.

3. Mengenai MySQL

Perkembangannya disebut SQL yang merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang khusus digunakan untuk mengolah database. SQL pertama kali didefinisikan oleh American National Standards Institute (ANSI) pada tahun 1986. MySQL adalah sebuah sistem manajemen database yang bersifat open source. MySQL adalah pasangan serasi dari PHP. MySQL dibuat dan dikembangkan oleh MySQL AB yang berada di Swedia.
MySQL dapat digunakan untuk membuat dan mengola database beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah dan menghapus data yang berada dalam database. MySQL merupakan sisitem manajemen database yang bersifat at relational. Artinya data-data yang dikelola dalam database akan diletakkan pada beberapa tabel yang terpisah sehingga manipulasi data akan menjadi jauh lebih cepat.
MySQL dapat digunakan untuk mengelola database mulai dari yang kecil sampai dengan yang sangat besar. MySQL juga dapat menjalankan perintah-perintah Structured Query Language (SQL) untuk mengelola database-database yang ada di dalamnya. Hingga kini, MySQL sudah berkembang hingga versi 5. MySQL 5 sudah mendukung trigger untuk memudahkan pengelolaan tabel dalam database.

4. Mengenai PHPMyAdmin

Pengelolaan database dengan MYSQL harus dilakukan dengan mengetikkan baris-baris perintah yang sesuai (command line) untuk setiap maksud tertentu. Jika anda ingin membuat database, ketikkan baris perintah yang sesuai untuk membuat database. Jika kita ingin menghapus tabel, ketikkan baris perintah yang sesuai untuk menghapus tabel. Hal tersebut tentu cukup menyulitkan karena kita harus hafal dan mengetikkan perintahnya satu persatu.
Banyak sekali perangkat lunak yang dapat dimanfaatkan untuk mengelola data base dalam MySQL, salah satunya adalah phpMyAdmin. Dengan phpMyAdmin kita dapat membuat tabel, mengisi data dan lain-lain dengan mudah tanpa harus hafal perintahnya. Untuk mengaktifkan phpMyAdmin langkah-langkahnya adalah : yang pertama setelah XAMP kita terinstall, kita harus mengaktifkan web server Apache dan MySQL dari control panel XAMPP. Yang kedua, jalankan browser kesayangan Anda (IE, Mozilla Firefox atau Opera) lalu ketikkan alamat web berikut : http://localhost/phpmyadmin/ pada address bar lalu tekan Enter. Langkah ketiga apabila telah nampak interface (tampilan antar muka) phpMyAdmin anda bisa memulainya dengan mengetikkan nama database, nama tabel dan seterusnya.

Tatacara Penggunaan dan Pengujian

Pengujian :

Buka Web Browser
Ketikkan http://localhost dalam Web Browser
Bila masuk ke dalam Web XAMPP berarti semua langkah telah berhasil dilakukan.

Pengamanan :
Secara default, ada beberapa faktor keamanan yang harus dikonfigurasi. Faktor keamanan yang masih harus dikonfigurasi adalah :

MySQL Administrator (root) tidak memiliki password.
MySQL Daemon dapat diakses dari jaringan
ProFTPD menggunakan password “lampp” untuk user “nobody”
PHPMyAdmin dapat diakses dari jaringan
Semua contoh dapat diakses dari jaringan
MySQL dan Apache bekerja dalam konfigurasi user yang sama (nobody)

Jumat, 14 Juni 2013

Posted by Marketing IndiHome

0 Comments

Tag : Belajar dasar HTML, Belajar dasar PHP, Pelajaran

Mengatur format tulisan di Dreamweaver

►

tulisan dengan dreamweaver" />

Mungkin masih ada yang bingung cara pengoperasian serta fungsi property bar untuk tulisan yang ada pada dreamweaver. Pada tutorial berikut ini saya akan menjelaskan langkah-langkah untuk membuat tulisan serta cara mengaturnya dengan dreamweaver.
Langkah pertama buatlah tulisan pada area kerja dreamweaver.

Kemudian tulisannya dipilih semua
memilih tulisan

kemudian lihat pada bagian property bar yang ada pada bagian bawah.

Property bar seperti gambar diatas, digunakan untuk mengatur semua objek yang kita sudah pilih di area kerja.
Di Property bar tersedia banyak pilihan yaitu :

Format

Bagian ini digunakan untuk mengatur format tulisan dengan pilihan paragraf (<p>), heading 1 (<h1>..</h1>) s/d heading 6 (<h6>..<h6>) dan preformatted (untuk menampilkan jeniskode)
Font dan Size

Font digunakan untuk mengatur jenis tulisan, sedangkan size untuk ukuran tulisannya.
Style

Ini digunakan untuk mengatur objek tulisan sesuai dengan css yang sudah dibuat. Pada bagian ini kita juga bisa menyisipkan style eksternal yang ada di file css lain.
Warna, posisi tulisan

Bagian ini digunakan untuk mengatur warna tulisan, tebal dan miring tulisan, pengaturan rata kiri, rata tengah, kanan dan rata kiri kanan (justify). Pada bagian kanan bawahnya jga ada fasilitas untuk membuat list item dengan simbol atau angka. Kemudian mengatur tulisan masuk ke kanan dan ke kiri. Dan terakhir dibagian gambar terlihat page properties yang digunakan untuk mengatur tampilan halaman secara keseluruhan.

Sekarang pilih salah satunya, misal kita pilih heading 1 untuk megatur tulisan menjadi heading yang biasanya dibuat untuk judul halaman, kemudian pilih warnanya. Hasilnya :
hasil tulisan

Anda bisa coba fasilitas yang lain seperti paragraf, heading, pilihan font/bentuk tulisan serta tombol lainya.
Semoga bermanfaat

Kamis, 31 Januari 2013

Posted by Marketing IndiHome

0 Comments

Tag : Belajar dasar HTML, Belajar dasar PHP

Membuat menu dropdown dengan css

►

Banyak sekali variasi menu web/blog yang bisa dibuat dengan css, ada bentuk menu tulisan maupun gambar biasa, dan ada juga bentuk-bentuk menu dropdown/menu bercabang secara horizontal atau vertikal. Pembuatanya juga bervariasi, ada yang menggunakan javascript, ada juga menggunakan jquery, bahkan ada yang membuat menu dari flash. Pada tulisan ini anda akan mengetahui bagaimana cara membuat menu dropdown horizontal murni dibuat dengan css. Silahkan anda simak.
Oke langsung saja langkah-langkanya sebagai berikut :
Membuat susunan list menu untuk dropdown dalam html, kodenya berikut ini :

<ul class="dropmenu">
<li><a href="#1">Menu 1</a>
    <ul>
    <li><a href="#11">Sub Menu 1</a></li>
    <li><a href="#22">Sub Menu 2</a></li>
    </ul>
</li>
<li><a href="#2">Menu 2</a>
    <ul>
    <li><a href="#21">Sub Menu 1</a></li>
    <li><a href="#22">Sub Menu 2</a></li>
    <li><a href="#23">Sub Menu 3</a></li>
    <li><a href="#24">Sub Menu 4</a></li>
    </ul>
</li>
<li><a href="#3">Menu 3</a>
    <ul>
    <li><a href="#31">Sub Menu 1</a></li>
    <li><a href="#32">Sub Menu 2</a></li>
    <li><a href="#33">Sub Menu 3</a></li>
    <li><a href="#34">Sub Menu 4</a></li>
    </ul>
</li>
</ul>

Dari kode html tersebut akan dihasilkan sementara tampilan seperti berikut :
membuat dropdown

Kemudian kita buat kode css berikut, dengan menambahkannya pada bagian <head>..</head>

<style type="text/css">
.dropmenu {
    background: #616161;
    height: 30px;
    list-style-type: none;
    margin: 0;
    padding: 0px;
}
.dropmenu li {
    border-right: solid 1px white;
    float: left;
    height: 30px;
}
.dropmenu li a {
    color: #fff;
    display: block;
    font: 12px arial, verdana, sans-serif;
    font-weight: bold;
    padding: 9px 20px;
    text-decoration: none;
}
.dropmenu li:hover { background: #778899; position: relative; }
.dropmenu li:hover a { text-decoration: underline; }
.dropmenu li:hover ul {
    background-color: #3f4a54;
    border: 1px solid grey;
    left: 0px;
    padding: 3px;
    top: 30px;
    width: 160px;
}
.dropmenu li:hover ul li { border: none; height: 18px; }
.dropmenu li:hover ul li a {
    background-color: #778899;
    border: 1px solid transparent;
    color: #fff;
    display: block;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    padding: 0px;
    text-decoration: none;
    text-indent: 5px;
    width: 158px;
    padding: 3px;
}
.dropmenu li:hover ul li a:hover {
    background: silver;
    border: solid 1px #444;
    color: #000;
    height: 18px;
    padding: 3px;
}
.dropmenu ul {
    left: -9999px;
    list-style-type: none;
    position: absolute;
    top: -9999px;
}
</style>

Dari kode-kode tersebut maka akan dihasilkan tampilan seperti berikut :
membuat dropdown

Ini hasilnya, coba anda arahkan pilihan ke menu dibawah ini :

Menu ini sudah saya test menggunakan firefox, google chrome, dan internet explorer. Semuanya bisa berjalan dengan normal yang artinya menu dropdown yang dibuat dengan css lebih kompatibel dan lebih ringan jika ditampilkan.
Gimana, mudah kan?? Ada masukan, komentar atau pertanyaan silahkan kirimkan melalui box komentar dibawah.
Semoga Bermanfaat

Posted by Marketing IndiHome

0 Comments

Tag : Belajar dasar HTML, Belajar dasar PHP

Cara Membuat CSS Versi ILMU BLOGGER

►

Dalam pelajaran ini Anda akan membuat stylesheet pertama Anda / style sheet. Anda akan mempelajari dasar-dasar CSS dan model dasar yang kode apa yang harus digunakan untuk CSS dalam dokumen HTML.

Banyak sifat yang digunakan dalam Cascading Style Sheets (CSS), mirip dengan HTML. Jadi, jika Anda menggunakan HTML untuk desain halaman, Anda mungkin tahu, banyak kode. Mari kita lihat contoh konkret.

Sintaks dasar dari CSS

Katakanlah kita membutuhkan warna latar belakang merah:

Dalam HTML, Anda dapat melakukannya dengan cara ini:

<body bgcolor="#FF0000">

Dengan CSS hasil yang sama dapat dicapai sebagai berikut:

body {background- color: # FF0000;}

Seperti yang anda lihat, kode-kode ini lebih atau kurang identik dengan HTML dan CSS. Contoh ini juga memperlihatkan mendasar Model CSS:

selector {propery: value;}

selector (pemilih) - untuk setiap tag HTML (tag) menggunakan properti (tubuh misalnya)
property (properti) - properti yang, misalnya bisa menjadi warna latar belakang (background-color)
value (nilai) - nilai warna latar belakang properti dapat berupa, misalnya merah (# FF0000)

Tapi di mana untuk menempatkan kode-CSS? Itu adalah masalah yang akan kita lakukan sekarang.

Menerapkan CSS untuk HTML-dokumen

Ada tiga cara untuk menerapkan aturan CSS ke HTML-dokumen. Di bawah ini kita mempertimbangkan tiga metode. Kami menyarankan fokus pada ketiga - yaitu, asing / stylesheet eksternal.

Metode 1: Inline / In-line (gaya atribut)

Anda dapat menerapkan CSS ke HTML menggunakan gaya HTML-atribut. Warna latar belakang merah dapat diatur sebagai berikut:

<html>
<head>
<title>Example</ title>
</head>
<body>
<p> Ini adalah halaman merah </p>
</Body>
</Html>

Metode 2: Internal (gaya tag)

Cara kedua untuk memasukkan kode-CSS - HTML-tag <style>. Sebagai contoh:

<html>
<head>
<title>Example</ title>
<style>
body {background- color: # FF0000;}
</Style>
</head>
<body>
<p> Ini adalah halaman merah </p>
</Body>
</Html>

Metode 3: Eksternal (link ke stylesheet)

Metode yang disarankan - membuat referensi ke style sheet disebut eksternal. Dalam tutorial ini kita akan menggunakan metode ini dalam semua contoh.

style sheet eksternal hanyalah sebuah file teks dengan ekstensi. Css. Anda dapat membuat style sheet langsung pada situs Anda.

Misalnya, stylesheet Anda disebut style.css dan terletak di folder style.

Caranya adalah dengan membuat link dari dokumen-HTML (index.html) pada stylesheet ( style.css ) .

Hal ini dapat dilakukan dalam kode HTML baris tunggal:

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

Perhatikan bagaimana href menjalankan stylesheet atribut Anda.

Baris kode ini untuk menyisipkan di header bagian HTML, yaitu, antara <head> dan </ head>. Sebagai contoh: br>
<html>
<head>
<title> dokumen Saya </title>
<link/>
</head>
<body>
...

Link ini memberitahu browser bahwa harus menggunakan aturan tampilan file HTML dari berkas-CSS.

Yang paling penting di sini adalah bahwa beberapa HTML- dokumen dapat merujuk kepada satu stylesheet. Dengan kata lain, salah satu CSS-file dapat digunakan untuk mengontrol tampilan dari himpunan-dokumen HTML. Artinya, perubahan dalam satu file style sheet eksternal mempengaruhi semua HTML-dokumen, kotoryeh dihubungkan.

Hal ini dapat menghemat banyak waktu dan usaha. Jika, misalnya, ingin mengubah warna latar belakang 100 halaman situs, stylesheet menyelamatkan Anda dari harus mengubah secara manual seratus HTML- dokumen. Menggunakan CSS, perubahan ini dapat dilakukan dalam beberapa detik, hanya dengan mengubah satu kode pada style sheet pusat.

Mari kita lihat bagaimana melakukannya. Cobalah sendiri.

Dibuat file style.css dan menggunakan by-line editor, masukkan sebagai berikut:

body {
background-color: # FF0000;
}

Buka Blok Editor, pilih "Edit" di wExplorer pada file index.html (jika tidak ada itu Anda harus membuat). Kemudian pilih Edit Header dan dalam "URL File dengan CSS-gaya" masukkan "style.css";

Dalam editor, sepanjang garis dari file index.html akan menjadi seperti berikut:

<html>
<head>
<title> index.html </title>
<link/>
</head>
<body>
<b> stylesheet pertama saya </b>
</Body>
</Html>

Kedua file (index.html dan style.css) dalam kasus kami harus berada dalam satu folder.

Pilih "View" pada editor, atau ketik alamat lengkap dari halaman Anda dengan nama situs pada browser Anda dan Anda akan melihat Halaman yang memiliki latar belakang merah. Selamat! Anda telah membuat style sheet pertama Anda!

Bacalah pelajaran berikutnya, di mana kita melihat beberapa sifat dari CSS.

Minggu, 02 Desember 2012

Posted by Marketing IndiHome

0 Comments

Tag : Belajar dasar HTML, Belajar dasar PHP

Mendesain WEB dengan ARTISTEER

►

Seperti yang biasa kita lakukan, untuk memiliki sebuah template kita bisa mencarinya di internet. Banyak situs-situs yang menyediakan template blogger baik yang berbayar maupun yang gratis. Tapi, kita akan banyak mendapat masalah jika kita menggunakan yang gratis. Kebanyakan template yang gratis tak sesuai dengan selera kita. Dan karena tidak sesuai itulah kita pasti mencoba untuk memodifikasi template tersebut.

Tapi, apakah mudah memodifikasi template blogger? Tentu tidak bukan. Secara manualnya aja, kita harus punya koneksi ke internet yang bagus untuk menggonta ganti tampilan template blog kita. Kita harus punya skill CSS dan HTML yang baik pula untuk melakukan semua itu. Hahh (–_+’) ,, lama jadinya bukan..

Nah, pada postingan kali ini saya ingin memberi solusi bagaimana memodifikasi template blog blogger dengan mudah secara offline dan tanpa perlu skill CSS dan HTML yang baik. Kita menggunakan SOFTWARE. Dengan software ini, kita bebas berkreasi sesuai dengan kesukaan kita tanpa perlu online. Pokonya mudah banget. Software ini namanya Artisteer.

WHAT IS EXACTLY ARTISTEER?

Artisteer adalah sebuah software yang dirancang khusus untuk memudahkan pekerjaan para blogger merancang maupun memodifikasi sebuah template. Artisteer adalah software yang compatible untuk berbagai blog editor. Di antaranya: Blogger, Wordpress, Joomla, Drupal, dan DotNetNuke. Kita juga dapat merancang sebuah template HTML untuk hosting sendiri.

WHAT ARE THE FEATURES OF ARTISTEER?

Hingga saat ini, artisteer masih merupakan software perancang template terbaik yang pernah ada. Mungkin, hal ini disebabkan oleh kelengkapan fitur dari software ini sendiri. Saya sendiri yang sudah mencoba software ini akan bilang, “Ini software luar biasa punya!”. Bagi seorang blogger yang sudah memiliki software ini, berani jamin akan merasakan kemudahan dalam merancang sebuah template.

Berikut ini merupakan fitur-fitur yang dimiliki oleh artisteer template designer :

1. Kemudahan merancang template untuk berbagai blog editor.

2. Memiliki menu-menu yang akan membuat kita leluasa untuk mengedit setiap bagian dari template. Mulai mengedit Header hingga ke footer. Di sana sudah termasuk mengedit tampilan blackquote dan tabel serta button. Bayangin, sampai merancang tampilan yang ke hal kecilnya aja bisa dilakukan oleh software pintar ini.

Untuk lebih jelasnya lihat screenshot menu-menu yang ada di artisteer – template designer berikut ini: ( Klik untuk memperbesar )

Pada gambar di atas, saya ambil ketika sedang membuka menu Ideas. Look at the picture carefuly! Menu Ideas aja punya submenu sebanyak itu, belum lagi menu yang lain. Bayangin, betapa banyak hal yang dapat kita lakukan dengan menu-menu yang ada di software perancang template artisteer ini. Ibarat kalau sobat bekerja dengan Microsoft Word, seperti itulah kalau kita bekerja di software yang satu ini. Apa-apa yang tampil seperti apa-apa yang telah dibuat. Karena, makin Banyak menu, makin banyak mudah :-D . Makanya jangan heran kalau software ini beratnya minta ampun.

3. Kita dapat mengatur sendiri dimana setiap gambar yang digunakan template dihosting

4. Kita dapat melakukan preview template pada browser-browser berikut :
- Internet Explorer ( Ctrl + Shift + I )
- Mozilla ( Ctrl + Shift + M )
- Chrome ( Ctrl + Shift + C )
- Opera ( Ctrl + Shift + O )
- Safari ( Ctrl + Shift + S )

5. Banyak lagi hal lain yang bisa sobat cobain. Pokoknya, mwanteb dech..

Bagaimana dengan review Raffkhan mengenai software perancang template blog Artisteer ini? Apakah sobat tertarik untuk mencobanya? Jika tertarik, silahkan mendownload aja melalui link di bawah ini.

ARTISTEER

Download

type: application

size: 76,3 MB

Maka, sobat akan langsung dibawa ke situs artisteer. Sobat dapat mendownloadnya secara gratis. Boleh juga membayar. Semua tergantung sobat. Sobat juga akan tahu sendiri nanti. dan klo sobat juga tidak sanggup untuk membeli software yg lumayan mahal ini, sobat semua juga bs mendownload keygennya disini,,, hehehe,,, ssssstttt tp jangan jgn blg siapa-siapa yah,, ilegal ne,, oke deh lanjut aja kalo enggak sabar lagi,, silah kan donwload disini.... keygen. kata-kuncinya : 123456

Untuk mempermudah proses pendownloadan, saya menyarankan sobat untuk mendownload software ini dengan menggunakan IDM ( Internet Download Manager ) , boleh juga dengan DAP (Download Accelarator Plus). Tidak lupa juga agar mendownloadnya di warnet yang koneksinya baik.

Salam blogger dan selamat berkreasi dengan software perancang template ini.

Kamis, 22 November 2012

Posted by Marketing IndiHome

0 Comments

Tag : Belajar dasar HTML, Belajar dasar PHP

Cara Registrasi Indihome Murah di Medan

PEMASANGAN INDIHOME HUBUNGI YULIADI TELP: WA: 0851 0246 9682 HP: 0822 7200 7787

Tampilkan postingan dengan label Belajar dasar HTML. Tampilkan semua postingan

Pengertian dan Fungsi XAMPP

Mengatur format tulisan di Dreamweaver

Membuat menu dropdown dengan css

Cara Membuat CSS Versi ILMU BLOGGER

Mendesain WEB dengan ARTISTEER

Popular Post

Blogger templates

Labels

Blog Archive

Mengenai Saya

Blogger news

Blogroll

About