Pemograman Web

Friday, October 25, 2013 edit
    Perkenalkan nama saya  IKHTIARA MAHRETA, saya masih pelajar dan  saya sekolah di SMK Negeri 5 Telkom Banda Aceh, dan masih kelas Satu gan. Saya di sini ingin berbagi tentang apa-apa yang saya pelajari di sekolah tentunya di pelajaran pemograman web.  Oh iya, teman-teman sekalian bisa sharing ataupun  bertukar  fikiran lho dengan saya, ataupun ada yang salah di blog ini bisa di comment kok teman-teman, maklum kita selaku manusia kan tidak selalu benar and ada saja yang salah secara  sengaja ataupun  tidak seengaja. Tidak usah memperpanjang cerita ya, teman-teman seekalian  bisa hubungi saya Add fb saya Mahreta D’trueAgain, follow twiter saya Mahreta notifier, dan e-mail saya Mahreta13@gmail.com.  Dan langsung saja kita masuk ke pelajaran.

BAB 1
Pembangunan HTML
      
            Pembangunan web bisa menggunakan notepad kalau ada pake notepad++ aja gan. Kita mulai,  pertama kita harus memasukan code <HTML> di bagian paling pertama ya gan, dan kemudian masukkan code <TITTLE> di bagian bawah <HTML> dan ketik agak masuk ke dalam sedikit, itu di gunakan untuk tulisan pada tittle bar web anda. Contoh,<TITTLE>Belajar HTML</TITTLE>. Setelah membuat tulisan di tengah code, kita harus memasukan tanda “/” pada bagian dalam tanda kurung akhir, karena jika tidak di pakai HTML nya gak akan jadi gan. Setelah itu kita mengetik lagi code <HEAD> di bagian bawah code <TITTLE>Contoh, <HEAD>Belajar HTML</HEAD>. Setelah memasukkan code head, kta langsung membuat body dari code HTML tersebut.
Contoh dasar:
Selanjutnya Klik menu file dan save, bisa juga langsung tekan ctrl+save untuk menyimpan file yang anda buat. Simpan dokumen di atas dengan nama “new 6” atau terserah anda. Kemudian klik pilihan di save as type dan pilih hyper text markup language file (‘.html;’.htm;’.dll).
Tutup aplikasi notepad anda, dan buka di mana anda menyimpan file tadi yang anda buat. Setelah di temukan buka file html tersebut dan double klik kiri.
Jika sudah benar, maka file tadi otomatis akan di buka dengan aplikasi browser anda seperti mozila firefox atau browser lainnya, seperti berikut.
Setelah itu, kita bisa memulai dengan membuat warna di tampilan nya, dengan menambahkan code bgcolor pada dalam body, contoh: <body bgcolor=”blue”>.
Atau bisa juga dengan membuat tampilan dengan gambar. dengan code <body background=”bata.jpg”>. dan ingat, gambarya harus ada dan pas sama dengan nama file yang mau di masukkan pada tampilan html anda.
Jika ingin membuat text berjalan kita tinggal memasukan code <marque>belajar htmla</marque>. Jika ingin mewarnai angka kita tinggal memasukan code “text=”red”” dan warnanya terserah pada anda.
Kemudian, kita belajar tentang bagaimana membuat colom di blog, dan bagaimana cara membuat frame di blog, membuat frame membutuhkan file html yang lebih dari 1, membuat frame ckuplah mudah, tinggal memasukkan code <a href="satu.html"> dan file nya harus di masukkan dalam satu folder dengan file yang kita buat. Jika kita mau memotong row misalnya 3 row maka kita memasukkan code “rowspan=”3”” dan jika ingin memotong colom misalmya 2 colom kita memasukkan code “colspan=”2””. Sekarang kita memtiat link di dalam colom dan text berjalan nya di colum bagian bawah. contoh code:

Maka beginilah hasilnya:
4.coding
<HTML>
 <HEAD>
 <TITLE>TABEL</TITLE>
 </HEAD>
 <BODY>
 <TABLE ALIGN="CENTER" BGCOLOR="red" BORDER="15" WIDTH="20%" HEIGHT="20%" CELLSPACING="10%"
 <TR>
 <TD BGCOLOR="pink" ALIGN="CENTER" ROWSPAN="4"><FONT COLOR="green"><B>NO</FONT></TD>
 <TD BGCOLOR="blue" ALIGN="CENTER"><FONT COLOR="white">1</FONT></TD>
 <TD BGCOLOR="blue" ALIGN="CENTER"><FONT COLOR="white">2</FONT></TD>
 </TR>

 <TR>
 <TD BGCOLOR="BLUE" ALIGN="CENTER"><FONT COLOR="white">3</FONT></TD>
 <TD BGCOLOR="blue" ALIGN="CENTER"><FONT COLOR="white">4</FONT></TD>
 </TR>

 <TR>
 <TD BGCOLOR="blue" ALIGN="CENTER"><FONT COLOR="white">5</FONT></TD>
 <TD BGCOLOR="blue" ALIGN="CENTER"><FONT FACE="VERDANA"><FONT COLOR="white"><I>6</TD>
 </TR>

 <TR>
 <TD BGCOLOR="yellow" ALIGN="CENTER" COLSPAN="2"><FONT FACE="VERDANA"><FONT COLOR="blue">7</FONT></TD>

 </TABLE>
 </BODY>

</HTML>'

5. coding
<HTML>
 <HEAD>
 <TITLE>TABLE 2</TITLE>
 </HEAD
  <BODY>
  <TABLE ALIGN="CENTER" BGCOLOR="white" BORDER="10" WIDTH="20%" HEIGHT="20%" CELLSPACING="10%"
  <TR>
  <TD BGCOLOR="red" ALIGN="CENTER" COLSPAN="2"><FONT COLOR="white"><FONT SIZE="12"><B><I>1</TD>
  </TR>

  <TR>
  <TD BGCOLOR="red" ALIGN="CENTER"><FONT COLOR="white"><B><FONT FACE="VERDANA">3</FONT></TD>
  <TD BGCOLOR="red" ALIGN="CENTER" ROWSPAN="2"><FONT COLOR="white"><FONT SIZE="5%"><B>2</FONT></TD>
  </TR>

  <TR>
  <TD BGCOLOR="RED" ALIGN="CENTER"><FONT COLOR="WHITE"><FONT SIZE="12"><FONT FACE="ARIAL">4</FONT></TD>
  </TR>

  </BODY>

 </HTML>

Perkenalkan nama saya IKHTIARA MAHRETA, saya masih pelajar dan saya sekolah di SMK Negeri 5 Telkom Banda Aceh, dan masih kelas Satu gan. Saya di sini ingin berbagi tentang apa-apa yang saya pelajari di sekolah tentunya di pelajaran pemograman web. Oh iya, teman-teman sekalian bisa sharing ataupun bertukar fikiran lho dengan saya, ataupun ada yang salah di blog ini bisa di comment kok teman-teman, maklum kita selaku manusia kan tidak selalu benar and ada saja yang salah secara sengaja ataupun tidak seengaja. Tidak usah memperpanjang cerita ya, teman-teman seekalian bisa hubungi saya Add fb saya Ikhtiara Mahreta, follow twiter saya Mahreta notifier, dan e-mail saya Mahreta13@gmail.com.

Artikel Terkait

First