HOW EXACTLY DOES WEBSITE WORK?
So now that we've spoken about How the Internet works? in previous blog👆.
I want to talk about ,
💬How exactly does Website work?
👉What exactly does a HTML,CSS and Javascript do exactly.
Now in order to access a web page we all know that you need a browser right and that can be Chrome,Safari,Firefox whatever is your favorite one.These are all pieces of software that allow you to look up the IP address of your website and be able to receive data that it can render into these beautiful Web sites that we see now the data that you receive from the server usually consists of three types of files HTML,CSS and Javascript and it's very likely that you would have come across these types of files or these words before because they're so common and they're so integral to how web sites work. But what exactly do they do and why are there so many different types of files. Why can't we just have one file that's you know a Web site.Well they actually have very different jobs.
The HTML code file is responsible for the structure of your web site. So if a Web site was a house🏠 then the HTML would be the 👷builder who would come in to build the walls or put in a toilet.
Basically they establish the structure of your house and when you write HTML code you also build up the structure of your website so you could use the amount add an image or button or text box whatever it is that you need in your website. Now the second type of file or CSS files and these files are responsible for styling your Web site. So if you are building a house then this would be the painters and decorators they would be going around painting the walls or adding stylistic flourishes to your place and generally making the place look the way that you want it to and that's exactly what CSS code does as well. When you incorporate CSS it allows you to specify how you want your Web site to look. So you could say that yes I have a button that I got from my age to mail but that button I want it to be red and I want the text to be white and I want the font of the tax to be an aerial that is all done using CSS code. Now the final component is the javascript code and this is the code that allows your Web site to actually do things or have behavior and if you are building a house you would have the electrician come in who would be able to connect the wires so that your lightbulbs actually switch on or somebody who comes in and does the plumbing so that your toilet can actually flush and the javascript code does exactly that it allows your Web site to actually do things and have behavior. So if we take the Google web site as an example again once we receive these files from Google server when our browser loads up the HTML files will get to see the structure of the Web site. Namely there's one image which has their logo.
There's two buttons and there's a text box where we can enter our search. Now when we receive the CSS files then that will modify the appearance of all of those components. We don't have any more buttons or any more images but they now look the way that Google wanted it to. And finally when we incorporate the javascript files then our website actually starts having behavior has functionality and is actually able to do something rather than just display some images and text to us.🙌
📕Web Design with HTML, CSS, JavaScript and jQuery Set Paperback – 15 Aug 2014 by Jon Duckett (Author)
I want to talk about ,
💬How exactly does Website work?
Now in order to access a web page we all know that you need a browser right and that can be Chrome,Safari,Firefox whatever is your favorite one.These are all pieces of software that allow you to look up the IP address of your website and be able to receive data that it can render into these beautiful Web sites that we see now the data that you receive from the server usually consists of three types of files HTML,CSS and Javascript and it's very likely that you would have come across these types of files or these words before because they're so common and they're so integral to how web sites work. But what exactly do they do and why are there so many different types of files. Why can't we just have one file that's you know a Web site.Well they actually have very different jobs.
The HTML code file is responsible for the structure of your web site. So if a Web site was a house🏠 then the HTML would be the 👷builder who would come in to build the walls or put in a toilet.
Basically they establish the structure of your house and when you write HTML code you also build up the structure of your website so you could use the amount add an image or button or text box whatever it is that you need in your website. Now the second type of file or CSS files and these files are responsible for styling your Web site. So if you are building a house then this would be the painters and decorators they would be going around painting the walls or adding stylistic flourishes to your place and generally making the place look the way that you want it to and that's exactly what CSS code does as well. When you incorporate CSS it allows you to specify how you want your Web site to look. So you could say that yes I have a button that I got from my age to mail but that button I want it to be red and I want the text to be white and I want the font of the tax to be an aerial that is all done using CSS code. Now the final component is the javascript code and this is the code that allows your Web site to actually do things or have behavior and if you are building a house you would have the electrician come in who would be able to connect the wires so that your lightbulbs actually switch on or somebody who comes in and does the plumbing so that your toilet can actually flush and the javascript code does exactly that it allows your Web site to actually do things and have behavior. So if we take the Google web site as an example again once we receive these files from Google server when our browser loads up the HTML files will get to see the structure of the Web site. Namely there's one image which has their logo.
There's two buttons and there's a text box where we can enter our search. Now when we receive the CSS files then that will modify the appearance of all of those components. We don't have any more buttons or any more images but they now look the way that Google wanted it to. And finally when we incorporate the javascript files then our website actually starts having behavior has functionality and is actually able to do something rather than just display some images and text to us.🙌
📕Web Design with HTML, CSS, JavaScript and jQuery Set Paperback – 15 Aug 2014 by Jon Duckett (Author)
Comments
Post a Comment