Jumat, 09 September 2016

web developmet

http://www.tutorialspoint.com/web_development_tutorials.htm

Tutorial Point

http://www.tutorialspoint.com/http://www.tutorialspoint.com/

html colur code

http://htmlcolorcodes.com/

boootstrap responsive website

http://www.w3schools.com/bootstrap/default.asp
<div class="jumbotron text-center">
  <h1>My First Bootstrap Page</h1>
  <p>Resize this responsive page to see the effect!</p>
</div>
<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <h3>Column 1</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-sm-4">
      <h3>Column 3</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
  </div>
</div>

html example

HTML Examples


HTML Basic
HTML document
HTML headings
HTML paragraphs
HTML links
HTML images

HTML Attributes
The title attribute
The href attribute
The width and height attributes
The alt attribute
Attribute without quotes
Attribute without quotes does not work

HTML Headings
HTML headings
HTML horizontal rules
HTML head

HTML Paragraphs
HTML paragraphs
More HTML paragraphs
The use of line breaks in HTML
Poem problems (some problems with HTML formatting)
How to control the line breaks and spaces with the <pre> tag

HTML Styles
HTML styles
HTML background color
HTML text color
HTML text font
HTML text size
HTML text alignment


HTML Text Formatting
Bold formatting using the <b> element
Strong formatting using the <strong> element
Italic formatting using the <i> element
Emphasized formatting using the <em> element
Small formatting using the <small> element
Marked formatting using the <mark> element
Marked deleted using the <del> element
Marked inserted using the <ins> element
Marked deleted and inserted using <del> and <ins>
Subscript formatting using the <sub> element
Superscript formatting using the <sup> element

HTML Quotations and Citations
Formatting short quotations with the <q> element.
Formatting quoted sections with the <blockquote> element.
Formatting document author/owner information with the <address> element
Formatting abbreviations and acronyms the <abbr> element
Formatting work title with the <cite> element
Formatting text direction with the <bdo> element

HTML Computercode Elements
Keyboard input formatting using the <kbd> element
Computer output formatting using the <samp> element
Programming code formatting using the <code> element
Programming code formatting preserving whitespace and line-breaks
Variable formatting using the <var> element

HTML Comments
Hidden comments
Conditional comments
Comments for debugging

HTML CSS
HTML with inline CSS
HTML with internal CSS
HTML with external CSS
HTML with CSS fonts
HTML with CSS using the id attribute
HTML with CSS using the class attribute
HTML and CSS borders
HTML and CSS padding
HTML and CSS margin
HTML and CSS full demo

HTML Links
Linking, using an absolute URL
Linking, using a relative URL
Changing the color of links
Removing the underline from links
Changing the target of a link
An image as a link
Creating a bookmark link
A link that breaks out of a frame
A mailto link
A mailto link with subject

HTML Images
The Mountain
An image height and width using attributes
An image height and width using CSS
An image height and width using both
An image in another folder
An image with a broken link
An image on another server
Using an image as a link
A moving image
An image map with clickable regions
A floating image

HTML Tables
Basic HTML tables
A table with borders
A table with collapsed borders
A table with cell padding
A table with headings
A table with left-aligned headings
Horizontal/Vertical table headings
A table with a caption
Table cells that span more than one column
Table cells that span more than one row
A table with cell spacing
A table with HTML tags inside
Tables with different style using id I
Tables with different style using id II
Tables with different style using class I
Tables with different style using class II

HTML Lists
An unordered list (default)
An unordered list with disc bullets
An unordered list with circle bullets
An unordered list with square bullets
An unordered list without bullets
An ordered list (default)
An ordered list with numbers
An ordered list with letters
An ordered list with lowercase letters
An ordered list with roman numbers
An ordered list with lowercase roman numbers
A description list
A nested list I
A nested list II
A horizontal list
A horizontal list menu

HTML Block and inline elements
Styling <div> elements
Styling <span> elements

HTML Classes
Classing <div> elements I
Classing <div> elements II
Classing <span> elements

HTML Layout
Layout using float
Layout using flexbox
Layout using flexbox 2
Layout using flexbox 3

HTML IFrame
Inline frame (a frame inside an HTML page)

HTML head Elements
A valid HTML document with no <html> <body, and <head>
A valid HTML document with no <head> element
The <title> element defines the document title
The <style> element contains style information
The <link> element defines a relationship to an external resource
The <meta> element defines special meta information
The <script> element defines client-side JavaScripts
The <base> element defines the base URL for all URLs

HTML Scripts
Insert a script
Use of the <noscript> tag

HTML Forms
Form with text input
Form with radio button input
Form with text fields and a submit button
Form with a text fields without a name attribute
Grouping Form Data
Send e-mail from a form

HTML Form Elements
A simple drop-down list
A drop-down list with a pre-selected value
A textarea (a multi-line text input field)
An input button
Using the <datalist> Element
Using the <keygen> Element
Using the <output> Element

HTML Input Types
Input type text
Input type password
Input type radio
Input type checkbox
Input type button
Input type number - with restrictions
Input type number - with steps
Input type date - with date picker
Input type date - with restrictions
Input type color - with color picker
Input type range
Input type month
Input type week
Input type time
Input type datetime
Input type datetime-local
Input type email
Input type search
Input type tel
Input type url


HTML Input Attributes
The autocomplete attribute
The novalidate attribute
The autofocus_attribute
The form attribute
The formaction attribute
The formenctype attribute
The formmethod attribute
The formnovalidate attribute
The formtarget attribute
The height and width attributes
The list attribute
The min and max attributes
The multiple attribute
The pattern attribute
The placeholder attribute
The required attribute
The step attribute

HTML5 Canvas
Draw on the canvas with JavaScript
Draw a line with lineTo()
Draw a circle with arc()
Draw a text with fillText()
Draw a text with strokeText()
Draw a linear gradient
Draw a circular gradient
Draw an image with drawImage()

HTML5 SVG
SVG Circle
SVG Rectangle
SVG Rounded Rectangle
SVG Star
SVG Logo

HTML5 Media
Play Bunny
Play bear video with controls
Play bear video with autoplay
Play Horse sound with controls

HTML5 Geolocation
Get geolocation coordinates
Handle geolocation errors
Get geolocation with a map
Get geolocation with Google map script
Get geolocation and watch the position

HTML5 Local Storage
Store a name permanently
Store a counter permanently
Store a counter for one session

More HTML5 Examples
HTML5 drag and drop
HTML5 application cache
HTML5 web workers
HTML5 server sent events

sumber : http://www.w3schools.com/html/html_examples.asp 
PHP scripts are executed on the server.

What You Should Already Know

Before you continue you should have a basic understanding of the following:
  • HTML
  • CSS
  • JavaScript
If you want to study these subjects first, find the tutorials on our Home page.

What is PHP?

  • PHP is an acronym for "PHP: Hypertext Preprocessor"
  • PHP is a widely-used, open source scripting language
  • PHP scripts are executed on the server
  • PHP is free to download and use
PHP is an amazing and popular language!
It is powerful enough to be at the core of the biggest blogging system on the web (WordPress)!
It is deep enough to run the largest social network (Facebook)!
It is also easy enough to be a beginner's first server side language!

What is a PHP File?

  • PHP files can contain text, HTML, CSS, JavaScript, and PHP code
  • PHP code are executed on the server, and the result is returned to the browser as plain HTML
  • PHP files have extension ".php"

What Can PHP Do?

  • PHP can generate dynamic page content
  • PHP can create, open, read, write, delete, and close files on the server
  • PHP can collect form data
  • PHP can send and receive cookies
  • PHP can add, delete, modify data in your database
  • PHP can be used to control user-access
  • PHP can encrypt data
With PHP you are not limited to output HTML. You can output images, PDF files, and even Flash movies. You can also output any text, such as XHTML and XML.

Why PHP?

  • PHP runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.)
  • PHP is compatible with almost all servers used today (Apache, IIS, etc.)
  • PHP supports a wide range of databases
  • PHP is free. Download it from the official PHP resource: www.php.net
  • PHP is easy to learn and runs efficiently on the server side
source : http://www.w3schools.com/php/php_intro.asp

HTML Example

http://www.w3schools.com/html/html_examples.asp

koneksi PHP dan Mysql

http://www.nulis-ilmu.com/2014/11/membuat-koneksi-database-mysql-dengan-php.html

Membuat Koneksi Database MySQL Dengan PHP

Sebelum melakukan operasi pada database MySQL, kita harus terkoneksi lebih dahulu dengan database tersebut. Proses koneksi dengan database dimulai dengan proses login dan kemudian membuka sebuah database. Semua proses itu kita kerjakan melalui script, jadi tidak seperti saat login ke phpMyAdmin. Untuk login ke server database kita memerlukan nama host, nama user dan password baru kemudian kita mencoba menghubungkan dengan salah satu database pada database server.

PHP menyediakan beberapa cara untuk membuat koneksi dengan database yaitu dengan fungsi mysql_connect(), fungsi mysqli_connect() dan koneksi dengan PDO. Yang sama dari ketiga jenis koneksi tersebut kita tetap membutuhkan parameter penting untuk koneksi yaitu host, user, password. Khusus untuk PDO kita bisa langsung menyebut nama database pada koneksi.

Fungsi mysql_connect() merupakan bagian dari fungsi-fungsi mysql extension sedangkan fungsi mysqli_connect() merupakan bagian dari mysqli extension. Untuk penggunaan mysql extension saat ini dianjurkan untuk tidak lagi digunakan, sebagai gantinya digunakan mysqli extension. Huruf i pada mysqli berarti improved, artinya telah di-improve atau diperbaiki.

Koneksi database menggunakan mysql_connect dan mysql_select_db.

Pada mysql_connect kita hanya menghubungkan ke server database melalui nama host, nma user dan password. Dan untuk memilih database yang akan dibuka kita harus menggunakan fungsi lain yaitu fungsi mysql_select_db(). Saat ini fungsi mysql_connect() sudah diperbaiki pada mysqli extension dengan mysqli_connect().

Cara penulisan mysql_connect

mysql_connect(nama_host, nama_user, password);

Cara penulisan mysql_select_db

mysql_select_db(nama_database, koneksi_sql);

Contoh script penggunaan fungsi mysql_connect() dan mysql_select_db()

  1. <?php    
  2. //membuat definisi dari masing-masing parameter  
  3. $dbHost = 'localhost';    
  4. $dbUser = 'root';    
  5. $dbPass = '123';    
  6. $dbName = 'test';   
  7.   
  8. //mulai koneksi mysql  
  9. $dbLink = mysql_connect($dbHost$dbUser$dbPass );    
  10. if ($dbLinkecho "Koneksi MySQL Berhasil ...<br/>";   
  11. else die('Koneksi MySQL Gagal: ' . mysql_error());    
  12.   
  13. //mulai koneksi database  
  14. $dbSelected = mysql_select_db($dbName$dbLink);    
  15. if ($dbSelectedecho "Koneksi Database Berhasil ...<br/>";    
  16. else die ('Koneksi Gatabase Gagal: ' . mysql_error());  
  17.   
  18. //membuat query membaca record dari tabel user  
  19. $query="SELECT * FROM user";  
  20.   
  21. //menjalankan query  
  22. $result=mysql_query($query);  
  23.   
  24. //menampilkan hasil query  
  25. while($row = mysql_fetch_array($result)) {   
  26.   echo $row["nama"] . "<br/>"; }    
  27. ?>    

Koneksi database menggunakan mysqli_connect

Fungsi mysqli_connect merupakan bagian dari mysqli extension yang merupakan pengembangan dan perbaikan dari mysql extension. Mysqli extension sudah termasuk saat kita menginstal PHP5. Dalam koneksi menggunakan mysqli_connect terdapat opsi database, jadi kita bisa langsung terhubung dengan database dengan sekali perintah tanpa perlu fungsi mysql_select_db().

Cara penulisan mysqli_connect

mysqli_connect(nama_host, nama_user, password, nama_database);

Contoh script penggunaan mysqli_connect()

  1. <?php    
  2. //membuat definisi dari masing-masing parameter  
  3. $dbHost = 'localhost';    
  4. $dbUser = 'root';    
  5. $dbPass     = '123';    
  6. $dbName = 'test';    
  7.   
  8. //mulai koneksi mysql dan database  
  9. $dbLink = mysqli_connect($dbHost$dbUser$dbPass ,$dbName);    
  10. if ($dbLinkecho "Koneksi MySQL Berhasil ...<br/>";    
  11. else die('Koneksi MySQL Gagal: ' . mysql_error());    
  12.   
  13. //membuat query membaca record dari tabel user  
  14. $query = "SELECT * FROM user";     
  15.   
  16. //menjalankan query  
  17. $result = mysqli_query($dbLink$query);   
  18.   
  19. //menampilkan hasil query  
  20. while($row = mysqli_fetch_array($result)) {   
  21.   echo $row["nama"] . "<br/>";   
  22. }     
  23. ?>    

Koneksi database menggunakan PDO

PDO adalah singkatan dari PHP Data Object. Dengan PDO kita bisa melakukan koneksi ke beberapa jenis database termasuk MySQL. Jadi jika kita menggunakan beberapa jenis database, penggunaan PDO lebih dianjurkan. Selain itu jika dikemudian hari kita merubah database kita cukup melakukan sedikit perubahan pada parameter koneksi PDO.

Cara penulisan koneksi PDO

$conn = new PDO("mysql:host=nama_host;dbname=nama_database", nama_user, password);

Contoh script penggunaan koneksi PDO

  1. <?php    
  2. //membuat definisi dari masing-masing parameter    
  3. $dbHost = 'localhost';    
  4. $dbUser = 'root';    
  5. $dbPass     = '123';    
  6. $dbName = 'test';    
  7.   
  8. //menjalankan koneksi sql    
  9. try {    
  10.   $dbLink = new PDO("mysql:host=$dbHost;dbname=$dbName"$dbUser$dbPass);    
  11.   echo "Koneksi MySQL Berhasil...<br/>";     
  12.   }    
  13. catch(PDOException $e)    
  14.   {    
  15.   echo $e->getMessage();    
  16.   }    
  17.   
  18. //membuat query    
  19. $query = "SELECT * FROM user";     
  20.   
  21. //menampilkan hasil query    
  22. try {    
  23.  $query = $dbLink->prepare($query);    
  24.  $query->execute();    
  25.  while($data = $query->fetch()) {    
  26.      echo $data['nama']."<br/>";    
  27.  }    
  28. }    
  29. catch (PDOException $e) {echo $e->getMessage();}    
  30. ?>     
Referensi :
sumber :  http://www.nulis-ilmu.com/2014/11/membuat-koneksi-database-mysql-dengan-php.html

Sekolah Web

http://www.w3schools.com/js/js_operators.asp

http://www.nulis-ilmu.com/p/tutorial-php-form.html

http://www.nulis-ilmu.com/p/tutorial-php-form.html

Cara Membuat dan Menjalankan File PHP

Cara Membuat dan Menjalankan File PHP

Setelah mengenal PHP dan Web Server selanjutnya kita akan membuat file PHP secara sederhana lalu mencoba menjalankanya pada browser. Untuk membuat file PHP kita cukup menggunakan aplikasi text editor seperti saat membuat file HTML, lalu menyimpannya dengan ekstensi .php(dot php). Jika kita tidak menyimpan file tersebut dengan ekstensi .php meskipun berisi script php maka web server tidak akan mengeksekusinya.

Kemudian untuk bisa dijalankan, file tersebut harus diletakkan pada folder localhost, misalnya pada linux secara default berada pada /var/www. Sebelumnya menjalankannya, pastikan dulu kita telah berhasil menginstal web server dan php. Dalam penulisan script php kita harus mengacu pada aturan penulisan php yang telah dijelaskan pada artikel sebelumnya. Untuk mempermudah proses belajar php biasanya saya membuat folder php pada folder web server, misal /var/www/php.

Contoh file PHP sederhana untuk menguji web server dan mengetahui versi php yang diinstal :

  1. <?php    
  2. echo phpinfo();    
  3. ?>    
Simpan file tersebut dengan ekstensi .php, misal 1.php lalu taruh pada folder php di localhost kemudian jalankan file tersebut pada browser. Jika benar akan tampil halaman PHP Version beserta informasi dan konfigurasinya seperti ini:


Cara penulisan dan penempatan script PHP pada file PHP

Dalam menulis kode script php pada file .php ada dua cara yaitu semi php dan full php. Keduanya mempunyai kelebihan dan kekurangan. Mana yang dipilih, tentu sesuai keinginan dan kebutuhan serta kemudahan masing-masing programmer.

Cara penulisan semi php

Maksudnya cara semi php berarti kita menulis kode php disisipkan pada kode html. Jadi walaupun filenya php namun isinya adalah kode html. Kemudian disela-sela kode html tersebut kita sisipkan kode php.

Contoh penulisan semi php :

  1. <!DOCTYPE html>     
  2. <html>     
  3. <head>     
  4. <title>Ini adalah title window</title>     
  5. <body>     
  6. <h1>Contoh penulisan semi php</h1>     
  7. <p>Ini adalah Paragraf yang ditulis dengan html</p>     
  8. <?php echo "<p>Ini adalah Paragraf yang ditulis dengan php</p>"; ?>    
  9. </body>     
  10. </html>     
Simpan file tersebut lalu jalankan pada browser, jika benar akan tampil berikut ini:


Pada contoh diatas terlihat paragraf yang ditulis dengan php dan yang tidak tampak sama jika dijalankan pada browser. Perbedaannya hanya pada penulisan kodenya saja. Jadi meskipun isinya kode html tetap bisa ditampilkan oleh browser.

Cara penulisan full php

Ini merupakan cara penulisan yang seluruhnya menggunakan kode php. Semua kode ditulis dengan aturan php dengan tetap mengacu pada aturan html. Maksudnya kita tetap harus membuat head dan body lalu aturan tag-tagnya juga harus mengikuti kaidah-kaidah penulisan html. Perbedaan dengan cara semi php adalah tag-tag ini ditulis dengan perintah echo.

Contoh penulisan full php:

  1. <?php    
  2. echo "     
  3. <!DOCTYPE html>     
  4. <html>     
  5. <head>     
  6. <title>Latihan menulis PHP</title>     
  7. <body>     
  8. <h1>Contoh penulisan semi php</h1>     
  9. <p>Ini adalah Paragraf yang ditulis dengan html</p>     
  10. Ini adalah Paragraf yang ditulis dengan php</p>    
  11. </body>     
  12. </html>    
  13. ";    
  14. ?>    
Simpan file tersebut lalu jalankan pada browser, jika benar akan tampil berikut ini:


Pada contoh diatas terlihat bahwa semua kode berada diantara tanda <?php ... ?>. Kode-kode HTML yang semula diluar php kini ditempatkan didalam php dengan perintah echo. Kelebihan dari penulisan ini adalah kita bisa dengan mudah mengontrol apakah akan tampilkan atau tidak. Jika menggunakan cara semi php maka kerja php tidak bisa dilakukan karena php hanya bekerja diantara tanda <?php ...?> saja.

Sepintas terlihat sama dan tidak ada yang istimewa pada php. Namun jika kita melihat contoh berikut akan terlihat kelebihan dari php.

Contoh penulisan php menggunakan variabel :

  1. <?php    
  2. $title="Latihan menulis PHP";    
  3. $p1="Ini adalah Paragraf yang ditulis dengan html";    
  4. $p2="Ini adalah Paragraf yang ditulis dengan php";    
  5. echo "    
  6. <!DOCTYPE html>     
  7. <html>     
  8. <head>     
  9. <title>".$title."</title>     
  10. <body>     
  11. <h1>Contoh penulisan php dengan variabel</h1>     
  12. <p>".$p2."</p>     
  13. <p>".$p2."</p>    
  14. </body>     
  15. </html>    
  16. ";    
  17. ?>    
Simpan file tersebut lalu jalankan pada browser, jika benar akan tampil berikut ini:


Pada contoh ketiga terlihat bahwa php bisa menangani variabel yang berarti memungkinkan kita untuk melakukan pengaturan isi web dengan menggunakan program. Pada contoh terdapat 3 variabel, yaitu $title, $p1 dan $p2. kemudian ketiganya ditampilkan pada lokasi tertentu pada website dengan hanya menyebutkan nama variabelnya saja.

Referensi : sumber : http://www.nulis-ilmu.com/2014/09/cara-membuat-dan-menjalankan-file-php.html

Apa itu Web Server

http://www.nulis-ilmu.com/2014/09/apakah-itu-web-server.html

Sebelumnya perlu diketahui bahwa web server itu tidak hanya Apache atau bahkan beberapa teman menyebut dengan XAMPP, atau WAMP server atau yang lain. Selain Apache ada beberapa perangkat lunak web server lain yang berbayar seperti Microsoft Internet Information Services (IIS) dan Sun Java Web Server.

Apa itu PHP

 http://www.nulis-ilmu.com/2014/09/apakah-itu-php.html

Contoh program PHP sederhana untuk menampilkan tulisan Selamat Belajar PHP:

 <?php  
 echo "Selamat Belajar PHP";  
 ?> 

Dasar-dasar PHP



Tutorial PHP Dasar

Ini adalah indeks artikel untuk tutorial PHP dasar. Dalam artikel-artikel ini ditulis secara urut mulai dari tentang apa itu PHP, tipe data dan variabel lalu bagaimana cara mengontrol alur program pada PHP.

Selanjutnya juga ditulis mengenai fungsi dan array juga penanganan form dengan PHP.
Pengetahuan dasar PHP sangat penting untuk kemudian masuk ke pembuatan website atau pembuatan aplikasi menggunakan PHP.

Berikut ini beberapa artikel tutorial dasar PHP:

  1. Apakah itu PHP?
  2. Apakah itu Web Server?
  3. Cara Instal Web Server di Linux
  4. Cara Instal Web Server di Windows
  5. Aplikasi Teks Editor untuk Pemrograman Web
  6. Cara Membuat dan Menjalankan File PHP
  7. Cara Membuat Komentar Program Pada PHP
  8. Tipe Data, Variabel dan Konstanta pada PHP
  9. Mengenal Operator pada PHP
  10. Membuat Penyeleksian Kondisi Pada PHP
  11. Membuat Perulangan Pada PHP
  12. Mengenal Fungsi pada PHP
  13. Mengenal Array Pada PHP
  14. Jenis-jenis Array pada PHP
  15. Fungsi-fungsi PHP untuk Mengurutkan Array
  16. Mengenal Variabel PHP Super Global
Note : Silahkan klik pada judul untuk membaca artikel

Demikian beberapa artikel tutorial dasar PHP, semoga bermanfaat.

http://www.nulis-ilmu.com/p/tutorial-php-dasar.html

Index adalah file yang dibuka secara defaul oleh web browser sehingga tidak menampilkan folder

http://www.nulis-ilmu.com/2015/01/apa-itu-index-html.html

Apa Itu Index.html ?

Index.html adalah sebuah file yang menjadi indeks sebuah website. File ini otomatis dibuka saat kita membuka website dengan memanggil nama domain website. Index html adalah default file dan merupakan file paling penting bagi website. Tanpa file index.html, jika kita membuka website maka browser akan menampilkan file-file lain dalam bentuk tampilan folder bukan tampilan website sesuai design.

Letak file Index.html

File index.html wajib berada pada direktori utama atau direktori root sebuah website. File index.html juga harus berada pada setiap direktori dan sub direktori dalam direktori website. Hal ini dilakukan untuk alasan keamanan agar website aman dari hacking oleh pihak-pihak yang tidak bertanggungjawab.

Isi file Index.html

File index.html yang berada pada direktori root umumnya berisi tampilan homepage website, yaitu halaman default saat website dibuka dengan nama domainnya. File index.html ini berisi script-script dan tata letak website beserta isi dan link-link didalam website. Dalam sistem website dinamis file index.html menjadi sangat kompleks berbeda dengan website statis.

Sedangkan file index.html pada tiap-tiap direktori dan sub direktori dalam website bisa berisi peringatan untuk tidak diijinkan mengakses halaman atau bisa juga berisi script untuk mengarahkan pengguna ke file index.html pada direktori root. Baik website statis dan website dinamis sebaiknya mewajibkan adanya file index.html pada direktori dan sub direktori dalam website.

File index.html yang berada dalam direktori dan sub direktori akan otomatis dibuka saat pengguna mencoba masuk langsung ke direktori dan sub direktori tersebut. Hal ini mencegah pengguna melihat isi direktori dan sub direktori yang bisa saja menjadi celah keamanan sebuah website.

Apakah harus index.html ?

Sebetulnya ada beberapa nama file yang bisa dipakai untuk file indeks sebuah website, yaitu misalnya :
  • index.html
  • index.htm (ekstensi htm sama dengan html, namun html lebih banyak dipakai)
  • index.php (digunakan jika file index berisi script php)
  • default.htm (pada server windows)
Diantara ke-empat file diatas, file index.html lah yang paling banyak dan paling umum digunakan. Jika dalam file index ada beberapa atau bahkan keseluruhan mengandung script php, maka file index harus disimpan dengan ekstensi .PHP menjadi file index.php.

Contoh file index.html

Sebuah file index.html sederhana hanya dibuat agar memenuhi format html standar seperti head, body, title dan isi.
Berikut ini contoh file index.html sederhana untuk memberitahukan  bahwa situs sedang dalam tahap pembuatan :
  1. <!DOCTYPE html>      
  2. <html>      
  3. <head>    
  4. <title>Situs dalam Pemeliharaan</title>    
  5. </head>    
  6. <body>    
  7. <div style="text-align:center;margin-top:200px;">    
  8. <h1>Maaf situs sedang dalam tahap pembuatan.<br/>    
  9. Silahkan berkunjung lagi besok.</h1>    
  10. </div>    
  11. </body>      
  12. </html>     

Cara Membuat file index.html

Untuk membuat file index.html sebenarnya kita hanya memerlukan aplikasi text editor. Untuk sistem operasi Windows kita bisa gunakan notepad atau notepad++. Dan jika kita menggunakan sistem operasi Linux malah ada banyak sekali pilihan teks editor diantaranya Geany, Bluefish, Pluma, Gedit, Kate dan masih banyak lagi aplikasi teks editor di linux.

Untuk lebih jelas bisa dilihat pada tulisan sebelumnya yang khusus membahas tentang Aplikasi Teks Editor untuk Pemrograman Web.

File index.html juga bisa dibuat secara online pada aplikasi teks editor yang disediakan oleh cpanel atau spanel. Jadi file index.html bisa dibuat dan diedit dimana saa asalkan ada aplikasi teks editor.

Sumber : http://www.nulis-ilmu.com/2015/01/apa-itu-index-html.html

List of Database sofware Commercial and Free

Daftar sistem manajemen basis data relasional

Dari Wikipedia bahasa Indonesia, ensiklopedia bebas
Lompat ke: navigasi, cari

Software Database Komersil[sunting | sunting sumber]

Database gratis atau open source[sunting | sunting sumber]

Sejarah[sunting | sunting sumber]



Perkenalan dengan Database

https://en.wikipedia.org/wiki/Relational_database_management_system