Hello and welcome.
In this video I will explain what a source code is.
And we'll also show you how to view a web page source.
What is a source code.
Sounds cool.
Basically refers to all the components used in building a website or creating a computer program.
This includes things like text images scripts stance sheets media files and so on.
This is a basic web page or hastier mailed document I created him previous videos a web page is also
referred to as an hastey airmail document.
So this is the piece of code.
The hastier mail court has created this basic web page.
And if you look on the page.
We've also got images of image not images.
We've got an image.
And this image here obviously is part of this web page.
So if someone sees this page and they asks me Can I have a source code for this web page.
So not only to do physically is give them the project folder which is this four day here.
This here is what I would have to send to them or make this folder available for download or I can compress
it in a software compression tool like it win or seven zip make it compress the ball so that it is easier
to send via e-mail or we can make that available as they download.
So this will be what I will send to whoever made the request for the source code for the Web.
So if I open up this for the here contains everything that was used to build the web page.
We can see this is the index here which is this page here.
And then we've got inside the images folder we've got the image I used which is this which is the image
of this Poppy.
And and we've got the all the folders sort.
There's nothing in this group folder and there's not and this time she's in the moment.
But this is basically what is known as the source code all the compliments you use in building your
website or creating a computer program.
Next I'm going to show you how you can view the source for web page.
So I'll start with this page here so to view the source or you need to do is right click anywhere inside
the page that is open.
And there's an option here to see it View Source.
Click on it.
It opens up and you can see here we can see the hastier mail we've used to construct this page which
is this email here.
So that's basically how to view source for a web page.
Obviously this is very simple.
But if you want to view the source for a more complicated website like Facebook or Google they'll be
a lot more here.
And some of it you may not be able to read because it will contain all that stuff up from hastier mail
as well.
So this is the Google home page so I wanted to view the page source here.
I just right click and click on pupae salts he can see when it launches that there's a lot of stuff
in here.
But you can see just about make out the tamale the doctype which is there.
And then you can see other stuff as well because there may be things that advertise many other things.
But later you can see this is more complicated than a very simple web page woofs thing.
So basically if you want to do some of the cord behind the Web website you just go to the page source
and you can see a lot depends on the programming language you use.
There are some programming language that being out for source code is not displayed when you go to view.
So the actual code is processed by the backend server and then the server returns the process.
After converting it into a way the web browser can read it then send it back to the Web browser so sometimes
you may not always be able to read what's in the page source.
This is a simple website Hord example the dot com w w dot example dot com.
This is a very basic website.
If I wanted to view the page source to see how this page was constructed I just right click and go to
page source and you can see the source it tells you.
You can see the hastier mail used to build the page.
This is some theosis here as well.
Here we've got some media files so basically shows you how the page was constructed.