How a web browser displays a web page

If all that lets start out if a buyer segment on the web design on web pages with an introduction to how a web browser displays a web page now case is going to be very simplified let’s just take a look at how a web browser goes and gets the pieces and assembles them into a webpage there’s a lot of detail here that you will spend many quarters as you study this technology but let’s get started let’s start with our web browser and we’ll call it a client so we have any client browser whether it’s a no chrome Internet Explorer fire fox would ever you click that a lake or you type in a URL URL stands for uniform resource locator and the web browser goes out and finds the server that corresponds to the first part of that URL of the server takes the URL and finds the file or the other resource that it whenever you specified deep in its own file system so the URL specifies both the server and the actual files that the browser wants the fact so the server returns it to the browser usually this is an HTML file so the browser parses the HTML file on what parsing means is it is it looks at each of the pieces of the HTML file it interprets them and then it acts of them HTML contains the content of the webpage the text content but it also contains information about the structure and links to other files you may recall HTML stands for hypertext markup language pepper tax is a word that refers to something that’s bigger than just one text file it links to other files so these various other files have are out on the web and the browser goes off and fetches any files that are linked to the HTML file these can be things like other media like pictures and videos are sounds that’s more content nine textual content these can be things like the cascading style sheets style sheets are information about the appearance of a web page at the content but the appearance of what color are things what fonts are we using where are we putting this content on the page is the page wide is narrow all of this appearance information is in the style sheet finally the third part of any web page is the behaviors and this is usually in JavaScript not java JavaScript JavaScript is a way of adding behavior to the webpage so the web browser itself can one little programs into convenient things like making sure you get the right input showing you additional information if you’re curious about something so a webpage has three parts HTML &Media that’s the content it has the style sheets or a parent’s and finally it has the scripts are behavior contents appearance and behavior so the browser goes often gets all of these different files and it combines them all into the document object model that will talk about later and then it’ll and there’s this page rendering means that draws the page and draws the page in the window on the web browser of the next thing we’re going to do is we’re going to take a look at each of these files from your first assignments and this course require you to find these files and upload them to a web server and there’s a lot of information in these files and we’re gonna do a simplified code walkthrough called walkthroughs are things that teams do all the time all of that information in that activity is and then next screen cast so I’ll see over there

Leave a Reply

Your email address will not be published. Required fields are marked *