Teknik menggantikan kapasitor di dalam litar
Apa yang anda perlu tahu mengenai capacitor dan teknik untuk menggantikannya
Teknik menguji capacitor oleh Jestine Yong
Teknik menguji capacitor oleh Jestine Yong
Circuit breaker
Finally you can understand what´s going on in your electrical panel!!
Did you know:
1. that electricity production is the no.1 cause for carbon footprint!
2. the more load your circuit breaker is carrying the higher your electrical bill is!
3. the more load your circuit breaker is carrying the more heat is generated creating fire hazard
4. by overloading your circuit breaker you can damage your appliances
If you stay on the green lights on your circuit breaker then you are saving energy and money, making your facility safer and keeping your environment green.
Testing CSS3
Mozilla/Firefox users should see a nice grey fading border on this box…
Rujukan:
CSS Preview: http://www.css3.info/preview/
CSS Preview, colored border: http://www.css3.info/preview/colored-border/
Asas HTML, bahagian 1
HTML - HyperText Markup Language
1. Buka notepad atau text editor pilihan anda.
2. Taip text berikut. Ini adalah struktur asas dokumen HTML:
<html>
<head>
<title>THIS IS HTML TITLE</title>
</head>
<body>THIS IS HTML BODY</body>
</html>
3. Simpan fail tersebut dan buka dengan Internet Explorer atau web browser pilihan anda.
Rujukan lanjut:
Sumber rujukan rasmi:
1. HTML - http://www.w3.org/TR/1999/REC-html401-19991224/
2. CSS - http://www.w3.org/Style/CSS/
Lain-lain:
Displaying HTML Source Code in Web Pages - http://www.felgall.com/htmlt47.htm
Sejarah ketamadunan manusia membentuk world wide web - http://yuiblog.com/crockford/
Panduan memblog dengan Blogspot
Let's learn how to make a blog in only a few minutes.
If you have a Google account, go to http://www.blogger.com and sign in.
If you don't have an account, click the orange arrow to create one. You can use any email address.
Click "Create a blog" to start a new blog.
Enter a title and address.
You may be asked to verify a random word onscreen, so just type the letters provided.
Click "continue".
Next, choose a template from our library by clicking the circle next to your choice. Then, click continue.
Don't worry, you can always change the template later.
Your blog is now ready. Click "Start Posting".
Use our text editor to write a post for your blog.
To add an image, click on the image icon in the toolbar above the text box.
Once you click the icon, a windows will appear where you can choose an image from your computer or from the web.
In this case, I chose an image from my computer and decided to have it appear large and on the right side.
Click "Upload Image" to continue.
Click "Publish" to post to your blog. Now let's view it!
Click "View Blog" link. Here's your new blog! Pretty neat!
Send your blog address to your friends and family.
For more information on Blogger, visit http://help.blogger.com
If you have a Google account, go to http://www.blogger.com and sign in.
If you don't have an account, click the orange arrow to create one. You can use any email address.
Click "Create a blog" to start a new blog.
Enter a title and address.
You may be asked to verify a random word onscreen, so just type the letters provided.
Click "continue".
Next, choose a template from our library by clicking the circle next to your choice. Then, click continue.
Don't worry, you can always change the template later.
Your blog is now ready. Click "Start Posting".
Use our text editor to write a post for your blog.
To add an image, click on the image icon in the toolbar above the text box.
Once you click the icon, a windows will appear where you can choose an image from your computer or from the web.
In this case, I chose an image from my computer and decided to have it appear large and on the right side.
Click "Upload Image" to continue.
Click "Publish" to post to your blog. Now let's view it!
Click "View Blog" link. Here's your new blog! Pretty neat!
Send your blog address to your friends and family.
For more information on Blogger, visit http://help.blogger.com
Penggunaan CSS Table
<style type="text/css">#ver-minimalist
{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:480px; text-align:left;border-collapse:collapse;margin:30px 30px 30px 15px;}#ver-minimalist th{font-weight:normal;font-size:14px;border-bottom:2px solid #6678b1;border-right:30px solid #fff;border-left:30px solid #fff;color:#039;padding:8px 2px;}#ver-minimalist td{border-right:30px solid #fff;border-left:30px solid #fff;color:#669;padding:12px 2px 0;}
#box-table-a{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:480px;text-align:left;border-collapse:collapse;margin:20px;}</style>
<table id="ver-minimalist" summary=""><thead><tr><th scope="col">Nama Fail</th><th scope="col">Tab</th></tr></thead><tbody><tr><td>index.html</td><td>Home</td></tr><tr><td>about.html</td><td>About</td></tr><tr><td>services.html</td><td>Services</td></tr><tr><td>solutions.html</td><td>Solutions</td><tr><td>contact.html</td><td>Contact</td></tr></tbody></table>
Rujuk maklumat lanjut:
1. Top 10 CSS Table Designs - http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/
2. Tables - http://www.w3.org/TR/CSS2/tables.html
{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:480px; text-align:left;border-collapse:collapse;margin:30px 30px 30px 15px;}#ver-minimalist th{font-weight:normal;font-size:14px;border-bottom:2px solid #6678b1;border-right:30px solid #fff;border-left:30px solid #fff;color:#039;padding:8px 2px;}#ver-minimalist td{border-right:30px solid #fff;border-left:30px solid #fff;color:#669;padding:12px 2px 0;}
#box-table-a{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:480px;text-align:left;border-collapse:collapse;margin:20px;}</style>
<table id="ver-minimalist" summary=""><thead><tr><th scope="col">Nama Fail</th><th scope="col">Tab</th></tr></thead><tbody><tr><td>index.html</td><td>Home</td></tr><tr><td>about.html</td><td>About</td></tr><tr><td>services.html</td><td>Services</td></tr><tr><td>solutions.html</td><td>Solutions</td><tr><td>contact.html</td><td>Contact</td></tr></tbody></table>
| Nama Fail | Tab |
|---|---|
| index.html | Home |
| about.html | About |
| services.html | Services |
| solutions.html | Solutions |
| contact.html | Contact |
Rujuk maklumat lanjut:
1. Top 10 CSS Table Designs - http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/
2. Tables - http://www.w3.org/TR/CSS2/tables.html
Windows 7 Power Shell
C:\Users\UserName>powershell
Windows PowerShell
Copyright (C) 2009 Microsoft Corporation. All rights reserved.
PS C:\Users\UserName> pwd
Path
----
C:\Users\UserName
PS C:\Users\UserName> 'hello, world!'.ToUpper()
HELLO, WORLD!
PS C:\Users\UserName>
Windows PowerShell
Copyright (C) 2009 Microsoft Corporation. All rights reserved.
PS C:\Users\UserName> pwd
Path
----
C:\Users\UserName
PS C:\Users\UserName> 'hello, world!'.ToUpper()
HELLO, WORLD!
PS C:\Users\UserName>
Panduan pembangunan web dengan menggunakan template, bahagian 1
Panduan pembangunan web dengan menggunakan template, Bahagian 1
Dengan menggunakan web template sedia ada
1. Akses www.google.com
2. Cari dengan frasa "web template". Terdapat hasil carian seperti berikut:
a. www.freewebtemplates.com
b. www.templatemonster.com
c. www.freewebsitetemplates.com
Pilihan Google teratas dipilih.
Satu web template mudah dipilih di link berikut: http://www.freewebtemplates.com/download/templates/9147
3. Download web template tersebut, dan unzip di satu lokasi contohnya di Desktop anda.
Kaedah 1: Tanpa menggunakan apa-apa perisian khas pembangunan web
Utiliti berikut digunakan:1. Notepad++ - untuk mengedit fail teks html
http://notepad-plus.sourceforge.net/uk/site.htm
2. Developer add-ons untuk Mozilla Firefox.
a. Dalam Mozilla Firefox -> Tools -> Add-ons -> Get Add-ons -> Taip developer dalam search box.
b. Pilih utiliti Web Developer dan pilih Add to Firefox...
Pengetahuan asas HTML adalah amat berguna dengan menggunakan kaedah ini.Rujuk artikel wikipedia berikut:
1. http://en.wikipedia.org/wiki/HTML
2. http://en.wikipedia.org/wiki/HTML_element
Tutorial komprehensif terdapat di:
http://www.w3schools.com/html/default.asp
Salin fail index.html atau fail temp001~.htm kepada 4 fail yang lain ( Ctrl + C, Ctrl + V, Ctrl + V, Ctrl + V, Ctrl + V)
Namakan semula fail yang telah disalin kepada about.html, contact.html, services.html, solutions.html| Nama Fail | Tab |
|---|---|
| index.html | Home |
| about.html | About |
| services.html | Services |
| solutions.html | Solutions |
| contact.html | Contact |
Buka fail-fail berkenaan dengan Notepad++ (Dalam Windows Explorer, right click, pilih Edit with Notepad++...)Sekiranya fail temp001~.htm dipilih, pastikan tanda asing seperti dalam gambar di bawah, dipadamkan (dalam setiap fail yang telah disalinkan kepada about contact services solutions).
Perhatikan class=" active" di bawah digunakan untuk tujuan highlight tab menu interface webpage tersebut.
tag class=" active" perlu dialihkan dalam setiap fail (about.html, contact.html, services.html, solutions.html) dan diletakkan di baris yang betul.
tag
Contoh: dalam fail contact.html, yang merujuk kepada tab Contact
Contoh: dalam fail about.html, yang merujuk kepada tab About
Isi kandungan dalam fail-fail tersebut akan diubah mengikut keperluan; dan saiz lebar bahagian-bahagian teks mestilah tetap supaya kelihatan kemas.