Вы находитесь на странице: 1из 18

LAPORAN TIK

Disusun oleh:

 Prina Annisa Ramadhant


 Rayna Fiona
 Shabilla Restu
 Silmi Asyifa

XII IPA 3
SMA NEGERI 1 BANDUNG
DREAMWEAVER
HTML

1. MEMBUAT DESIGN WEB DENGAN HTML

<HTML>
<HEAD>
<TITLE>DRAMA KOREA TERPOPULER</TITLE>
</HEAD>
<BODY BGCOLOR="NAVY">
<FONT SIZE=6 FONT FACE=JAOY COLOR=WHITE>
<H1 ALIGN="CENTER">DRAMA KOREA TERPOPULER</H1>
<H2>GENRE DRAMA</H2>
<LI><B>FICTION</LI></B>
<P><B>1.GOBLIN<BR>2.THE LEGEND OF THE BLUE SEA<BR>3.W</P></B>
<LI><B>HISTORICAL</LI></B>
<P><B>1.SCARLET HEART<BR>2.MOONLIGHT DRAWN BY
COULDS<BR>3.RULER</P></B>
<LI><B>ROMANCE</LI></B>
<P><B>1.DESCENDANT OF THE SUN<BR>2.FATE TO LOVE YOU<BR>3.FIGHT FO MY
WAY</P></B>
<LI><B>MEDICAL</LI></B>
<P><B>1.DOCTORS<BR>2.TEACHER KIM<BR>3.HOSPITAL SHIP</P></B>
</BODY>
</HTML>
2. MEMBUAT FORMULIR DENGAN HTML
<HTML>
<HEAD>
<TITLE>FORMULIR</TITLE>
</HEAD>
<BODY BGCOLOR="PINK">
<FONT SIZE=4 FONT FACE=CALIBRI COLOR=PURPLE>
<BODY>
<CENTER>
<FONT SIZE="25PX">
FORMULIR
</FONT>
</CENTER>
<TABLE>
<TR>
<TD>NAMA LENGKAP</TD>
<TD>:<INPUT TYPE="TEXT" NAME="NAMA LENGKAP" SIZE=37/></TD>
</TR>
<TR>
<TD>TEMPAT LAHIR</TD>
<TD>:</TD>
<TD><INPUT TYPE="TEXT" NAME="TEMPAT LAHIR" SIZE=37/></TD>
</TR>
<TR>
<TD>TANGGAL LAHIR</TD>
<TD>:</TD>
<TD><SELECT NAME="TANGGAL">
<OPTION VALUE=""SELECTED="SELECTED">TANGGAL
<OPTION VALUE="01">01</OPTION>
<OPTION VALUE="02">02</OPTION>
<OPTION VALUE="03">03</OPTION>
<OPTION VALUE="04">04</OPTION>
<OPTION VALUE="05">05</OPTION>
<OPTION VALUE="06">06</OPTION>
<OPTION VALUE="07">07</OPTION>
<OPTION VALUE="08">08</OPTION>
<OPTION VALUE="09">09</OPTION>
<OPTION VALUE="10">10</OPTION>
<OPTION VALUE="11">11</OPTION>
<OPTION VALUE="12">12</OPTION>
<OPTION VALUE="13">13</OPTION>
<OPTION VALUE="14">14</OPTION>
<OPTION VALUE="15">15</OPTION>
<OPTION VALUE="16">16</OPTION>
<OPTION VALUE="17">17</OPTION>
<OPTION VALUE="18">18</OPTION>
<OPTION VALUE="19">19</OPTION>
<OPTION VALUE="20">20</OPTION>
<OPTION VALUE="21">21</OPTION>
<OPTION VALUE="22">22</OPTION>
<OPTION VALUE="23">23</OPTION>
<OPTION VALUE="24">24</OPTION>
<OPTION VALUE="25">25</OPTION>
<OPTION VALUE="26">26</OPTION>
<OPTION VALUE="27">27</OPTION>
<OPTION VALUE="28">28</OPTION>
<OPTION VALUE="29">29</OPTION>
<OPTION VALUE="30">30</OPTION>
<OPTION VALUE="31">31</OPTION>
</SELECT>
<SELECT NAME="BULAN">
<OPTION VALUE=""SELECTED="SELECTED">BULAN
<OPTION VALUE="JANUARI">JANUARI</OPTION>
<OPTION VALUE="FEBRUARI">FEBRUARI</OPTION>
<OPTION VALUE="MARET">MARET</OPTION>
<OPTION VALUE="APRIL">APRIL</OPTION>
<OPTION VALUE="MEI">MEI</OPTION>
<OPTION VALUE="JUNI">JUNI</OPTION>
<OPTION VALUE="JULI">JULI</OPTION>
<OPTION VALUE="AGUSTUS">AGUSTUS</OPTION>
<OPTION VALUE="SEPTEMBER">SEPTEMBER</OPTION>
<OPTION VALUE="OKTOBER">OKTOBER</OPTION>
<OPTION VALUE="NOVEMBER">NOVEMBER</OPTION>
<OPTION VALUE="DESEMBER">DESEMBER</OPTION>
</SELECT>
<SELECT NAME="TAHUN">
<OPTION VALUE=""SELECTED="SELECTED">TAHUN
<OPTION VALUE="2017">2017</OPTION>
<OPTION VALUE="2016">2016</OPTION>
<OPTION VALUE="2015">2015</OPTION>
<OPTION VALUE="2014">2014</OPTION>
<OPTION VALUE="2013">2013</OPTION>
<OPTION VALUE="2012">2012</OPTION>
<OPTION VALUE="2011">2011</OPTION>
<OPTION VALUE="2010">2010</OPTION>
<OPTION VALUE="2009">2009</OPTION>
<OPTION VALUE="2008">2008</OPTION>
<OPTION VALUE="2007">2007</OPTION>
<OPTION VALUE="2006">2006</OPTION>
<OPTION VALUE="2005">2005</OPTION>
<OPTION VALUE="2004">2004</OPTION>
<OPTION VALUE="2003">2003</OPTION>
<OPTION VALUE="2002">2002</OPTION>
<OPTION VALUE="2001">2001</OPTION>
<OPTION VALUE="2000">2000</OPTION>
<OPTION VALUE="1999">1999</OPTION>
<OPTION VALUE="1998">1998</OPTION>
<OPTION VALUE="1997">1997</OPTION>
<OPTION VALUE="1996">1996</OPTION>
<OPTION VALUE="1995">1995</OPTION>
<OPTION VALUE="1994">1994</OPTION>
<OPTION VALUE="1993">1993</OPTION>
<OPTION VALUE="1992">1992</OPTION>
<OPTION VALUE="1991">1991</OPTION>
<OPTION VALUE="1990">1990</OPTION>
</SELECT></TD>
</TR>
<TR>
<TD>JENIS KELAMIN</TD>
<TD>:</TD>
<TD><INPUT TYPE="RADIO" NAME:"SEX" VALUE="1" ID=""/><LABEL CLASS=""
FOR="">LAKI-LAKI</LABEL>
<TD><INPUT TYPE="RADIO" NAME:"SEX" VALUE="1" ID=""/><LABEL CLASS=""
FOR="">PEREMPUAN</LABEL>
</TR>
<TR>
<TD VALIGN="TOP">ALAMAT RUMAH</TD>
<TD VALIGN="TOP">:</TD>
<TD><TEXTAREA COLS=27 ROWS=5 NAME="ALAMAT RUMAH"></TEXTAREA></TD>
</TR>
<TR>
<TD>PENDIDIKAN TERAKHIR</TD>
<TD>:</TD>
<TD><INPUT TYPE="CHECKBOX" NAME="SMP">SMP
<TD><INPUT TYPE="CHECKBOX" NAME="SMA">SMA
<TD><INPUT TYPE="CHECKBOX" NAME="D3">D3
<TD><INPUT TYPE="CHECKBOX" NAME="S1">S1
</TR>
<TR>
<TD><INPUT TYPE="SUBMIT" VALUE="DAFTAR"/></TD>
</TR>
</BODY>
</HEAD>
</HTML>
3. TUGAS AKHIR (LINK)
1) PEMBUKA
<HTML>
<HEAD>
<TITLE>SELAMAT DATANG</TITLE>
</HEAD>
<BODY BGCOLOR="NAVY">
<FONT SIZE=6 FONT FACE=JAOY COLOR=WHITE>
<H1 ALIGN="CENTER"> selamat datang di laman pendaftaran olimpiade bahasa
inggris tahun 2017</H1>
<H2>Pendaftaran ditutup pada tanggal 30 november 2017</H2>
<LI><B>Klik "DAPATKAN FORM" di bawah ini untuk mendapatkan formulir
pendaftaran</LI></B>
<P><A HREF="2. formulir.html"><B>DAPATKAN FORM</A></P></B>
<LI><B>info lebih lanjut hubungi olimpiadeinggris@gmail.com</LI></B>
</BODY>
</HTML>
2) FORMULIR
<HTML>
<HEAD>
<TITLE>FORMULIR PENDAFTARAN</TITLE>
</HEAD>
<BODY BGCOLOR="PINK">
<FONT SIZE=4 FONT FACE=CALIBRI COLOR=PURPLE>
<BODY>
<CENTER>
<FONT SIZE="25PX">
FORMULIR PENDAFTARAN
</FONT>
</CENTER>
<TABLE>
<TR>
<TD>NAMA LENGKAP</TD>
<TD>:<INPUT TYPE="TEXT" NAME="NAMA LENGKAP" SIZE=37/></TD>
</TR>
<TR>
<TD>TEMPAT LAHIR</TD>
<TD>:</TD>
<TD><INPUT TYPE="TEXT" NAME="TEMPAT LAHIR" SIZE=37/></TD>
</TR>
<TR>
<TD>TANGGAL LAHIR</TD>
<TD>:</TD>
<TD><SELECT NAME="TANGGAL">
<OPTION VALUE=""SELECTED="SELECTED">TANGGAL
<OPTION VALUE="01">01</OPTION>
<OPTION VALUE="02">02</OPTION>
<OPTION VALUE="03">03</OPTION>
<OPTION VALUE="04">04</OPTION>
<OPTION VALUE="05">05</OPTION>
<OPTION VALUE="06">06</OPTION>
<OPTION VALUE="07">07</OPTION>
<OPTION VALUE="08">08</OPTION>
<OPTION VALUE="09">09</OPTION>
<OPTION VALUE="10">10</OPTION>
<OPTION VALUE="11">11</OPTION>
<OPTION VALUE="12">12</OPTION>
<OPTION VALUE="13">13</OPTION>
<OPTION VALUE="14">14</OPTION>
<OPTION VALUE="15">15</OPTION>
<OPTION VALUE="16">16</OPTION>
<OPTION VALUE="17">17</OPTION>
<OPTION VALUE="18">18</OPTION>
<OPTION VALUE="19">19</OPTION>
<OPTION VALUE="20">20</OPTION>
<OPTION VALUE="21">21</OPTION>
<OPTION VALUE="22">22</OPTION>
<OPTION VALUE="23">23</OPTION>
<OPTION VALUE="24">24</OPTION>
<OPTION VALUE="25">25</OPTION>
<OPTION VALUE="26">26</OPTION>
<OPTION VALUE="27">27</OPTION>
<OPTION VALUE="28">28</OPTION>
<OPTION VALUE="29">29</OPTION>
<OPTION VALUE="30">30</OPTION>
<OPTION VALUE="31">31</OPTION>
</SELECT>
<SELECT NAME="BULAN">
<OPTION VALUE=""SELECTED="SELECTED">BULAN
<OPTION VALUE="JANUARI">JANUARI</OPTION>
<OPTION VALUE="FEBRUARI">FEBRUARI</OPTION>
<OPTION VALUE="MARET">MARET</OPTION>
<OPTION VALUE="APRIL">APRIL</OPTION>
<OPTION VALUE="MEI">MEI</OPTION>
<OPTION VALUE="JUNI">JUNI</OPTION>
<OPTION VALUE="JULI">JULI</OPTION>
<OPTION VALUE="AGUSTUS">AGUSTUS</OPTION>
<OPTION VALUE="SEPTEMBER">SEPTEMBER</OPTION>
<OPTION VALUE="OKTOBER">OKTOBER</OPTION>
<OPTION VALUE="NOVEMBER">NOVEMBER</OPTION>
<OPTION VALUE="DESEMBER">DESEMBER</OPTION>
</SELECT>
<SELECT NAME="TAHUN">
<OPTION VALUE=""SELECTED="SELECTED">TAHUN
<OPTION VALUE="2017">2017</OPTION>
<OPTION VALUE="2016">2016</OPTION>
<OPTION VALUE="2015">2015</OPTION>
<OPTION VALUE="2014">2014</OPTION>
<OPTION VALUE="2013">2013</OPTION>
<OPTION VALUE="2012">2012</OPTION>
<OPTION VALUE="2011">2011</OPTION>
<OPTION VALUE="2010">2010</OPTION>
<OPTION VALUE="2009">2009</OPTION>
<OPTION VALUE="2008">2008</OPTION>
<OPTION VALUE="2007">2007</OPTION>
<OPTION VALUE="2006">2006</OPTION>
<OPTION VALUE="2005">2005</OPTION>
<OPTION VALUE="2004">2004</OPTION>
<OPTION VALUE="2003">2003</OPTION>
<OPTION VALUE="2002">2002</OPTION>
<OPTION VALUE="2001">2001</OPTION>
<OPTION VALUE="2000">2000</OPTION>
<OPTION VALUE="1999">1999</OPTION>
<OPTION VALUE="1998">1998</OPTION>
<OPTION VALUE="1997">1997</OPTION>
<OPTION VALUE="1996">1996</OPTION>
<OPTION VALUE="1995">1995</OPTION>
<OPTION VALUE="1994">1994</OPTION>
<OPTION VALUE="1993">1993</OPTION>
<OPTION VALUE="1992">1992</OPTION>
<OPTION VALUE="1991">1991</OPTION>
<OPTION VALUE="1990">1990</OPTION>
</SELECT></TD>
</TR>
<TR>
<TD>JENIS KELAMIN</TD>
<TD>:</TD>
<TD><INPUT TYPE="RADIO" NAME:"SEX" VALUE="1" ID=""/><LABEL CLASS=""
FOR="">LAKI-LAKI</LABEL>
<TD><INPUT TYPE="RADIO" NAME:"SEX" VALUE="1" ID=""/><LABEL CLASS=""
FOR="">PEREMPUAN</LABEL>
</TR>
<TR>
<TD VALIGN="TOP">ALAMAT EMAIL</TD>
<TD VALIGN="TOP">:</TD>
<TD><TEXTAREA COLS=27 ROWS=5 NAME="ALAMAT EMAIL"></TEXTAREA></TD>
</TR>
<TR>
<TD>PENDIDIKAN TERAKHIR</TD>
<TD>:</TD>
<TD><INPUT TYPE="CHECKBOX" NAME="SMP">SMP
<TD><INPUT TYPE="CHECKBOX" NAME="SMA">SMA
<TD><INPUT TYPE="CHECKBOX" NAME="D3">D3
<TD><INPUT TYPE="CHECKBOX" NAME="S1">S1
</TR>
<TR>
<TD><A HREF="3. penutup.html"><INPUT TYPE="SUBMIT"
VALUE="DAFTAR"/></A></TD>
</TR>
</BODY>
</HEAD>
</HTML>

3) PENUTUP
<HTML>
<HEAD>
<TITLE>SELAMAT</TITLE>
</HEAD>
<BODY BGCOLOR="PURPLE">
<FONT SIZE=6 FONT FACE=JAOY COLOR=WHITE>
<H1 ALIGN="CENTER">SELAMAT ANDA TELAH RESMI TERDAFTAR SEBAGAI
PESERTA OLIMPIADE BAHASA INGGRIS TAHUN 2017</H1>
<H2>silahkan cek email anda </H2>
<LI><B>info lebih lanjut hubungi olimpiadeinggris@gmail.com</LI></B>
</BODY>
</HTML>

Вам также может понравиться