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
Image
 My Future Blog Layout   bhai log comment karke jaror btao kaise lga layout  upload kro ye theme                    https://delhikacoder.blogspot.com/2021/07/is-web-designing-1.html

advance animation

Image
                                    ANIMATION ANIMATION : Animation is a method in which image and picture manipulated and moving images. we use a animation word and give a animation name and time period we can see in code animation is  most important role play in website /web application like popup images and moving images/content we can say a animation we can customize image height/width and direction and animation time. if we want a continue a animation we have a use infinite word in css  it is a advance animation code : <html> <head> <style> body{overflow-x:hidden; background-image: url("2.jpg");} #box{width:100px; height:350px; background:black; padding:20px; } .box2{width:15px; height:350px; background:black; padding:10px; margin-left:50px;   } .circle{width:100px; height:100px;  border-radius:50%;background:red; float:left; margin:3px;  animation:4s red infinite;} .circle2{width:100px; height:100px;  border-radius:50%;background:yellow
Image
                                    ANIMATION ANIMATION : Animation is a method in which image and picture manipulated and moving images. we use a animation word and give a animation name and time period we can see in code animation is  most important role play in website /web application like popup images and moving images/content we can say a animation we can customize image height/width and direction and animation time. if we want a continue a animation we have a use infinite word in css  it is a basic animation code : <!DOCTYPE html> <html> <head>     <title>animation</title>     <style>         img{animation: 2s red; margin-top: 10px; margin-left: 300px; width: 60%;}         @keyframes red{ 0%{height: 150px; width: 200px} 50%{height: 120px; width: 300px;} 80%{height: 350px; width: 400px;} 100%{height: 450px; width: 600px;} }     </style> </head> <body>     <div class="box1">  
Image
Basic Home Page(nav-bar and footer) Design                       This page is totaly design on bootstrap   1.Bootstrap is css framework work webdeveloper/webdesigner    Responsive  and mobile-first website we can see a navbar and logo it is also responsive in mobile because we have a use a bootstrap classes. if you want use a bootstrap so you have a full knowledge  HTML5 and  CSS3. bootstrap a time savage frame-work and mobile responsive     it is a footer part we can see it is looking so pretty and also responsive in mobile device i suggest if you want a learn web design first step learn html and css second step learn a bootstrap and third step learn a javascript fourth step learn a php and mysql if you learn all step then you can create a best website layout       please follow on twitter and subscribe a blog     https://twitter.com/DHEERAJ00615534                                                                    please comment and share a b
Image
Basic layout  https://delhikacoder.blogspot.com/
Image
      create a home page and basic layout 1. use a bootstrap language 2.css3 , html5

make a form layout

Image
1. make a form layout     1.Step use a sublime text software , notepad+    2.save file    3.form layout code <!DOCTYPE html> <html> <head> <title>form layout</title> <style type="text/css"> .box{background: linear-gradient(90deg, skyblue, white); font-size: 30px;} .form{background: linear-gradient(90deg, skyblue, white); font-size: 15px;} input{font-size: 20px; border-radius: 5px;} </style> </head> <body> <div class="box"><b>registration form</b></div> <div class="form"> <form action="bootmgr.php" method="post"> <br>Name: &nbsp &nbsp  &nbsp  &nbsp &nbsp<input type="text" name="name" required=""><br><br> Email:&nbsp &nbsp &nbsp &nbsp  &nbsp <input type="email" name="email" required="">