排行榜 统计
  • 建站日期:2020-12-31
  • 文章总数:831 篇
  • 评论总数:8 条
  • 分类总数:7 个
  • 最后更新:3月1日
推荐菜鸟课堂

10. Creating Images

本文阅读 0 分钟

Hi welcome back my students on this lecture here we're going to be learning how to create an image in

the mouth.

This is going to be a really super simple lecture but you're going to be learning a lot.

So I'm glad that you're here and you are motivated to keep learning because HD is going to take it to

new heights once you learn.

You're going to be able to find a better job get an increase on your current salary if you already have

a job or even find a job.

All right.

Or even make more money as a freelancer right HMO would help you.

So what I want to do is I want to open my coeditor and you shall have yours open if not open it up and

just do a save as on popular underscore tax that HMO.

Right.

And the reason is because we're going to use some of this content here just to show you a couple of

things.

So let's do a Save As here and then using my keyboard shortcuts command shift as Windows Control shift

as it's called is images that HD M-L perfect

right here.

He took me to some other file because I use a keyboard shortcut there for that.

So I'm going to take this block called to make sure that you are in images that HD email click here

or click here use to make sure this art is off and I take all that off.

Perfect.

All right so we're going to create the first thing that we need in order for us to create an image or

to show an image here because that's what we doing the image is will be in a different folder.

We need that and I M.G. tag like this and we have no closing tag after.

Right.

It just does.

But now when the browser comes down and sees this image that it doesn't do anything because we need

to tell the browser where our image is located and we do that by using a attribute call S R C right.

Equals.

And that path of that image.

Right now we don't have any images to show here.

We don't have any images anywhere so we need to go get an image.

So if I click on this H.T. mail folder here we don't have any images here.

All right.

So we need to create an image just for that we don't really need to because I can just put the image

right here and that's exactly what I'm going to do.

I'm going to open another.

Right clicking open my all the location where my image are right here and you're going to use his image

and do a copy here.

Copy and let's go back to where we were before.

And you're going to paste it right there right now.

This looks really bad because I'm mixing up files with images and this is not the way you should do

it.

What I'm going to do is I'm going to create a folder called images and this is where you can keep all

your images and just try to make sure that you always keep your images separated from your files.

You're a Deitsch the mail file right so here and your source you need to type in for their name because

the image will be there right now.

We need to also place the image in psi.

So I'm going to pasted in there because I just copy it from over there and this is a picture of this

handsome instructor of yours.

All right.

So.

So he's going to be in the path.

It's going to be inside the images folder and then we're going to use the forward slash to let the computer

know where it is.

Right.

So forward slash the name of the file.

JP G.

Safe.

Now we go back and click here and we go back here.

If we go to we see that the image is there but it's huge right now right.

So it's really we are seeing my face my own self looking at me right.

Crazy.

But anyway let's go ahead and actually added Astle attributes to his image so that is smaller than what

it is right now.

So the image that has some attributes that we can use to manipulate the height and width of our image.

So let's use that without your view.

Right there and let's say it's going to be 200 and this means 200 pixels and pixels means if you don't

know what pixels are these little dots that you have in your money to right now they are called pixels

and your money too has a bunch of them.

You just can't see them because they are really small right.

Anyways that is another course probably showing you photoshop or something like that but just know that

they are pixels.

And we have different formats of actually declaring the size of things in the mail.

In C Ss We can't declare the size of things in IEMs pixels percentages you're going to see some of them

later on.

All right but right now just know that this with view if we put a value to you that means 200 pixels

and let me show you how that looks.

As you can see it looks a lot smaller now.

Right.

We refresh and we can manipulate any to any size we want.

Now if we don't put the height of it is going to keep the proportion of these image so it's going to

keep this image in a right in a really nice matter in that original matter that way in which it is.

But if I go ahead and put the hive here which I don't know the height of these image yet but I'm just

going to put a how to 400.

That does not sound right.

Right.

Let's look at it now this image loss that proportion of it now looks really bad.

So if you want the image to keep the proportion make sure that you don't put a height on it that way

keeps the original proportion.

And you can make it as more as you want.

Now we go right now image images can be also embedded in the same say.

They can be inserted by another element like a photograph.

So I can put it right there all right here save it.

Go back to it and you can see that I can put it inside that element there.

I I'm going to show you that we can flip the images to the left or to the right and have all these tents

wrapped around it.

Right.

And as we do that we see SS But anyway thank you so much for watching this lecture.

Hopefully you're able to pay attention not to your phone not to your TV but to your instructor that

cares if you learn or not.

All right.

Make sure that you are practicing everything you are seeing right here because this is going to help

you.

All right.

I already know this stuff.

So make sure that you learn it properly that way is easier for you later on.

And the only way to do that is by following me word by word code by code.

Don't forget to do that don't get lazy because this is your future.

Thank you so much for watching.

I'll see you in the next lecture.

Take care.

Hi welcome back my students on this lecture here we're going to be learning how to create an image in

the mouth.

This is going to be a really super simple lecture but you're going to be learning a lot.

So I'm glad that you're here and you are motivated to keep learning because HD is going to take it to

new heights once you learn.

You're going to be able to find a better job get an increase on your current salary if you already have

a job or even find a job.

All right.

Or even make more money as a freelancer right HMO would help you.

So what I want to do is I want to open my coeditor and you shall have yours open if not open it up and

just do a save as on popular underscore tax that HMO.

Right.

And the reason is because we're going to use some of this content here just to show you a couple of

things.

So let's do a Save As here and then using my keyboard shortcuts command shift as Windows Control shift

as it's called is images that HD M-L perfect

right here.

He took me to some other file because I use a keyboard shortcut there for that.

So I'm going to take this block called to make sure that you are in images that HD email click here

or click here use to make sure this art is off and I take all that off.

Perfect.

All right so we're going to create the first thing that we need in order for us to create an image or

to show an image here because that's what we doing the image is will be in a different folder.

We need that and I M.G. tag like this and we have no closing tag after.

Right.

It just does.

But now when the browser comes down and sees this image that it doesn't do anything because we need

to tell the browser where our image is located and we do that by using a attribute call S R C right.

Equals.

And that path of that image.

Right now we don't have any images to show here.

We don't have any images anywhere so we need to go get an image.

So if I click on this H.T. mail folder here we don't have any images here.

All right.

So we need to create an image just for that we don't really need to because I can just put the image

right here and that's exactly what I'm going to do.

I'm going to open another.

Right clicking open my all the location where my image are right here and you're going to use his image

and do a copy here.

Copy and let's go back to where we were before.

And you're going to paste it right there right now.

This looks really bad because I'm mixing up files with images and this is not the way you should do

it.

What I'm going to do is I'm going to create a folder called images and this is where you can keep all

your images and just try to make sure that you always keep your images separated from your files.

You're a Deitsch the mail file right so here and your source you need to type in for their name because

the image will be there right now.

We need to also place the image in psi.

So I'm going to pasted in there because I just copy it from over there and this is a picture of this

handsome instructor of yours.

All right.

So.

So he's going to be in the path.

It's going to be inside the images folder and then we're going to use the forward slash to let the computer

know where it is.

Right.

So forward slash the name of the file.

JP G.

Safe.

Now we go back and click here and we go back here.

If we go to we see that the image is there but it's huge right now right.

So it's really we are seeing my face my own self looking at me right.

Crazy.

But anyway let's go ahead and actually added Astle attributes to his image so that is smaller than what

it is right now.

So the image that has some attributes that we can use to manipulate the height and width of our image.

So let's use that without your view.

Right there and let's say it's going to be 200 and this means 200 pixels and pixels means if you don't

know what pixels are these little dots that you have in your money to right now they are called pixels

and your money too has a bunch of them.

You just can't see them because they are really small right.

Anyways that is another course probably showing you photoshop or something like that but just know that

they are pixels.

And we have different formats of actually declaring the size of things in the mail.

In C Ss We can't declare the size of things in IEMs pixels percentages you're going to see some of them

later on.

All right but right now just know that this with view if we put a value to you that means 200 pixels

and let me show you how that looks.

As you can see it looks a lot smaller now.

Right.

We refresh and we can manipulate any to any size we want.

Now if we don't put the height of it is going to keep the proportion of these image so it's going to

keep this image in a right in a really nice matter in that original matter that way in which it is.

But if I go ahead and put the hive here which I don't know the height of these image yet but I'm just

going to put a how to 400.

That does not sound right.

Right.

Let's look at it now this image loss that proportion of it now looks really bad.

So if you want the image to keep the proportion make sure that you don't put a height on it that way

keeps the original proportion.

And you can make it as more as you want.

Now we go right now image images can be also embedded in the same say.

They can be inserted by another element like a photograph.

So I can put it right there all right here save it.

Go back to it and you can see that I can put it inside that element there.

I I'm going to show you that we can flip the images to the left or to the right and have all these tents

wrapped around it.

Right.

And as we do that we see SS But anyway thank you so much for watching this lecture.

Hopefully you're able to pay attention not to your phone not to your TV but to your instructor that

cares if you learn or not.

All right.

Make sure that you are practicing everything you are seeing right here because this is going to help

you.

All right.

I already know this stuff.

So make sure that you learn it properly that way is easier for you later on.

And the only way to do that is by following me word by word code by code.

Don't forget to do that don't get lazy because this is your future.

Thank you so much for watching.

I'll see you in the next lecture.

Take care.

   
您的大名:
万水千山总是情,给个打赏行不行。 打赏
本文经授权后发布,本文观点不代表立场
-- 展开阅读全文 --

作者信息

Royal
文章 17 篇 | 1.2k 阅读
最新文章

随机推荐

广告

热评文章

389 ms