Selasa, 20 Maret 2018

WEB OFFLINE

WEB OFFLINE SOFT SKILL

  • FLOW CHART

     Ini adalah awal dari pemulaan web html jika sudah di buka, pada saat membuka web html tersebut maka web akan membuka menu utama dari web html tersebut, selanjutnya pada menu utama terdapat beberapa biodata tentang pribadi saya, jika pengunjung memilih di salah satu biodata saya maka web tersebut akan terotomatis terlink dari oleh web yang sudah saya buat, dan akan muncul beberapa biodata diri saya.





  • LISTING PROGRAM
  • File Menu Utama
           
    <html>
    <head>
    <title> My Website Profile  </title>
    </head>
    <body bgcolor='white' text='black'>
    <center>
    <font face=times size=8 color=black>
    <b>MUHAMMAD RIDHWAN TRI CAHYO<br>
    <font face=arial size=5 color=green>
    <i><marquee scrollamount=15></marquee></i>
    <hr>
    | <a href=data.html target="blank">Data Pribadi</a>
    | <a href=foto.html target="blank">Foto</a>
    | <a href=sekolah.html target="blank">Riwayat Sekolah |</a>

    <hr>
    <font face=arial size=3 color=black>
    Selamat Datang di Website Ini <br><br>
    <img src=""/>
    <p>Panduan Melihat Profile Saya.</p>
    <p>1. Klik Data Pribadi untuk melihat biodata saya</p>
    <p>2. Klik Foto untuk melihat foto yang diunggah</p>
    <p>3. Klik Riwayat Sekolah untuk melihat riwayat sekolah saya</p>
    Terima Kasih <br><br>
    <hr>
    <p></p>
    <hr>
    </center>
    </body>
    </html>

    File Biodata
    <html>
    <head>
    <title>INI ADALAH DATA SAYA</title>
    </head>
    <center>
    <body bgcolor='white' text='black'>
    <font face=arial size=3 color=black>
    <hr>
    <p>Saya lahir 12 September 1998</p>
    <p>Alamat Rumah Saya Di Taman Wisma Asri 1</p>
    <p>Saya Seorang laki-Laki</p>
    <p>Saya Mahasiswa Gunadarma Semester 4</p>
    </hr>
    <hr>
    <p>  </p>
    </hr>
    </body>
    </center>

    </html>


    File Riwayat Sekolah
    <html>

    <head>
    <title>RIWAYAT SEKOLAH</title>
    </head>
    <center>
    <body bgcolor='black' text='white'>
    <font face=times size=4 color=white>
    <hr>
    <p>Pernah Pendidikan di : </p>
    <p>TK KUSUMA </p>
    <p>SDN HARAPAN BARU 3</p>
    <p>SMPN 21 BEKASI</p>
    <p>SMAN 1 BABELAN</p>
    <p>UNIVERSITAS GUNADARMA</p>
    </hr>
    <font face=arial size = 5 color= white>
    <hr>
    <p> TERIMA KASIH </P>
    </hr>
    </body>
    </center>

    </html>

    File Foto Diri
    <html>
     <head>
      <title>Foto Saya</title>
     </head>
     <center>
     <body bgcolor='black' text='white'>
     <font face=arial size=6 color=white>
    <p>Dibawah ini adalah foto pribadi saya:</p>
    <img src="foto.jpg" alt="foto saya">
    </body>
    </center>
    </html>

    • OUTPUT PROGRAM

    Menu Utama

    Data Diri

    Foto Pribadi

    Riwayat Sekolah