View
244
Download
3
Category
Preview:
DESCRIPTION
references
Citation preview
FAKULTI PENDIDIKAN DAN BAHASA
JAN 2014
CDWP2203
INTRODUCTION TO WEB PROGRAMMING
NAME : SITI MURNI BINTI SALLEH
MATRICULATION NO : 841208025474001
IDENTITY CARD NO : 841208025474
TELEPHONE NO. : 019-5447887 / 04-4720717
E-MAIL : sitimurni.salleh@tm.com.my
LEARNING CENTRE : KEDAH LEARNING CENTRE
1
ISI KANDUNGAN
TAJUK MUKA SURAT
1.0 TUGASAN PERTAMA
1.1 Coding Dalam Notepad 3
1.2 Paparan tugasan Pertama 4
2.0 TUGASAN KEDUA
2.1 Coding Bagi Index 5
2.2 Paparan Bagi Index 7
2.3 Coding Bagi Maklumat 7
2.4 Paparan Bagi Maklumat 9
2.5 Coding Bagi Kelebihan 10
2.6 Paparan Bagi Kelebihan 14
2.7 Coding Bagi Keburukkan 14
2.8 Paparan Bagi Keburukkan 18
2.9 Coding Bagi tema dan Sub Tema Persidangan Teknologi Maklumat 18
3.0 Paparan Bagi tema dan Sub Tema Persidangan Teknologi Maklumat21
1.0 TUGASAN PERTAMA
2
1.1CODING DALAM NOTEPAD
<html>
<title>Assignment</title>
<body bgcolor="red">
<p>
<p>
<h3><bold><center>Faculty of Information Technology & Multimedia
Communication</center></bold></h3>
<h4><center>This is the content of Introduction to Web Programming
Course</center></h4>
<TABLE BORDER="5" WIDTH="80%" CELLPADDING="4" CELLSPACING="3"
ALIGN="CENTER" bgcolor=" blue">
<TR>
<TH COLSPAN="2"><BR><H3>The Contents</H3>
</TH>
</TR>
<TR>
<TD>Topic 1: Introduction to HTML</TD>
<TD>1.Method in the Preparation of Hypertext Documents
<br>2.Creating HTML Document
<br>3.Heading,Paragraphs and Lists
<ul>
<li>Headings</li>
<li>Paragraphs</li>
<li>List</li>
</ul>
4.Modifying Text Format
<br>5.Lines and Graphic</TD>
</TR>
<TD>Topic 2: Hypertext Links </TD>
<TD>1.Links to Others Website Objects
<br>2.Links to Several HTML Files
<br>3.Links to Others Web Objects</TD>
3
</TR>
<TD>Topic 3: Website Design</TD>
<TD>1.Adding Colours
<br>2.Font Modification
<br>3.Manipulating Images
<br>4.Image Map</TD>
</TR>
</TABLE></center>
<center>
Contact <a href="mailto:cwshamsul@oum.edu.my">The webmaster</a>
</body>
</html>
1.2 PAPARAN TUGASAN PERTAMA
2.0 TUGASAN KEDUA
4
2.1CODING BAGI INDEX
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>UTAMA</title></head><body style="color: rgb(0, 0, 0); background-
color: rgb(255, 153, 255);" alink="#000099" link="#000099" vlink="#990099">
<center>
<table style="text-align: left; width: 100%;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top; width: 234px;"><br>
</td>
<td style="vertical-align: top; width: 818px; text-align: center;">
<h2>Syarikat World Summit Management</h2>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 234px;">Persidangan
antarabangsa mengenai "Teknologi Maklumat":
<p>1. <a href="maklumat.html">Maklumat Persidangan</a> </p>
<p>2. <a href="kelebihan.html">Kelebihan</a> </p>
<p>3. <a href="keburukan.html">Keburukan</a> </p>
<p>4. <a href="tema.html">Tema dan Sub Tema</a>
</p>
<p>5.<a href="Borang%20Penghantaran%20Abstrak.pdf" target="_blank"> Borang
Penghantaran Abstrak</a> dan <a href="kertas%20kerja%20Seminar%20Kerjaya.pdf"
target="_blank">Kertas Keja Persidangan</a> </p>
<p> </p>
</td>
5
<td style="vertical-align: top; width: 818px;">
<div style="text-align: center;"><img style="width: 311px; height: 268px;" alt="logo"
src="../../Pictures/LOGO.jpg"><br>
</div>
<br>
<div style="text-align: center;"><br>
</div>
<br>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 234px;"><br>
</td>
<td style="vertical-align: top; width: 818px; text-align: center;">COPYRIGHT
2014 SITI MURNI<br>
</td>
</tr>
</tbody>
</table>
<h2><br>
</h2>
</center>
<br>
<br>
</body></html>
2.2 PAPARAN BAGI INDEX
6
2.3 CODING BAGI MAKLUMAT
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>lokasi</title></head><body style="color: rgb(0, 0, 0); background-
color: rgb(255, 255, 102);" alink="#000099" link="#000099" vlink="#990099">
<p>
</p>
<h1><bold></bold>
<center>
<table style="text-align: left; width: 1031px; height: 428px;" border="1" cellpadding="2"
cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top; width: 137px;"><br>
</td>
<td style="vertical-align: top; width: 735px; text-align: center;">
<h1>Hotel Seri Malaysia, Kuala Lumpur pada 29-30 Mei 2013</h1>
7
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 137px;">Persidangan
antarabangsa mengenai "Teknologi Maklumat":
<p>1. <a href="maklumat.html">Maklumat
Persidangan</a> </p>
<p>2. <a href="kelebihan.html">Kelebihan</a> </p>
<p>3. <a href="keburukan.html">Keburukan</a>
</p>
<p>4. <a href="tema.html">Tema dan Sub Tema</a>
</p>
<p>5. <a href="Borang%20Penghantaran%20Abstrak.pdf" target="_blank">Borang
Penghantaran Abstrak</a> dan<a href="kertas%20kerja%20Seminar%20Kerjaya.pdf"
target="_blank"> Kertas Keja Persidangan</a> </p>
</td>
<td style="vertical-align: top; width: 735px;">
<ul>
<h2><bold>
<li>Pendaftaran pada jam 8.00pagi</li>
</bold></h2>
<h2><bold>
<li>Tingkat 2,Dewan Al-Farabi</li>
</bold></h2>
<h2><bold>
<li>Berpakaian Kemas Bagi Lelaki Dan Perempuan</li>
</bold></h2>
8
</ul>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 137px;"><br>
</td>
<td style="vertical-align: top; width: 735px; text-align: center;">COPYRIGHT
2014 SITI MURNI
</td>
</tr>
</tbody>
</table>
<br>
</center>
</h1>
<ul>
2.4 PAPARAN BAGI MAKLUMAT
2.5 CODING BAGI KELEBIHAN
9
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>kelebihan</title></head><body style="color: rgb(0, 0, 0); background-
color: rgb(255, 102, 102);" alink="#000099" link="#000099" vlink="#990099">>
<table style="text-align: left; width: 1056px; height: 743px;" border="1" cellpadding="2"
cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top; width: 170px;"><br>
</td>
<td style="vertical-align: top; width: 794px; text-align: center;">
<h1>KELEBIHAN</h1>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 170px;">Persidangan
antarabangsa mengenai "Teknologi Maklumat":
<p>1. <a href="maklumat.html">Maklumat Persidangan</a> </p>
<p>2. <a
href="file:///C:/Users/Aspire/Desktop/Assignment%20_DWP2203new/kelebihan.html">Kele
bihan</a> </p>
<p>3. <a href="keburukan.html">Keburukan</a> </p>
<p>4. <a href="tema.html">Tema dan Sub Tema</a>
</p>
<p>5.<a href="Borang%20Penghantaran%20Abstrak.pdf" target="_blank"> Borang
Penghantaran Abstrak</a> dan <a href="kertas%20kerja%20Seminar%20Kerjaya.pdf"
target="_blank">Kertas Keja Persidangan</a> </p>
<br>
10
</td>
<td style="vertical-align: top; width: 794px;">
<ul>
<li>Memudahkan Kerja Seharian </li>
Teknologi telah berjaya memudahkan pelbagai kerja seharian kita. Mesin
basuh kain, mesin basuh pinggan dan peti ais telah meringankan kerja di
rumah dan hampir setiap rumah di Malaysia kini telah memiliki
sekurang-kurangnya mesin basuh kain dan peti ais. Para suri rumah tidak
perlu lagi membasuh kain dengan menggunakan tangan. Teknologi bukan
sahaja telah membantu kerja-kerja di rumah menjadi semakin mudah malah
di pejabat juga. Penggunaan mesin fotostat misalnya telah memudahkan
pekerja untuk membuat salinan sesuatu dokumen . Disamping itu
penggunaan applikasi seperti Microsoft Word telah memudahkan pekerja
dipejabat untuk membuat laporan, menaip surat dan sebagainya. Ianya
jauh berbeza dengan penggunaan mesin taip yang terpaksa menaip balik
seluruh dokumen jika terdapat sebarang kesilapan. <br>
<br>
<li>Menjimatkan Masa</li>
Perkembangan teknologi juga telah dapat menjimatkan masa. Perkembangan
pesat teknologi pengangkutan telah menjimatkan masa perjalananan dari
satu destinasi ke destinasi yang lain. Penggunaan LRT dan komuter
menjadi pilihan warga kota untuk pergi dan balik dari kerja. Ianya
bukan sahaja menjimatkan masa malah menjimatkan duit kerana penggunaan
banyak minyak petrol di dalam keadaan jalan yang sesak dan sekaligus
dapat mengurangkan tekanan kepada mereka yang memandu. Teknologi juga
telah banyak membantu petani dalam mempercepatkan proses pembajakan
tanah. Jika dahulu tanah dibajak dengan menggunakan cangkul dan bajak
11
besi, ianya memerlukan banyak tenaga manusia dan memakan masa yang
lama. Penggunaan alat pembajak seperti traktor telah banyak menjimatkan
masa para petani. <br>
<br>
<li>Kemudahan komunikasi</li>
Kecanggihan teknologi masa kini telah memberi banyak kemudahan
komunikasi kepada seluruh masyarakat di dunia. Ianya amat mudah, hanya
perlu menggunakan telefon, laman media sosial, Skype, Yahoo Messenger,
Email dan sebagainya. Penyaluran maklumat dapat disalurkan dengan
pantas ke seluruh dunia. Jika dahulu, suratkhabar, telefon dan
televisyen merupakan antara media massa yang paling penting dalam
menyalurkan maklumat. Kini dengan perkembagan teknologi dalam
komunikasi telah mempelbagaikan saluran untuk menyampaikan maklumat dan
ianya juga lebih pantas. Kemudahan komukasi ini banyak membantu kita
untuk berhubungan dengan masyarakat di seluruh pelusuk dunia di samping
memudahkan kaum keluarga untuk berhubung sesama mereka.<br>
<br>
<li>Teknologi perubatan membantu mengawal/mengubat penyakit </li>
Perkembangan teknologi perubatan telah banyak membantu menyelamatkan
manusia. Penggunaan incubators telah banyak membantu bayi yang lahir
tidak cukup bulan untuk terus hidup. Begitu juga dengan penggunaan
kimoterapi, ianya telah banyak membantu sesetengah pesakit kanser dalam
mengubati penyakit mereka. Walaupun tidak semua pesakit kanser boleh
pulih dengan sesi kimoterapi tetapi ianya memberi sedikit harapan
kepada pesakit untuk terus hidup. Perkembangan teknologi pengimejan
juga telah membantu dalam mengenalpasti pelbagai jenis penyakit dengan
lebih cepat dan mudah. Ianya sekaligus membantu untuk kenalpasti
12
rawatan yang diperlukan. Teknologi ini telah banyak membantu pengamal
perubatan.<br>
<br>
<li>Meningkatkan pengeluaran</li>
Teknologi telah banyak membantu para peniaga dalam meningkatkan
pengeluaran. Penggunaan pelbagai jenis mesin dan peralatan telah
berjaya meningkatkan pengeluaran dan mengurangkan penggunaan tenaga
buruh, contohnya penggunaan mesin dalam penyediaan makanan, pembuatan
kereta dan sebagainya. Penggunaan mesian dan peralatan ini mampu
mengurangkan kebarangkalian dalam kerosakan sesuatu produk yang
dihasilkan. <br>
<br>
</ul>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 170px;"><br>
</td>
<td style="vertical-align: top; width: 794px; text-align: center;">COPYRIGHT
2014 SITI MURNI
</td>
</tr>
</tbody>
</table>
<h1><bold></bold>
13
<center><br>
</center>
</h1>
<ul>
</ul>
</body></html>
2.6 PAPARAN BAGI KELEBIHAN
2.7 CODING BAGI KEBURUKKAN
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>keburukan</title></head><body style="color: rgb(0, 0, 0); background-
color: rgb(102, 255, 153);" alink="#000099" link="#000099" vlink="#990099">
<table style="text-align: left; width: 100%;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top; width: 191px;"><br>
</td>
14
<td style="vertical-align: top; width: 844px; text-align: center;">
<h1>KEBURUKAN</h1>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 191px;">Persidangan
antarabangsa mengenai "Teknologi Maklumat":
<p>1. <a href="maklumat.html">Maklumat Persidangan</a> </p>
<p>2. <a href="kelebihan.html">Kelebihan</a> </p>
<p>3. <a
href="file:///C:/Users/Aspire/Desktop/Assignment%20_DWP2203new/keburukan.html">Keb
urukan</a> </p>
<p>4. <a href="tema.html">Tema dan Sub Tema</a>
</p>
<p>5.<a href="Borang%20Penghantaran%20Abstrak.pdf" target="_blank"> Borang
Penghantaran Abstrak</a> dan <a href="kertas%20kerja%20Seminar%20Kerjaya.pdf"
target="_blank">Kertas Keja Persidangan</a> </p>
</td>
<td style="vertical-align: top; width: 844px;">
<ul>
<li>Jenayah </li>
Perkembangan teknologi juga boleh membawa keburukan terutamanya jenayah
siber, ianya seperti kecurian maklumat, penipuan, penyebaran virus,
penggodam , pengubahsuaian ke atas program dan sebagainya. Jenayah
Siber amat berleluasa sekarang ini dan ianya sukar untuk dibendung.
Kecanggihan teknologi telah disalahgunakan oleh pihak-pihak yang
tertentu bagi mengaut keuntungan dengan cara yang mudah. Di samping
itu, teknologi juga telah memudahkan penjenayah untuk melakukan jenayah
15
contohnya dengan penggunaan alat bagi mengesan laptop di dalam kereta
dan juga alat untuk membuka pintu kereta. Alat-alat ini banyak
digunakan oleh penjenayah. <br>
<br>
<li>Kurang Pergaulan</li>
Pelbagai jenis gadget dan permainan secara online telah menyebabkan
kurangnya pergaulan dikalangan remaja dan kanak-kanak. Sekiranya ianya
berlarutan untuk jangka masa yang agak lama, ianya boleh mengurangkan
kemahiran bersosial dan tidak mempunyai keyakinan diri ketika bergaul
dengan masyarakat sekeliling. Ini jelas memberi kesan yang negatif
kepada individu tersebut. Perkembangan teknologi juga boleh
melonggarkan perhubungan dalam sesebuah keluarga. Ianya terjadi apabila
masing-masing sibuk dengan telefon atau gadget masing-masing tanpa
berkomunikasi antara satu sama lain. Sekiranya kita lihat masyarakat di
luar sana, terdapat ramai keluarga yang datang menjamu selera, duduk
dalam satu meja tetapi masing-masing sibuk dengan alat komukasi
masing-masing. Inilah yang berlaku pada masa kini.<br>
<br>
<li>Mengancam Nyawa Manusia</li>
Teknologi nuklear boleh mengancam nyawa manusia. Tidak dinafikan
teknologi nuklear banyak memberi kebaikan kepada manusia, di samping
kebaikan, ianya juga boleh memberi keburukan kepada manusia. Tragedi di
Chernobyl yang berlaku pada 1986 di Ukraine merupakan antara tragedi
nuklear yang paling teruk berlaku. Tragedi ini telah mengorbankan
banyak nyawa manusia dan kesan radiasi telah menular ke 3 negara iaitu
Belarus, Ukraine dan Russia. Kesan radiasi ini juga telah memberi impak
yang buruk kepada manusia di mana manusia boleh mendapat penyakit
16
kanser dan penyakit-penyakit lain dalam jangka masa panjang.<br>
<br>
<li>Menjejaskan kesihatan</li>
Pada masa kini terdapat banyak makanan dalam tin yang boleh terus
dimakan. Pernahkah kita terfikir, adakah makanan dalam tin selamat
untuk dimakan? Apakah bahan yang digunakan bagi memastikan ianya tahan
lama? Penggunaan bahan kimia dalam pemprosesan dan teknologi makanan
seperti sulfur dioksida, asid benzoik da asid sorbik boleh menyebabkan
penyakit seperti kanser dan sesak nafas. Disamping itu juga, kenderaan
yang terlampau banyak di kota raya juga boleh menjejaskan kesihatan
manusia akibat daripada pelepasan asap dari kenderaan. </ul>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 191px;"><br>
</td>
<td style="vertical-align: top; width: 844px; text-align: center;">COPYRIGHT
2014 SITI MURNI
</td>
</tr>
</tbody>
</table>
</body></html>
2.8 PAPARAN BAGI KEBURUKKAN
17
2.9 CODING BAGI TEMA DAN SUB TEMA PERSIDANGAN TEKNOLOGI
MAKLUMAT
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>tema dan sub tema</title></head><body style="color: rgb(0, 0, 0);
background-color: rgb(153, 153, 255);" alink="#000099" link="#000099" vlink="#990099">
<h1><bold></bold>
<center>
<table style="text-align: left; width: 1011px; height: 548px;" border="1" cellpadding="2"
cellspacing="2">
<tbody>
<tr>
<td style="vertical-align: top; width: 142px;"><br>
</td>
<td style="vertical-align: top; width: 629px;">
<h1>Tema Dan Sub Tema Persidangan Teknologi Maklumat</h1>
</td>
18
</tr>
<tr>
<td style="vertical-align: top; width: 142px;">Persidangan
antarabangsa mengenai "Teknologi Maklumat":
<p>1. <a href="maklumat.html">Maklumat Persidangan</a> </p>
<p>2. <a href="kelebihan.html">Kelebihan</a> </p>
<p>3. <a href="keburukan.html">Keburukan</a>
</p>
<p>4. <a href="tema.html">Tema dan Sub Tema</a>
</p>
<p>5. <a href="Borang%20Penghantaran%20Abstrak.pdf" target="_blank">Borang
Penghantaran Abstrak</a> dan <a href="kertas%20kerja%20Seminar%20Kerjaya.pdf"
target="_blank">Kertas Keja Persidangan</a> </p>
</td>
<td style="vertical-align: top; width: 629px;">
<h2><bold><align text="" left="">
<li>TEMA:KELEBIHAN DAN KEBURUKAN DALAM MASYARAKAT</li>
<li>SUB TEMA:<br>
</li>
</align></bold></h2>
<br>
<font size="+1"><span style="font-weight: bold;">TEKNOLOGI
MAKLUMAT DALAM MASYRAKAT</span></font><br>
<br>
1<big>.IT DAN MASYARAKAT <br>
2.PENGGUNAAN INTERNET <br>
3.KEBAIKAN TEKNOLOGI <br>
19
4.KEBURUKAN TEKNOLOGI <br>
5.KOKULASI PENGGUNAAN TEKNOLOGI<br>
</big><br>
</td>
</tr>
<tr>
<td style="vertical-align: top; width: 142px;"><br>
</td>
<td style="vertical-align: top; width: 629px; text-align: center;">COPYRIGHT
2014 SITI MURNI
</td>
</tr>
</tbody>
</table>
<br>
</center>
</h1>
<h2><bold><align text="" left=""><br>
</align></bold></h2>
<a href="javascript:history.go(-1)"><br>
</a>
<br>
</body></html>
20
3.0 PAPARAN BAGI TEMA DAN SUB TEMA PERSIDANGAN TEKNOLOGI
MAKLUMAT.
21
Recommended