Showing posts with label web design. Show all posts
Showing posts with label web design. Show all posts

Sunday, 23 October 2011

JAVA SCRIPT: Variables, Operators, Statments, Loops

JavaScript is a prototype-based scripting language that is dynamic, weakly typed and has first-class functions. It is a mulch-paradigm language, supporting object-oriented, imperative, and functional programming styles.

JavaScript was formalized in the ECMAScript language standard and is primarily used in the form of client-side JavaScript, implemented as part of a Web browser in order to provide enhanced user interfaces and dynamic websites. This enables programmatic access to computational objects within a host environment.

<html>
<head>
<script type="text/javascript">
function displaydate()
{
document.getElementById ("demo").innerHTML=Date();
}
</script>
</head>
<body>

<h1>My first Javascript</h1>
<p id="demo">this is a paragraph.</p>

<button type="button" onclick="displaydate()">Display Date</button>

</body>
</html>
For short comment : // and comment & for long comment /* and long comment and closed to */

Java Script Variables :
A variables is when java script keep information. the two types of variable ---
  1. Local
  2. Gobble
In Java Script without declaration you can use a variables
Var x;
---------- declare variable
x=27;
-------------
y = 34;  No declaration

JAVA SCRIPT Operators : 
Modulus :
+
-
/
%
++          Inc by,
--            dis by,


 =                               x = y
+=                              x+ =y                    x = x+y
-=                               x-= y                     x = x-y
*=                              x* = y                    x = x*y
/=                              x/ = y                     x = x/y
%=                           x% =y                    x = x%y
Text1           =           " is in";
Text2           =           " Agra";
Text3           =           "Taj Mahal";
Text4           =           Text3+Text1+Text2 


Saturday, 22 October 2011

Use Colors on your WebPages

Choose the right colors for your website is just as essential as selecting graphics and content. This article discusses what factors to consider when selecting your website colors.

Colors have many effects on people. Certain colors can invoke specific emotions in people. Emotional reactions can affect the image of your company in the visitors mind and can have a major effect or your company’s “brand”.

If you doubt color evokes emotion, consider the phrases, “green eyed monster” “seeing red” or “in a black mood”. The green-eyed monster is a reference to jealousy, seeing red means a person is angry and a black mood refers to depression. People do associate colors with specific moods. Scientific texts have proven that different colors can make people happy, sad, relaxed, excited, angry or afraid.

Anything that can evoke those responses in people needs to be looked at carefully when designing your website. Colors tend to be classified as “neutral, “warm” or “cool”. So, let’s take a look at some of them.

Neutral Colors

Whites – Whites stand for purity and cleanliness. In eastern cultures white is the color of death while in western cultures in is the color of marriage and hope.

Grays – Grays exude reliability and conservatism. Shades of gray are one of the most popular colors for business attire.

Browns – Browns stand for the earth, home and family.

Blacks – Blacks tend to signify power, elegance and sophistication. In western cultures also stands for death.

Warm Colors

Reds – Reds are good for attracting attention. That is why they are frequently used in sales letters to emphasize specific points. Red symbolizes, anger, violence, lust, passion and can actually raise people’s blood pressure.

Yellows – Yellow can mean weakness or cowardice as well warmth and happiness.

Oranges – Orange is associated with fall harvesting and Halloween. It can also stimulate a person’s appetite.

Pinks – Pinks usually symbolize innocence, femininity and romance.

Cool Colors

Blue – Blue has a calming effect on people. It exudes intelligence and trust. It is a surprising that many financial and health care institutions use blue themes. Blue can also suppress appetite.

Green – While the green stands for jealousy, greed and inexperience, it also stands for money and wealth.

Purple – Purple tends to symbolize creativity. The darker shades were once reserved for royalty and the lighter shades are usually associated with romance.

Web Safe Colors

Vacuum tubes, LCD and Plasma screens all display colors differently. There are 216 colors that can be displayed on every type of monitor in every web browser and will look almost identical. These 216 are called web safe colors. If consistent color is important, you should only use web safe colors on your websites.

Color Schemes

Color schemes can be composed of a single color, complimentary colors or contrasting colors.

Single Color -- Single color schemes uses several different shades and intensities of a single color on a white background. For example, if you want to use a red color scheme, you can use everything from the lightest pink to a red so dark it is almost black.

Complementary Colors – Complementary color schemes use two or more colors that look good together and create a pleasant blend that is appealing to most people. One color may be dominant and the other used to compliment it.

Contrasting Colors – Contrasting color schemes use two or more dominant colors to create an “eye grabbing effect”. For example, using a dark blue page background, a deep red frame around a white background text area with black text is a typical contrasting color scheme.

Web designers need to be careful when using contrasting colors because some combinations tend to “vibrate” such as red text on a blue background and can hurt some people’s eyes, while other combinations are just had to focus on. Other combinations “clash” and are unpleasant to look at.

General Color Guidelines

The following guidelines are suggestions that should make your web pages readable for everyone.
  • Text should be readable. Obviously black on white is the default choice but others are also good. White or Yellow or other light colors work on black or any other dark color background. But, Yellow, Green or Gray on white does not.
  • Use colors that are attractive and pleasing to the eye.
  • Select the colors that portray the image you want to give your visitors.
  • For consistent colors across different browsers, use web safe colors.
  • Do not use a normal color intensity images as a background behind text. It makes it difficult to read. If you use an image, use it as a faded watermark.
  • Colors should be uniform on all your web pages to create a “brand” for your site and let your visitors know they are still on your website.

Tuesday, 30 August 2011

HTML CODING (SUPER SCRIPT, SUB SCRIPT AND UNORDERED LIST)


SUPER SCRIPT:
We make super script to any character or it is used for power creation.
e.g. x2+y2
TAG FOR SUPER SCRIPT:
It is always start  from <sup> and close with </sup>
Example: x<sup>2</sup>+y<sup>2</sup>
SUBSCRIPT:
We make sub script to any character or it is used to creat chemical equations
e.g. c6 h12 o6 h2o etc.
TAG FOR SUB SCRIPT:
It is always start from <sub> and close with </sub>
Example:
C<sub>6</sub>H<sub>12</sub>o<sub>6</sub>
STRIKE THROUGH:
We can strike through any word or sentence
TAG FOR STRIKE THROUGH:
It is always start from <strike>and close with</strike>
PRE:
This is used to read the same formet of your html editor as, space, tab,enter all the things which you can want to use in your editor(notepad)
It is always start from <pre> and close with </pre>
<pre>name       add      course  city      duration           fee
Enter record below the field same as field by using tab key.
UL (UNORDERD LIST):
It is used to creat the ul crdesed list or bullet list in your web page.
It is always start from <ul>and closed with </ul> but <li> is the most important tag. It is always typed between the <ul>
                        <li>
                       </ul>
Every <li> tag shows bullets on the web page

Monday, 29 August 2011

HEXADECIMAL COLOR CODES

BACKGROUND:
   two types of back ground can be fill in the background of the
   webpage.
   1. fill color on the background
   2. fill images in the background.
color tag:
  <body bgcolor="color name">

FILL IMAGE IN THE BACK GROUND:
  <body background="image source\image name.extension">

INSERTING IMAGE ON THE WEB PAGE:
   <Img Src=”Source Of Image\Image Name.Extension\Width=” In Pixels” Height=” In Pixels”>

DL TAG
     The <dl> tag defines a definition list.

The <dl> tag is used in conjunction with <dt> (defines the item in the list in your web page) and <dd> (describes the item in the list on your web page).

HOW TO USE DL TAG:
<dl>
   <dt>main</dt>
     <dd>-sub</dd>
   <dt>main</dt>
     <dd>- sub</dd>
 </dl>

HEXADECIMAL COLOR CODES:

black(Safe 16 SVG Hex3) #000000  
midnightblue(Safe Hex3) #000033                 navy(16 SVG) #000080       
darkblue(SVG) #00008B       
newmidnightblue #00009C                              mediumblue(SVG) #0000CD          
blue2(Hex3) #0000EE           
blue(Safe 16 SVG Hex3) #0000FF                  pinegreen(Safe Hex3) #003300       
cichlid #003EFF        
sign blue #003F87                                             dumpster #004F00   
celtics #00611C         
darkgreen(SVG) #006400                                starbucks(Safe Hex3) #006633        
deepskyblue4 #00688B         
sign green #006B54                                          slateblue #007FFF   
green(16 SVG) #008000        
teal(16 SVG) #008080                                      turquoise4 #00868B 
green4 #008B00         
springgreen4 #008B45                                      darkcyan(SVG) #008B8B   
irish flag(Safe Hex3) #009900           
skyblue5(Safe Hex3) #0099CC                        deepskyblue3 #009ACD     
truegreen #00AF33    
deepskyblue2 #00B2EE                                   deepskyblue(SVG) #00BFFF          
turquoise3 #00C5CD 
turquoiseblue #00C78C                                    emeraldgreen #00C957        
green3 #00CD00        
springgreen3 #00CD66                                     cyan3 #00CDCD     
darkturquoise(SVG) #00CED1         
turquoise2 #00E5EE                                         green2(Hex3) #00EE00       
springgreen2 #00EE76           
cyan2(Hex3) #00EEEE                                    turquoise1 #00F5FF 
mediumspringgreen(SVG) #00FA9A
lime(Safe 16 SVG Hex3) #00FF00                springgreen(Safe Hex3) #00FF33     
neonavocado(Safe Hex3) #00FF66   
springgreen(SVG) #00FF7F                            seagreen(Hex3) #00FFAA    
light teal(Safe Hex3) #00FFCC         
aqua(Safe 16 SVG Hex3) #00FFFF               cyan(Safe 16=aqua SVG Hex3) #00FFFF   
ty nant #0147FA        
topaz #0198E1                                                 mouthwash #01C5BB          
picasso blue #0276FD
gray1 #030303                                                 manganeseblue #03A89E     
gray2 #050505           
cerulean #05B8CC                                           indiglo #05E9FF       
teal LED #05EDFF   
sea green #068481                                           gray3 #080808          
gray4 #0A0A0A        
permanentgreen #0AC92B                               police strobe #0BB5FF        
gray5 #0D0D0D        
banker's lamp #0E8C3A                                   diamond blue #0EBFE9      
gray6 #0F0F0F          
turquoise #0FDDAF                                         dodgerblue4 #104E8B         
malachite #108070     
ultramarine #120A8F                                         gray7 #121212        
garden hose #138F6A
gray8 #141414                                                   ulysses butterfly #1464F4   
gray9 #171717           
masters jacket #174038                                      dodgerblue3 #1874CD       
midnightblue(SVG) #191970
gray10 #1A1A1A                                              alaska sky #1B3F8B           
6 ball #1B6453           
gray11 #1C1C1C                                               dodgerblue2 #1C86EE       
peafowl #1D7CF2     
bottle green #1DA237                                                   dodgerblue(SVG) #1E90FF           
gray12 #1F1F1F        
lightseagreen(SVG) #20B2AA                          emerald city #20BF9F        
gray13 #212121         
packer green #213D30                                        huntergreen #215E21         
indigo2 #218868        
delft #22316C                                                     forestgreen(SVG) #228B22           
navyblue #23238E     
steelblue #236B8E                                               seagreen #238E68 
gray14 #242424         
gray15 #262626                                                   blue spider #26466D         
royalblue4 #27408B   
pabst blue #283A90                                             cooler #284942      
  
and many more

Thursday, 18 August 2011

SETTING THE MARGIN OF THE WEB PAGE

we can easily set the margin of the web page through margin tag the there are two types of margins can be used in html.
1- top margin
2- left margin
if you set 72 pixels in the margin it means you have set 1 inch margin, the margin tag is always start in the body tag like this <body topmargin="72" leftmargin="72"> both top and left margins tag is inclued in the body tag, after setting the left and top margin no need to set margins from righ and botton of the page it will automatically adjust.

HEADINGS IN HTML:
  Heading tags is simply used to create headings in html in different sizes it 1-6 sizes headings, heading tags is always start from <H>......and closed on </H>
HEADING SIZES:
  <h1> this tag contains the smallest size of the heading</h1>
  <h2> this tag is bigger than h1 tag</h2>
  <h3> this tag is bigger than h2 tag</h3>
  <h4> this tag is bigger than h3 tag</h4>
 <h5> this tag is bigger than h4tag</h5>
 <h6> this tag is bigger than all heading tags</h6>
if you want to write heading bigger to small  type these tags from <h6> to <h1>
  <h6> this tag is bigger than all heading tags</h6>
  <h5> this tag is smallest than h6 tag</h5>
  <h4> this tag is smallest than h5 tag</h4>
  <h3> this tag is smallest than h4 tag</h3>
  <h2> this tag is bigger than h3 tag</h2>
 <h1>this tag contains the smallest size of the heading </h1>

Background color:

we can change the color of the background of the web page with the help of this tag it always start from <body bgcolor="color name"> no need to close this tag it is single tag.

Wednesday, 17 August 2011

Basic HTML

HTML
HTML is acronym for hypertext markup language. It is standardized for tagging text files achieving font, color,graphics (images), link and effects on the www (world wide web ) pages. We can display all the thing through tags, attributes, elements.

Tags:- Tags is a simple text character used to identify text on the web page.e.g. <>less then and greater than these sign is known as tags.

Attributes:- which identify the format of the tag you want to apply on the web page. e.g. <p> it is use to make a paragraph.

Element:- In which tag we show the format code start and end is known as element.

Note:- HTML coding is written in the note pad file.

BASIC STRUCTURE OF HTML:-

<HTML> = This is the identification of yours file in which you program is written.

<HEAD>
<title> = If you type anything between the title tags it will show on the title bar of your browser and title tags is also written between the need tags. </title>
</HEAD>

<body> = All the contents written in the body tags shows on your browsers page. </body>
</HTML> = this is the closing of your tags. two types of tags are used to creat web page.
(1) Single tags
(2) Paired tags.
(1) Single tags: Single tag will only start like <p>, <br> etc.
(2) Paired Tags: Paired tags start and end both tags are compulsory to show its cont.. e.g. <b>.......</b>, <i>.........</i> etc.

How to write a HTML Program
click on start - program- accessories-notepad or start- run- type "notepad" in the box- ok
Type the structure of the HTML codes in the notepad.
<html>
<head>
<title>your title</title>
</head>
<body>type your contant</body>
</html>
file- save- type the name of the file with the extension e.g. siss.HTML-save-double click on your browser-file-open-browse-select file where you saved-open-OK

All the contants of that file will show in your browser.

Basic HTML Stretcher  


(source by faizan jamal)