PROGRAMMING IN WEB DEVELOPMENT
Web Development Is one of the rising passions in this technical world. In every passionate web development learner, the ultimate goal is to design a webpage or a webpage with a lot of designs and functionalities.
This seems very superior to think inside our mind, but the question arises “How to design a website with full of interaction ?”
Every website or a webpage we see on a web browser is consisting of a lot of instructions and steps involved in making of that website and designing of that webpage which has been created by the use of various components which includes the use of libraries and framework code. In order to make a website, thinking the design of the page or how the page looks is really important as it will help us to reference about the how we have to design the webpage. It could be done with the help of Wireframes. They consist of various components hat are to be situated inside a webpage.
HTML, CSS are not basically any of the programming languages but they are effecting the basic structure of the page of a website or the display of the series of webpages with the involvement of styling that is involved in the HTML Page and the appearance of the webpage that will be shown to the client.
HTML basically provides the basic structure about the webpage or the website that is visible to a client or the user that is using that website for a particular use.
And down he content you can see how the page looks after writing this much of code snippet by the use of HTML.
CSS provides the basic structure of the styling to the webpage or the website that has been formed with he use HTML and makes to look the website look very user interactive in design and improves the user interface a lot.
Now our task includes to design the webpage that we have included in it and then to add the styles to the UI/UX by using the CSS . We are here going to separately add the external CSS File which will include all of the styles of the CSS. Here in the CSS we will take all of the different components and then take each component for taking down the styles individually for that particular component and then take each of the component and then add styles to that webpage. CSS adds a lot of styling to a common and simple looking webpage and design it to look really impressive in scene and make it look really awesome. Now down you will see the CSS file that you could add into HTML page by linking that file by using link tag and that all will help in creating a nice looking webpage.
Please Look Into The Pictures and images given below that will show you the styles we have added by use of CSS.
When the animation is completed, it looks like the below mentioned image which you can see below.
Below mentioned is the CSS file which you can link or that we had linked with our HTML file to view the final page after designing.
I am ARYAN GARG, a second year student of Information Technology and pursuing my B.E from Dr. B.R. Ambedkar National Institute Of Technology, Jalandhar, Punjab, India.
You Can Connect With On Various Platforms For Further Discussions And Project work as I am also available for freelancing. The Profile links are given below :
- LinkedIn — https://www.linkedin.com/in/aryan-garg-661552198/
- Instagram — https://www.instagram.com/aryan_garg_08/
- Facebook — https://www.facebook.com/aryan.garg.9022662/
- GitHub — https://github.com/code08-ind
You can also contact me at my email : firstname.lastname@example.org
Thanks For reading this article and blog on Web Development. Please like and share and shower your love.