- 1 week ago
How To Do That From Notepad to Portable website easy and free
free tools and easy edit
free tools and easy edit
Category
🦄
CreativityTranscript
00:01Hello and welcome. Welcome to M&BQ Content. Welcome to Red Band Alley Assets and welcome to the Tales of
00:09Red Band Alley.
00:10Today I'll be showing you how to create a portable website from absolutely nothing.
00:16So you get to know the whole entire process. I want to show you the whole entire thing.
00:21Nice, easy, simple and you can create it yourself. Now you can right click on your desktop.
00:26For the tools you've got until the very end, then you have to go and download a free tool to
00:32create the actual portable website.
00:35It's free of charge. It's from Microsoft. So if you're interested, continue watching the video.
00:40Okay, now pretend this is my desktop. It's not. This is my download folder.
00:44I make everything inside download folder. So it's for nice and easy convenience.
00:48So what you want to do is right click on your mouse. Come down. And in here you'll see bitmap.
00:56You'll want that later to add photographs to your website. Just so you want to understand that.
01:01Okay, today we're going to create a text document. That's your text document.
01:06Okay, when you really first click it, you can just leave it blue. And you can call your homepage.
01:13Call it home. Whatever you want to call it. Whatever you want to call your website. Just call it that.
01:18Simple as that. Right? Nice, easy, simple. If you don't want to do it that way.
01:22Okay, you can click on it. Right click. Look down your menu. You'll see rename. Rename it and rename it.
01:32Okay, that's another way to name it. Or you can do left click. If left click it twice, you can
01:37name it that way.
01:38Okay, so once you name it, I'm going to name mine portable. Click that. And just delete it.
01:44Okay, now this is your text document. Believe it or not, your whole entire... I'll put it in the screen
01:49for you.
01:50I apologize that it's off the screen. So yeah, I'll bring it in the screen for you.
01:55I'll say this, believe it or not, is your whole entire website.
01:59What of them? Oh yeah. Okay. In order to build a website.
02:03I want to keep the video pretty short and pretty simple. So you understand them.
02:07Okay, so first we'll build a webpage. And then we'll add some files to it.
02:11So later on we can add some photos to it. Maybe add some links to it. Add some videos to
02:17it.
02:18And then we can start earning some profit from the content.
02:23Interesting? I really hope you are. Okay, so you've made the first document, right?
02:27Okay, great. Okay, what I'm going to do, I'm going to basically copy the name.
02:31So I'm going to right click on it. I'll go down to rename. I'm just going to right click.
02:35I'm going to copy the name. I'm going to right click. This is going to be your first file.
02:40Okay, right click. Go new. And make yourself a new file. Just call it portable.
02:45Okay. Everything that we do from now on is going to be inside that folder.
02:50Grab that, hold it and drag it inside there. Okay. Two clicks opens it.
02:56If you don't want to do it that way, you can right click it and just go open it.
03:00Okay, so this is now where we're working. Okay. Now you might think that building an inter page is pretty
03:06hard.
03:06It's not. It's really easy. Now adding the links, yeah, it's a little bit more complicated.
03:11But it's not really complicated. Don't take it the wrong way.
03:16Okay, first of all, you want to build a very simple skeleton for HTML.
03:21Okay, I'm going to bring in the keyboard so you can see it. Click on my text document.
03:25Okay, now watch what I'm going to show you and do exactly what I'm going to show you.
03:29If you don't want to do it, you can download my standard template.
03:32Okay, at the same time. Okay, I'm going to press shift and back arrow.
03:38Now, of course, it's not typing, I think, so I have a shift and back arrow.
03:42It's supposed to be typing on the screen, but obviously, for some reason, it's not typing on the screen.
03:49You see, when I take the keyboard, it's supposed to work on the screen.
03:52I'm going to take the keyboard off the screen and see if that works that way.
03:57Okay, for some reason, it's not actually working.
04:00So, let's press shift. I'll say, when you press shift, you're going to press the back arrow.
04:06Yeah, my apologies, I'm pressing the wrong back arrow.
04:09This one here. Back arrow.
04:12Press shift and forward arrow.
04:15Okay, this is the most important part of building your document.
04:18I'll say, I apologize for saying this one, it's not. It's this and this.
04:23This one, you'll be copying and pasting it almost absolutely everywhere.
04:27Okay, so in the first one, you want to type HTML.
04:32Okay, this is what you write, right?
04:34So, all you do to say, keep doing that.
04:36You just left click, hold, drag it.
04:38Right click, copy that. Go to the end of it.
04:41And paste it.
04:43Now, this is the HTML page itself.
04:47If you go right in between those two arrows, and push it all the way down to the bottom somewhere.
04:55If you don't have to be a specific place, just move it down.
04:59And when you go to the bottom one, put this arrow in.
05:02This forward slash.
05:04Okay?
05:04Now, I'll explain this to you so you understand exactly how you're doing.
05:07Okay?
05:08The whole process is exactly the same.
05:10Okay?
05:10This means open HTML.
05:13This means close HTML.
05:16Okay?
05:16Now, all we have to do, whatever we create, we've got to keep copying the piece.
05:20Now, I'll show you.
05:21Just copy it.
05:22Right click.
05:23Paste.
05:24Now, you see here.
05:27Here, you want to type head.
05:28Page.
05:32It's called header.
05:35Right.
05:36So, now you want to copy the header.
05:39Write it.
05:41Copy it.
05:42Right.
05:42Left click.
05:43Hold.
05:43Drag it.
05:44Right click.
05:44Copy.
05:45Go underneath that.
05:46Make two.
05:49And paste it.
05:50Now, see the header.
05:51Go back down to here.
05:52And put the arrow in on it.
05:53Now, see the header.
05:54Okay?
05:54This means open header.
05:56This means close header.
05:58Every single thing you do, you now have to have two of them.
06:00One opens it.
06:01One closes it.
06:02So, this is open HTML.
06:04Close it.
06:05This is open header.
06:06Close header.
06:07Now, what else goes in here?
06:09Underneath the header.
06:11Copy and paste it.
06:13It's right here.
06:16Or title.
06:22It's called title.
06:23Right.
06:24Copy that.
06:26And go next to it.
06:27Now, this one, you can leave it together.
06:29Just go here and paste it.
06:31Now, the title is what goes in the middle of it.
06:34So, I'm going to type Home.
06:38And I'm going to call it Page.
06:42Okay?
06:42Home page.
06:43It goes right in between the gap.
06:45Right?
06:45So, that's our very first piece of text.
06:48Okay?
06:48Go down.
06:49Now, underneath here, you need the body.
06:52Okay?
06:53So, copy this again.
06:55And paste it here.
06:56We're almost finished.
06:57Go here.
06:58Copy this.
07:00And type body.
07:05Okay?
07:05The body is where you put all of your paragraphs and photos and everything else.
07:10Video links.
07:11Copy that.
07:12Don't want any of it.
07:13Just leave this other gap underneath it.
07:15Make a bit bigger if you want to.
07:16And paste it.
07:18Don't forget to put the slash on it.
07:20Okay?
07:21Go back to title.
07:23Because, as you can see, I didn't add the slash.
07:26Okay?
07:27And then you don't have to do it, but it's recommended that you do it.
07:30So, whatever you're doing, you're opening it and you're closing it.
07:33Alright?
07:34Like the body.
07:35You open the body, you close the body.
07:37Okay?
07:37Now, inside the body, there's one more thing that you've got to put in here.
07:41Okay?
07:41Go back arrow if you want to.
07:43Or you can copy and paste this.
07:46Put it in here.
07:47Okay?
07:48Now, this one here is your paragraph.
07:52What you do is type P.
07:54Go here.
07:56And type P.
07:59Okay?
08:00So, you've got two of them.
08:01Don't forget, we've got to open it and we've got to click at the end of it and we've got
08:04to say, close it.
08:06Now, inside here, what are we going to put in there?
08:10I'm going to call it home.
08:13Okay?
08:13So, this is my home page.
08:14Now, if I close that, believe it or not, this is down by the whole entire internet page,
08:20minus the photos, minus the links.
08:24And yes, automatically, straight away, it's a portable page.
08:29Close it.
08:30Save it.
08:33It doesn't look like an exact page, right?
08:35Now, if you look at my text on the screen, okay, I'm going to show you something that
08:40you might be a little bit impressed with.
08:42Okay?
08:42First of all, I'm going to show you how your one looks.
08:45You see the end of that?
08:46Where it goes TXT, your one looks like this.
08:49I'm going to go to file.
08:52Change.
08:53Go here.
08:54View.
08:56Click here.
08:57Unknown file extensions.
08:59Play standard default.
09:00It's turned on.
09:02Press that.
09:03Press that.
09:04And if you notice, now, you can only see the word portable.
09:09I've got no way to change that document.
09:12I can't change it.
09:13So, this is what you have to do.
09:14Okay?
09:15Go file.
09:17Go here.
09:18You can turn it on and off whenever you want.
09:20Go here.
09:20Options.
09:22View.
09:23Don't do nothing.
09:24Just look down the menu and you'll see here.
09:27Hide extensions.
09:29Hide it.
09:31Apply.
09:32And say, yeah.
09:33Honestly and truly.
09:34I'd say, once you turn it on.
09:37Yeah.
09:37Just leave it like that.
09:39Because, yeah.
09:40In future, it'll be a whole lot easier.
09:42Go to the document.
09:45Click the end of it.
09:46And click the text.
09:48And type.
09:49H.
09:49T.
09:52And copy.
09:53You'll think you want to change it.
09:55Say, yeah.
09:56Oh, look at that.
09:57It's changed to an internet page.
09:59Now, if I open it in the explorer.
10:01Oh, look at that.
10:02It works great.
10:03And look up here.
10:04It says home page.
10:06Down here.
10:07It says home.
10:08Now, it's pretty great.
10:09But it's all stuck on one side of the screen.
10:13Yeah.
10:14Because it's supposed to be like that.
10:15Now it looks like this.
10:18So now we do it different.
10:19Watch what we're going to do.
10:20Right click.
10:21Open it with.
10:23Notepad.
10:25Okay.
10:26It's exactly the same document, right?
10:28Of course, if you want to open both together at the same time.
10:31So you can see what's going on.
10:33You can.
10:34Now.
10:35You see here.
10:36We say home page.
10:38If you open this.
10:40We'll notice it's all on the left.
10:41We're going to put it in the centre.
10:44Okay.
10:44So what we want to do is edit that page.
10:47So we'll go back to my actual page.
10:51I'm going to upload to that.
10:52Okay.
10:52So here's my page.
10:53Now.
10:54The title.
10:55One in the centre.
10:56Going from to that.
10:58From here.
10:59Type back arrow.
11:01Type forward arrow.
11:03And inside that little gap.
11:05Right there.
11:06Type the word centre.
11:10Okay.
11:11Now.
11:11What we're going to do.
11:12We're going to copy this.
11:14And we're going to paste it.
11:15Right at the end of it.
11:17And we're going to click on it.
11:19And we're going to add a slash.
11:21We'll.
11:21We can also do exactly the same for that.
11:24For here.
11:25Well first.
11:26We're going to do this.
11:27You see that gap.
11:28That's right there.
11:29Again.
11:30Put back arrow.
11:32Type h2.
11:34Or h3.
11:35So let's put h3 on it.
11:36Type.
11:37And we're going to put.
11:39Type forward arrow.
11:41What does that mean?
11:42That's a header.
11:43So this is how big your letters are.
11:46It goes from 1 to 9.
11:48Go from here.
11:49Copy that.
11:50Go right that gap.
11:51And paste it right there.
11:53Now.
11:53This is what I'm going to do.
11:54You see here.
11:55Copy this part.
11:57And paste it.
11:58Right at the end of this part.
12:01And go here.
12:02And copy the first part.
12:04And paste it right there.
12:07Okay.
12:07Okay.
12:07That's about as complicated as it gets.
12:10Okay.
12:11Now.
12:11Here.
12:12I'm going to change the solids.
12:13We have this number 2.
12:16And we'll have.
12:18This one.
12:18Number 2.
12:20And if we close it.
12:21And save it.
12:22We can now open it.
12:23And see what's happened.
12:25Oh.
12:25Look at this.
12:26Now it's in the middle of the page.
12:27Hold.
12:28This one.
12:29Is bigger than this one.
12:30I'm thinking.
12:31Oh.
12:31Okay.
12:32I got it back to front.
12:33I haven't.
12:36Go here.
12:38Go here.
12:39Now.
12:39Do you see the number?
12:41The lower the number.
12:44The bigger the letter.
12:46So this one.
12:48Is 2.
12:49And this one.
12:50I'm going to have it in 3.
12:55Because I want the top.
12:56Bigger than the bottom.
12:58Right.
12:59So.
12:59Okay.
13:00So let's do this.
13:01As I said.
13:01It goes from 1.
13:02It goes from 0.
13:03To 9.
13:05So okay.
13:06So pick us all you want.
13:07Stick it in there.
13:08Try it.
13:08And test it.
13:09As you can see.
13:10Look it's bigger.
13:11And then it's smaller.
13:12And now.
13:13Of course.
13:13I want to add a little text in there.
13:15I want to right click.
13:16A.
13:18Note pad.
13:19Now.
13:20What you can do here.
13:21You only want.
13:22To add the paragraph.
13:24Copy that.
13:25Go underneath it.
13:26If you want to put a gap.
13:27Between that.
13:29Press back arrow.
13:31Type.
13:33And put a forward arrow.
13:35What's that?
13:35That means break.
13:37Okay.
13:38So that puts a.
13:38Basically it's a spacebar.
13:40That's what it is.
13:40It's a gap.
13:41Between the.
13:42Between the text.
13:43Go underneath it.
13:45Type.
13:46The word home.
13:47If you want to.
13:48Or put video.
13:50Let's put video on it.
13:52So we'll type video.
13:53And we're going to close it.
13:55And now this one.
13:56Is going to appear.
13:57On the left hand side of the page.
14:00Oh look at that.
14:01Now it is.
14:01Here's our home page.
14:03And here's our video.
14:04Of course.
14:05Here we've got a video to share.
14:07Now what we can do.
14:09As I said.
14:09You can build.
14:10In the links.
14:11And the photos.
14:12There are.
14:13Really easy to do.
14:14Honestly.
14:15They are.
14:16If you want to download the template.
14:17So you've got a permanent template.
14:19All you have to do is keep.
14:20Copy and paste.
14:21Copy and paste the template.
14:22And just change the links.
14:24For whatever you want.
14:25And change the photos.
14:26For whatever you've got.
14:27So it's up to you.
14:28As I said.
14:28If I put a link on it now.
14:29Somebody can click the video.
14:31And they can go off to my video site.
14:33And they can watch my video.
14:34And of course.
14:35I can earn money.
14:36From the video.
14:37I can also earn money.
14:38Off the actual click.
14:40If I want to.
14:42As I said.
14:42I'm earning the money.
14:44I'm making it portable.
14:47I'm going to comment a little bit later.
14:48It's really easy.
14:49Honestly.
14:50Okay.
14:50Before I finish this video.
14:52Okay.
14:52I want to get in the habit of doing this.
14:54Right click.
14:56Make a new.
14:58Call it IMG.
15:01Okay.
15:02All your images.
15:03Are going to go in there.
15:04The IMG.
15:05Is a standard file.
15:06Okay.
15:06I'm going to say.
15:07Right click.
15:07Make a new file.
15:09And call it whatever you want.
15:11I'm going to call my photos.
15:16That's what I'm going to call it.
15:17I'm going to right click.
15:18Make another new file.
15:19And I'm going to call.
15:20And I'm going to call.
15:20Which one downloads.
15:26Because anything.
15:27Any images.
15:28That I've got.
15:29That are.
15:29Are downloadable.
15:30You can put them in there.
15:32Anything you've got.
15:33Any other photographs you've got.
15:34You can put them in there.
15:35You can call it artwork.
15:36If you want to.
15:37Here.
15:37We want a little tiny file in here.
15:40A.
15:41E.
15:41S.
15:43What's that?
15:43That's ads.
15:44So if you've got any advertisement companies.
15:46You can throw them inside there.
15:47That way.
15:48When you come around.
15:49To organize.
15:50In your website.
15:52It's all automatically.
15:53In categories.
15:54So if you've got an advertisement company.
15:56And you don't want to know more.
15:57Or.
15:58It caused a problem.
15:59You can just open the file.
16:01And let's say.
16:01They had an image in here.
16:03Which would be like that.
16:04All you do is click the image.
16:07And go.
16:08Delete.
16:10So you click on it.
16:11And then you would call.
16:12Once you click on it.
16:14Just go here.
16:15Go delete.
16:16And then you would click the image.
16:18And then of course.
16:19You would open the web page.
16:23You would find.
16:24Whichever link.
16:25In this case.
16:26It would be.
16:27The same videos.
16:28And all you do.
16:29Is just delete.
16:30The entire link.
16:31If you want to.
16:32Or you can just basically.
16:34Turn the link off.
16:35So it doesn't work.
16:37It's again.
16:38Personal preference.
16:40The theme.
16:41Is obviously.
16:41P.
16:42Is from paragraph.
16:43That's your text.
16:44So I'll explain the links to you.
16:45A little bit more.
16:46Later on.
16:46In the videos.
16:48If there's any interest.
16:49In the content.
16:49So let's open this.
16:51Make sure it's all working.
16:52As I say.
16:53Top one.
16:54Bottom one.
16:55I'll put this.
16:56Whatever you're advertising.
16:57So of course.
16:58I'm advertising.
16:59Ads.
17:01So we can go in here.
17:02We can add these.
17:03To the home page.
17:05So of course.
17:06To copy these.
17:08Well.
17:08All you do.
17:09I want to copy.
17:09This one.
17:10And this one.
17:11So we're going to.
17:12Gap.
17:12Between each one.
17:14And now.
17:15We're going to have.
17:16The same.
17:17Ads.
17:19You wouldn't really.
17:20Put that there.
17:21But.
17:21I'm going to put it there.
17:22For now.
17:23This one.
17:23Is going to be video.
17:26This is our video.
17:27This will be downloads.
17:32And then of course.
17:33Once you've done.
17:34Downloads.
17:34Go back on anything.
17:35Then just copy.
17:36And paste it again.
17:37Underneath that.
17:38This one.
17:39Itself.
17:42This will be.
17:43Now.
17:44You wouldn't put the.
17:45IMG in here.
17:46Because.
17:47That's like your.
17:48That's where everything is.
17:49So I think.
17:50Ok.
17:50What goes there.
17:51What goes there.
17:52Is photos.
17:55So.
17:55Photos.
17:59Or.
17:59Whatever you call photos.
18:01Ok.
18:01Now it's all been.
18:02Outlet.
18:03Go here.
18:04And say.
18:05Ok.
18:05We can reopen it.
18:07And now we can notice.
18:08That we got.
18:09Our foils.
18:09Right here.
18:10Notice there's a gap.
18:11Between each one.
18:12That's because.
18:13That's how I want it.
18:14And if you don't want the gap.
18:15I'll show you that.
18:18I'll say.
18:19The BR.
18:20Is the gap.
18:21The gap.
18:21So we can go here.
18:22We can go like this.
18:25We can go to the gap.
18:27We can go here.
18:28Close the gap.
18:30And now.
18:30If we go here.
18:31We can just have a look.
18:33See how it looks now.
18:35And that's how it looks.
18:36Standard.
18:37Ok.
18:38So if you want a gap.
18:39Just type BR.
18:40Want an easy.
18:41And of course you get the gap.
18:42Nice easy.
18:42Plain and simple.
18:43I really hope.
18:44That you like the actual text.
18:46I hope you log out.
18:48How easy.
18:48It actually is.
18:50As I say.
18:50It's called.
18:51Notepad to portable website.
18:54Or.
18:54Portable blog page.
18:56It's up to you.
18:57It's however you want it ready.
18:58Come back and watch clip 2.
18:59And I will show you.
19:01How to add.
19:02The links.
19:04How to edit the links.
19:05So the links are going to go inside here.
19:08Ok.
19:08Notepad.
19:08The links will go inside here.
19:10So if you've got a link.
19:11For your photos.
19:12We will add it.
19:14To photos.
19:15If it's for a download.
19:16We will add it to downloads.
19:18And if it's for your website.
19:19We can add it up here.
19:20In the header.
19:22Like.
19:22If you've got a Google site.
19:25And Google likes to give you a code.
19:27A big long code.
19:28And they tell you.
19:29To put it inside the header.
19:31This here.
19:32Is the header.
19:34So let's say.
19:34You have some big long code from Google.
19:37Or from any advertisement company.
19:39Yes.
19:39They want to go up here.
19:40In the header.
19:42Ok.
19:42They also want to go with the bottom.
19:44In the footer.
19:46At the very bottom.
19:47Of your page.
19:48I don't really add that here.
19:50Because I've got no use for it.
19:52But as I say.
19:53If you want to add.
19:54The footer.
19:55All you basically do.
19:56You can copy that.
19:58And you can put it down here.
20:01And you can type the word.
20:03Footer.
20:03And then of course.
20:05Do the exact same thing again.
20:06Put it there.
20:08And then you open the footer.
20:09And you close the footer.
20:11If of course.
20:12You want to add.
20:13The copyright.
20:13To the page.
20:14Which of course.
20:15I'm not doing that.
20:16Because the content.
20:18Is not copyright.
20:19Copy protected.
20:20In any which way.
20:20It's up to you.
20:22It's absolutely good.
20:23On it's free content.
20:25And just before it expires.
20:27Do you see all these ones here.
20:28You can put all of these.
20:29Inside here.
20:30To keep it nice.
20:31Easy.
20:32Neat.
20:33And tidy.
20:34Okay.
20:34If you put those in there.
20:35Hold it.
20:36Drag it.
20:37Hold it.
20:37Drag it.
20:38And you can see.
20:39Now.
20:40When I make my portable website.
20:42Later on.
20:43Then I put all of that.
20:45Inside.
20:46The portable website.
20:47And anything that's inside this.
20:50My photos.
20:51My downloads.
20:52And my advertisements.
20:54Yes.
20:54They'll all be made.
20:56Inside.
20:57The HTML document.
20:59Later on.
21:00Like I told you.
21:00We're going to convert it.
21:02Over.
21:02To a chump.
21:03Folder.
21:04A chump folder.
21:05Is basically.
21:06Like a user manual.
21:07A user guide.
21:08And also.
21:09What I call.
21:10A portable website.
21:11Stay safe.
21:12See you soon.
21:13Bye.
Comments