Jumat, 25 Mei 2012

1
Tutorial Koneksi PHP - MySQL
(Ditulis oleh: Ramos Somya)
Buat teman-teman terutama yang sedang kuliah Pengembangan Web, berikut ini
saya buatkan tutorial sederhana untuk koneksi PHP dengan database MySQL. Kali ini
kita akan membuat sebuah aplikasi web dengan PHP untuk menyimpan data Album.
Kira-kira nanti hasil akhirnya seperti Gambar 1.
Gambar 1 Mini Album
Aplikasi pada Gambar 1 masih sangat sederhana, nanti bisa teman-teman
kembangkan sendiri lah,, tapi paling tidak kita bisa jadi tahu gimana caranya
menyambungkan PHP dengan MySQL untuk 4 proses standar (select, insert, update dan
delete) data.
Untuk membuat aplikasi sederhana seperti pada Gambar 1, kita membutuhkan
beberapa langkah yang harus dilalui supaya selamat sampai tujuan. Jadi kita ibaratkan
saja kita akan memasak sop buntut, kita kan perlu belanja ke pasar, beli bahanbahannya,
pulang ke rumah trus mulai meracik bahan-bahan dan memulai untuk
memasak. Namun untuk membuat aplikasi pada Gambar 1, kita tidak perlu pergi ke
pasar… Langsung aja ya daripada banyak basa-basi….
Berikut ini langkah-langkah untuk membuat aplikasi mini album menggunakan PHP
MySQL:
2
1. Kita kan pakai PHP, jadi kita butuh yang namanya web server. Web server ada
macem-macem,, untuk kali ini kita pakai Apache aja yaw,, saya memakai Wamp
Server 2.0 yang di dalamnya sudah lengkap ada Apache, MySQL dan sudah support
PHP 5.2.8. Kalau belum punya bisa diunduh di http://www.wampserver.com/
2. Dreamweaver, Netbeans atau Edit Plus untuk berkoding ria dengan PHP. Kalau tidak
punya pakai Notepad juga bisa.
3. Oya satu lagi, kita juga butuh Browser (saya pake Mozilla Firefox).
4. Setelah semua peralatan siap, coba aktifkan Wamp Server-nya dulu, caranya bisa
dilihat pada Gambar 2.
Gambar 2 Start Wamp Server
5. Kalau sudah diaktifkan, nanti akan muncul icon Wamp Server seperti Gambar 3.
Gambar 3 Icon Wamp Server
NB: Icon Wamp Server yang bentuknya setengah lingkaran yang warnanya kuning.
Klo warnanya merah berarti masih non-aktif.
6. Klik icon Wamp Server-nya lalu pilih phpMyAdmin.
Gambar 4 Menuju ke Halaman phpMyAdmin
3
7. Untuk membuka halaman phpMyAdmin bisa pake cara pada Gambar 4, tapi bisa
juga melalui web Browser kita, caranya buka Mozilla-nya lalu ketikkan:
http://localhost/phpmyadmin/. Nanti akan terbuka sebuah halaman web dengan
tampilan seperti Gambar 5.
Gambar 5 Halaman phpMyAdmin
8. Langkah selanjutnya, kita buat dulu database dengan nama db_album. Isikan pada
field seperti pada Gambar 6.
Gambar 6 Bikin Database db_album
Kemudian klik tombol Create
9. Setelah itu kita buat sebuah tabel untuk menyimpan data-data album, caranya
terlihat pada Gambar 7.
Gambar 7 Buat Tabel tbalbum
Kemudian klik tombol Go
10.Kita tambahkan field-field yang diperlukan pada tabel tbalbum yang baru saja kita
buat, caranya terlihat pada Gambar 8.
4
Gambar 8 Buat Field pada Tabel tbalbum (1)
Jangan lupa klik tombol Go
11.Akan muncul halaman seperti Gambar 9.
Gambar 9 Buat Field pada Tabel tbalbum (2)
Contreng pada bagian A_I lalu klik Save maka tabel sudah terbentuk.
Gambar 10 Tabel pada db_album
12.Untuk mengisi data pada tabel tbalbum, coba klik pada tab Insert (lihat Gambar 10)
lalu isikan datanya dan klik tombol Go.
Gambar 11 Insert Data
klik
5
13.Untuk melihat tabel tbalbum beserta isi tabelnya, klik tab Browse (lihat Gambar 12).
Gambar 12 Browse Tabel
Gambar 13 Isi Tabel tbalbum
14.Database-nya sudah siap,, selanjutnya kita koneksikan PHP dengan MySQL-nya.
Caranya lewat koding. Ketik kodingnya bisa pake Dreamweaver, Netbeans atau pake
Notepad juga bisa. Ketikkan Kode Program 1.
Kode Program 1 Koneksi PHP – MySQL
NB: untuk username dan password, cara mengecek-nya klik pada tab Previleges
pada saat pertama kali buka phpMyAdmin (lihat Gambar 14).
Gambar 14 Cek User dan Password pada phpMyAdmin
Simpan Kode Program 1 dengan nama: db_connect.php, taruh dalam satu folder
(nama folder: myalbum) lalu simpan pada www directory Wamp Server atau klo
mau bikin alias dulu juga bisa dan simpan di alias tersebut.
15.Langkah berikutnya, buatlah sebuah file .php yang nantinya akan di-load pertama
kali ketika kita membuka aplikasi kita. Caranya ketik saja Kode Program 2.
klik
<?php
$host = "localhost";
$username = "root";
$password = "";
$databasename = "db_album";
$connection = mysql_connect($host, $username, $password) or die("Kesalahan Koneksi ... !!");
mysql_select_db($databasename, $connection) or die("Databasenya Error");
?>
6
Kode Program 2 File Index
Simpan Kode Program 2 dengan nama: index.php.
File ini nanti akan di-load pertama kali dan akan menghasilkan halaman seperti
terlihat pada Gambar 15.
<?php
include "db_connect.php";
$query=mysql_query ("SELECT * FROM tbalbum",$connection)or die (mysql_error());
$jumlah = mysql_num_rows($query);
echo "<html>";
echo "<head>";
echo "<link href='style.css' type='text/css' rel='stylesheet'>";
echo "</head>";
echo "<title>My Album By Ramos</title>";
echo "<body>";
echo "<font color='darkgreen' face='Tahoma' size=3><b><br>My
Albums</b></font><br><br>";
echo "<a href='add.php' style=\"text-decoration: none\"><font face='tahoma' size='2'>Add New
Album</font></a><br>";
echo "<br><table border=\"0\" cellpadding=\"1\" cellspacing=\"1\" bordercolor=\"blue\"
bgcolor=\"white\">
<tr bgcolor='brown' height=\"30\"><font color='white'>
<th align='left'><font color='white' face='Tahoma' size=2>NO</font></th>
<th align='left'><font color='white' face='Tahoma' size=2>Title</font></th>
<th align='left'><font color='white' face='Tahoma' size=2>Artist</font></th>
<th align='left'><font color='white' face='Tahoma' size=2>Action</font></th>
</tr>";
$j=0;
while ($row=mysql_fetch_array($query)) {
echo "<tr><td align='left' bgcolor='#CCFF66'>";echo "<font face='Arial' size=1>";echo
$j+1;echo"</font>";echo"</td>";
echo "<td align='left' bgcolor='#CCFF66'>";echo "<font face='Arial' size=1>";echo
$row["title"];echo"</font>";echo"</td>";
echo "<td align='left' bgcolor='#CCFF66'>";echo "<font face='Arial' size=1>";echo
$row["artist"];echo"</font>";echo"</td>";
echo"<td align='left' bgcolor='#CCFF66'>";echo "<a href='delete.php?id=".$row['id']."'
style=\"text-decoration: none\" title=\"Delete\"><font face='tahoma'
size='1'>Delete</font></a> <a href='edit.php?id=".$row['id']."' style=\"text-decoration:
none\" title=\"Edit\"><font face='tahoma' size='1'>Edit</font></a>";
$j++;
}
echo"</table>";
echo "</body>";
echo "</html>";
?>
7
Gambar 15 Halaman Index
NB: pada Kode Program 2 pada baris ke 7 terdapat link untuk memanggil file CSS,
untuk itu tambahkan juga sebuah file CSS. Buat aja pake Notepad dan ketikkan:
body,html {
margin: 0 5px;
font-family: Verdana,sans-serif;
font-size:12px
}
h1 {
font-size:1.4em;
color: #008000;
}
a {
color: #008000;
}
th {
text-align: left;
}
td, th {
padding-right: 5px;
}
form dt {
width: 100px;
display: block;
float: left;
clear: left;
}
form dd {
margin-left: 0;
float: left;
}
form #submitbutton {
margin-left: 100px;
}
8
Simpan File CSS tersebut dengan nama: style.css dan taruh dalam folder myalbum
pada www directory Wamp Server kalian.
16.Selanjutnya kita buat untuk proses Add New Album atau menambahkan album baru.
Untuk keperluan ini kita membutuhkan sebuah form yang akan digunakan untuk
memasukkan data albumnya (title dan artist). Untuk itu buatlah sebuah file .php dan
ketikkan Kode Program 3.
Kode Program 3 Form Add New Album
Simpan Kode Program 3 dengan nama: add.php dan simpan dalam folder myalbum
pada www directory kalian.
Jika kalian klik Add New Album, maka akan muncul form untuk menginput data
album ke dalam database. Lihat Gambar 16.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Add New Album</title>
<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
<form action="insert_album.php" method="POST">
<font face="Tahoma" color="green" size="3"><b><br>Add New Album</b></font>
<table align="left">
<tr>
<td><font face="Tahoma" color="black" size="2">Title</font></td>
<td>:</td>
<td><input type="text" name="title" size="30"></td>
</tr>
<tr>
<td><font face="Tahoma" color="black" size="2">Artist</font></td>
<td>:</td>
<td><input type="text" name="artist" size="30"></td>
</tr>
<tr>
<td></td><td></td>
<td><input type="submit" value="Add">
<font face="Tahoma" color="green" size="2">
<a href="index.php" style="text-decoration:none">BacK</font></a>
</td>
</tr>
</table>
</form>
</body>
</html>
9
Gambar 16 Form Add New
Jika kalian isikan data pada Gambar 16 dan kalian tekan tombol Add, datanya tidak
akan masuk ke database, karena kita belum membuat koding untuk melakukan
insert ke tabel tbalbum. Oleh karena itu kerjakan langkah nomor 17.
17.Buat sebuah file .php lagi, lalu ketikkan Kode Program 4.
Kode Program 4 Insert Data
Simpan Kode Program 4 dengan nama: insert_album.php, simpan dalam folder
myalbum yang terletak pada www directory.
Sekarang coba kita tes untuk menginputkan album baru ke dalam database.
Caranya ya tinggal ketik aja pada form Add New Album. Lihat nih Gambar 17.
<?php
include "db_connect.php";
$title = $_POST['title'];
$artist = $_POST['artist'];
$query=mysql_query ("INSERT INTO tbalbum(title, artist)
VALUES ('$title','$artist')",$connection)or die (mysql_error());
if($query) {
?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
}
?>
10
Gambar 17 Add New Album
Setelah kalian isikan pada textfield-nya, jangan lupa tekan tombol Add, maka data
akan di-insert ke dalam tabel tbalbum dan setelah itu halaman akan langsung
dialihkan ke halaman index (mengalihkannya pake Java Script) lihat aja di Kode
Program 4 di baris agak bawah kan ada Java Script-nya kan… Nih hasilnya:
Gambar 18 Halaman Index (Hasil Insert)
Data baru yang barusan kita tambahkan sudah tersimpan dalam tabel tbalbum.
Kalian bisa menambahkan album baru lainnya dengan memilih link Add New Album.
18.Kalo kalian lihat, di halaman index kan ada link Delete dan Edit. 2 link itu ntar buat
menghapus dan meng-update album. Kita buat dulu untuk yang delete ya… Lakukan
langkah nomor 19.
11
19.Buat sebuah file .php dan ketikkan Kode Program 5.
Kode Program 5 Kode untuk Delete Album
Simpan Kode Program 5 dengan nama: delete.php, taruh dalam folder myalbum
pada www directory.
Jika kita ingin menghapus album, maka kita bisa menggunakan link Delete (misal
kita ingin menghapus album “Small Town Girl” dari artist “Kellie Pickler”, tinggal klik
aja link Delete pada baris album yang akan dihapus):
20.Untuk fungsi edit album, buat lagi 2 file .php dan ketikkan Kode Program 6 dan
Kode Program 7.
<?php
include "db_connect.php";
$id = $_GET['id'];
$query = "DELETE FROM tbalbum WHERE id = $id";
mysql_query($query);
?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
?>
12
Kode Program 6 Edit Album
Simpan Kode Program 6 dengan nama: edit.php dan simpan dalam folder myalbum
pada www directory kalian. Lanjutkan dengan Kode Program 7.
Kode Program 7 Update Album
Simpan Kode Program 7 dengan nama: update.php dan simpan dalam folder
myalbum pada www directory.
<?php
include "db_connect.php";
$id = $_GET['id'];
$query=mysql_query ("SELECT * FROM tbalbum WHERE id='$id'");
while ($row=mysql_fetch_array($query)){
$title = $row['title'];
$artist = $row['artist'];
echo "<html>";
echo "<body>";
echo "<font face='tahoma' color='green' size=4><b>Update Album</b></font>";
echo "<table align='left'>";
echo "<form method=\"post\" action=\"update.php?id=$id\" enctype='multipart/form-data'>";
echo "<br>";
echo "<tr><td><font face='Tahoma' color='black' size=2>Title
</font></td><td>:</td><td><input type='text' name='title' value='$title'
size='30'>&nbsp;</td></tr>";
echo "<tr><td><font face='Tahoma' color='black' size=2>Nama
</font></td><td>:</td><td><input type='text' name='artist' value='$artist'
size='30'>&nbsp;</td></tr>";
echo "<tr><td></td><td></td><td><font size='2'><input type='submit' name='submit'
value='Update'/></font></td></tr>";
echo "</table></form></body></html>";
}
?>
<?php
include "db_connect.php";
$id = $_GET['id'];
$title = $_POST['title'];
$artist = $_POST['artist'];
$query=mysql_query ("UPDATE tbalbum SET title='$title', artist='$artist' WHERE
id='$id'",$connection)or die (mysql_error());
if($query) {
?>
<script language="JavaScript">
document.location='index.php'</script>
<?php
}
?>
13
21.Cek apakah sudah bisa update atau belum, misal kita ingin mengedit album dengan
title “My World 2.0” dengan artist “Justin Bieber”, klik aja link Edit pada baris yang
ingin diedit dan akan muncul form untuk meng-update, ubah yang ingin diubah dan
tekan tombol Update:
Jika ingin menjalankan aplikasi ini, pastikan Wamp Server-nya sudah aktif kemudian
buka browser dan ketikkan alamat: http://localhost/myalbum/ dan tekan enter. Nanti
akan ditampilkan halaman utamanya (index).
Ya pokoknya gitu lah,, selamat mencoba ya teman-teman,, semoga jadi dan tidak
error. Hehehe.. Ini hanya tutorial sederhana untuk select, insert, update dan delete
menggunakan PHP - MySQL, ntar bisa teman-teman kembangkan sendiri untuk
membuat aplikasi web yang lebih lengkap. Mohon maaf jika ada kata-kata dalam
tutorial ini yang kurang berkenan, saya memang tidak pandai dalam merangkai kata…
Hehehe… Bye bye…
Profil Penulis:
>> God Bless You <<
Penulis adalah lulusan Fakultas Teknologi Informasi UKSW Salatiga angkatan 2006.
Sekarang saya sedang meniti karir sebagai dosen di Fakultas Teknologi Informasi - Universitas Kristen Satya
Wacana Salatiga.
Berikut ini CV singkat saya:
Nama Lengkap : Ramos Somya, S.Kom.
Alamat E-Mail : ramos.6005@gmail.com
Alamat Rumah : Jl. Kemiri III Gang Bambu RT. 03 RW. 11 Salatiga 50711 (Kalo mau kirim surat ke sini ya)
Facebook : Ramos Somya
Blog : ramos672006005.wordpress.com
Minat : Programming (Java, PHP, C#) & Database masih memperdalam ilmu lagi
Diposting oleh di Tidak ada komentar:

Jumat, 16 Maret 2012

cara membuat wab dengan Macromedia Dreamweaver

cara membuat web dengan menggunakan Macromedia Dreamweaver. Dibagian pertama tutorial berkelanjutan ini kita telah mengenal sekilas mengenai profil Dreamweaver sebagai salah satu software web design. Bahkan pembaca mungkin sudah mencoba mendownload dreamweaver cs4 yang merupakan versi terbaru saat posting ini saya rilis. Oke deh, saya asumsikan pembaca sudah mendownload dan sudah menginstal dreamweaver baik itu yang asli dan sudah di-purchase, trial, maupun yang versi tak asli yang serial number-nya didapat dari crack-crack-an, kayak saya ini :D. Atau kalau belum menginstal juga tidak masalah kok. Dreamweaver tidak membuat kita pintar, tapi kita yang membuat dreamweaver menjadi pintar. Gimana caranya? Dibagian ini kita akan mempelajari dasar-dasar dreamweaver untuk membuat website.

  1. Silahkan jalankan program Dreamweaver jika pembaca telah menginstalnya.
  2. Pada menu utama, pilih File --> New, maka akan muncul tampilan pilihan jenis dokumen baru yang ingin kita buat. Maksudnya adalah kita memilih apakah ingin membuat halaman web basic (statis), web dinamis (biasanya untuk web berbasis database), halaman template, dan lain-lain. Setiap kategori terdiri dari beberapa jenis dokumen. Menurut saya jenis ini dibedakan berdasarkan bahasa dan fungsi yang akan digunakan untuk halaman website yang akan kita buat. Karena saat ini kita mencoba belajar yang dasar terlebih dahulu, maka silahkan pilih kategori Basic Page dan jenisnya HTML.
  3. Tampilan layar desain Dreamweaver terdiri dari 3 jenis, yaitu code, split, dan design.
    Layar Code berfungsi sebagai tempat kita membuat halaman web dengan mengetik bahasa pemograman secara langsung. Artinya, layar inilah yang menampilkan struktur bahasa pemograman web yang dipakai pada halaman web yang sedang kita buat. Pada bagian design, kita membuat website dengan menggunakan menu-menu yang tersedia, misalnya menu menambahkan gambar, membuat tabel, mengatur tampilan tulisan, dan lain-lain. Kita tidak perlu mengetik bahasa pemograman halaman web yang kita buat karena secara otomatis, setiap kita menambahkan sebuah elemen, maka dreamweaver akan menerjemaahkannya kedalam kalimat-kalimat bahasa pemograman yang kita gunakan. Inilah keunggulan dreamweaver dibanding notepad, frontpage, dan mungkin yang lainnya. Karena pada dreamweaver sudah tersedia menu-menu yang siap pakai untuk mendesain halaman web. Selain itu, interface-nya juga sangat bagus dan mudah digunakan. Bagian split berguna untuk membagi halaman kerja dreamweaver menjadi 2, separuh untuk menampilkan layar code, dan separuh lagi menampilkan layar design. Hal ini berguna jika kita ingin mendesain halaman melalui layar design namun ingin melihat perubahan kode bahasa webnya, dan juga sebaliknya. Jika pembaca masuk ke layar Code, Anda akan melihat struktur HTML seperti yang pernah saya tunjukkan pada postingan yang ini. Sebagai contoh struktur:

    <title>Untitled Document</title>
    dimana struktur tersebut berfungsi untuk mendefenisikan judul halaman web kita yang akan muncul di title bar browser.
  4. Dibagian kiri atas dibawah menu File, terdapat menu dropdown yang terdiri dari beberapa pilihan. Pilihan ini berguna untuk memilih menu-menu desain yang akan kita gunakan. Misalnya kita ingin menambah gambar, maka pilih Common, maka disebelah kanannya akan muncul menu-menu bergambar yang bisa kita gunakan, salah satunya untuk memasukkan gambar ke halaman website.
  5. Coba pembaca masuk ke layar Design seperti yang saya jelaskan pada poin 3. Setelah memilih bagian tersebut, dibagian bawah pembaca akan melihat bagian Properties. Bagian ini berfungsi untuk mengatur tampilan dari elemen-elemen yang kita tambahkan kedalam halaman web yang kita buat. Menu-menu Properties ini hanya terlihat jika kita bekerja pada layar Design.
  6. Dibagian samping, terdapat pula bagian yang bernama Panel. Salah satu fungsi panel ini adalah untuk mengatur file-file web yang telah kita buat.
  7. Dibagian atas tepatnya disamping menu pilihan layar, ada kotak isian bernama Title. Bagian berfungsi untuk memberikan judul halaman web yang sedang kita buat yang akan muncul pada title bar browser.
    Fungsi ini sama seperti yang dijelaskan pada poin 3 diatas mengenai tag title. Coba pembaca ganti tulisan yang ada di kotak tersebut menjadi misalnya "Tutorial Website Dengan Dreamweaver". Setelah itu, kembali ke layar code dan lihat perubahan yang terjadi pada bagian tag <title>.
Diposting oleh di Tidak ada komentar:

cara membuat web dengan banyak cara

Yang harus diperhatikan, anda harus mengetahui apa tujuan anda membuat website, kemudian website seperti apa yang dapat anda untuk mencapai tujuan anda sendiri.
Dan tentu saja anda harus memikirkan bagaimana cara membuat websitenya.
Ada beberapa cara membuat website, yaitu:
•    Membuat website dengan Joomla
Jika anda ingin membuat website dengan joomla, yaitu website yang menggunakan system CMS atau Content Management System).
supaya website anda kelihatan professional, berikut hal-hal yang perlu diperhatikan jika anda ingin membuat website dengan Joomla:
Membuat pavicon.ico yang baru untuk mengganti pavicon standar joomla yang berwarna hitam, anda tinggal replace file sebelumnya dengan file pavicon anda yang baru.
Jangan lupa untuk membuat backup file database joomla dengan menggunakan PHPmyadmin. Menggunakan tombol Readmore, tombol ini untuk pengunjung yang akan mengunjungi website anda.
Memeriksa posisi file dan juga directory joomla, yang paling penting adalah akses. Jangan lupa untuk menonaktifkan atau melakukan uninstall component dan modul yang sudah tidak terpakai.
•    Membuat website dengan wordpress
Proses membuat website dengan wordpress sangat mudah, berikut adalah langkah- langkah yang dapat diambil:
Download software XAmpp lite di apachefriends atau xampp. Download wordpress versi terbaru. Menginstal XAmpp pada computer kita.
Kemudian menjalankan xampp-control.exe dan klik tombol start di samping kanan. Setelah membuka browser dan ketik http://localhost, pilih bahasa yang diinginkan.
Klik PHPmyadmin kemudian ketikkan alamat browser http://localhost/phpmyadmin/ Extract file wordpress ke c:\xampplite\htdocs, mengganti nama sesuai pilihan anda sendiri.
Setelah membuka browser yang baru akan muncul halaman baru dan klik lets go! Selanjutnya halaman success! Catat password yang muncul, kemudian mengisi password yang diminta dan klik login
•    Membuat website dengan php
Jika anda membuat website dengan PHP, maintenance dan proses update nya tidak sulit untuk dikerjakan. Terlebih lagi jika anda bersedia menunjukkan RSS feeds di dalam website yang anda buat, walaupun sama-sama menggunakan HTML.
RSS nya bisa dipilih yang menggunakan JavaScript. Terdapat versi PHP yang berbeda beda, tetapi yang umum digunakan adalah PHP Triad, satu yang harus diperhatikan sebelum menjalankan website PHP di computer milik anda jalankan terlebih dahulu Apache Web Server dulu.
Jika anda ingin mengetahui apakah PHP anda sudah berjalan atau belum, anda terlebih dahulu membuka browser dahulu. Kemudian ketikkan localhost di address bar. Tapi jangan lupa untuk menjalankan apache nya terlebih dahulu.
•    Membuat website dengan notepad
Pertama yang dilakukan jika anda ingin membuat website dengan notepad dengan membuka aplikasi notepad, kemudian klik tombol start menu pilih all program – accessories – notepad
•    Membuat website dengan dreamweaver
Walaupun anda mahir dengan coding, membuat website dengan dreamweaver jauh lebih mudah digunakan karena banyak fitur yang dapat dipakai daripada menggunakan notepad.
Berikut adalah langkah- langkah yang dapat diambil untuk membuat website dengan dreamweaver, pertama yang harus dilakukan adalah Macromedia Dreamweaver 8 disana akan ditampilkan IDE (Integrated Development Environment).
Setelah memilih menu Site kemudian New site, setelah itu mengisi nama website, selanjutnya anda dapat memilih Edit local copies setelah itu tekan tombol next kemudian tinggal melanjutkan langkah-langkah selanjutnya sesuai dengan petunjuk yang ada di Macromedia Dreamweaver 8 tersebut
•    Membuat website dengan FrontPage
jika anda ingin membuat website dengan frontpage, anda diminta untuk belajar memanfaatkan table, teks gambar hyperlink cara mengupload file dan juga konsep dasar HTML.
•    Membuat website dengan Photoshop
Pertama yang harus dilakukan jika anda ingin membuat website dengan Photoshop diawali dengan pembuatan layout halaman menggunakan Adobe Photoshop yang kemudian diolah dalam Macromedia Dreamweaver namun dapat ditambahkan menu pop up dengan menggunakan JavaScript.

Nama : Deka Yuliarti
Kelas : Mi.4E
Nim : 10.11.400
Diposting oleh di Tidak ada komentar:

Kamis, 15 Maret 2012

Artikel Pemograman Web

bahasa pemrograman web, diantarnya:
  1. HTML (Hypertext Markup Language)
    Ini adalah bahasa web yang wajib bagi webmaster. HTML terdiri dari tag-tag yang dapat dibaca dan diterjemahkan oleh browser. menghafal tag HTML bisa menguras energi. oleh karena itu, editor WYSIWYG seperti Dreamweaver dapat membantu meringankan tugas webmaster.
  2. XHTML (Extensible Hypertext Markup Language)
    XHTML adalah penyempurnaan dari HTML, karena itu jika sudah menguasai HTML, tidak sulit untuk mempelajari XHTML.
  3. Javascript
    Merupakan bahasa yang disisipkan diantara tag HTML. Javascript digunakan untuk memperluas fungsi-fungsi HTML sehingga website tampak lebih dinamis.
  4. CSS (Cascading style sheet)
    CSS digunakan untuk mempercantik halaman web. seperti halnya javascript, CSS merupakan bahasa yang disisipkan pada tag HTML.
  5. Middleware
    Perangkat lunak ini dapat menerjemahkan dan menjalankan bahasa pemrograman web tertentu serta memungkinkan berinteraksi dengan basis data. beberapa diantaranya adalah ASP, JSP, PHP, dan Perl.
Diposting oleh di Tidak ada komentar:

Artikel Pemograman Web

bahasa pemrograman web, diantarnya:
  1. HTML (Hypertext Markup Language)
    Ini adalah bahasa web yang wajib bagi webmaster. HTML terdiri dari tag-tag yang dapat dibaca dan diterjemahkan oleh browser. menghafal tag HTML bisa menguras energi. oleh karena itu, editor WYSIWYG seperti Dreamweaver dapat membantu meringankan tugas webmaster.
  2. XHTML (Extensible Hypertext Markup Language)
    XHTML adalah penyempurnaan dari HTML, karena itu jika sudah menguasai HTML, tidak sulit untuk mempelajari XHTML.
  3. Javascript
    Merupakan bahasa yang disisipkan diantara tag HTML. Javascript digunakan untuk memperluas fungsi-fungsi HTML sehingga website tampak lebih dinamis.
  4. CSS (Cascading style sheet)
    CSS digunakan untuk mempercantik halaman web. seperti halnya javascript, CSS merupakan bahasa yang disisipkan pada tag HTML.
  5. Middleware
    Perangkat lunak ini dapat menerjemahkan dan menjalankan bahasa pemrograman web tertentu serta memungkinkan berinteraksi dengan basis data. beberapa diantaranya adalah ASP, JSP, PHP, dan Perl.
Diposting oleh di Tidak ada komentar:

Artikel Pemograman Web

bahasa pemrograman web, diantarnya:
  1. HTML (Hypertext Markup Language)
    Ini adalah bahasa web yang wajib bagi webmaster. HTML terdiri dari tag-tag yang dapat dibaca dan diterjemahkan oleh browser. menghafal tag HTML bisa menguras energi. oleh karena itu, editor WYSIWYG seperti Dreamweaver dapat membantu meringankan tugas webmaster.
  2. XHTML (Extensible Hypertext Markup Language)
    XHTML adalah penyempurnaan dari HTML, karena itu jika sudah menguasai HTML, tidak sulit untuk mempelajari XHTML.
  3. Javascript
    Merupakan bahasa yang disisipkan diantara tag HTML. Javascript digunakan untuk memperluas fungsi-fungsi HTML sehingga website tampak lebih dinamis.
  4. CSS (Cascading style sheet)
    CSS digunakan untuk mempercantik halaman web. seperti halnya javascript, CSS merupakan bahasa yang disisipkan pada tag HTML.
  5. Middleware
    Perangkat lunak ini dapat menerjemahkan dan menjalankan bahasa pemrograman web tertentu serta memungkinkan berinteraksi dengan basis data. beberapa diantaranya adalah ASP, JSP, PHP, dan Perl.
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)