How to Create Index Pages and Online Market Online

Screenshot_14.png

What Will I Learn?

  • You will learn how to create a database market.
  • You will learn to create an index page for online market.

Requirements

  • Xampp to create database market.
  • Sublime Text to write coding create index index page.

Difficulty

  • Basic

Tutorial Contents

  1. Make database market open Xampp application and click start button on Phpmyadmin and Mysql to run Xampp, open browser type** localhost / xampp** to open phpmyadmin.

    step1.gif

  2. On the Xampp page create a database name with a click - New and enter a new database name. Then click create.

    step2.gif

  3. Next create a new table in the database with the name of the produk table, input the contents of the produk table as shown below.

    step3.gif

  4. Then add a new table again with the name of the konsumen, then input the contents of the konsumen table as shown below.

    step4.gif

  5. And create a new table with admin name, input the contents of the admin table as shown below.

    step5.gif

  6. Next add another new table with the name of the pesanan and input the contents of the pesanan table as shown below.

    step6.gif

  7. And add the last table with the name of the transaksi table and input the contents of the table according to the picture below.

    step7.gif

  8. Create a new folder on Localdisk C - Xampp - htdoc - New Folder write the name of the market folder and Then to create the index market page, open the sublime application Text to write the coding.

    step8.gif

  9. Next input coding in accordance with the coding below and save the file name with index.html save in the market folder.


    1.png
    Screenshot_2.png
    Screenshot_3.png
    Screenshot_4.png

  10. And input also coding this css and save the file with the name main.css in the folder market that has been made before.


    Screenshot_5.png
    Screenshot_6.png
    Screenshot_7.png
    Screenshot_8.png
    Screenshot_9.png
    Screenshot_10.png
    Screenshot_11.png
    Screenshot_12.png

  11. Then open the browser type localhost and market to see the results that have been made.


    step9.gif



Posted on Utopian.io - Rewarding Open Source Contributors

H2
H3
H4
3 columns
2 columns
1 column
Join the conversation now