Halaman layout kerangka (Tugas web ke-2)

okee,Assalammualaikum wr.wb

Selamat datang kembali di blog kesayangan saya, kali ini saya akan menjelaskan materi yang sama tetapi ada sedikit berbeda dari sebelumnya,tidak usah basabasi mari di pelajari........


Kegiatan 7

Coding :

<html>
<Head>
    <title>INI WEB SAYA</title>
</Head>

<body>
        <table bgcolor="#F0F0F0" border="1" width="720px" height="360px">
            <tr><td bgcolor="#cyan" rowspan="3" align="bottom" width="120px">
            <ul type="disc">
            <li>Home<br></li>
            <li>Profil<br></li>
            <li>About us<br></li>
            <li>Blog<br></li>
            <li>Contact us</td></li>
            <td align=center>Electronic Shop</td></tr>
            <tr><td bgcolor="#cyan" align=center>ini meruapak bagian dari semua blog salah sehingga tidak menghasilkan Balance sehingga blog ini tidak aktif<p >
                    syaa tidak aakan membuat web jika isi nya seperti ini    </td></tr>
            <tr><td align=center>DHARMA YUSREZA 007</td></tr>
        </table>
</body>
</html>

                                                               Hasilnya :

                        



Kegiatan 8

Coding :

<html>
<head>
    <title>INI WEB SAYA</title>
</head>
<body>
    <table border=1 width=720px height=400px>
    <tr><td bgcolor=#80FFFE rowspan=2 align=center>Daftar isi</td>
    <td bgcolor=pink align=center><h3>Banner/Judul</h3></td>
    <td bgcolor=#80FFFE rowspan=2 align=center>Daftar isi</td></tr>
    <tr><td bgcolor=#009999 align=center>
    <p>Body atau contents(isi)</p>
        <p><font color="#B20000">Body atau contents(isi)</font></p>
        <p><font color="#0066B3">Body atau contents(isi)</font></p>
        <p><font color="#FF6600">Body atau contents(isi)</font></p>
        <p><font color="#E6FE80">Body atau contents(isi)</font></p>
    </td></tr>
    <tr><td bgcolor=pink colspan=3 align=center>Lain-lain</td></tr>
    </table>
</body>
</html>

                                                             Hasilnya :

                        



Kegiatan 9

Coding :

<html>
<head>
    <title>INI WEB SAYA</title>
</head>
<body>
<table border=1>
    <tr><td bgcolor="B28F00" align=center width=250px height=170px>Teks daftar isi</td>
        <td bgcolor="0066B3" align=center width=250px height=170px>Gambar</td></tr>
            <tr><td bgcolor="0066B3" align=center width=250px height=170px>Gambar</td>
        <td bgcolor="B28F00" align=center width=250px height=170px>Teks daftar isi</td></tr>
    <tr><td bgcolor="B2B300" colspan=2 align=center width=170px height=100px>Lain-lain</td></tr>
</table>
</body>
</html>

                                     Hasilnya :




Sekian dari saya mohon maaf kalo ada kekurangan atau kesalahan,Wassalammualaikum wr.wb

TUGAS PEMOGRAMAN WEB

LAYOUT HALAMAN WEB TUGAS 6

Nah,yang ini hampir sama saja tapi ada sedikit beda..

Codingnya :

 <!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center" bordercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font size="+5">Banner / Judul</font></strong></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#C0C0C0">
<p>Body atau contents(isi)</p>
<p><font color="#006600">Body atau contents(isi)</font></p>
<p><font color="#CC0000">Body atau contents(isi)</font></p>
<p><font color="#FFFF00">Body atau contents(isi)</font></p>
<p><font color="#800080">Body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23" align="center" bgcolor="#CCFF99"><font color="#FF0000"><font size="+1"><b>Daftar isi atau navigasi</b></font></td>
</tr>
</table>
</form>
</body>
</html>

                                                  Hasil dari coding :

         









LAYOUT HALAMAN WEB TUGAS 5

HOLLA,Saya kembali lagi untuk menulis sebuah halaman web blog saya,tapi kali ini saya akan menjelaskan sebuah coding yang di beri tugas oleh guru pembimbing saya,Mari di simak....

Codingnya :

<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23" align="center" bordercolor="#FFFFFF" bgcolor="#FFFF00"><strong><font size="+5">Banner
atau iklan</font></strong></td>
</tr>
<tr>
<td height="27" align="center" bgcolor="#FFCCCC"><font color="#FF0000">Daftar
isi atau navigasi </font></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#FF66CC">
<p>Body atau contents(isi)</p>
<p><font color="#006600">Body atau contents(isi)</font></p>
<p><font color="#CC0000">Body atau contents(isi)</font></p>
<p><font color="#FFFF00">Body atau contents(isi)</font></p>
<p><font color="#FF6633">Body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23" align="center" bgcolor="#CCFF99"><font color="#9966CC">Info
tambahan atau lain-lain </font></td>
</tr>
</table>
</form>
</body>
</html>

                                                Hasil dari coding :

TABEL IN TABLE

    
ASSALAMMUALAIKUM WR.WB

Selamat datang kembali di blog saya,disini saya akan menjelaskan tentang tabel lagi tapi yang ini berbeda daripada sebelumnya dan ini bisa di gunakan dalam Notepad atau Notepad++,tidak usah basa basi lagi mari dilihat....

<head>
    <title>Table In Table</title>
</head>

<body>
    <table cellpadding="5" align="center" bgcolor="red" width="800px" cellspacing="5">
        <tr><td><b><center>Banjarmasin</center>
            <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="white" height="50px"><b><center>KALIMANTAN SELATAN</center></td></tr></table>
            <table width="100%"  cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="white" height="80px"><b><center>SOUTH BORNEO</center></td></tr></table>
            <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="white" height="100px"><b><center>INDONESIA</center></td></tr></table>
            <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="white" height="250px"><b>BANJARMASIN
                <table width="100%" cellspacing="5" cellpadding="5">
                    <tr>
                    <td valign="top" bgcolor="#00BCD4" width="150px" height="250px"><center>BANJARMASIN</center></td>
                    <td valign="top" bgcolor="#00BCD4"><center>BANJARMASIN</center>
                        <table cellpadding="7" cellspacing="5" bgcolor="#yellow" width="100%">
                            <tr><td><b>KABUPATEN</td></tr>
                            <tr><td bgcolor="white" valign="top" height="50px">MARTAPURA</td></tr>
                            <tr><td bgcolor="white" valign="top">BINUANG</td></tr>
                            <tr><td bgcolor="white" valign="top" height="50px">RANTAU</td></tr>
                            <tr><td bgcolor="white" valign="top">HULU SUNGAI TIMUR</td></tr>
                            <tr><td bgcolor="white" valign="top" height="40px">HULU SUNGAI SELATAN</td></tr>
                            <tr><td bgcolor="white" valign="top">HULU SUNGAI UTARA</td></tr>
                            <tr><td bgcolor="white" valign="top" height="120px">BALANGAN</td></tr>
                        </table>
                    </td>
                    <td valign="top" bgcolor="#00BCD4" width="150px"><center>BANJARMASIN</center></td>
                    </tr>
                </table>
            </td></tr></table>
            <table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="00BCD4" height="30px"><b><colspan>DHARMA YUSREZA</colspan></td></tr></table>      
        </td></tr>
    </table>
</body>
</html>

                                            Gambar html dalam Notepad++,

         


                                              Gambar hasil dari Coding,

Terima kasih sudah mampir di blog saya,sekian dari saya WASSALAMMUALAIKUM WR.WB

Tutorial Cara Pembuatan Tabel Bersarang

Pertama saya ucapkan selamat datang di blog saya,mungkin kalian sudah tau apa itu tabel bersarang?nah di sini saya akan menjelaskan sedikit tentang "Apa itu tabel bersarang",ya langsung saja tabel bersarang adalah tabel dalam website yang banyak digunakan untuk menyajikan informasi yang terdiri dari baris dan kolom agar tampak lebih rapi dan mudah dipahami yang melalui Notepad ataupun Notepad++.


Berikut adalah contoh kode membuat table sederhana dalam html :

<html>
<head>
</head>
<body>
    <table border="1" cellpadding="5">
    <caption>Online Order</caption>
    <tr>
        <th>Description</th>
        <th>Qty</th>
        <th>Price</th>
        <th>Email Account Note</th>
    </tr>
   
   
    <tr>
        <td>Email Account</td>
        <td>10</td>
        <td>$9.90</td>
        <td rowspan="5">
            <table border="1">
                <tr><td>Mailbox</td><td>10GB</td></tr>
                <tr><td>Webmail</td><td>Yes</td></tr>
                <tr><td>POP3</td><td>Yes</td></tr>
                <tr><td>IMAP</td><td>Yes</td></tr>
                <tr><td>Anti-spam</td><td>Yes</td></tr>
            </table>
        </td>
    </tr>
   
    <tr>
        <td>FYIcenter.com ad</td>
        <td align="right">1</td>
        <td align="right">$99.00</td>
    </tr>
   
    <tr>
        <td>1-years Acces</td>
        <td align="right">1</td>
        <td align="right">$199.00</td>
    </tr>
   
    <tr>
        <td colspan="2">Shipping</td>
        <td>$3.99</td>
    </tr>
   
    <tr>
        <td colspan="2">Tax</td>
        <td>$15.99</td>
    </tr>
    </table>
</body>
</html>

Contoh gambar dalam pembuatan code di dalam Notepad++ :

      Gambar 1.
    

     Gambar 2.                                                                        

      Gambar Hasil dari coding di atas.                                                                                  

Belajar HTML (2)

List
 
<html>
<body>

<h2>Unordered List with Default Bullets</h2>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul> 

</body>
</html>

Hasil

 Tabel

<html>
<body>

<table style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td>       
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>       
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>       
    <td>80</td>
  </tr>
</table>




Hasil

BELAJAR HTML

Heading dan Paragraph

<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Hasil


Background
<html>
<body style="background-color:lightgrey;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>


Hasil

SEJARAH WEB

Macam-macam profesi IT

1.Software

2.Hardware

3.System Operation

SOFTWARE

A.Software:-Menganalisa

                   - Mengimplantsi Sistem yang ada

B.Hardware:-Mengamplentasi Rancangan 

                     -Membuat Program

C.Web Progamer:-Mengomplantasikan membuat program

                             -Membuat Program berbasis web

HARDWARE

A.Technical Engineer:-Teknisi

                                   :Memelihara

                                   :Perbaikan

B.Networking Engineer:-Teknisi

                                       :-Pemeliharaan Network

                                       :-Perbaikan

OPERATION SYSTEM INFORMASI

A.EDP operator:Mengoprasikan program

B.System adiminstrator:-Kewenang terhadap System

                                      :-Pengatur Operasional System

PROFESI BIDANG TEKNOLOGI INFORMASI

1.Web designer

Bertanggung Jawab untuk menentukan tampilan web site

Tugas web designer 8

-Pengolahan gambar

-tata letak

-Warna

-Aspek Visual

Web designer harus Menguasai:

-HTML,DHTML

-Pengolahan gambar

-Animasi,Move

2.Web progamer

-Percodingan Website agar dinamis

harus menguasai:

-CGI(pers),PHP,My Sql Lunik Base)

-ASP (NT base

-Java Script dan aplet

3.Web Adminstrator

-Memaintance Server

Harus menguasai :

*OS Linux

*OS HT

*Jaringan (LAN,WAN,INTERNET)

*Keamanan Server

4.Web master

-mengerti semua hal

-Mempertanggung Jawabkan Situsnya

Web administrator harus menguasai:

*HTML,DHTML

*(GI perl,PHP,MySql,ASP,Java

*Penguasaan OS

*Jaringan (LAN,WAN,INTRANET)

*Keamanan Server

5.Web developer

*4 kegiatan dalam satu team

*memberi konslutasi,konsep web yang akan dibuat,membangun sebuah web

SEJARAH WEB II

 HTML=-Bahasa standar web

               -W3C(world wide web cosurtium)

               -Tim bernes lee yang merumuskan bahasa HTML

               -Browser mosaic adalah browser pertama.

Macam-Macam HTML

1.versi 1.0 keluar pada tahun 1990 fitur awal:Heading,paragraph,hypertext , list ,cetak miring pada teks ,perletakan image pada dokumen

2.Versi 2.0 keluar pada tahun 14 januari 1996 fitur: penambahan Form

3.3.0/HTML+ Keluar pada tahun 1997 18 Desember Fitur tebaru=penyempurnaan dari versi 3.0

4.4.0 keluar pada tahun 1999 24 desember fitur terbaru=inet,imagemaps,image

5.50 keluar pada tahun 2009 HTML,KHTML,DAN DOMHTML

HTML5 fitur terbaru kebebasan menggunakan huruf kapasitas kecil

ALUR PENGEMBANGAN WEB 

1.Formulasi:

Tujuan,ukuran aplikasi berbasis web ,batasan sistem

A.tujuan:

Tujuan yang bersifat informatif

tujuan yang bersifat Fungsional

2.Perencanaan:

Biaya ,jumlah pengembangan,waktu,resiko,Jadwal versi selanjutnya

3.Analisis:

Persyarataan Tekhnis ,mengidentifikasi,yang disajikan analis dari 4 sisi:

A.Analisis Isi info

B.-||- interaktif

C.-||- Fungsional

D.-||- konfigurasia

4.Rekayasa:

Desain isi info,desain web

Desain:A.Diagram wireframe

B.Diagram sitor

C.Stryboard

5.Almpemantasi pengujian

implentasi >Mewujudkan desain web 

TATAP

A.authoring:mempersiapkan tool 

B.Styling:Mengatur tampilkan web diatur ISS

C.Scripting Dan Pemograman :Penulisan bahasa yang berjalanan pada server 

PENGUJIAN

A.pengujian fungsional dan oksrional

B.-||- Navigasi

C.-||- kenovigasi

D.-||- Keamanann

Dasar-dasar HTML

HTML merupakan protokol yang digunakan untuk mentransfer data 

antara web server ke web browser ,languange HTML biasa Digunakan

Untuk memperintahkan.