Dokumen tersebut memberikan tutorial dasar pembuatan website menggunakan bahasa pemrograman HTML dan database MySQL. Terdiri dari penjelasan tentang instalasi perangkat lunak XAMPP, struktur dasar dokumen HTML, dan cara membuat database serta autentikasi login menggunakan PHP dan MySQL.
Dokumen ini berisi laporan proyek pembuatan website pribadi bernama "AndraBlog" beserta databasenya. Website ini dibuat menggunakan bahasa PHP dan database MySQL untuk memenuhi tugas akhir mata pelajaran RPL.
Buku tips & trik adobe dreamweaver cs5.5 2012_rokiAmri Amri
Buku ini membahas tentang berbagai tip dan trik penggunaan Adobe Dreamweaver CS5.5 untuk membangun website. Buku ini terbagi menjadi 5 bab yang mencakup pengenalan Dreamweaver, pengelolaan layout dan konten, navigasi dan aset, penerapan CSS, serta pengelolaan form dan interaksi website.
Website Alam memberikan tutorial pembuatan website tentang alam dengan menggunakan bahasa pemrograman HTML. Tutorial ini membahas tentang instalasi perangkat lunak seperti XAMPP dan Adobe Fireworks, dasar-dasar HTML, rancangan aplikasi berupa flowchart dan desain, serta cara pembuatan website yang terdiri dari berbagai halaman seperti home, profile, photos, about us, dan berbagai kategori seperti pengertian alam, cara melestarikan alam, serta foto-foto keind
Dokumen ini berisi laporan proyek pembuatan website pribadi bernama "AndraBlog" beserta databasenya. Website ini dibuat menggunakan bahasa PHP dan database MySQL untuk memenuhi tugas akhir mata pelajaran RPL.
Buku tips & trik adobe dreamweaver cs5.5 2012_rokiAmri Amri
Buku ini membahas tentang berbagai tip dan trik penggunaan Adobe Dreamweaver CS5.5 untuk membangun website. Buku ini terbagi menjadi 5 bab yang mencakup pengenalan Dreamweaver, pengelolaan layout dan konten, navigasi dan aset, penerapan CSS, serta pengelolaan form dan interaksi website.
Website Alam memberikan tutorial pembuatan website tentang alam dengan menggunakan bahasa pemrograman HTML. Tutorial ini membahas tentang instalasi perangkat lunak seperti XAMPP dan Adobe Fireworks, dasar-dasar HTML, rancangan aplikasi berupa flowchart dan desain, serta cara pembuatan website yang terdiri dari berbagai halaman seperti home, profile, photos, about us, dan berbagai kategori seperti pengertian alam, cara melestarikan alam, serta foto-foto keind
Tutorial php membuat Aplikasi InventarisDeka M Wildan
Teks ini memberikan tutorial cara membuat aplikasi inventaris lab komputer berbasis web dengan bahasa pemrograman PHP. Terdiri dari 12 langkah mulai dari instalasi XAMPP, pembuatan database dan tabel, penulisan kode PHP untuk form input, simpan, tampil, edit dan hapus data.
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQLDoni Tobing
Dokumen tersebut memberikan panduan dasar mengenai HTML, PHP, dan database MySQL untuk pembuatan website berbasis web. Dokumen tersebut menjelaskan tag-tag dasar HTML, pengenalan PHP, penggunaan variabel dan looping dalam PHP, serta cara menghubungkan PHP dengan database MySQL.
Dokumen tersebut memberikan penjelasan tentang penggunaan HTML untuk membuat halaman web. Secara singkat, dokumen tersebut menjelaskan tentang tag-tag dasar HTML seperti <html>, <head>, <body>, dan tag-tag lainnya beserta fungsinya; cara membuat teks, daftar, tabel, gambar, dan tautan hyperlink menggunakan HTML.
Bab ini membahas penggunaan Microsoft FrontPage untuk membuat halaman web dasar. Tujuannya adalah memahami kelebihan dan kelemahan FrontPage serta belajar membuat tabel, link, dan gambar pada halaman web. Contoh yang diberikan menjelaskan cara membuat judul, daftar, tabel pizza, dan menambahkan link kontak, sekolah, dan navigasi pada halaman tentang pizza university.
Modul ini memberikan panduan untuk mengedit template website dengan PHP dan MySQL. Template digunakan untuk meningkatkan efisiensi waktu dan hasil desain. Langkah-langkahnya meliputi mencari template yang sesuai, mengunduh dan mengeditnya dengan mengubah link antar halaman dan menambahkan skrip PHP dan CSS.
Dokumen tersebut membahas tentang modul web design yang digunakan sebagai panduan dalam kursus webdesign. Modul ini mencakup penguasaan konsep file grafik, pemrograman web, dan membangun aplikasi berbasis web."
Ilmuwebsite.com html css-dari_akar_ke_daunHendi Alfiandi
Ebook ini membahas tentang generasi muda yang akan membangkitkan sistem khalifah. Ebook ini berisi bab-bab yang menjelaskan tentang HTML, CSS, dan contoh membuat website sederhana."
Langkah demi langkah menguasai html 5 (versi alpha)T Ghazali
1. Dokumen tersebut membahas pengantar HTML 5 dan penulisan dasar tag-tag HTML 5 seperti DOCTYPE, head, title, body, komentar, dan meta.
2. Tag-tag dasar lain seperti heading, paragraf, penekanan, gambar, iframe, tabel, dan form juga dibahas penulisan dasarnya.
3. HTML 5 berbeda dari versi sebelumnya dan memiliki fitur-fitur baru seperti multimedia dan interaktif untuk membuat konten web.
Dokumen tersebut merangkum tutorial penggunaan berbagai bahasa pemrograman dan teknologi web untuk membangun aplikasi penyimpanan file Cloudy Drive. Terdiri dari penjelasan tentang HTML, CSS, PHP, MySQL, dan cara mengupload file ke hosting web.
Un wiki es un sitio web colaborativo que permite a los usuarios editar y modificar contenido directamente desde el navegador. Los wikis permiten crear y mejorar páginas de forma inmediata para que más gente participe y contribuya al sitio. Aunque cualquier persona puede intervenir, los wikis toman medidas como registrar cambios y controlar permisos para optimizar la fiabilidad de la información.
O documento lista itens para um evento na Escola Duque de Caxias em Porto Velho, Rondônia, Brasil. Ele inclui números de identificação para brindes, decoração e coquetel.
El documento describe las características de las hojas, frutos y si son árboles de hoja caduca o perenne de ocho árboles diferentes: el negrillo tiene hojas compuestas, no tiene fruto y es de hoja caduca; el pino de Oregón tiene hojas simples, su fruto es la piña y es perenne; el guingo tiene hojas simples, no tiene fruto y es caducifolio; el roble tiene hojas simples, fruto de bellotas y es caducifolio.
This appears to be a school assignment titled "Best Work" from a student named Jaime Harper in Unit 4. The document likely contains Jaime Harper's best work or assignment that was completed for a class designated as Unit 4. No other contextual information is provided in the brief document title and header to determine the specific topic, content, or purpose of the assignment.
Tutorial php membuat Aplikasi InventarisDeka M Wildan
Teks ini memberikan tutorial cara membuat aplikasi inventaris lab komputer berbasis web dengan bahasa pemrograman PHP. Terdiri dari 12 langkah mulai dari instalasi XAMPP, pembuatan database dan tabel, penulisan kode PHP untuk form input, simpan, tampil, edit dan hapus data.
Panduan Pemrograman Berbasis Web dengan HTML, PHP, dan Database MySQLDoni Tobing
Dokumen tersebut memberikan panduan dasar mengenai HTML, PHP, dan database MySQL untuk pembuatan website berbasis web. Dokumen tersebut menjelaskan tag-tag dasar HTML, pengenalan PHP, penggunaan variabel dan looping dalam PHP, serta cara menghubungkan PHP dengan database MySQL.
Dokumen tersebut memberikan penjelasan tentang penggunaan HTML untuk membuat halaman web. Secara singkat, dokumen tersebut menjelaskan tentang tag-tag dasar HTML seperti <html>, <head>, <body>, dan tag-tag lainnya beserta fungsinya; cara membuat teks, daftar, tabel, gambar, dan tautan hyperlink menggunakan HTML.
Bab ini membahas penggunaan Microsoft FrontPage untuk membuat halaman web dasar. Tujuannya adalah memahami kelebihan dan kelemahan FrontPage serta belajar membuat tabel, link, dan gambar pada halaman web. Contoh yang diberikan menjelaskan cara membuat judul, daftar, tabel pizza, dan menambahkan link kontak, sekolah, dan navigasi pada halaman tentang pizza university.
Modul ini memberikan panduan untuk mengedit template website dengan PHP dan MySQL. Template digunakan untuk meningkatkan efisiensi waktu dan hasil desain. Langkah-langkahnya meliputi mencari template yang sesuai, mengunduh dan mengeditnya dengan mengubah link antar halaman dan menambahkan skrip PHP dan CSS.
Dokumen tersebut membahas tentang modul web design yang digunakan sebagai panduan dalam kursus webdesign. Modul ini mencakup penguasaan konsep file grafik, pemrograman web, dan membangun aplikasi berbasis web."
Ilmuwebsite.com html css-dari_akar_ke_daunHendi Alfiandi
Ebook ini membahas tentang generasi muda yang akan membangkitkan sistem khalifah. Ebook ini berisi bab-bab yang menjelaskan tentang HTML, CSS, dan contoh membuat website sederhana."
Langkah demi langkah menguasai html 5 (versi alpha)T Ghazali
1. Dokumen tersebut membahas pengantar HTML 5 dan penulisan dasar tag-tag HTML 5 seperti DOCTYPE, head, title, body, komentar, dan meta.
2. Tag-tag dasar lain seperti heading, paragraf, penekanan, gambar, iframe, tabel, dan form juga dibahas penulisan dasarnya.
3. HTML 5 berbeda dari versi sebelumnya dan memiliki fitur-fitur baru seperti multimedia dan interaktif untuk membuat konten web.
Dokumen tersebut merangkum tutorial penggunaan berbagai bahasa pemrograman dan teknologi web untuk membangun aplikasi penyimpanan file Cloudy Drive. Terdiri dari penjelasan tentang HTML, CSS, PHP, MySQL, dan cara mengupload file ke hosting web.
Un wiki es un sitio web colaborativo que permite a los usuarios editar y modificar contenido directamente desde el navegador. Los wikis permiten crear y mejorar páginas de forma inmediata para que más gente participe y contribuya al sitio. Aunque cualquier persona puede intervenir, los wikis toman medidas como registrar cambios y controlar permisos para optimizar la fiabilidad de la información.
O documento lista itens para um evento na Escola Duque de Caxias em Porto Velho, Rondônia, Brasil. Ele inclui números de identificação para brindes, decoração e coquetel.
El documento describe las características de las hojas, frutos y si son árboles de hoja caduca o perenne de ocho árboles diferentes: el negrillo tiene hojas compuestas, no tiene fruto y es de hoja caduca; el pino de Oregón tiene hojas simples, su fruto es la piña y es perenne; el guingo tiene hojas simples, no tiene fruto y es caducifolio; el roble tiene hojas simples, fruto de bellotas y es caducifolio.
This appears to be a school assignment titled "Best Work" from a student named Jaime Harper in Unit 4. The document likely contains Jaime Harper's best work or assignment that was completed for a class designated as Unit 4. No other contextual information is provided in the brief document title and header to determine the specific topic, content, or purpose of the assignment.
To create a budget, the document outlines several key factors:
1) The number of hours to be worked over 7 weeks of college plus 2 weeks of break at roughly 16 hours per week.
2) Research on typical freelance programming rates of £15-30 per hour led to setting a rate of £15-20 per hour plus expenses.
3) Expenses are estimated at £10 for weekly internet, £30 for weekly electric/gas, £20 for weekly food, and any travel expenses.
4) Based on the hours and rate, plus estimated weekly expenses of £60, the overall budget outlined is £20 per hour plus £60 expenses per week.
El documento presenta el portafolio de Daneyis Arias Cajar, profesora de español y literatura. Su objetivo en el diplomado es obtener más herramientas para mejorar el clima de aula en su escuela rural. Actualmente existe falta de competencias socioemocionales entre los estudiantes que lleva a conflictos y bajos resultados académicos. El documento propone actividades como el uso de videos y juegos de roles para enseñar el autocontrol y mejorar la conducta de los estudiantes.
1) The document discusses ethics in strategic intelligence and information security, outlining both ethical and unethical practices.
2) It provides definitions of environmental scanning as the acquisition and use of external information to help organizations understand changes and plan responses.
3) Guidelines are presented for ethical competitive intelligence activities like using public information sources, versus unethical practices like industrial espionage.
El documento habla sobre los valores y hábitos cívicos en la escuela. Explica que no solo se va al colegio para estudiar materias académicas, sino también para adquirir valores como convivir con compañeros, profesores y el personal del centro. Además, destaca que aunque la meta de todos es aprender y aprobar, esto es una responsabilidad compartida.
EDGE DETECTION IN RADAR IMAGES USING WEIBULL DISTRIBUTIONcsitconf
Radar images can reveal information about the shape of the surface terrain as well as its
physical and biophysical properties. Radar images have long been used in geological studies to
map structural features that are revealed by the shape of the landscape. Radar imagery also has
applications in vegetation and crop type mapping, landscape ecology, hydrology, and
volcanology. Image processing is using for detecting for objects in radar images. Edge
detection; which is a method of determining the discontinuities in gray level images; is a very
important initial step in Image processing. Many classical edge detectors have been developed
over time. Some of the well-known edge detection operators based on the first derivative of the
image are Roberts, Prewitt, Sobel which is traditionally implemented by convolving the image
with masks. Also Gaussian distribution has been used to build masks for the first and second
derivative. However, this distribution has limit to only symmetric shape. This paper will use to
construct the masks, the Weibull distribution which was more general than Gaussian because it
has symmetric and asymmetric shape. The constructed masks are applied to images and we
obtained good results.
Agréable pavillon, architecture en T, idéalement orienté avec piscine sur l’arrière et son pool-house parfaitement intégré à a construction et à l’environnement. Une grande terrasse couverte permet de profiter du jardin en toute saison. La chambre avec dressing a un accès direct sur la piscine . La cuisine ouverte fait partie de l’espace de vie sans en diminuer la surface et elle est éclairée par un puit de lumière.
Clean coal technology focuses on capturing and separating carbon dioxide emissions using three main methods: pre-combustion capture which uses a shift reactor to produce hydrogen gas and carbon dioxide that can then be separated; post-combustion capture where flue gas is filtered through an amine solution to capture carbon dioxide; and oxyfuel combustion which burns coal in oxygen to produce high concentrations of carbon dioxide in the flue gases that can then be captured.
La teoría del aprendizaje significativo de Ausubel sostiene que el aprendizaje es más efectivo cuando la nueva información se relaciona de manera sustantiva y no arbitraria con los conocimientos previos del estudiante. Para que el aprendizaje sea significativo, es necesario que la nueva información interactúe y se incorpore a la estructura cognitiva del estudiante de manera que pueda establecer conexiones entre conceptos. El papel del profesor es facilitar este proceso de asimilación mediante estrategias como la motivación
Compilation of photos of Publiflot race marks in the Volvo Ocean Race (2011-2...mbutton
This document contains a compilation of photos from the 2011-2012 Volvo Ocean Race. The photos were taken by Ian Roman and Paul Todd, the official photographers of the race. They capture various stages of the multi-leg race around the world including practice races, starting and finishing lines, and in-port races in cities such as Alicante, Cape Town, Abu Dhabi, Sanya, Auckland, Itajai, and Miami. PUBLIFLOT is thanking Volvo Ocean Race for trusting their products for this challenging global sailing event.
Modul ini memberikan panduan tentang web design dan pemrograman. Materi yang dibahas mencakup konsep file grafik, dasar-dasar pemrograman web, perintah pemrograman web, dan cara membangun aplikasi berbasis web."
Avenged Sevenfold adalah band metalcore asal Amerika Serikat. Album ketiga mereka City of Evil dirilis tahun 2005 dan mendapatkan kesuksesan besar dengan single "Bat Country". Kesuksesan album ini membawa mereka menjadi headliner di festival musik ternama seperti Ozzfest. Album self-titled keempat mereka dirilis 2007 dan terjual lebih dari 500.000 kopi.
Teks ini memberikan panduan dasar tentang membuat website, mulai dari manfaat memiliki website, langkah-langkah membuatnya, dan pengenalan dasar bahasa HTML untuk membuat struktur dan format teks dalam website."
1. Dokumen tersebut merupakan laporan proyek aplikasi website klub renang yang dikerjakan oleh siswa SMK.
2. Terdapat instalasi software pengembang XAMPP, rancangan aplikasi berupa flowchart, dan pembuatan aplikasi website beserta databasenya.
3. Aplikasi website tersebut terdiri dari 6 menu utama.
Dokumen tersebut memberikan panduan dasar untuk membuat website sederhana dengan menggunakan bahasa HTML. Dokumen tersebut menjelaskan pengenalan tag-tag dasar HTML seperti <HTML>, <BODY>, <TITLE> beserta fungsinya. Dokumen tersebut juga mendemonstrasikan cara mengubah format teks seperti mengubah warna latar belakang, ukuran, tebal, miring dan garis bawah menggunakan tag-tag tertentu.
Aplikasi pemesanan kamar hotel ini memudahkan pelanggan dan admin dalam proses pemesanan dan pengelolaan kamar. Pelanggan dapat melihat detail kamar dan melakukan pemesanan secara online, sedangkan admin dapat melihat data pelanggan yang melakukan pemesanan melalui antarmuka administrasi. Aplikasi ini dibuat menggunakan bahasa pemrograman HTML, CSS, JavaScript, PHP dan database MySQL.
PHP adalah bahasa script yang berjalan pada server side. PHP mendukung berbagai tipe data seperti integer, string, array, objek, dan boolean. Variabel dalam PHP bersifat dinamis dan case sensitive. Terdapat berbagai operator yang dapat digunakan untuk mengolah variabel seperti operator aritmatika, increment, decrement, dan logika.
[/ringkasan]
PHP adalah bahasa script yang berjalan pada server side. PHP mendukung berbagai tipe data seperti integer, string, array, objek, dan boolean. Variabel dalam PHP bersifat dinamis dan case sensitive. Terdapat berbagai operator aritmatika, increment/decrement, dan logika untuk melakukan perhitungan dan pengolahan data dalam PHP.
[/ringkasan]
1. SMK Negri 1 depok
Tutorial WEB
Nama: Muhammad esa panghegar
Kelas : X RPL I
2. kata pengantar
Puji syukur kami panjatkan atas kehadirat Allah SWT yang telah melimpahkan rahmat dan
hidayatnya , sehingga nakalah ini dapat tersusun walaupun masih dalam bentuk yg sangat sederhana
Makalah ini disusun untuk memenuhi tugas mata pelajaran Produktif RPL yang berjudul "TUTORIAL
WEBSITE". Dengan makalah ini diharapkan siswa dapar lebih kreatif dalam mengembangkan wawasan
dan pengetahuan. Penulis juga mengucapkan banyak terimakasih kepada semua pihak yg telah
membantu, sehingga makalah ini dapat terselesaikan.
Penulis menyadari makalah ini masih sangat sederhana baik bentuk maupun isinya, sehingga penulis
mengharapkan masukan dan saran demi kesempurnaan makalah ini
akhir kata penulis berharap makalah ini bermanfaat bagi penulis pembaca pada umumnya.
Depok , 22 mei 2013
Muhammad Esa Panghegar
4. ______________________________________________________________________________
Bab I instalasi software pengembang dan
1.Xampp
Langsung saja kita akan membahas tutorial untuk menginstall XAMPP.
1. Download XAMPP disini (Pilih versi yang terbaru kemudian pilih yang versi terbaru)
Kemudian pilih yang installer dengan format exe (kalau bingung pilih saja yang pendownloadnya
paling banyak) disini saya mendownload versi 1.8.0
2. Setelah Proses download selesai kemudian klik 2 kali installer tersebut.
5. 3. Pilih bahasa yang anda gunakan kemudian klik OK
4. Kemudianakan muncul jendela selamat datang lalu klik next
6. 5. Pilih lokasi berkas penyimpanan letak XAMPP kemudian klik next
6. Centag pada semua pilihan seperti dalam gambar kemudian klik install
7. Proses instalasi sedang berjalan
7. 8. Proses instalasi telah selesai kemudian klik finish
9. XAMPP sudah berjalan
10. Sekarang kita coba untuk mengecek apakah benar benar sudah berjalan atau belum, caranya buka
beowser anda kemudian buka alamat http://localhost. Jika anda menemukan tampilan seperti ini di
bawah berarti XAMPP sudah terinstall dengan baik di komputer anda.
______________________________________________________________________________
10. Bab III Pembuatan web
Pengertian
1. PERISTILAHAN/GLOSSARY
Animation : Animasi dari beberapa gambar diam dibuat seperti hidup
tanpa ada patah-patah dalam pergerakannya.
header : Merupakan kepala atau bagian atas dari sebuah web
site.
Download : Proses pengambilan file atau mengcopy file.
Effect : Tindakan yang dikerjakan untuk menghaluskan atau
memperindah animasi pada obyek.
Event : Tindakan yang dilakukan setelah adanya action.
Export : Merubah jenis format ke bentuk yang lain.
Format : Bentuk ektensi dari jenis file.
Frame : Bagian dari Timeline.
Grouping : Mengumpulkan beberapa obyek untuk dijadikan satu.
HTML : Hypertext Markup Language, bahasa penanda hipertext
Insert : Memasukkan jenis file kedalam bidang kerja SWiSHmax.
Installation manual : Petunjuk Instalasi
Keyframe : Pada dasarnya hampir sama dengan frame. Hanya saja
untuk Key frame lebih menunjukkan untuk satu frame.
License Agreement : Persetujuan lisensi penggunaan suatu
software tertentu
Movie : File yang dibuat dalam SWiSHmax.
Object : Benda yang sedang dikerjakan dalam bidang kerja
SWiSHmax.
Operand : data yang dioperasikan atau dimanipulasi.
Operator : simbol/tanda yang digunakan untuk melakukan operasi-
operasi matematis atau operasi string.
Player : Untuk memainkan animasi yang telah dibuat.
Preview : Melihat hasil yang telah dikerjakan.
Scane : Satu movie merupakan satu Scane.
Search Engine : Mesin bantu pencarian data.
Server : Pelayan, Komputer induk yang bertugas untuk melayani
komputer-komputer klien.
Software : Perangkat lunak, program yang berjalan di komputer.
Source Code : Kode asli suatu program
Time Line : Garis waktu atau pewaktuan yang terdapat dalam
SwiSHmax.
Web design : Pembuatan/desain halaman-halaman web.
11. Dasar Pembuatan web
Memahami dasar-dasar pemrograman berbasis web
Tujuan Kegiatan Pemelajaran
Mengerti fitur-fitur software bahasa pemrograman dan fungsinya untuk
mengelola halaman web.
Mampu membuat struktur dokumen dengan tag HTML.
Peserta diklat dapat mengenali dan memahami fungsi obyek-obyek web dan
tag-tag HTML dalam pembuatan halaman-halaman web yang meliputi:
Memformat dokumen dan menambahkan objek
Membuat tabel dan frame
Membuat dan membangkitkan Link
Peserta diklat dapat mengenali dan memahami fitur-fitur pengelolaan
file halaman web.
Peserta diklat dapat melakukan kombinasi tag-tag HTML dengan obyek-
obyek lain untuk membangun halaman web yang disimpan dalam format
HTML.
Pembuatan HTML(Hypertext Markup Language)
HTML atau Hypertext Marksup Language merupakan salah satu format yang
digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman
web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan
disebut sebagai Markup Language yakni bahasa yang mengandung tanda
(tag) tertentu yang digunakan untuk mengatur format tampilan suatu
dokumen.
HTTP atau Hypertext Transfer Protokol merupakan protokol yang
digunakan untuk mentransfer data atau document yang berformat HTML
dari web server ke browser (Internet Explorer, Netscape Navigator,
NeoPlanet, dll). Dengan HTTP inilah yang memungkinkan Anda menjelajah
internet dan melihat halaman web.
Untuk membuat dokumen HTML hanya dibutuhkan sebuah aplikasi teks
editor biasa. Namun sekarang ini di pasaran terdapat banyak sekali
HTML authoring (software yang digunakan untuk membuat atau mendesain
halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage
sekedar contohnya. Tetapi tanpa mengetahui dasar-dasarnya Anda tidak
akan memperoleh hasil yang maksimal. Mengapa? Karena walaupun
software-software tersebut semakin menawarkan kemudahan dalam membuat
halaman web, tetapi biasanya seseorang masih perlu untuk mengedit
halaman web tersebut secara manual. Terutama untuk halaman web yang
sangat komplek.
Dalam tutorial ini Anda akan kami ajak untuk mengetahui dasar-dasar
dari desain web. Yang dibutuhkan hanya sebuah word processor. Anda
bisa menggunakan Notepad, WordPad, MS Word atau yang lainnya. Tapi
yang paling mudah adalah menggunakan Notepad. Setelah anda memahami
betul semua tag-tag dasar html, diakhir nanti kita akan belajar
membuat halaman web dengan menggunakan web tool.
Struktur Dasar Html
12. Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara
tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan
</namatag> (terdapat tanda "/"). Struktur dasar dokumen HTML berisi
elemen-elemen atau tag sebagai berikut:
<html>
<head>
<title>Judul Form/Caption</title>
</head>
<body>
ISI WEB
</body>
</html>
klik save lalu berikan nama Index.HTML contoh
jika sudah maka kembangkanlah seperti ini, ini adalah contoh scrip
web saya yg berjudul alfrida.com
<html>
<head>
<title>Alfrida.com</title>
</head>
<body background="bg/bg.JPG">
<font face=arial size=6 color=white>
<center><b><img src="header/header2.png"><br></center>
<font face=arial size=4 color=blue>
<font face=arial size=1 color=white>
<hr>
<center>| <a href=index.html><img src="menu/home.PNG"></a>
| <a href=galery.html><img src="menu/galery.PNG"></a>
| <a href=pemesanan.html><img src="menu/pemesanan.PNG"></a> |</center>
<hr>
<center>
13. <marquee><font face="Arial" size="7" color="Red" style="strong"><img
src="banner/ea.png"></font></marquee>
<table border=0 cellpadding=1>
<td width="550" align="center"><font size="5" color
="white"><b>WELCOME IN Alfrida.com<small> </small></td>
<td width="240" align="center"><font size="5"color
="white"></td>
</tr>
<tr>
<td height="68"><p class="entry"><font size="5" color
="white"> Ini adalah website pemesanan baju/kaos terbaru , disini
anda akan mendapatkan pemesanan dengan harga murah dan sangat
berkualitas, usaha online ini berbasis internasional , yg berawal dari
keisengan semata , website ini
saya buat untuk usaha yg sedang kami rintis ini, alfrida adalah nama
belakang dari kekasih,
dan usaha ini dirintis oleh kami berdua,dan kami disiini menawarkan
banyak produk untuk anda sekalian , untuk lebih lanjut
silahkan menghubungi saya lewat email : eghha.esha@gmail.com silahkan
chek galery untuk melihat" baju dan klik pemesanan untuk memesan
pakaian yg anda pilih thx </p></td>
</tr>
<tr>
<td height="68"> </td>
<td> </td>
</tr>
<tr>
<td height="23" align="center"><font size="5" color
="white">Posted On April<small> 14th, 2013 By Admin</small></td>
<td align="center"><font size="5" color ="white"></td>
</tr>
14. <tr>
<td height="68"><span class="entry"><font size="5" color
="white">Alfrida.com menyediakan banyak baju baju terbaru yg kami
produksi maupun dari luar , untuk melihat produk kami silahkan
mengechek ke halaman Galery dan memilih mana yg kalian suka dan
pesanlah melalui halaman pemesanan dan jangan lupa mencantumkan alamat
lengkap dan nomor tlp untuk kami menghubungi anda ^^ </td><ul>
<ul><td valign="top"><font size="5" color ="white"><ul>
</p></td>
</tr>
</table>
<hr>
<center><img src="footer/banner0.png" width="1000"
height="200"></center>
</body>
</html>
nanti akan tampil seperti
15.
16. jangan lupa juga untuk menyatukan gamabr' di satu folder , dan memilah
mana gambar" yg akan anda masukan contoh
selanjutnya pembuatan data base
1. Pertama tama aktifkan dulu xampp nya agar bisa berjalan proses
database nya.
17. 2. Lalu kalo sudah dirunning kan MySql nya buka google chrome lalu
tulis di website nya localhost setelah muncul akan menampilkan seperti
ini :
3. Setelah tampilan localhost muncul lalu klik phpMyadmin seperti
digambar dibawah ini :
18. 4. Setelah phpMyadmin nya sudah di klik maka akan muncul tampilan
seperti ini dan kemudian klik sql untuk mengisi sebuah database.
5. Kemudian membuat database seperti tampilan dibawah ini lalu klik go
:
6. Setelah klik go kemudian akan muncul seperti ini dan anda lalu klik
nama database yang anda bikin tadi seperti gambar dibawah ini :
19. 7. Setelah sudah diklik bukutamu1 nya akan muncul seperti ini dan klik
sql lagi :
8. Lalu script nya diisi di sql untuk membuat sebuah alamat dan ketik
lalu di go seperti dibawah ini
9. Lalu kalau sudah muncul klik alamat kemudian klik sql untuk membuat
isi alamat kemudian klik go tersebut :
20. 10. Setelah di go akan muncul tanda success bahwa database tersebut
jadi .
setelah itu klik export yang berada di kanan atas lalu muncul dan jika
sudah muncul langsung klik go seperti ini
lalu buat
<html>
<head>
<title>Alfrida.com</title>
</head>
<body>
<body background="bg/bg.jpg">
<center><b><img src="header/header2.png"><br></center>
<table cellpadding="0" cellspacing="0" bordercolor="#ffffff"
width="100%" height="115">
<tr>
<td width="100%" height="115" bordercolor="#C0C0C0"
body background=""> </tdcenter><center><font
face="50's Headline DSG"color="white"><h1>Selamat datang di
alfrida.com</h1></center>
</tdcenter><center><font face="50's Headline
DSG"color="white"><h1>Silahkan login </h1></center> <center>
<p>
21. <font face="times new roman" color="blue" size="4"
style="bold">
<form action="ceklogin.php" method="POST">
user id
: <input type="text" name="username"><br>
password : <input type="password"
name="password"><br>
<input type="submit" value="OK">
</form>
</tr>
</table>
</body>
</html>
save dengan nama "Login.HTML"
lalu buat lagi
cek logiin
dengan script
<?php
include "koneksi.php";
$username = $_POST['username'];
$password = $_POST['password'];
$sql = "select * from login where username='$username' and
password='$password'";
$query = mysql_query($sql);
$query = mysql_num_rows($query);
if(empty($username) || empty($password) ){
echo "<script>window.alert('maaf anda gagal untuk login');
window.location=('login.html'); </script>";}
else{
22. if($query> 0){
header('location:index.html');
} else {
echo "<script>window.alert('maaf anda gagal untuk login');
window.location=('login.html'); </script>"; }
}
?>
save dengan nama "cheklogin.php'
dan satu lagi untuk koneksi database
<?php
$hostname ='localhost' ;
$username ='root' ;
$password ='' ;
$database ='esaa';
$connect = mysql_connect($hostname,$username,$password) ;
mysql_select_db($database,$connect);
?>
save dengan nama "koneksi.php"