• Tidak ada hasil yang ditemukan

TURORIAL LENGKAP INSTAL DAN BUAT WEB SEB

N/A
N/A
Protected

Academic year: 2018

Membagikan "TURORIAL LENGKAP INSTAL DAN BUAT WEB SEB"

Copied!
100
0
0

Teks penuh

(1)

Semoga Bermanfaat

Segala Pujian Hanya Milik Alloh SWT

(2)

Efek - awal-hujan-deras.mp3

TURORIAL LENGKAP PEMULA

INSTAL DAN BUAT WEB SEBAGAI

DEVELOPER WEB DENGAN ADOBE

DREAMWEAVER CS 6

2017

(3)

CARA INSTAL DREAMWEAVER CS 6 LENGKAP

(4)

INSTAL

(5)
(6)

KLIK INSTAL

LALU TUNGGU PROSES INSTAL

(7)

JIKA HABIS TRIAL SILAHKAN MASUKAN SERIAL NUMBER JIKA ADA

(8)

CARA UNTUK MASUK MESKI TIDAK ADA SERIAL NUMBER

SILAHKAN DOWNLOAD ATAU CARI DI

GOOGLE amtlib.dll

LALU PINDAHKAN CARANYA KLIK KANAN

LALU CUT/COPY FILE amtlib.dll KE FOLDER

C/PROGRAM FILES/ADOBE/ Adobe

Dreamweaver CS6 LALU PASTE CARANYA

KLIK KANAN PASTE ATAU TEKAN

(9)

LALU KLIK MOVE REPLACE

LALU CLOSE ATAU QUIT KLIK YES

(10)

LALU KLIK ICON ADOBE DREAMWEAVER CS 6

(11)

PILIH MANAGE SITUS

(12)

ISI NAMA SITUS

DAN LOKASI SITUS

CONTOH : NAMA SITUS contoh

DAN LOKASI SITUS

C:\xampp\htdocs\contoh

(13)

LALU TEKAN ICON TANDA PLUS ATAU TAMBAH

(14)

PILIH LOCAL NETWORK

LALU

(15)

ISI WEB URL DENGAN :

http://localhost/contoh

LALU SAVE

(16)

LALU PILIH NAMA SITUS TADI contoh

(17)

PILIH HTML ATAU PHP

LALU KETIK CONTOH LALU SIMPAN DI

(18)

LALU BUKA MOZILA ATAU BROWSER

(19)

PILIH BAHASA

(20)

LALU NEXT

(21)

KLIK PADA BAGIAN 3 INSTAL DI BAWAH SERVIS SELECTION LALU INSTAL

(22)

KLIK FINIS

(23)
(24)

CEK FOLDE C

(25)

LALU KETIK localhost

(26)

LALU KETIK DI TAB BARU ATAU BROWSER BARU localhost/contoh

(27)

HASIL

(28)

PILIH BAGIAN OPEN RECENT ITEM

contoh/contoh.html

LALU PILIH BAGIAN PAGE PROPERTIES

(29)

KLIK BROWSER UNTUK MEMBERI GAMBAR BACKGROUND WEBSITE

(30)

KLIK YES

LALU SAVE DI POLDER CONTOH

(31)

TAMPILAN

JIKA SUDAH KLIK OK

(32)

BUKA BROWSER LALU KETIK

http://localhost/contoh/contoh.html

TAMPILAN BACKGROUND UNTUK WEBSITE

BUKA ADOBE DREAMWEAVER CS 6

(33)

LALU KLIK SPLIT

(34)

UNTUK EDITING CODING WEBSITE

KETIK ATAU EDIT DI BAGIAN

<title>Untitled Document</title>

MENJADI

<title>WEBSITE CONTOH</title>

UNTUK MERUBAH JUDUL ATAU MEMBERI JUDUL WEBSITE

(35)

LALU BUKA BROWSER

KETIK

(36)

TAMPILAN JUDUL WEBSITE

SILAHKAN BERIMAJINASI DAN

KREATIVITAS DALAM EDITING ATAU PENAMBAHAN MEDIA DI WEBSITE

TANPA BATAS DAN PERHATIKAN BAGIAN MORAL MANFAAT UNTUK KHALAYAK

UMUM KHUSUS NYA PUBLIK.

CARA BUAT DATABASE

SIMPAN,HAPUS,EDIT,TAMBAH

(37)

KLIK LOCALHOST

LALU PILIH PHPMYADMIN

(38)

BUAT NAMA TABEL DAN JUMLAH TABEL

NAMA TABEL : Contoh

(39)

ISI FIELD DENGAN

Id DAN Nama

JENIS ID : int

JENIS NAMA : Char

(40)

LALU KLIK SIMPAN UNTUK MENAMBAH

TABEL KLIM GO

(41)
(42)

KLIK INSERT UNTUK NAMPILKAN TABEL ATAU DATA

(43)

PILIH DYNAMIC TABEL

(44)

PILIH SCAN

BUAT RECORDSET

(45)

KLIK NEW

(46)
(47)

KLIK OK

(48)

KLIK DONE

(49)
(50)

LIHAT GAMBAR

KLIK OK

(51)

LALU SAVE

DENGAN NAMA contoh.php

(52)

COBA BUKA DI BROWSER DENGAN LINK

http://localhost/contoh/

PILIH DAN KLIK contoh.php

(53)

JIKA DATANYA BELUM DI INPUT MAKA HASILNYA KOSONG.

CARA BUAT INPUT DATA KE DATABASE

KLIK INSERT LALU PILIH INSERT RECORD

LALU INSERT RECORD INSERTION FORM

(54)

KLIK BROWSER

(55)
(56)

LIHAT GAMBAR

(57)
(58)

CARA BUAT HAPUS DATA DI DATABASE

(59)

KLIK BROSER PILIH contoh.php

ISI DATA

BUKA BROWSER

(60)

UPDATE UNTUK UBAH DAN INSERT UNTUK TAMBAH

(61)

HASIL

DAN UBAH DATA DI DATABASE

SECARA OTOMATIS

(62)

UBAH DATA

LALU KLIK Update record

(63)

BERI NAMA TABEL

CARA NYA BUAT NAMA LALU GUNAKAN

(64)

LALU SIMPAN

ATAU PASANG CODE INI

<p align="center">UBAH</p> DI BAGIAN

CODE

LIHAT GAMBAR

LALU BUKA BROWSER

KETIK

(65)

LIHAT GAMBAR

(66)

BUKA ADOBE DREAMWEAVER CS 6

KLIK KANAN PADA BAGIAN KOLOM NAMA

LALU PILIH TABEL LALU PILIH INSER ROWS

DAN COLUMNS PADA BAGIAN TAMPILAN TABEL

LIHAT GAMABR

(67)

LALU BLOK Hapus LALU KLIK INSERT

KLIK HYPERLINK

(68)

BROWSER

PILIH contoh.php LALU OK

(69)

LALU OK

(70)

KLIK PARAMETERS

(71)
(72)

LALU OK

LALU SIMPAN

LALU BUKA CODE

LIHAT GAMBAR

(73)

MENJADI

HAPUS BAGIAN WILAYAH CODE DELETE

$deleteGoTo = “contoh.php”; MENJADI

$deleteGoTo = “”;

DAN

Header (sprintf(“Location: %s”,

(74)

Header (sprintf(“”, $deleteGoTo));

LALU SIMPAN

BUKA BROWSER KETIK

http://localhost/contoh/contoh.php

LIHAT GAMBAR

LALU KLIK Hapus

(75)

LIHAT GAMBAR

INI HANYA SEBAGAI CONTOH DIMANA DATABASE BISA KITA INPUT ATAU

MENAMBAHKAN LEWAT TABEL DI

(76)

LALU PERBAHARUI TAMPILAN WEBSITE

(77)
(78)

<?php require_once('Connections/koneksi.php'); ?>

<?php

if (!function_exists("GetSQLValueString")) {

function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")

{

if (PHP_VERSION < 6) {

$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;

}

$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);

switch ($theType) {

JIKA MENGALAMI ERROR DI BAGIAN CODE SILAHKAN COPY CODE LALU PASTE DI

BAGIAN CODE.

CARANYA HAPUS SEMUA CODE LAMA

(79)

SILAHKAN PILIH GAMBAR DAN INPUT LAGI UNTUK BACKGROUND WEBSITE.

UNTUK DATABASE SILAHKAN COPY CODE LALU SIMPAN DI Notepad FORMAT

DENGAN contoh.sql

SE

SEMOGA BERMANFAAT.

MOHON MAAF JIKA ADA KESALAHAN KEPADA ALLOH SAYA MOHON.

-- phpMyAdmin SQL Dump

-- version 2.11.9.2

-- http://www.phpmyadmin.net

--

-- Host: localhost

-- Waktu pembuatan: 04. Nopember 2017 jam 18:17

-- Versi Server: 5.0.67

(80)

CODE LENGKAP UNTUK WILAYAH BAGIAN

if (!function_exists("GetSQLValueString")) {

function GetSQLValueString($theValue,

$theType, $theDefinedValue = "",

(81)

if (PHP_VERSION < 6) {

$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;

}

$theValue =

function_exists("mysql_real_escape_strin

g") ?

mysql_real_escape_string($theValue) :

mysql_escape_string($theValue);

switch ($theType) {

case "text":

$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";

(82)

case "long":

case "int":

$theValue = ($theValue != "") ? intval($theValue) : "NULL";

break;

case "double":

$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";

break;

case "date":

$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";

break;

case "defined":

(83)

break;

}

return $theValue;

}

}

$editFormAction = $_SERVER['PHP_SELF'];

if (isset($_SERVER['QUERY_STRING'])) {

$editFormAction .= "?" .

htmlentities($_SERVER['QUERY_STRING']);

}

(84)

$insertSQL = sprintf("INSERT INTO contoh (id, nama) VALUES (%s, %s)",

GetSQLValueString($_POST['id'], "int"),

GetSQLValueString($_POST['nama'], "text"));

mysql_select_db($database_koneksi, $koneksi);

$Result1 = mysql_query($insertSQL,

$koneksi) or die(mysql_error());

$insertGoTo = "contoh.php";

(85)

$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";

$insertGoTo .=

$_SERVER['QUERY_STRING'];

}

header(sprintf("Location: %s",

$insertGoTo));

}

if ((isset($_POST["MM_update"])) && ($_POST["MM_update"] == "form2")) {

$updateSQL = sprintf("UPDATE contoh SET nama=%s WHERE id=%s",

(86)

GetSQLValueString($_POST['id'], "int"));

mysql_select_db($database_koneksi, $koneksi);

$Result1 = mysql_query($updateSQL, $koneksi) or die(mysql_error());

$updateGoTo = "contoh.php";

if (isset($_SERVER['QUERY_STRING'])) {

$updateGoTo .= (strpos($updateGoTo, '?')) ? "&" : "?";

$updateGoTo .=

$_SERVER['QUERY_STRING'];

(87)

header(sprintf("Location: %s", contoh WHERE id=%s",

GetSQLValueString($_GET['id'], "int"));

mysql_select_db($database_koneksi, $koneksi);

$Result1 = mysql_query($deleteSQL,

(88)

$deleteGoTo = "";

if (isset($_SERVER['QUERY_STRING'])) {

$deleteGoTo .= (strpos($deleteGoTo, '?')) ? "&" : "?";

$deleteGoTo .=

$_SERVER['QUERY_STRING'];

}

header(sprintf("", $deleteGoTo));

}

mysql_select_db($database_koneksi, $koneksi);

$query_contoh = "SELECT * FROM contoh";

(89)

$row_contoh = mysql_fetch_assoc($contoh);

$totalRows_contoh =

mysql_num_rows($contoh);

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD

XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xht ml1-transitional.dtd">

<html

xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type"

content="text/html; charset=utf-8" />

<title>WEBSITE CONTOH</title>

(90)

body {

backgroun d-image: url(Untitled.png);

}

</style>

</head>

<body>

<p align="center">CONTOH </p>

<p align="center">UBAH</p>

<form action="<?php echo

$editFormAction; ?>" method="post" name="form2" id="form2">

<div align="center">

(91)

<tr valign="baseline">

<td><input type="text" name="nama"

value="<?php echo

htmlentities($row_contoh['nama'],

ENT_COMPAT, 'utf-8'); ?>" size="32" /></td>

</tr>

(92)

<td nowrap="nowrap" align="right">&nbsp;</td>

<td><input type="submit" value="Update record" /></td>

</tr>

</table>

<input type="hidden"

name="MM_update" value="form2" />

<input type="hidden" name="id" value="<?php echo $row_contoh['id']; ?>" />

</div>

</form>

(93)

<form action="<?php echo $editFormAction; ?>" method="post" name="form1" id="form1">

<div align="center">

<table align="center">

<tr valign="baseline">

<td nowrap="nowrap"

align="right">Id:</td>

<td><input type="text" name="id" value="" size="32" /></td>

</tr>

<tr valign="baseline">

<td nowrap="nowrap"

align="right">Nama:</td>

(94)

</tr>

<tr valign="baseline">

<td nowrap="nowrap"

align="right">&nbsp;</td>

<td><input type="submit" value="Insert record" /></td>

</tr>

</table>

<input type="hidden"

name="MM_insert" value="form1" />

</div>

</form>

<p align="center">TAMPILAN</p>

<div align="center">

(95)

<tr>

<td width="71">id</td>

<td width="92">nama</td>

<td width="85">Pengaturan</td>

</tr>

$row_contoh['nama']; ?></td>

<td><a href="contoh.php?id=<?php

echo $row_contoh['id']; ?>"

target="_self">Hapus</a></td>

(96)

<?php } while ($row_contoh = mysql_fetch_assoc($contoh)); ?>

</table>

(97)

SILAHKAN COPY CODE

LALU PASTE DI Notepad DAN SIMPAN DENGAN FORMAT ATAU NAMA contoh.sql

-- phpMyAdmin SQL Dump

-- version 2.11.9.2

-- http://www.phpmyadmin.net

--

-- Host: localhost

-- Waktu pembuatan: 04. Nopember 2017 jam 18:17

-- Versi Server: 5.0.67

-- Versi PHP: 5.2.6

SET

(98)

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHA RACTER_SET_CLIENT */;

/*!40101 SET

@OLD_CHARACTER_SET_RESULTS=@@C HARACTER_SET_RESULTS */;

/*!40101 SET

@OLD_COLLATION_CONNECTION=@@CO LLATION_CONNECTION */;

/*!40101 SET NAMES utf8 */;

--

-- Database: `contoh`

(99)

-- ---

--

-- Struktur dari tabel `contoh`

--

CREATE TABLE IF NOT EXISTS `contoh` (

`id` int(1) NOT NULL,

`nama` varchar(10) NOT NULL,

PRIMARY KEY (`id`)

) ENGINE=MyISAM DEFAULT

(100)

--

-- Dumping data untuk tabel `contoh`

Gambar

GAMBAR BACKGROUND WEBSITE
TABEL KLIM GO
TABEL

Referensi

Dokumen terkait

Berdasarkan penelitian yang telah dilakukan, dapat disimpulkan bahwa telah dihasilkan bahan ajar berbentuk e-modul berbasis inkuiri terstruktur tentang gerak dan gaya

Variabel dalam penelitian ini adalah potensi Wisata Pantai Way Saral Kecamatan Krui Selatan Kabupaten Pesisir Barat tahun 2014, yaitu potensi wisata pantai dengan

Jumlah biji per petak tidak berbeda di antara ketiga kultivar lokal kacang tanah asal Petir, asal Malingping, dan asal Cikeusal tanpa diberi dan diinokulasi FMA

Sedangkan pembaca dengan tipe active reader merupakan mereka yang menilai koran tidak hanya sekedar bacaan pengisi waktu luang dan sebagai sumber informasi

Dijelaskan pula dalam pasal 5 ayat (3) surat perjanjian termaksud, bahwa pihak PERTAMINA tidak berkewajiban untuk mengirimkan produk-produknya kepada pengusaha SPBU

Pada penelitian ini, peneliti melakukan pendekatan dengan cara observasi partisipan yang mengharuskan peneliti ikut dalam kegiatan Sapu Jagad 2017 yang mana

Dalam animasi pendek, penceritaan dianjurkan untuk menggunakan satu atau dua karakter saja, tempat atau lokasi yang terbatas, dan hanya ada satu konflik yang

Tepung campuran memiliki sifat mudah menyerap atau mengikat air karena memiliki kandungan gluten yang cukup banyak (Permatasari dkk, 2009). Butiran beras sintetis