JAWAPAN AMALI 3

SOALAN 1.

Dapatkan satu akaun di mana - mana site yang sediakan perkhidmatan laman web percuma untuk tempatkan laman web anda. Terangkan langkah-langkah yang terlibat.

Saya telah pun mendaftar di site yang menyediakan perkhidmatan laman web secara percuma untuk menempatkan laman web saya. Diantara langkah-langkah yang terlibat ialah;

1).    Melalui web yahoo, buka halaman nya dengan menaip http://www.yahoo.com.

 2).    Di dalam halaman yahoo tersebut klik pada Computer & Internet

                                                                             Internet, WWW, Software,…

                                                                             Dan tekan kekunci enter.
 3).    Halaman http://dir.yahoo.com/computer_and_internet/ akan di paparkan dan klik pada
         Word  Wide Web@  dan tekan kekunci enter.

 4).     Pada halaman http://dir.yahoo.com/computer_and_internet/internet/word_wide_web/ klik
          pada Web Services@ dan tekan enter.

 5).    Apabila halaman    http://dir.yahoo.com/computer_and_internet/internet/word_wide_web/web_service/
          muncul klik pada Free Web Pages(85) dan tekan enter

 6).    Kemudian di dalam halaman
         http://dir.yahoo.com/computer_and_internet/internet/word_wide_web/web_service/free_web_pages/
         klik Free Serve - free customized web pages, html help and more dan tekan enter.

 7).    Halaman http://freeserve,hypermart.net/ akan muncul
 
 8).    Pergi ke banner untuk mendapatkan 20MB of webspaces and email for free ,klik banner
          tersebut

 9).    Halaman http://www2.fortunecity.coom/cgi-bin/homepage/estate.pl?referer=sa akan muncul.

10).   Pergi ke GET YOUR FREE WEB SPACE AND EMAIL NOW dan isikan pendaftaran
         tersebut.

    Pilih Choose a homepage district : students

    Choose a username : faeizah

    Choose a password: fznr18

    (must be lowwer cases )

    your e-mail address: [email protected]

    setelah itu klik pada

    I agree to the terms and conditions dan tekan enter.
     

11).    Halaman fortunecity pasport akan dipaparkan, dan perlu anda ambil perhatian dan jika mahu
          sebagai  ingatan sila catitkan seperti
    Your web URL is: http://campus.fortunecity.com/chemistry/810

    Your username is:

    faeizah

    Your password is:

    fznr18

    Your email address is;

    [email protected]

    Kemudian klik continue icon
     

12).    Muncul pula kotak dialog username and password required kemudiannya. Dan isikan
    Username:faeizah

    Dan Password : fznr18

    Seterusnya klik button OK.

13).    Halaman Welcome to the City akan muncul pula dan isikan butir-butir peribadi anda di
          ruang First name;

Last name:

Non-U.S-Residents:

Country:

Postal Code:

Gander: Male or Female

Year of Birth: 19__

Marital Status:

No.of Children under 18 in your household:

House Hold Incame:

Education:

Job Title:

Industry:

Company Size;

I use a computer primarily at : work or home or school

I CQ number (if you have one)

Interest:

Tich as many or as few of the following as you want:

- Computer/ technology

 Sport Music Di akhirnya klik Take me to the Home Builder dan tekan kekunci Enter. 14).    Di akhir sekali muncul halaman pilihan di fortunecity. Terdapat 3 cara yang berbeza untuk membangunkan home di dalam web di fortunecity samada menggunakan Anda boleh memilih kaedah yang di tawarkan. Di bahagian akhir ini saya memilih untuk membangunkan halaman web saya menggunakan File Manager dan ada juga menggunakan Home Builder.              Sekiranya anda memilih Home Builder halaman http://www2.fortunecity.com/acgi-bin/homebuilder/hbpreview.pl akan di paparkan.

 

 
 

 SOALAN 2.
 

Dengan menggunakan site yang di atas , bina satu laman web yang mengandungi butiran anda seperti berikut;

 

 
Jawapan soalan ini telah pun saya bina seperti yang di tetapkan oleh soalan.
 

 
 

SOALAN 3.

Senaraikan semua arahan yang anda gunakan dalam membina laman anda di atas dan nyatakan kegunaannya. Anda boleh menerangkan kegunaan arahan seperti jadual di bawah.

Jenis-jenis arahan yang saya gunakan dan kegunaannya di dalam membina halaman web saya ialah seperti yang di tunjukkan dalam jadual di bawah.

 
 
Arahan Keterangan / kegunaannya
<html>..</html>
  • arahan yang digunakan sebagai asas HTML ialah html. 
  • Arahan permulaan dan akhir html.
<head>..</head>
  • arahan membina tajuk dan kepala bagi laman html 
  • kesan daripada perlaksanaan ini arahan ini ialah satu tajuk akan kelihatan di kepala windows pada komputer pengguna. 
<body>..</body>
  • arahan yang menerangkan isi kandungan html 
  • arahan-arahan html yang lain biasanya dimasukkan di ruang ini.
<p>..</p>
  • arahan membina paragraph 
  • arahan yang menentukan paragraph bagi html 
  • kesan dari penggunaan arahan ini ialah satu paragraph akan kelihatan di laman komputer pengguna. 
<b>..</b>
  • untuk hitamkan perkataan/teks
<u>..</u>
  • arahan menggariskan perkataan/ teks
<#ffffff>
  • arahan memasukkan warna
<h1>..</h1>
  • arahan menentukan saiz font
<a img src = namafail /a>
  • arahan untuk mempamerkan imej
<a../a>
  • arahan untuk link dan anchor
<ul>..</ul>
  • arahan untuk unorder list
<li>
  • list item ini mesti digunakan bersama unorder list ataupun ordered list. 
  • Ia membenarkan pengguna menggunakan simbol tertentu atau di kenali sebagai bulleted list
<font size ="+/-nombor"teks</font>
  • arahan untuk membesar dan mengecilkan huruf 
<pre>..</pre>
  • Arahan preformat ,ia untuk format yang bebas.
<big>..</big>
  • font akan menjadi besar
<blink>..</blink>
  • arahan yang membuatkan teks akan berkelip-kelip
<title>..</title>
  • arahan untuk teks seperti tajuk. 
  • Ia biasanya berada di dalam arahan head.
<script>..</script>
  • arahan utuk menulis teks , ia sama seperti title.
<ol>..</ol>
  • arahan ordered list 
  • satu kemudahan kepada pengguna menyusun item mereka dalam bentuk nombor. 
<ol type= 1,2../i,ii,iii…>..</ol>
  • arahan ordered list beserta arahan type sebagai pilihan
<lh>..</lh>
  • arahan untuuk list order
<dl>..</dl>
  • arahan untuk menerangkan sesuatu senarai penerangan seperti komen, nota, maklumat tambahan.
<dt>
  • arahan untuk definingkan term
<dd>
  • arahan untuk defining defination
<br>
  • arahan untuk break atau newline.
<body bgcolour= "#000000" teks = "#ffffff">
  • arahan yang digunakan untuk meletakkan warna background pada laman web.
<body background= "lineflwr.gif>
  • arahan meletakkan gambar sebagai background bagi laman web.
<h1 align= centre>..</h1>
  • arahan meletakkan posisi teks.
<a href = "url. address>nama penghubung</a>
  • arahan yang membolehkan pengguna bergerak daripada satu page atau dari laman ke laman yang lain berdasarkan URL. 
<a nama = "anchor name">nama penghubung</a>
  • arahan yang membolehkan pengguna bergerak dari fail ke fail yang lain dan dari laman -ke laman berdasarkan kepada nama. 
<a img src = "namafail. sambungan" </a>
  • arahan untuk mempamerkan imej
<a img src = "namafail. Sambungan" width </a>
  • arahan untuk mempamerkan imej beserta ketinggian ataupun kelebaran imej
<a href ="mail to:alamat e-mail"> nama penghubung</a>
  • arahan yang membolehkan pengguna bergerak ke halaman email berpandukan alamat email.
<tr>..</tr>
  • arahan untuk membina row table
<td>..</td>
  • arahan untuk data dalam table
<table border>..</table>
  • arahan table dengan adanya border
<th>..</th>
  • arahan untuk header data dalam table
<table rules=rows>..</table>
  • arahan untuk table beserta dengan row atau colum.
 

 

 

SOALAN 4.

 
Terangkan langkah-langkah yang anda lakukan semasa penyediaan laman web di atas bermula daripada memasukkan maklumat sehingga ia boleh berfungsi seperti biasa.

Diantara langkah-langkah yang perlu saya lakukan bagi menyediakan halaman web saya ialah:

       #    Maklumat-maklumat yang dikehendaki telah pun saya buat melalui perisian Netscape
             Navigator yang menyediakan halaman mengedit iaitu page composer. Fail pertama saya
             iaitu hpsaya.htm ,saya memasukan ucapan selamat datang ke home page saya. Teks ini
             saya  menggunakan style blinking dengan menghighlightkan perkataan tersebut dan pergi ke
             menu format.

  1. Di bawahnya saya meletakkan gambar saya yang telah saya edit menggunakan perisian paint. Gambar ini beformatkan .bmp tetapi setelah saya memasukkannya kedalam page komposer ini secara automatik ia akan ditukarkan kepada format .jpg. Saya pergi ke ikon insert image dan klik browse dan pilih fail gkukec.bmp dan klik button apply dan klik close.
  1. Di dalam fail ini terdapat menu untuk memudahkan pengguna membuat pilihan terhadap maklumat iaitu biodata , akademik, latar belakang keluarga , aktiviti sukan dan kegemaran dan amali -amali yang lepas.
  1. Perkataan di dalam menu ini saya linkkan ke fail -fail yang berkaitan dengan cara menghighlightkan perkataan tersebut ,kemudian ke ikon link , dan klik browse untuk memilih fail yang di kehendaki. Klik apply dan close. Bagi menu biodata saya linkkan nya ke fail data.html, akademik link kepada fail akad.html , latar belakang keluarga saya linkkan ke fail latar.html, sukan pula saya linkkannya ke fail sukan.html dan amali saya linkkannya ke sak2307.html.
  1. Di bawah page ini saya meletakkan menu untuk keluar yang di linkkan ke fail index.html iaitu fail utama saya di dalam URL saya . terdapat juga image lineflwr .gif sebagai penanda di akhir page. Saya meletakkan image ini di setiap pengakhiran page di dalam setiap fail yang saya lakukan. Image background yang saya gunakan juga adalah sama bagi setiap halaman page saya iaitu 022t.jpg. Melalui ikon insert image saya memilih nama fail yang dikehendaki melalui klik pada browse. Setelah itu tikkan pada use as background klik pada apply dan klik close.
  1. Bagi fail data.html, didalamnya saya memasukkan maklumat melalui page composer juga. Di dalam nya terdapat butir-butir peribadi lengkap saya.
  1. Dibawah page fail ini saya meletakkan teks pilihan seperti menu yang saya linkkan ke fail hpsaya.htm, teks keluar adalah link ke menu utama URL saya iaitu fail index.html, dan teks seterusnya saya linkkan ke fail akad.html.
  1. Untuk fail latar.html , saya memasukkan maklumat mengenai latar belakang keluarga saya.begitu juga dengan fail-fail yang lain saya meletakkan teks pilihan di akhir page fail ini. Dimana teks menu saya linkkan nya ke fail hpsaya.htm, teks keluar saya linkkan juga kefail index.html iaitu fail URL utama saya dan teks seterusnya saya linkkan nya ke fail sukan .html.
  1. Bagi fail sukan saya memasukakn maklumat sukan kegemaran dan hobi saya dimasa lapang. Diakhir page fail ini saya menyediakan juga teks pilihan menu untuk ke menu semula yang saya linkkannya ke fail hpsaya.htm, teks keluar saya linkkannya ke main page saya didalam URL saya iaitu fail index.html, untuk teks seterusnya saya linkkan nya ke fail sak2307.htm.
  1. Di dalam fail sak2307.htm, saya membuat menu bagi setiap amali - amali yang lalu. Saya juga memasukkan gambar orangeball.gif di setiap tepi teks pilihan amali. Begitu juga dengan image lineflwr.gif yang saya letakkan diakhir setiap page sebagai line pangakhiran sesebuah fail tersebut. Image lineflwr.gif ini ,saya letakkan juga setiap fail -fail yang lain seperti yang telah dinyatakan. Teks amali 1 akan saya linkkan ke fail ami1.htm , amali2 link ke ami22.html.dan amali3 link ke ami4.html.
  1. Diakhir page fail ini seperti biasa saya meletakkan teks pilihan menu di linkkan untuk ke fail hpsaya.htm, manakala keluar di linkkan untuk ke menu utama iaitu index.html dan seterusnya di linkkan kepada fail ami1.htm.
  1. Di dalam fail ami1.htm saya memasukkan maklumat bagi jawapan amali satu , amali satu ini pada mulanya di buat melalui microsoft word tetapi di akhir nya saya menyimpan fail ini sebagi save as HTML. Dan apabila ia di buka di dalam page composer ia akan berada dalam suasana html. Saya juga menggunakan perisian paint untuk melukis gambarajah rangkaian internet dan mewarnakan nya. Image tersebut saya simpan sebagai brid.bmp. Tetapi setelah di masukkan ke dalam page composer ia akan di convert sebagai brid.jpg.
  1. Di dalam amali satu ini saya membina jadual melalui klik ikon table dan apabila kotak dialognya muncul bolehlah kita mengisikannya pada ruang number of rows dan number of colums. Pada table background pulajika kita hendak menggunakan warna tik lah pada use color tetapi di dalam hal ini saya hanya memasukkan jumlah kolum dan baris bagi table saya dan tidak menggunakan warna.
  1. Begitu juga dengan fail ami22.html dan fail ami3.html saya membinanya seperti langkah 12 dan 13.
  1. Background yang saya gunakan untuk fail- fail amali ini adalah sama dengan fail -fail lain iaitu fail 022t.jpg.
  1. Bagi fail ami1.htm diakhir page nya saya juga menggunakan teks pilihan seperti menu link ke fail hpsaya.htm, keluar link ke fail index.html dan seterusnya link ke fail ami22.html
  1. Untuk fail ami22.html menu keluarnya link ke fail hpsaya.htm, keluar link ke fail index.html dan seterusnya akan link ke fail ami4.html yang akan datang.
  1. Di setiap akhir page ini saya tidak lupa meletakkan imej line flwr.gif sebagai tanda pangakhiran page.
  1. Setelah fail - fial ini siap di bina akhirnya boleh lah saya mendownlodkan nya ke server URL yang saya telah perolehi
  1. Cara -caranya ialah sambungkan komputer ke rangkaian internet, kemudian buka halaman URL yang telah saya daftarkan sebelum ini dengan alamatnya http://campus.fortunecity.com/chemistry/810.

    2. Halaman ini merupakan fail index.html iaitu fail utama. Di dalam halaman ini saya pergi ke perkataan www.fortunecity.com yang telah di linkkan ke halaman http://www2.fortunecity.com/downtown/index.cgi untuk memudahkan kerja-kerja mengedit halaman fail index.html.dan klik perkataan UPDATE YOUR HOME tersebut. Dan anda perlu memasukan nameuser dan password.
     

  2. Kemudian munculah halaman http://www2.fortunecity.com/acgi-bin/updatehome.pl dan halaman ini

    3. akan dipaparkan untuk membuat pembetulan. Di dalam halaman ini kita akan diberi dua pilihan sama
    ada hendak mengedit menggunakan use homebuilder (basic )ataupun use file manager(advance). Saya
    memilih menggunakan homebuilder untuk mengedit halaman bagi fail utama saya iatu fail index.html.
     
  3. Dengan klik ikon homebuilder halaman http://ww2.fortunecity.com/acgi-bin/homebuilder/hbfilelist akan muncul untuk membuat edit. Pada file list tik pada fail index.html dan klik ikon edit selected file.

    4. Apabila halaman preview page layout muncul dan terdapat ikon-ikon save, picture editor, text editor,
    text colours, wallpaper, dan background. Jika hendak edit teks klik text editor, kemudian klik pada
    tempat yang hendak diedit. Untuk teks utama I'm moving in ….telah saya delete dan tukarkan kepada
    teks assalammualaikum.Imej tetingkap utama juga telah saya tukarkan kepada gambar saya iaitu fail
    imej gkukec.jpg.
     
        #   Begitu juga dengan background halaman utama ini telah pun saya edit dengan klik pada
             wallpaper dan  kemudian nya saya boleh memilih wallpaper yang saya minati. Saya juga
             telah menambah teks My Homepage saya dibawah teks www.fortunecity.com yang telah
            dilinkkan .Teks My Homepage telah pun saya linkkan ke fail hpsaya.htm yang mana
            terdapat nya homepage dan maklumat sebenar seperti yang dikehendaki oleh soalan kedua
            amali ini. Setelah itu saya menyimpan fail index.html ini dengan menekan  icon save.
  1. Kemudian saya menekan button back pada netscape untuk kembali ke halaman http://www2.fortunecity.com/acgi-bin/updatehome.pl dan kali ini saya menggunakan file manager untuk mengedit keseluruhan fail -fail yang berkaitan dengan homepage saya. Setelah klik pada ikon Use File Manager (Advanced) halaman file manager akan dipaparkan dan di bawah halaman ini terdapat arahan dan ruang untuk edit selected file(s), rename selected file(s),view selected file(s),delete selected file(s), create directory dan create new HTML file yang saya kehendaki.
      #  Dengan klik pada button Browse kemudian kotak dialog akan muncul dan pilih fail
          hpsaya.htm, kemudian klik pada ikon yang ada perkataan upload the file(s). Langkah
          menuploadkan fail ini di ulang untuk semua fail-fail yang berkaitan dengan homepage saya
          seperti data.html, akad.html, atar.html, sukan.html, sak2307.htm , ami22.html, ami1.htm,
          ami3.html, 022t.jpg, orangeball.gif, lineflwr.gif, brid.jpg dan gkukec.jpg.
  1. Kemudian setelah selesai kita boleh melihat hasil kerja homepage ini samada ia seperti yang di harapkan dan fail yang di linkkan success dengan menekan pula button view selected file (s) . Setelah segala nya success dan berkeadaan baik bolehlah kita pergi semula ke fail utama iaitu index.html untuk melihat homepage saya beroperasi.
  1. Akhirnya melalui page utama fail index.html inilah yang menjadi halaman utama bagi URL saya.
                URL saya adalah seperti berikut;
http://campus.fortunecity.com/chemistry/810

 
 

SOALAN 5.
 

Terangkan semua perisian yang terlibat dalam proses pembangunan laman web anda dan nyatakan URL anda sekali untuk saya layari kelak.

Diantara perisian -perisian yang terlibat adalah seperti ;
 

Microsoft Word - Di dalam perisian ini saya menggunakannya untuk menaip dan memasukkan semua maklumat yang di kehendaki untuk menyenangkan saya mengeditnya.I ni kerana perisian ini lengkap dengan kemudahan untuk mengedit teks dan maklumat ini akan saya simpan sebagai save as HTML ,iaitu fail yang berbentuk HTML dan saya boleh transfer kan fail ini kelak di dalam Perisian Netscape Navigator di bahagian page composer. Ia juga saya oleh jadikan sebagai backup.

 
Netscape Navigator - Perisian ini membolehkan saya mengedit teks dengan lebih jelas dan saya dapat melihat hasil kerja saya secara fizikal. Melalui page composer selain boleh mengedit teks, saya boleh mengedit gambar ikon dan background. Dengan adanya page composer ini saya dapat mengambil gambar- gambar yang sesuai untuk halaman web saya daripada internet di web yang memberikan perkhidmatan gambar secara percuma. Segala yang saya edit di page komposer akan dapat saya gunakannya di page Navigator. Dengan ini sebarang kesilapan akan saya perolehi lebih awal sebelum saya unload kan ke URL saya. Dengan adanya perisian ini saya hanya perlu menaip seperti biasa dan menggunakan kemudahan untuk memasukkan imej dan link kan fail-fail yang di kehendaki tanpa perlu menggunakan bahasa HTML.
 

Notepad - Ketika di dalam URL dimana fail tersebut telah di transfer ke dalam URL saya dan sekiranya saya ingin membuat sedikit perubahan di dalam halaman web saya yang telah siap ,saya boleh menggunakan halaman Notepad ini . Notepad mengandungi bahasa pengaturcaraan HTML seperti yang telah saya pelajari. Namun penggunaanya kini jarang kerana adanya kemudahan ynag di sediakan oleh Netscape Navigator .Melaui Notepad ini saya mengetahui akan arahan-arahan yang saya gunakan dan kegunaannya ketika membangunkan halaman web saya di Netscape Navigator melalui page composer

 
 
Paint- Perisian ini membolehkan saya melukis dan mewarna gambar di dalam format .bmp dan kemudiannya di transfer ke dalam perisian Gift Construction Set untuk menggerakkan nya. Namun kelemahan perisian ini hanya satu frame gambar sahaja yang boleh di cipta. Dan perlu di copy dengan nama fail yang lain pula. Gambar dalam format .bmp ini memerlukan saiz memory yang banyak.
 

Adobe Photo Shop- Di dalam perisian ini ia seperti paint juga di mana kita boleh melukis dan mewarna tetapi ia lebih banyak kelebihan berbanding Paint . Melalui satu fail sahaja kita boleh duplicate seberapa banyak frame yang kita kehendaki . Dengan ini ia akan memudahkan kerja kita . Selain itu ia mempunyai banyak pilihan untuk melukis dan banyak warna yang boleh dipilih secara random. Gambar yang di lukis dan di warna akan kelihatan lebih menarik dan kelihatan realiti.

 
Gift Construction Set - Merupakan satu perisian di mana saya boleh mencipta gambar animasi iaitu gambar yang boleh bergerak selepas di transferkan daripada perisian Paint dan Adobe Photo Shop . Melalui perisian Paint dan Adobe Photo Shop yang berformat .bmp di dalam perisian Gift Coonstruction Set ini ia akan di tukar kepada format .gif. Selain itu saya boleh mencipta teks yang boleh bergerak di dalam pelbagai arah dan dalam bentuk 3-Dimensi. Kita juga boleh mempercepatkan dan melambatkan pergerakan frame mengikut yang dikehendaki.

 
 
AMALI  |  KELUAR  |  SETERUSNYA