Web
A. Web Application
Dalam rekayasa perangkat lunak, suatu aplikasi web (web application atau sering disingkat webapp) adalah suatu aplikasi yang diakses menggunakan penjelajah web (web browser)melalui suatu jaringan seperti Internet atau intranet.
B. Apa itu INTERNET?
Internet adalah jaringan komputer yang terhubung secara global (seluruh dunia) dengan menggunakan TCP/IP sebagai protokol pertukaran paket data.
C. Apa itu WEBSITE
Website adalah kumpulan dari halaman-halaman web, yang terangkum dalam sebuah domain(nama alamat situs web), yang berada di WWW (World Wide Web) di Internet.
D. Web Statis
Web Statis adalah Halaman web statis tidak mengubah isi dan tata letak dengan setiap permintaan kecuali seorang programmer secara manual update halaman. Halaman HTML sederhana adalah contoh dari konten statis.
E. Web Dinamis
Web Dinamis adalah Halaman web dinamis beradaptasi konten atau tampilan tergantung pada interaksi input end-user atau perubahan dalam lingkungan komputasi pengguna, waktu, database modifikasi, dll.
F. Konten Dinamis
Konten dinamis sering dikompilasi pada server menggunakan bahasa script sisi server seperti Perl, PHP, ASP, JSP, ColdFusion, dll. Kedua pendekatan biasanya digunakan dalam aplikasi yang kompleks.
- Apa itu PHP?
-PHP adalah PHP Hypertext Preprocessor
-PHP adalah bahasa scripting server-side, seperti ASP
-Skrip PHP dijalankan di server
-PHP mendukung banyak database (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC,
dll)
-PHP merupakan perangkat lunak open source
-PHP gratis untuk didownload dan digunakan
-PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun
sebuah CMS (Conten Management System)
-File PHP dapat berisi teks, tag HTML dan skrip
-PHP file dikembalikan ke browser sebagai HTML biasa
-PHP file memiliki ekstensi file ".php"
-PHP adalah bahasa scripting server-side, seperti ASP
-Skrip PHP dijalankan di server
-PHP mendukung banyak database (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC,
dll)
-PHP merupakan perangkat lunak open source
-PHP gratis untuk didownload dan digunakan
-PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat digunakan untuk membangun
sebuah CMS (Conten Management System)
-File PHP dapat berisi teks, tag HTML dan skrip
-PHP file dikembalikan ke browser sebagai HTML biasa
-PHP file memiliki ekstensi file ".php"
G. Mengapa PHP?
-PHP berjalan pada platform yang berbeda (Windows, Linux, Unix, dll)
-PHP kompatibel dengan hampir semua server yang digunakan hari ini (Apache, IIS, dll)
-PHP adalah GRATIS untuk men-download dari sumber resmi PHP: www.php.net
-PHP mudah dipelajari dan berjalan efisien pada sisi server
-PHP kompatibel dengan hampir semua server yang digunakan hari ini (Apache, IIS, dll)
-PHP adalah GRATIS untuk men-download dari sumber resmi PHP: www.php.net
-PHP mudah dipelajari dan berjalan efisien pada sisi server
H. Untuk Memulai
-Instal Apache (atau IIS), menginstal PHP, dan MySQL atau bisa juga dengan hanya menginstall XAMPP
yang didalamnya sudah terpaket semua software
tersebut.
yang didalamnya sudah terpaket semua software
tersebut.
-Install Wordpress offline sebagai CMS (Content Management System).
I. HTML
Hypertext Markup Language me rupakan standard bahasa yg di- gunakan untuk menampilkan document web, yang bisa anda lakukan dengan HTML yaitu:
- Mengontrol tampilan dari web page dan contentnya.
- Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.
- Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.
- Menambahkan object-object seperti image, audi, video dan juga java applet dalam document HTML.
J. Browser dan Editor
- Browser
Browser merupakan software yang di install di mesin client yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Browser yang sering di gunakan biasanya Internet Explorer, Netscape Navigator dan masih banyak yang lainya.
- Editor
Program yang di gunakan untuk membuat document HTML, ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad++.
K. TAG-TAG HTML
Command HTML biasanya disebut TAG, TAG digunakan untuk menentukan tampilan dari
document HTML.
<begin tag> </end tag>
Contoh: Setiap document HTML di awali dan di akhiri dengan tag HTML.
<html>
. . .
</html>
Tag tidak case sensitive, jadi anda bisa gunakan <HTML> atau <html> keduanya menghasilkan output yang sama.
Bentuk dari tag HTML sebagai berikut:
<element attribute = value>
Contoh: <body bgcolor=red>
body merupakan element, bgcolor(Background) merupakan atribut yang memiliki nilai red.
document HTML.
<begin tag> </end tag>
Contoh: Setiap document HTML di awali dan di akhiri dengan tag HTML.
<html>
. . .
</html>
Tag tidak case sensitive, jadi anda bisa gunakan <HTML> atau <html> keduanya menghasilkan output yang sama.
Bentuk dari tag HTML sebagai berikut:
<element attribute = value>
- Element : nama tag
- Attribute : atribut dari tag
- Value : nilai dari atribut.
Contoh: <body bgcolor=red>
body merupakan element, bgcolor(Background) merupakan atribut yang memiliki nilai red.
L. STRUKTUR HTML DOCUMENT
Document HTML bisa di bagi mejadi tiga bagian utama:
1. HTML
Setiap document HTML harus di awali dan di tutup dengan tag HTML
<html></html>
tag HTML memberi tahu browser bahwa yang di dalam kedua tag tersebut adalah document HTML.
2. HEAD
Bagian header dari document HTML di apit oleh tag <head></head> di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser.
Selain itu Bookmark juga megunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan ¡§title¡¨ sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title di gunakan sebagai keyword.
Header juga memuat tag META yang biasanya di gunakan untuk menentukan informasi tertentu mengenai document HTML, anda bias menentukan author name, keywords, dan lainyan pada tag META.
Contoh :
<META name="Author" contents="Bocah Gunung">
Author dari document tersebut adalah "Bocah Gunung"
Atribut http-equiv dapat di gunkan untuk meletakkan nama HTTP Server atribut untuk menciptakan HTTP header.
1. HTML
Setiap document HTML harus di awali dan di tutup dengan tag HTML
<html></html>
tag HTML memberi tahu browser bahwa yang di dalam kedua tag tersebut adalah document HTML.
2. HEAD
Bagian header dari document HTML di apit oleh tag <head></head> di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya browser.
Selain itu Bookmark juga megunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan ¡§title¡¨ sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title di gunakan sebagai keyword.
Header juga memuat tag META yang biasanya di gunakan untuk menentukan informasi tertentu mengenai document HTML, anda bias menentukan author name, keywords, dan lainyan pada tag META.
Contoh :
<META name="Author" contents="Bocah Gunung">
Author dari document tersebut adalah "Bocah Gunung"
Atribut http-equiv dapat di gunkan untuk meletakkan nama HTTP Server atribut untuk menciptakan HTTP header.
Contoh:
<META http-equiv=¨Expires¨content=¨Wed, 7 May 2003 20:30:40 GMT¨>
yang akan menciptakan HTTP header :
Expires: Wed, 7 May 2003 20:30:40 GMT
Sehingga jika documents di cached, HTTP akan megetahui kapan untuk mengapdate document tersebut pada cache.
<META http-equiv=¨Expires¨content=¨Wed, 7 May 2003 20:30:40 GMT¨>
yang akan menciptakan HTTP header :
Expires: Wed, 7 May 2003 20:30:40 GMT
Sehingga jika documents di cached, HTTP akan megetahui kapan untuk mengapdate document tersebut pada cache.
M. BODY
Document body di gunakan untuk menampilkan text, image link dan semua yang akan di tampilkan
pada web page.
pada web page.
1. TAG LINK pada HTML
N. BASIC HTML ELEMENT1. Block Level Element
Block level element yang sering di gunakan : Heading (H1 sampai H6)
Contoh:
2. Paragraf (P)
Contoh:
3. List Item(LI)
List item di gunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak
berurutan (unordered list).
Ada tiga macam list yang bisa anda tambahkan ke document HTML:
a. Unordered List (Bullet) :
Contoh :
b. Ordered List (Numbering)
Contoh :
c. Definition List
Definition List terdiri diapit oleh tag <DL> ¡K </DL> dan <DT> tag menentukan definition term serta
<DD> tag menentukan definition itu sendiri.
Contoh :
4. Horizontal Rules(HR)
Horizontal Rule tag digunakan untuk menggambar garis horizontal dalam document HTML.
5. Pemformatan Page
a. Break
Tag <BR> di gunakan untuk memulai baris baru pada document HTML, tag ini fungsinya mirip dengan
carriage return.
Contoh:
b. Font
Dengan tag <FONT> anda bisa menentukan format tampilan font dalam document HTML seperti color,
size, style dan lainya. Contoh:
c. Color
Color merupakan attribute yang bisa anda tambahkan pada beberapa element seperti body, font, link
dan lainya. Color di bagi dalam tiga ketegori warna primer yaitu red, green dan blue. Masing-masing
color didefinisikan dalam dua digit hexadecimal number.
#RRGGBB
d. Alignment
Align attribute digunakan untuk menentukan perataan object dalam document HTML baik berupa text,
object, image, paragraph, division dan lain-lain.
e. Format text
Physical Formatting
Quotes / Indentasi
Untuk membuat indentasi paragraph kita bisa menggunakan BLOCKQUOTE, untuk indentasi pendek
anda bisa gunakan element Q.
Contoh:
6. Preformatted text
Tag PRE di gunakan untuk menampilkan text sesuai dengan format aslinya. Contoh:
7. Grouping element
Tag DIV dan SPAN di gunakan untuk mengelompokkan elementelement HTML. Span digunakan untuk
mendefinisikan inline content sementara div digunakan untuk block-level content.
Contoh:
List item di gunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak
berurutan (unordered list).
Ada tiga macam list yang bisa anda tambahkan ke document HTML:
a. Unordered List (Bullet) :
Contoh :
b. Ordered List (Numbering)
Contoh :
c. Definition List
Definition List terdiri diapit oleh tag <DL> ¡K </DL> dan <DT> tag menentukan definition term serta
<DD> tag menentukan definition itu sendiri.
Contoh :
4. Horizontal Rules(HR)
Horizontal Rule tag digunakan untuk menggambar garis horizontal dalam document HTML.
Contoh :
5. Pemformatan Page
a. Break
Tag <BR> di gunakan untuk memulai baris baru pada document HTML, tag ini fungsinya mirip dengan
carriage return.
Contoh:
b. Font
Dengan tag <FONT> anda bisa menentukan format tampilan font dalam document HTML seperti color,
size, style dan lainya. Contoh:
c. Color
Color merupakan attribute yang bisa anda tambahkan pada beberapa element seperti body, font, link
dan lainya. Color di bagi dalam tiga ketegori warna primer yaitu red, green dan blue. Masing-masing
color didefinisikan dalam dua digit hexadecimal number.
#RRGGBB
d. Alignment
Align attribute digunakan untuk menentukan perataan object dalam document HTML baik berupa text,
object, image, paragraph, division dan lain-lain.
e. Format text
Physical Formatting
Logical Formatting
Quotes / Indentasi
anda bisa gunakan element Q.
Contoh:
6. Preformatted text
Tag PRE di gunakan untuk menampilkan text sesuai dengan format aslinya. Contoh:
7. Grouping element
Tag DIV dan SPAN di gunakan untuk mengelompokkan elementelement HTML. Span digunakan untuk
mendefinisikan inline content sementara div digunakan untuk block-level content.
Contoh:
0 komentar:
Posting Komentar