cdwp - introsuction to web programming

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 : [email protected]

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:[email protected]">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>

<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


<html><head><title>lokasi</title></head><body style="color: rgb(0, 0, 0); background-


<p>

</p>

<h1><bold></bold>

<center>

<table style="text-align: left; width: 1031px; height: 428px;" border="1" cellpadding="2"

cellspacing="2">

<tbody>

<tr>


</td>


<h1>Hotel Seri Malaysia, Kuala Lumpur pada 29-30 Mei 2013</h1>

7

</td>

</tr>

<tr>



<p>1. <a href="maklumat.html">Maklumat

Persidangan</a> </p>


<p>3. <a href="keburukan.html">Keburukan</a>

</p>


</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>


<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>


2014 SITI MURNI

</td>

</tr>

</tbody>

</table>

<br>

</center>

</h1>

<ul>

2.4 PAPARAN BAGI MAKLUMAT

2.5 CODING BAGI KELEBIHAN

9


<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">>


cellspacing="2">

<tbody>

<tr>


</td>


<h1>KELEBIHAN</h1>

</td>

</tr>

<tr>




<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>




<br>

10

</td>


<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>


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


<html><head><title>keburukan</title></head><body style="color: rgb(0, 0, 0); background-


<table style="text-align: left; width: 100%;" border="1" cellpadding="2" cellspacing="2">

<tbody>

<tr>


</td>

14


<h1>KEBURUKAN</h1>

</td>

</tr>

<tr>





<p>3. <a

href="file:///C:/Users/Aspire/Desktop/Assignment%20_DWP2203new/keburukan.html">Keb

urukan</a> </p>


</p>




</td>


<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>


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


<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>


cellspacing="2">

<tbody>

<tr>


</td>


<h1>Tema Dan Sub Tema Persidangan Teknologi Maklumat</h1>

</td>

18

</tr>

<tr>





<p>3. <a href="keburukan.html">Keburukan</a>

</p>


</p>

<p>5. <a href="Borang%20Penghantaran%20Abstrak.pdf" target="_blank">Borang



</td>


<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>


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