Wednesday, January 22, 2014

Windows Visual Effects - Registry list

Visual Effects Windows
  • Animate controls and elements inside windows
  • Animate windows when minimizing and maximizing.
    • Show transition effects for windows, menus and lists / Control the Windows Animation Function 
  • Animations in the taskbar and Start Menu
  • Change the Menu Show Delay
  • Enable Desktop Composition
  • Enable transparent glass 
  • Fade or slide menus into view
  • Fade or slide ToolTips into view
  • Fade out menu items after clicking
  • Save taskbar thumbnail previews / Taskbar Thumbnail Previews / Aero Taskbar Thumbnails (Windows 7)
  • Show shadows under windows
  • Slide open combo boxes
  • Windows Aero
    • Aero Peek
    • Aero Shake
    • Aero Snap
  • Use common tasks in folders
  • Use drop shadows for icon labels on the desktop
  • Use visual styles on windows and buttons
 
Reference:
http://www.pctools.com/
http://www.sevenforums.com/
http://www.microsoft.com/
http://support.microsoft.com/
http://technet.microsoft.com/
http://windowsitpro.com/
http://lifehacker.com/
http://www.msfn.org/
http://www.howtogeek.com/
http://www.ghacks.net/
\http://www.mydigitallife.info/

"Turn off all unnecessary animations" in Windows 7 and Vista

"Turn off all unnecessary animations" in Windows 7 and Vista

without affecting Aero SnapAero PeekAero ShakeTransparency, etc.

 "Turn off all Aero animations" in Windows 7 and Vista

 Aero Shake
NoWindowMinimizingShortcuts
[HKEY_CURRENT_USER\Software\Policies\Microsoft\Windows]
 DWORD (32-bit) Value
"NoWindowMinimizingShortcuts"=1
1


Aero Snap
Control Panel (Ease of Access > Mouse settings)

WindowArrangementActive
[HKEY_CURRENT_USER\Control Panel\Desktop]
"WindowArrangementActive"=0
0 disable Aero Snap, 1 enable Aero Snap.



Aero Peek
taskbar properties (right-click the taskbar and use Properties)


“Use Aero Peek to preview the desktop”.

DesktopLivePreviewHoverTime
[HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced]
 DWORD (32-bit) Value
DesktopLivePreviewHoverTime
default value is 500, or half a second.

Transparency
Personalization > Windows Color > Enable transparency box.
Adjust your Color intensity slider for how transparent you want it.
  • Slide LEFT = More transparent
  • Slide RIGHT = Less to not transparent
ColorizationOpaqueBlend
[HKEY_CURRENT_USER\Software\Microsoft\Windows\DWM]

 DWORD (32-bit) Value
"ColorizationOpaqueBlend"=dword:00000000

HideBlur
[HKEY_CURRENT_USER\Software\Microsoft\Windows\DWM]

[HKEY_LOCAL_MACHINE\Software\Microsoft\Windows\DWM] 
“HideBlur”=dword:00000001


Reference:
http://www.pctools.com/
http://www.sevenforums.com/
http://www.microsoft.com/
http://support.microsoft.com/
http://technet.microsoft.com/
http://windowsitpro.com/
http://lifehacker.com/
http://www.msfn.org/
http://www.howtogeek.com/
http://www.ghacks.net/
\http://www.mydigitallife.info/

"C:\Windows\System32\SystemPropertiesAdvanced.exe"

Tuesday, January 21, 2014

7 Tools Total Quality Control Circle

7 Tools Total Quality Control Circle
  1. Lembar Periksa ( Check Sheet )
    Process Mapping, Data gathering tools
  2. Diagram Penyebaran Data ( Histogram )
    Graphical tools such as histograms, frequency diagrams, spot charts and pie charts
  3. Pemisahan Masalah ( Stratifikasi )
  4. Diagram Prioritas ( Diagram Pareto )
  5. Peta Pengendalian / Diagam Kendali ( Control Chart )
    Run Charts
  6. Diagram Sebab-Akibat / Diagram Tulang Ikan ( Ishikawa or fishbone diagram )
  7. Diagram Tebar / Pencar ( Scatter Diagram )
    Correlation Analysis

Total Quality Management (TQM)
similar to: CQI (continuous quality improvement), SQC (statistical quality control), QFD (quality function deployment), QIDW (quality in daily work), TQC (total quality control), etc.

Reference:
http://id.wikipedia.org/
http://en.wikipedia.org/

Windows Effects - Registry


Animate windows when minimizing and maximizing. 

Display in Control Panel - Windows XP.
On the Appearance tab, click Effects. In the Effects dialog box, select the check box for those items you want to turn on.
Performance Information and Tools - Windows Vista and next.
Open the Control Panel (icons vew), and click on the Performance Information and Tools icon.
or
Type adjust perf in the Start Menu’s search box and then press Enter on your keyboard.

Show transition effects for windows, menus and lists (Windows XP)
This value controls which type of transitional effect to use when displaying Menus and Tooltips, allowing you to choose either the fade effect or the scroll effect.

[HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics]
MinAnimate
(0=disabled, 1=enabled)

Control the Windows Animation Function (All Windows)
Although the animation function can make animated Windows look good, it can also slow down your PC if you have a slower graphics card. This setting allows you to control whether the function is enabled or disabled.

[HKEY_CURRENT_USER\Control Panel\Desktop\WindowMetrics]
MinAnimate
REG_SZ (String Value)
(0=disable, 1=enable)



Change the Menu Show Delay (All Windows)

Windows normally delays menus before they are displayed. For regular users this delay can become annoying, with this setting you to change the delay time or remove it altogether.

[HKEY_CURRENT_USER\Control Panel\Desktop]
MenuShowDelay
REG_SZ (String Value)
0-999 (milliseconds) , (400 is default)



Animations in the taskbar and Start Menu

[HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced]
TaskbarAnimations
REG_DWORD (DWORD Value)
(0=disable, 1=enable)
Mouse Hover Time
[HKEY_CURRENT_USER\Control Panel\Mouse]
MouseHoverTime
0-999 (milliseconds) , (400 is default)

Taskbar Thumbnail Previews
[HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced]
"ExtendedUIHoverTime"
dword:00000064 (0 default)


Aero Peek

(Windows Vista and Next)
[HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced]
DisablePreviewDesktop
REG_DWORD (DWORD Value)dword:00000001



Desktop Composition

[HKEY_CURRENT_USER\Software\Microsoft\Windows\DWM]
"CompositionPolicy"=dword:00000000
(0=enable, 1=disable)
[HKEY_CURRENT_USER\Software\Policies\Microsoft\Windows\DWM]
"DisallowComposition"=-
[HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft\Windows\DWM]
"DisallowComposition"=-
Reference:
http://www.pctools.com/
http://www.sevenforums.com/
http://www.microsoft.com/
http://support.microsoft.com/
http://technet.microsoft.com/

Mambo / Joomla Content

  • Content of Mambo
    • Section
      • Category
        • Article
  • Layout of Mambo
    • Template
      • Module
        • Order and Position
  • Mambo Extensions
    • Components
    • Modules
    • Plugins
    • Languages
    •  Template
  • Configure
Reference:
http://www.siteground.com/


Saturday, January 18, 2014

Peta Konsep Matematika SMP

Matematika SMP

Kelas 7
  1. Bilangan
    1. Bilangan Bulat
    2. Pecahan
  2. Operasi Hitung Bentuk Aljabar
  3. Persamaan dan Pertidaksamaan Linear Satu Variabel
  4. Perbandingan dan Aritmatika Sosial
  5. Himpunan
  6. Geometri
    1. Garis dan Sudut
    2. Segitiga dan Segi Empat

Kelas 8
  1. Faktorisasi Suku Aljabar
  2. Relasi dan Fungsi
  3. Gradien dan Persamaan Garis Lurus
  4. Sistem Persamaan Linier Dua Variabel
  5. Teorema Pythagoras
  6. Lingkaran
    1. Garis Singgung Lingkaran
  7. Bangun Ruang Sisi Datar

Kelas 9
  1. Kesebangunan dan Kekongruenan
  2. Bangun Ruang Sisi Lengkung
  3. Statistika
  4. Peluang
  5. Bilangan Berpangkat dan Bentuk Akar
  6. Barisan dan Deret Bilangan

Wednesday, January 15, 2014

JS Lint / JS Hint - Notepad++ plugin

A Notepad++ plugin that allows users to run JSLint (The JavaScript Code Quality Tool) against their open JavaScript files (more about JSLint at http://www.jslint.com/lint.html). Also supports JSHint (http://www.jshint.com/).

 just copy JSLintNpp.dll to plugins folder.

Tuesday, January 14, 2014

Notepad++ ZenCoding & Emmet ( PythonScript ) Installation

ZenCoding Installation

python runtime

  1. go to your notepad++ program folder.
  2. copy  whichever version of python runtime.
    example: python26.dll

python notepad++ plugin

  1. go to your notepad++'s plugins program folder.
  2. copy PythonScript.dll file and PythonScript folder.

zencoding plugin

  1. go to your notepad++'s plugins/config program folder.
  2. make folder PythonScript inside config folder.
  3. make folder scripts inside  PythonScript folder.
  4. copy all files *.py and zencoding folder.
 zencoding plugin folder structure
  • plugins
    ZenCoding-Python.dll
    • config
      • PythonScript
        • scripts
          • zencoding


Emmet Installation

  1. Install Python Script plugin (available in Plugin Manager).
  2. Download EmmetNPP plugin and unpack it into C:\Program Files\Notepad++\plugins folder
  3. Start Nodepad++. You should see Plugins > Emmet menu item.
 Emmet plugin folder structure

  • plugins
    EmmetNPP.dll
    • config
      • EmmetNPP
Sparkup

Monday, January 13, 2014

Struktur Matematika SMA / SMU

Struktur Matematika SMU / KELAS X , KELAS XI, KELAS XII

  1. Aljabar
  2. Geometri
  3. Trigonometri
  4. Statistika & Peluang
  5. Lingkaran
  6. Fungsi
  7. Suku Banyak
  8. Kalkulus

CSS (Cascading Style Sheet) Selector

CSS (Cascading Style Sheet) Selector
  1. ID Selector
  2. Class Selector

Sunday, January 12, 2014

Web Personalization - PHP Function

Web Personalization
PHP Function

Identifying Browser & Platform

Display Images Randomly

Using HTML Forms
  • PHP Form Handling
  • PHP Form Validation
  • PHP Form Required
  • PHP Form URL/E-mail

Browser Redirection

Displaying "File Download" Dialog Box
Reference:
http://www.tutorialspoint.com/php/
http://www.w3schools.com/php/

String Manipulation Functions - PHP

addcslashes()
Returns a string with backslashes in front of the specified characters


addslashes()
Returns a string with backslashes in front of predefined characters

String Formatting / String Wrapper - JavaScript

anchor() Creates an anchor
big() Displays a string using a big font
blink() Displays a blinking string
bold() Displays a string in bold
fixed() Displays a string using a fixed-pitch font
fontcolor() Displays a string using a specified color
fontsize() Displays a string using a specified size
italics() Displays a string in italic
link() Displays a string as a hyperlink
small() Displays a string using a small font
strike() Displays a string with a strikethrough
sub() Displays a string as subscript text
sup() Displays a string as superscript text

String Manipulating - JavaScript

String Manipulating Method
JavaScript

charAt(n) returns the character at the specified (n) index in a string. The index of the first character is 0, the second character is 1, and so on.

indexOf(‘’) Returns the position of the first found occurrence of a specified value in a string.

substr() Extracts the characters from a string, beginning at a specified start position, and through the specified number of character.

substring(a,b) Extracts the characters from a string, between two specified indices.

split(‘’) Splits a string into an array of substrings

Kamus Kata 1

Kamus Kata

bahasa Indonesia

IstilahArti
AKUTmenahun
AMRILkertas ampelas
EKSPOSEpernyataan formal tentang suatu kenyataan
PATRIOTpembela tanah air
TURNEbepergian ke daerah lain dalam rangka tugas
ULTRAteramat sangat

 akronim :

IstilahArti
IRNAkantor berita Iran ( Islamic Republic News Agency )



Download:
http://www.4shared.com/file/GScIvBsHba/kamus_kata.html

Thursday, January 9, 2014

CSS Lists

CSS Lists

In HTML, there are two types of lists:
  • unordered lists - the list items are marked with bullets
  • ordered lists - the list items are marked with numbers or letters

 Crossbrowser Solution

The following example displays the image-marker equally in all browsers:
ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul li
{
background-image: url();
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 15px;
}

 CSS List Properties

 Property     Description
list-style     Sets all the properties for a list in one declaration
list-style-image     Specifies an image as the list-item marker
list-style-position     Specifies if the list-item markers should appear inside or outside the content flow
list-style-type     Specifies the type of list-item marker

HTML4 Events Attributes

HTML4 Events Attributes



HyperText Markup Language
 
Window Events
onload
onunload

Form Events
onblur
onreset
onchange
onselect
onfocus
onsubmit

Keyboard Events
onkeydown
onkeyup
onkeypress

Mouse Events

onclick
onmouseout
ondblclick
onmous­eover
onmous­edown
onmouseup
onmous­emove

HTML Graphical Elements

HTML Graphical Elements
HyperText Markup Language

<img>     Image 

Images

<img src="URL" alt="Alternate Text" height="42" width="42">

HTML4 Lists

HTML4 Lists
HyperText Markup Language


<ol>     Ordered list
<ul>     Unordered list
<li>     List item

Unordered list

<ul>
  <li>Item</li>
  <li>Item</li>
</ul>

Ordered list

<ol>
  <li>First item</li>
  <li>Second item</li>
</ol>

HTML4 Core Attributes

HTML4 Core Attributes





HyperText Markup Language
 
class
style
id
title

Core Attributes may not be used with base, head, html, meta, param, script, style or title elements.

HTML Tables

Tables

<table>     Table
<tr>     Table row
<th>     Header cell
<td>     Table cell


Sample:


http://overapi.com/html/
https://developer.mozilla.org/en-US/

HTML Text Formatting

HTML Text Formatting

 HyperText Markup Language

Physical Formatting

<b></b> Bold text
<code></code> Computer code
<em></em> Emphasized text
<i></i> Italic text
<kbd></kbd>  Keyboard input
<pre></pre> Preformatted text
<small></small> Smaller text
<strong></strong> Important text or Strong emphasis

Logical Formatting

<abbr> (abbreviation)
<address> (contact information)
<bdo> (text direction)
<blockquote> (a section quoted from another source)
<cite> (title of a work)
<del> (deleted text)
<ins> (inserted text)
<sub> (subscripted text)
<sup> (superscripted text)

Referensi:
https://developer.mozilla.org/en-US

HTML4 Document Structure

HTML4 Document Structure HyperText Markup Language

<h1> to <h6> Headings

<div>Page section
<span> Inline section
<p> Paragraph

<br> Line break
<hr> Horizontal rule

HTML Reference Sheet 2

HTML Reference Sheet 2

  1. Basic Tags
  2. Body Attributes
  3. Special Characters
  4. Text Tags
  5. Links
  6. Formatting
  7. Bullet and Numbering List
  8. Graphical Elements
  9. Tables
  10. Table Attributes
  11. Frames
  12. Frames Attributes
  13. Forms
  14. Styles


1. Basic Tags



<html></html>
Creates an HTML document -- REQUIRED

<head></head>
Sets off the title and other information that isn't displayed on the Web page itself -- REQUIRED

<title></title>
Puts the name of the document in the title bar -- REQUIRED

<body></body>
Sets off the visible portion of the document -- REQUIRED


   

Body Attributes:



    <body bgcolor="?">
    Sets the background color, using name or hex value ("blue" or "#0000FF")

    <body background="BACK.gif">
    Sets the background using an image file

    <body text="?">
    Sets the text color, using name or hex value, default is #FFFFFF

    <body link="?">
    Sets the color of links, using name or hex value, generally #0000FF (blue)

    <body vlink="?">
    Sets the color of followed links, using name or hex value, generally #800000 (maroon)

    <body alink="?">
    Sets the color of links on click, generally #FF0000 (red)

    <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
    Sets the margins of the page to zero. Browsers typically have default values (usually 15 pixels) for page margins. Code above covers both Internet Explorer and Netscape.

<!-- comment -->
Creates an invisible comment - it will not appear on the page as viewed in the browser - it is a note to yourself in the code.

<META HTTP-EQUIV="REFRESH" content="5;url=http://www.url.com">
Automatic Redirect Code; 5 is the seconds before redirect.


Special Characters



&nbsp;
Non-breaking space - can use to indent or to make a double space: <p>&nbsp;</p>

<nobr></nobr>
No separation of words, e.g., <nobr>401(k)</nobr>

&lt;
Angled bracket: <

&gt;
Angled bracket: >

&amp;
The "and" sign: &

&quot;
Quote mark: "

&#151;
em (long) dash

&#149;
Bullet symbol (solid disc)

&#36;
Dollar sign

&pound; or &#163;
Pound sterling

&yen; or &#165;
Yen sign

&euro; or &#8364;
Euro sign

&copy; or &#169;
Copyright symbol: ©


Text and Formatting Tags



HTML will recognize one space -- after that, you have to code.

<pre></pre>
Creates preformatted text

<h1></h1>
Creates the largest headline

<h6></h6>
Creates the smallest headline (h2-h5 are in between h1 and h6)

    Headline Attributes:

    <h1 align="?">
    Aligns the headline. Can use "center", "right", "left" or "justify"

<b></b>
Creates bold text

<i></i>
Creates italic text

<u></u>
Creates underlined text -- in general, avoid using (underlining is the default for indicating a link)

<tt></tt>
Creates teletype, or typewriter-style text

<sub></sub>
Creates subscript text

<sup></sup>
Creates superscript text

<cite></cite>
Creates a citation, usually italic

<em></em>
Emphasizes a word (same as <i>)

<strong></strong>
Emphasizes a word (same as <b>)

<p></p>
Creates a new paragraph -- do not have to close tag. Can use to create white space (creates a double space)

    Paragraph Attributes:

    <p align="?">
    Aligns a paragraph to the left, right, or center

<br>
Inserts a line break -- do not have to close tag. Use to start next line without a space (unlike <p>)

<blockquote></blockquote>
Indents text from both sides

<div align="?"></div>
A generic tag used to format large blocks of HTML, also used for stylesheets

<font face="?"></font>
Sets typeface for font. Write other font names for alternatives, i.e., <font face="times new roman, arial">

<font size="?"></font>
Sets size of font, from 1 to 7

1=8 pt
2=10 pt
3=12 pt (standard)
4=14 pt
5=18 pt
6=24 pt
7=36 pt

<font color="?"></font>
Sets font color, using name or hex value


Bullet and Numbering Lists



<dl></dl>
Creates a definition list

<dt>
Precedes each definition term

<dd>
Precedes each definition

<ol></ol>
Creates a numbered list

    Ordered List Attributes:

    <ol type="?">
    Where the types are "1", "a", "A", "I", "i"

    <ol start="#">
    1,2,3 is the default for ordered lists

<li></li>
Precedes each list item, and adds a number or a bullet (use with <ol> and <ul>)

<ul></ul>
Creates a bulleted list

    Unordered List Attributes:

    <ul type="?">
    Where the types are "circle" - hollow bullet; "disc" - solid bullet; "square" - solid block


Links



<a href="URL"></a>
Creates a hyperlink. If you use the full address, i.e., "http://www.name.com", it is an absolute link. If you use "../index.htm", it is a relative link -- it is in the same file system. Use"../" to indicate "one folder up"

<a href="mailto:EMAIL"></a>
Creates a link to an e-mail address. For example, <a href="mailto:kmoravec4@yahoo.com"> would create an e-mail message to kmoravec4@yahoo.com.

<a name="NAME"></a>
Creates a target location within a document -- i.e., a bookmark.

<a href="#NAME"></a>
Links to that target location (bookmark) from elsewhere in the document

    A (link) Attributes:

    <a href="URL" title="NAME">
    Adds simple mouseover text to a text link (see ALT for image mouseover text)

    <a href="URL" target="_blank">
    The link is opened in a NEW browser window

    <a href="URL" style="text-decoration:none">
    The link is not underlined (underlining is the default)


Graphical Elements



<img src="URL">
Adds an image (image source). It is a good idea to set up an image folder, i.e., <img src="images/image.gif">

    Image Attributes:

    <img src="name" align="?">
    Aligns an image: "left", "right", "center"; "bottom", "top", "middle"

    <img src="name" border="?">
    Sets size of border around an image -- this can only be used when the image is a link. The default is 1. If you want no border, use <img src="name" border="0">

    <img src="name" width="?">
    Sets the width of the image - use # (pixels)

    <img src="name" height="?">
    Sets the height of the image -- use # (pixels). You should only use width and height if you have the exact size of the image, otherwise it will not look right.

    <img src="name" alt="?">
    Gives the alternate text for the image; also supplies simple mouseover text for the image

<hr>
Inserts a horizontal rule

    Horizontal Rule Attributes:

    <hr size="?">
    Sets size (height) of rule -- use # or %. Default is 1pt.

    <hr width="?">
    Sets width of rule, in percentage (%) or absolute value (#)

    <hr noshade>
    Creates a rule without a shadow

    <hr align="?">
    Aligns the rule: "left", "right", "center"; "bottom", "top", "middle"

    <hr color="?">
    Sets font color, using name or hex value


Tables



<table></table>
Creates a table

<tr></tr>
Sets off each row in a table -- tag close is optional

<td></td>
Sets off each cell in a row

<th></th>
Sets off the table header (a normal cell with bold, centered text)

    Table Attributes:

    <table border="#">
    Sets width of border around table cells

    <table bordercolor="?">
    Sets the color of the border

    <table align="?">
    Sets alignment for table: "left", "center", "right"

    <table width="?"
    Sets width of table - in pixels (#) or as a percentage (%) of document width

    <table cellspacing="#">
    Sets amount of space between table cells

    <table cellpadding="#">
    Sets amount of space between a cell's border and its contents

    <tr align="?"> or <td align="?">
    Sets alignment for cell(s): "left", "center", "right"

    <tr valign="?"> or <td valign="?">
    Sets vertical alignment for cell(s): "top", "middle", "bottom"

    <td bgcolor="?">
    Sets the background color of the cell, using name or hex value ("blue" or "#0000FF")

    <td background="BACK.gif">
    Sets the background of the cell using an image file

    <td colspan="#">
    Sets number of columns a cell should span

    <td rowspan="#">
    Sets number of rows a cell should span (default=1)

    <td nowrap>
    Prevents the lines within a cell from being broken to fit

    <td width="?">
    Sets width of cell - in pixels (#) or as a percentage (%)

    <td height="?">
    Sets height of cell - in pixels (#) or as a percentage (%)


Frames



<frameset></frameset>
Tag in a frames document; can also be nested in other framesets -- replaces <body></body>

    Frameset Attributes:

    <frameset rows="value,value">
    Defines the rows within a frameset, using number in pixels, or percentage of width

    <frameset cols="value,value">
    Defines the columns within a frameset, using number in pixels, or percentage of width

<frame>
Defines a single frame -- or region -- within a frameset

<noframes></noframes>
Defines what will appear on browsers that don't support frames

   

Frames Attributes:



    <frame src="URL">
    Specifies which HTML document should be displayed

    <frame name="name">
    Names the frame, or region, so it may be targeted by other frames

    <frame marginwidth="#">
    Defines the left and right margins for the frame; must be equal to or greater than 1

    <frame marginheight="#">
    Defines the top and bottom margins for the frame; must be equal to or greater than 1

    <frame scrolling="VALUE">
    Sets whether the frame has a scrollbar; value may equal "yes," "no," or "auto". The default, as in ordinary documents, is auto.

    <frame noresize>
    Prevents the user from resizing a frame


Forms



<form></form>
Creates all forms

<select multiple name="NAME" size="?"></select>
Creates a scrolling menu. Size sets the number of menu items visible before you need to scroll.

<option>
Sets off each menu item

<select name="NAME"></select>
Creates a pulldown menu

<textarea name="NAME" cols="40" rows="8"></textarea>
Creates a text box area. Columns set the width; rows set the height.

<input type="checkbox" name="NAME">
Creates a checkbox. Text follows tag.

<input type="radio" name="NAME" value="x">
Creates a radio button. Text follows tag

<input type=text name="foo" size="20">
Creates a one-line text area. Size sets length, in characters.

<input type="submit" value="NAME">
Creates a Submit button

<input type="image" border="0" name="NAME" src="name.gif">
Creates a Submit button using an image

<input type="reset">
Creates a Reset button


Styles



For hyperlinks:

<style>
<!--
a:link{color:#0000FF; text-decoration:underline;
a:visited{color:#511418; text-decoration:none;
a:active{color:#FF0000; text-decoration:none;
a:hover{color:#FF0000; text-decoration:underline;
-->
</style>

For text:

<style>
<!--
H1 {font-family:Times New Roman, Times; color:#2A057A;
H2 {font-family:Times New Roman, Times; font-size:14pt;
H3 {font-family:Times New Roman, Times; font-size:12pt;
P {font-family:Times New Roman, Times; font-size:12pt; )
LI {font-family:Times New Roman, Times; font-size:12pt; )
TD {font-family:Times New Roman, Times; font-size:12pt; }
-->
</style>

<STYLE type="text/css">
BODY {font-family: serif;}
H2, H3 {font-family: Verdana, Helvetica, sans-serif;}
H2 {color: maroon; text-decoration: underline;}
P {margin-left: 3em;}
SUP {font-size: x-small; color: #666666;)
DIV.endnote P {text-indent: -1em; color: #333333;}
.link {text-decoration: underline;)
</STYLE> working in HTML 4

HTML 4 Forms

HTML4 Forms
HyperText Markup Language 4 Forms

<fo­rm>     Form

<fi­eld­set>     Collection of fields
<le­gen­d>     Form legend

<la­bel>     Input label

<in­put>     Form input
<input type="button">     Button

<se­lec­t>     Drop-down box
<op­tgr­oup>     Group of options
<op­tio­n>     Drop-down options

<te­xta­rea>     Large text input

Reference:
http://www.cheatography.com/
http://www.w3schools.com/html/default.asp
http://overapi.com/html/

HTML Reference Sheet 1

HTML Reference Sheet 1

HTML Cheatsheet
Most common HTML tags and syntax.

Contents

  1. Basic Tags
  2. Body Attributes
  3. Text Tags
  4. Links
  5. Formatting
  6. Tables
  7. Table Attributes
  8. Frames
  9. Frames Attributes
  10. Forms


Basic Tags

<html></html> Creates an HTML document
<head></head> Sets off the title and other information that's not displayed on the web page.
<body></body> Sets off the visible portion of the document

Body Attributes

<body bgcolor="pink"> Sets the background color, using name or hex value
<body text="black"> Sets the text color, using name or hex value
<body link="blue"> Sets the color of links, using name or hex value
<body vlink="#ff0000"> Sets the color of followed links, using name or hex value
<body alink="#00ff00"> Sets the color of links on click
<body ondragstart="return false" onselectstart="return false"> Disallows text selection with the mouse and keyboard

Text Tags

<pre></pre> Creates preformatted text
<hl></hl> Creates the largest headline
<h6></h6> Creates the smallest headline
<b></b> Creates bold text
<i></i> Creates italic text
<tt></tt> Creates teletype, or typewriter-style text
<cite></cite> Creates a citation, usually italic
<em></em> Emphasizes a word (with italic or bold)
<strong></strong> Emphasizes a word (with italic or bold)
<font size="3"></font> Sets size of font, from 1 to 7
<font color="green"></font> Sets font color, using name or hex value

Links

<a href="URL"></a> Creates a hyperlink
<a href="mailto:EMAIL"></a> Creates a mailto link
<a href="URL"><img src="URL"> </a> Creates an image/link
<a name="NAME"></a> Creates a target location within a document
<a href="#NAME"></a> Links to that target location from elsewhere in the document

Formatting

<p></p> Creates a new paragraph
<p align="left"> Aligns a paragraph to the left (default), right, or center.
<br> Inserts a line break
<blockquote></blockquote> Indents text from both sides
<dl></dl> Creates a definition list
<dt> Precedes each definition term
<dd> Precedes each definition
<ol></ol> Creates a numbered list
<ul></ul> Creates a bulleted list
<li></li> Precedes each list item, and adds a number or symbol depending upon the type of list selected
<div align="left"> A generic tag used to format large blocks of HTML, also used for stylesheets
<img src="name"> Adds an image
<img src="name" align="left"> Aligns an image: left, right, center; bottom, top, middle
<img src="name" border="1"> Sets size of border around an image
<hr /> Inserts a horizontal rule
<hr size="3" /> Sets size (height) of rule
<hr width="80%" /> Sets width of rule, in percentage or absolute value
<hr noshade /> Creates a rule without a shadow

Tables

<table></table> Creates a table
<tr></tr> Sets off each row in a table
<td></td> Sets off each cell in a row
<th></th> Sets off the table header (a normal cell with bold, centered text)

Table Attributes

<table border="1"> Sets width of border around table cells
<table cellspacing="1"> Sets amount of space between table cells
<table cellpadding="1"> Sets amount of space between a cell’s border and its contents
<table width="500" or "80%"> Sets width of table, in pixels or as a percentage of document width
<tr align="left"> or <td align="left"> Sets alignment for cell(s) (left, center, or right)
<tr valign="top"> or <td valign="top"> Sets vertical alignment for cell(s) (top, middle, or bottom)
<td colspan="2"> Sets number of columns a cell should span (default=1)
<td rowspan="4"> Sets number of rows a cell should span (default=1)
<td nowrap> Prevents the lines within a cell from being broken to fit

Frames

<frameset></frameset> Replaces the <body> tag in a frames document; can also be nested in other framesets
<frameset rows="value,value"> Defines the rows within a frameset, using number in pixels, or percentage of width
<frameset cols="value,value"> Defines the columns within a frameset, using number in pixels, or percentage of width
<frame> Defines a single frame — or region — within a frameset
<noframes></noframes> Defines what will appear on browsers that don’t support frames

Frames Attributes

<frame src="URL"> Specifies which HTML document should be displayed
<frame name="name"> Names the frame, or region, so it may be targeted by other frames
<frame marginwidth="value"> Defines the left and right margins for the frame; must be equal to or greater than 1
<frame marginheight="value"> Defines the top and bottom margins for the frame; must be equal to or greater than 1
<frame scrolling="value"> Sets whether the frame has a scrollbar; value may equal “yes,” “no,” or “auto.” The default, as in ordinary documents, is auto.
<frame noresize="noresize"> Prevents the user from resizing a frame

Forms

For functional forms, you’ll have to run a script. The HTML just creates the appearance of a form.
<form></form> Creates all forms
<select multiple name="NAME" size=?></select> Creates a scrolling menu. Size sets the number of menu items visible before you need to scroll.
<option> Sets off each menu item
<select name="NAME"></select> Creates a pulldown menu
<option> Sets off each menu item
<textarea name="NAME" cols=40 rows=8></textarea name> Creates a text box area. Columns set the width; rows set the height.
<input type="checkbox" name="NAME"> Creates a checkbox. Text follows tag.
<input type="radio" name="NAME" value="x"> Creates a radio button. Text follows tag
<input type="text" name="NAME" size=20> Creates a one-line text area. Size sets length, in characters.
<input type="submit" value="NAME"> Creates a Submit button
<button type="submit">Submit</button> Creates an actual button that is clicked
<input type="image" border=0 name="NAME" src="name.gif"> Creates a Submit button using an image
<input type="reset"> Creates a Reset button

HTML / JavaScript Event

onreset

onsubmit

 

Wednesday, January 8, 2014

Materi Matematika SD ( Sekolah Dasar )

Materi Matematika SD ( Sekolah Dasar )
  1. Bilangan dan Operasi Hitung Bilangan
  2. KPK ( Kelipatan Persekutuan Terkecil ) dan FPB ( Faktor Persekutuan Terbesar )
  3. Pecahan
  4. Aritmatika Sosial
    1. Harga jual, harga beli, laba, dan rugi 
  5. Geometri
  6. Pengukuran
  7. Statistik
 Daftar materi matematika SD ( Sekolah Dasar )

Silsilah Bilangan dalam matematika

Silsilah Bilangan dalam matematika

  1. Bilangan kompleks
    • Bilangan imajiner
    • Bilangan nyata
    1. Bilangan irasional
    2. Bilangan rasional
      • Bilangan pecahan
      • Bilangan Pangkat
      • Bilangan bulat
      1. Bilangan negatif
      2. Bilangan cacah
        • Bilangan nol
        • Bilangan asli
          1. Bilangan ganjil
          2. Bilangan genap
          3. Bilangan prima
          4. Bilangan komposit

Referensi: http://id.wikipedia.org/

Jenis Bilangan Lainnya

Jenis Bilangan Lainnya dalam matematika

  1. Bilangan Pangkat

    Bilangan berpangkat yaitu bilangan-bilangan tersebut dapat dinyatakan dalam bentuk perkalian berulang.
    Contoh: 25 (dibaca: dua pangkat lima) yang sama artinya dengan 2 x 2 x 2 x 2 x 2
    1. Bilangan kuadrat (sempurna) adalah suatu bilangan yang jika diakar (dipangkatkan setengah) hasilnya berupa bilangan asli.
      Contoh:  bilangan 4, bilangan kuadrat karena 4 = 22
      Bilangan 5, bukan bilangan kuadrat karena tidak dapat dinyatakan perpangkatan dua (tidak dapat di akar pangkat 2).
    2. Bilangan Kubik adalah bilangan yang dapat dinyatakan sebagai perpangkatan tiga dari    bilangan cacah.
      Contoh:  bilangan 8, bilangan kubik karena 8 = 23
      Bilangan 7, bukan bilangan kubik karena tidak dapat dinyatakan perpangkatan tiga (tidak dapat di akar pangkat 3)
  2. Bilangan Prima

    Bilangan prima adalah bilangan-bilangan asli yang hanya bisa dibagi dirinya sendiri dan satu, atau bilangan yang memiliki 2 faktor, dan angka satu bukan bilangan prima.
    Contoh: 2,3,5,7,11,13,17,….