Posts

Image
The Compelling Reasons to Learn Web Design In an era dominated by the digital realm, the ability to craft visually appealing and functional websites is a valuable skill that transcends industries. Learning web design is not just about creating aesthetically pleasing pages; it opens doors to a world of creativity and opportunities. In this blog, we'll delve into the compelling reasons why aspiring individuals should consider learning web design and how it can pave the way for personal and professional growth. Express Your Creativity: Web design is an art form that allows you to express your creativity in a digital space. From choosing color palettes to selecting fonts and arranging elements on a page, web designers have the power to create visually stunning and unique experiences. Learning web design provides a canvas for self-expression, enabling you to bring your ideas to life and leave a lasting impression on users. Meet the Demands of the Digital Age: The digital landscape is

Addition two number with function in javascript

Image
        Addition two number taking input by user in javascript 1.we have know that what is JavaScript? 2.JavaScript is a client server language JavaScript use for formatted design and backend design JavaScript is a lightweight language for make a web program we can create JavaScript.  JavaScript is a independent language. 3.write code for addition 4.all code write in <script>  all code write            </script> 5.<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript"> function plus3() { var a =  Number(document.getElementById("plus").value); var b =   Number(document.getElementById("plus2").value); var c = a + b ; document.write(c); } </script> <style type="text/css"></style> </head> <body> <form > <input type="number" name="" id="plus"> <input type="number

Addition two number in javascript

Image
        Addition two number in javascript 1.we have know that what is JavaScript? 2.JavaScript is a client server language JavaScript use for formatted design and backend design JavaScript is a lightweight language for make a web program we can create JavaScript.  JavaScript is a independent language. 3.write a code for addition  4.all code write in <script>  all code write            </script> 5.<script> var a = 60; var b = 40; var c = a+b; document.write(c); </script> 6.output = 100 7. this code  write in head section. 8.var meant variable 9.document.write use for show a number if we are write document.write("c"); then output = c 10.integer case we write  document.write(c);

What is javascript

Image
                        Javascript                                 What is javascript ..   javascript  is a client server language javascript   use for formatted designs and backend design    javascript is a lightweight for make a web pro-   gram we can create javascript                    Types  of javascript      javascript  three types..   inline javascript internal javascript external javascript    we can use javascript in HTML     javascript is a independent language   we can put javascript any where in html5                    Types of event onclick onmouseover onsubmit onload                                          next post coming soon..                                         please read and share..

Advantages of css

Image
 1.What is css CSS  is  used  to  control  the  style  of  a  web  document  in  a  simple  and  easy way. CSS  full form "Cascading  Style  Sheet".  CSS  handles  the  look  and  feel  part  of  a  web  page.   Using  CSS,   control  the  color  of  the  text,  the  style  of  fonts,  the  spacing  between paragraphs,  how  columns  are  sized  and  laid  out,  what  background  images or  colors  are  used,  layout  designs, variations  in  display  for  different  devices and  screen  sizes  as  well  as  a  variety  of  other  effects.                          

what is margin and padding

Image
What is margin A margin is the space outside  something, whereas padding is the space inside something. Change the CSS code for h3 to the following: h3 { font-size: 2.5em; background- color: #fff;  margin : 30px; padding: 50px; } Types of margin margin-top margin-right              margin-bottom margin-left What is padding padding   properties are used to generate space around content. padding is the take space inside around content The  padding  clears an area around the content (inside the border) of an element. With CSS, we have full control over the  padding Types of padding: padding-top padding-right                 padding-bottom padding-left

How to make a responsive site

Image
                What  is  responsive  website     Responsive  web  design  is  about  using  HTML  and  CSS  to       automatically resize,  hide,  shrink,  or  enlarge,  a  website,  to  make     it  look  good  on  all devices  example  (desktop,mobile,pc).         How to make responsive website      1.Media query         2.Fluid grids         3.Flexible visual         4.Drop box         5.Dribble         6.Github         7.Klientboost         8.Magic leap         9.Willow tree        10.Wired       Responsive site image                                                                                           next post release 17-oct-2018                                                                                           next post :how to make register/login page                                                                                           please like and share

how to make nav bar

Image
   HOW TO MAKE  NAV BAR AND  FILL BACKGROUND IMAGE     1.Step use a sublime text software , notepad+      2.save file      3.menu bar/ nav bar code    <!DOCTYPE html>    <html>    <head> <title>nav bar</title> <style type="text/css"> body{margin:0;}     body{background-image:url("index.jpg"); height:100%; width:100%;} .box{height:50px; width:100%; background-color:black;} .box ul{ float:left; font-size:24px; padding:10px 0; color:white; list-style: none;         margin:0;} .box ul li{float: left; margin-left:30px;} </style>     </head>    <body> <div class="box"> <ul><li>HOME</li> <li>ABOUT</li> <li>CONTACT</li>   <li>GALLERY</li>   <li>DHEERAJ KUMAR</li></ul> </div>    </body>    </html> 4. save file open in browser   output: