Jump to content
E1SY4

Tips Utk Membangunkan Web Bagi Beginner

Recommended Posts

Assalamualaikum & Salam 1 MALAYSIA .

 

Saya ialah seorang pelajar semester 5 diploma komputer rangkaian dari salah satu institut kemahiran. since tahun depan merupakan tempoh untuk kami laksanakan Final Year Projects (FYP) kami, saya berdepan dengan beberapa masalah utk melaksanakan idea projek saya. :25:

 

saya ingin membangunkan satu web utk memasukkan data berkenaan FYP pelajar terdahulu & akan datang sbg pusat utk pelaja baru jdkan rujukan. tapi, silibus pembelajaran sy adlh x termasuk pembelajaran mengenai 'web'. :103: 

 

saya memang tiada apa-apa basic mengenai web. ^_^   sy budak baru belajar, slh silap minta ditunjuk ajar. ^_^

Share this post


Link to post
Share on other sites

Dan jangan lupa selalu respon dalam thread nie. Jangan tinggal sunyi sepi tanpa berita

setelah mendapat tip yang diperlukan. Kena aktif di thread sendiri.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Similar Content

    • By gilang JP
      Kata either dan neither sering menimbulkan kesulitan baik bagi penutur asli maupun bukan penutur asli bahasa Inggris. Kadang-kadang kita bisa menggunakan either dan kadang-kadang kita harus memilih antara either atau lainnya, tetapi neither yang paling sulit.
       
      Either… Or…
       
      Either… or… digunakan untuk menawarkan pilihan diantara dua kemungkinan:
       
      Either Arif or Syam will be there. (Arif atau Syam akan ada di sana).
      Either you leave me alone or I will call the police. (Tinggalkan saya sendiri atau saya panggil polisi)
      You should bring either coffee or tea. (Kamu harus mengantarkan kopi atau teh)
      You can either help us or go to your room. (Kamu bisa bantu kami atau enyah dari sini)
       
      Either bisa juga diikuti oleh of + kelompok atau one of + kelompok (dimana kelompok di sini terdiri dari dua atau lebih):
       
      Either of us could do it.
      Either one of us could do it. (Salah satu dari kita bisa melakukannya)
      Either of you should know.
      Either one of you should know. (Salah satu dari kalian harus tahu)
       
       
      Not… either… or…
      menyangkal kedua kemungkinan:
       
      I don’t think either Arif or Syam will be there. (Saya pikir baik Arif maupun Syam tidak akan ada di sana).
      She doesn’t speak either English or German. (Dia tidak berbahasa Inggris maupun Jerman).
       
      Not… either…
      digunakan setelah sebuah pernyataan negatif:
       
      I don’t speak English. You don’t either.
      He is not ready to go. We aren’t either.
      Neither… nor…
      Neither… nor… ekivalen dengan not… either… or….
       
      Neither Arif nor Syam will be there.
      She speaks neither English nor German
      You brought neither coffee nor tea.
      I will neither help you nor go to my room.
       
      Neither juga bisa diikuti oleh of + kelompok atau one of + kelompok (dimana kelompok di sini terdiri dua atau lebih):
       
      Neither of them is ready.
      Neither one of them is ready
      Neither of us has any money.
      Neither one of us has any money.
      Neither digunakan sama seperti not… either….
      (A) I don’t speak German.
      ( B) Neither do I atau (informal: me neither)
       
      (A) He is not ready to go.
      ( B) Neither are we
       
      Ringkasan
       
      Either berarti satu, neither berarti tak satupun, dan not either sama dengan neither. Kata or mengikuti either dan nor mengikuti neither.Penggunaan Either dan Neither
       
       
      Kata either dan neither sering menimbulkan kesulitan baik bagi penutur asli maupun bukan penutur asli bahasa Inggris. Kadang-kadang kita bisa menggunakan either dan kadang-kadang kita harus memilih antara either atau lainnya, tetapi neither yang paling sulit.
       
      Either… Or…
       
      Either… or… digunakan untuk menawarkan pilihan diantara dua kemungkinan:
       
      Either Arif or Syam will be there. (Arif atau Syam akan ada di sana).
      Either you leave me alone or I will call the police. (Tinggalkan saya sendiri atau saya panggil polisi)
      You should bring either coffee or tea. (Kamu harus mengantarkan kopi atau teh)
      You can either help us or go to your room. (Kamu bisa bantu kami atau enyah dari sini)
       
      Either bisa juga diikuti oleh of + kelompok atau one of + kelompok (dimana kelompok di sini terdiri dari dua atau lebih):
       
      Either of us could do it.
      Either one of us could do it. (Salah satu dari kita bisa melakukannya)
      Either of you should know.
      Either one of you should know. (Salah satu dari kalian harus tahu)
       
       
      Not… either… or…
      menyangkal kedua kemungkinan:
       
      I don’t think either Arif or Syam will be there. (Saya pikir baik Arif maupun Syam tidak akan ada di sana).
      She doesn’t speak either English or German. (Dia tidak berbahasa Inggris maupun Jerman).
       
      Not… either…
      digunakan setelah sebuah pernyataan negatif:
       
      I don’t speak English. You don’t either.
      He is not ready to go. We aren’t either.
      Neither… nor…
      Neither… nor… ekivalen dengan not… either… or….
       
      Neither Arif nor Syam will be there.
      She speaks neither English nor German
      You brought neither coffee nor tea.
      I will neither help you nor go to my room.
       
      Neither juga bisa diikuti oleh of + kelompok atau one of + kelompok (dimana kelompok di sini terdiri dua atau lebih):
       
      Neither of them is ready.
      Neither one of them is ready
      Neither of us has any money.
      Neither one of us has any money.
      Neither digunakan sama seperti not… either….
      (A) I don’t speak German.
      ( B) Neither do I atau (informal: me neither)
       
      (A) He is not ready to go.
      ( B) Neither are we
       
      ketahui lebih banyak mengenai pelajaran bahasa inggris di blog saya tentang cara mudah belajar bahasa inggris
    • By anysah
      Mencari Job/project freelance berkait dengan web development/game development.

      Skilset seperti dibawah :
      HTML
      CSS
      JQUERY
      ASP
      PHP
      MYSQL
      MSSQL
      SEO
      FLASH ACTION SCRIPT
      FLASH ANIMATION

      sape-sape ada job please do not hesitate to contact me : [email protected] (YM/Email).

      Terima Kasih.
    • By carnine9
      Salam. Saya ingin kongsi tutorial video mudah untuk yang nak belajar basic photoshop. Tutorial video nih iatu cara buang text dari gambar/image. Dan saya gantikan dengan text lain.

      Nih saya menggunakan Adobe Photoshop CS3 sahaja.

      Video :

      http://www.youtube.com/watch?v=PVv8c_6f2BU

      Sebelum :

      [img]http://www.pixelshack.us/images/mmbhsgcz78oa03iu98mg.png[/img]

      Selepas :

      [img]http://www.pixelshack.us/images/wig2qitrzqcsxxggaq1a.png[/img]
    • By mon678
      Assalamualaikum, kwn-kwn di putera blh x ajar mcm mane nk flash samsung galaxy tab...mon nk flash OS bru sbb yg skrg ni terlupe password pattern...huhu pastu lupe password google plak tu huhu....x tau nk buat mcm mana...1st time nk try flash ni..
    • By john pozy
      Asalamualaikum & selamat pagi

      sini aku nk share ckt knowladge aku pasai jquery nie...bkn nk tnjuk pro,tp just untuk share(sharing is caring). lgpun dh lama x contribute dkt putera nie. Banyak benda yg kita boleh buat dengan jQuery nie... ajax,animation,browser tweek,dynamic css dll.... klu dri segi pembangunan web based system plak mmg bnyak improve terutamanya dari segi UI(User Interface) & UX(User Experiance). mari kita mulakan
      [b][u]1.[/u][/b][b][u]Hari Pertama : [/u][/b][b][u]Pengenalan Kepada jQuery[/u][/b][list]
      [*]jQuery merupakan [i]cross-browser javascript library(semua browser boleh guna)[/i] yang dicipta untuk memudahkan penulisan HTML. [i][size=2]source [/size][/i][i][size=2][url="http://en.wikipedia.org/wiki/JQuery"]http://en.wikipedia.org/wiki/JQuery[/url][/size][/i]
      [*]apa yang menarik tentang jQuery ialah ia dapat manipulate CSS, buat animation, AJAX Request, plug-in support dan macam2 lg..
      [*]Terdapat 2 jenis fail jQuery iaitu minified(yang dh dikecilkan saiznya) dan uncompressed(saiz besar..tapi sesuai untuk debug)
      [/list]
      [b][u]2. Hari Pertama : Asas-asas jQuery[/u][/b]

      [b]a) Cara Nak Embed jQuery Dalam Fail Html[/b][list]
      [*]ada 2 cara yang boleh kita guna iaitu local embed atau hosted embed. bagi local embed anda perlu muatturun @ donload script jQuery yang latest terlebih dahulu. Bagi hosted embed pula anda boleh pilih mana CDN(Content Delivery Network) yang hostkan fail jQuery nie...antaranya ialah google API(sy musti pilihh) dan jQuery CDN. rujuk contoh dibawah :
      [/list]
      [u]Local Embed[/u] [size=2][i][url="http://docs.jquery.com/Downloading_jQuery#Current_Release"]jQuery Current Release Download[/url][/i][/size]
      [CODE]
      <!doctype html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>Contoh</title>
      </head>
      <script src="nama.folder/fail.jquery.js"></script> <-- Cara local embed
      <script>
      .... jquery script.....
      </script>
      <body>
      ....html script....
      </body>
      </html>
      [/CODE]

      [u]Hosted Embed[/u] [i][size=2][url="http://docs.jquery.com/Downloading_jQuery#CDN_Hosted_jQuery"]jQuery CDN List[/url][/size][/i]
      [CODE]
      <!doctype html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>Contoh</title>
      </head>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <-- Cara hosted embed
      <script>
      .... jquery script.....
      </script>
      <body>
      ....html script....
      </body>
      </html>
      [/CODE]

      [b]b)Mulakan Scripting...[/b]
      [CODE]
      <!doctype html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>Contoh</title>
      </head>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
      </script>
      $(document).ready(function() { <--- rujuk note b.1
      .... jQuery script......
      });
      </script>
      <body>
      ....html script....
      </body>
      </html>
      [/CODE]
      [size=2][i]note b.1 : biasakan scripting anda dengan menggunakan fungsi ini. fungsi ini bertujuan untuk menunggu fail anda selesai dimuat(load) kemudian baru fail anda akan dimanipulasikan.[/i][/size]

      [CODE]
      <!doctype html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>Contoh</title>
      </head>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
      <script>
      $(document).ready(function() {
      alert("popup ini akan keluar setelah fail ini selesai diload");
      });
      </script>
      <body>
      ....html script....
      </body>
      </html>
      [/CODE]
      [size=2][i]note b.2 : popup akan keluar setelah fail selesai diload[/i][/size]

      [b]c)jQuery Event Handler[/b]

      Ada banyak jQuery event handler. tapi saya akan cover event handler yang slalu digunapakai. antaranya ialah :[list]
      [*]click()
      [/list]
      [b]d)jQuery Selector[/b]

      jQuery selector pon ada banyak. saya cover basic selector ja...yg lain tuan/puab boleh rujuk [url="http://api.jquery.com/category/selectors/"]jQuery Selectors[/url].[list]
      [*]CSS selector (class(.) dan ID(#))
      [*]form element selector (:button, :select......)
      [/list]
      [u]d.1)CSS Selector (Class)[/u]
      [CODE]
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Contoh</title>
      <link href="inc/style.css" rel="stylesheet" type="text/css" />
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
      <script type="text/javascript">
      $(document).ready(function() {
      $('.butang').click(function() {
      alert("Hai!");
      });
      });
      </script>
      </head>

      <body>
      <a href="#" class="butang">Klik Disini</a>
      </div>
      </body>
      </html>
      [/CODE]

      [u]d.1)CSS Selector (ID)[/u]
      [CODE]
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Contoh</title>
      <link href="inc/style.css" rel="stylesheet" type="text/css" />
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
      <script type="text/javascript">
      $(document).ready(function() {
      $('#butang').click(function() {
      alert("Hai!");
      });
      });
      </script>
      </head>

      <body>
      <a href="#" id="butang">Klik Disini</a>
      </div>
      </body>
      </html>
      [/CODE]

      [u]d.2) Form Element Selector[/u]
      [CODE]
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Contoh</title>
      <link href="inc/style.css" rel="stylesheet" type="text/css" />
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
      <script type="text/javascript">
      $(document).ready(function() {

      var jumlah = parseInt($('#no1').val()) + parseInt($('#no2').val());

      $(':button').click(function() {
      alert("Jumlah = "+jumlah);
      });
      });
      </script>
      </head>

      <body>
      <form method="post">
      <p>Nombor Pertama : <input type="text" name="no1" id="no1" /></p>
      <p>Nombor Kedua : <input type="text" name="no2" id="no2" /></p>
      <br />
      <p><button>Kira</button>
      </form>
      </div>
      </body>
      </html>
      [/CODE]
      [size=2][i]important note : selalunya event handler nie berkait rapat dengan selector. contohnya button(selector) yang mempunyai fungsi(event).[/i][/size]

      [size=4]Contoh Penggunaan Event Handler Dan CSS Selector[/size]
      [CODE]
      <!doctype html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>Contoh</title>
      </head>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
      <script>
      $(document).ready(function() {
      $('#butang').click(function(){
      alert("anda telah klik butang");
      });
      });
      </script>
      <body>
      <button id="butang">Butang</button>
      </body>
      </html>
      [/CODE]
      [u]Huraian Script Diatas[/u]

      i)[color=#ff0000]$('#butang')[/color] : element yang mempunyai id [i]butang. [/i]Tak kira apa element, button ka, html tag ka(div,span,a,p.....) asalkan mempunyai id [i]butang.[/i]

      ii)[color=#ff0000].click() [/color]: merupakan event pada selector [i]butang.[/i] Untuk yang nie kita gunakan event click(mouse click)

      iii)[color=#ff0000]alert("anda telah klik butang")[/color] : merupakan fungsi yang akan diexecute bila butang diklik

      iv)[color=#ff0000]<button id="butang">Butang</button>[/color] : element html yang mempunyai id [i]butang. [/i]macam yg sy bgtau, kita boleh guna apa2 element asalkan valid
×
×
  • Create New...