- 9 months ago
Emma bee cube quest 03 can you do it Unlocked Designing key
Easy Create HTML Help Book
Download 01
Emma Quest Browser Resources Pack and Templates Free
https://mega.nz/file/tzxkkC6S#kdwHWrk3YJZItdzwcZFJUr2YjNTwrO-amKM7p3UNXHs
Easy Create HTML Help Book
Download 01
Emma Quest Browser Resources Pack and Templates Free
https://mega.nz/file/tzxkkC6S#kdwHWrk3YJZItdzwcZFJUr2YjNTwrO-amKM7p3UNXHs
Category
🦄
CreativityTranscript
00:00:00Hello, Hi and Welcome. Welcome to MFB Cubes. I'll move this off the screen.
00:00:07OK, so this is my text. I want to keep it all nice and clean so you can see what I'm doing.
00:00:12OK, we've got a new quest. This is the last and final quest for the video, just to let you know that.
00:00:19By now you should basically know more or less everything that you need to know.
00:00:24And I want to tell you that
00:00:27there's a faster way to do it if you want to learn that.
00:00:31Well, you have to at least know this part, this basic part exactly what I'm going to show you.
00:00:37OK, so anyway, I'll show you. So it's over here. It's called MFB Cube Quest 14.
00:00:44I think 13 says unlock the design key.
00:00:48Now the design key is very important because with the design key,
00:00:54we can basically what we can do with that key. Now we're going to continue doing the video so I don't get lost.
00:01:01The design key will give you the ability, let's say, to do it this way.
00:01:06Watch, I'm going to show you. Right click. Now you don't have to do this part.
00:01:10I'm just showing you the design key. Right click. Go here, make a new file.
00:01:15We'll leave it, tick off it. OK, now remember earlier on we made the file and we named it.
00:01:20We still got to do that. OK, but this is what I want to do.
00:01:24OK, I'm going to right click. I'm going to make a new file and I'm going to go here, make a text document.
00:01:31Now this text document here, if you look at it, it's a text document.
00:01:35You can right click on it, like I told you earlier on, and you can edit the text document.
00:01:39You can copy all your code in here. Save it.
00:01:44And then all you have to do is put that inside there.
00:01:48Change the text file. I'll show you. You can change the text file to a HTML.
00:01:55In order to do that, you go here. I'm going to leave the text on the end of it.
00:02:00I'm going to put .html. I'll show you how to do this in a faster version.
00:02:06If you want the really fast version, I'll show you.
00:02:10If I tick off it, it'll say, oh, do you want to change it? I'll say, of course I want to change it.
00:02:15And now it's turned into a page. I think you've heard where it's at.
00:02:20So, of course, now I can pull it back out if I want to. You can leave it in there.
00:02:24So this is my new page. Now I'm going to rename it. I'm going to call it H-O-M-E.
00:02:30It's my home page. And then I can copy it, paste it, and I can have a back button, a left button, a right button.
00:02:37It's up to you how you want to do it. Anyway, that's the design key.
00:02:42It's a whole lot more faster. And the only thing you have to use this for is to make the book, which is super fast and super easy.
00:02:50Anyway, let's get on with the quest. As I said, this is the very last video in the series on this.
00:02:55So if you want to learn more, come back and watch more.
00:02:59So anyway, it depends how advanced you want to get.
00:03:02So anyway, go here. It says add two new HTML pages for your website.
00:03:09That's great. Page one. Back. Page two. Next. Link your home page.
00:03:18Yeah, we need quest one. It sounds pretty hard. Go here. It's not hard. We'll open it.
00:03:25OK, so obviously we want to be able to see the text. So the idea, yeah, let me just open this up.
00:03:33Now, of course, because I want to be able to see the text and I want to be able to use the document at the same time,
00:03:38I need to kind of scale it all around just so I can kind of work on it.
00:03:43Because, as I said, I don't want to show you things. So we've got to move this around.
00:03:46So, yeah, yeah, don't quite squeeze in the gap.
00:03:50OK, I want to go here and I'm going to make this like that.
00:03:53And I'm going to drag this up. Yeah, we still can't see.
00:03:57OK, put this over here. Let's scale this down. Go to the edge and just stretch it.
00:04:03Let's put this up here. I'm going to put this over here.
00:04:07OK, so we're going to work in that kind of mode at the moment.
00:04:10As I said, we want to be able to see what we're doing. We want to see the text.
00:04:14OK, just leave us here. OK, because we're going to add more pages into here.
00:04:19So we need this open. Remember earlier on in the last part of the video, we made this page.
00:04:27Oh yeah, I remember that. OK, go here. It's a new day. Go here.
00:04:32Go to your desktop. OK, so we want to open the MFBQ browser.
00:04:38Open it. OK, now, if you remember when I was kind of doing this, I'm just going to overlap that a little bit.
00:04:45So I can actually see a bit more of this code. As I said, I don't need to see that.
00:04:49But anyway, I'm going to show you. OK, so you open it, go to content.
00:04:53Now, when we look at our book, I'll show you the book.
00:04:56Remember when I was kind of moving around, as you can see, I haven't touched it.
00:05:01I've added a button. I don't want that. I don't want that. I don't want to add the extra text.
00:05:05If I open that, I want to take that out. OK, and I need to fix this part.
00:05:10I think it's great, but we're not here to really do all that.
00:05:14We're only here to create three new pages and add it to the book.
00:05:19First of all, let's get rid of this.
00:05:22Because we can keep it, because this can be our homepage, our back button, our front button.
00:05:27It doesn't matter. We can just get rid of it.
00:05:30Don't just save confusing things. Go over here.
00:05:34Click on the one you don't want and just press X.
00:05:37Go to index, press this one, press X.
00:05:40That's it. Now, this here is not indexed to this no more.
00:05:44And it's not in the content menu either. Don't forget to go to here.
00:05:49Make sure you check it. Make sure it's in the right one.
00:05:52Say open, and we're going to compile it.
00:05:56Open the book, make sure it's disappeared. Yep, it's nothing in there.
00:06:00OK, now what we want to do is edit down here.
00:06:03OK, now of course it doesn't mention that because, yeah, I added that myself.
00:06:07So go here. We need to add a new page.
00:06:11So go here. File. Leave it on HTML.
00:06:15Go next. Give it a name.
00:06:19Call it back.
00:06:23I want to copy the name.
00:06:27So left click, hold, drag it, and then right click, and then left click, copy.
00:06:31Go here. The name goes there, look.
00:06:34We can't see it on the page because, yeah, yeah, it's title, probably.
00:06:38Go to body. We have to add the paragraph.
00:06:42So shift, back, p.
00:06:46This means open paragraph. We can put the name in there if we want to.
00:06:50So we can type in back.
00:06:54And then what we want to do is use shift, back arrow,
00:06:58slash, p. This means to close the paragraph.
00:07:02So open paragraph, close paragraph.
00:07:06Go to save. It's going to save a new document.
00:07:10Paste the name, or just type it. It's up to you.
00:07:14And then type .html.
00:07:18Click off it.
00:07:22If you don't put the HTML on it, it's going to open HTML.
00:07:26I'm going to tell you, just put the HTML on it.
00:07:30Go to save. We've got a brand new page.
00:07:34Perfect. Now, what I would truly do here, I would just copy that,
00:07:38and I'd paste it to save making another one in here.
00:07:42Well, I'm not going to do it like I told you. I'm going to go here, and I'm going to delete this one.
00:07:46The back page is here.
00:07:50As I said, I don't want to confuse it, so we'll make the pages, then we'll add them back into here.
00:07:54Go next. Make another page.
00:07:58Go next, because it wants page one and page two.
00:08:02This one is called next.
00:08:06Or you can go previous and next.
00:08:10It's up to you how you want to do it. Backwards and forwards.
00:08:14Whatever you want to call your button, call it that.
00:08:18Now, you wouldn't really call the page backwards or forwards.
00:08:22You'd call the button backwards or forwards. Go here.
00:08:26I'm going to use a page, so go here.
00:08:30Forward arrow.
00:08:34You want to type the word in.
00:08:38Next. Forward arrow.
00:08:42Get rid of that one. I'll put it in there.
00:08:46My mistake.
00:08:50You've got to put back arrow, P, forward arrow. Put next. This one is wrong.
00:08:54Press shift and go back arrow, slash, P.
00:08:58Because I'm doing my video live,
00:09:02I'll make mistakes. That's just so you can actually see it on the screen.
00:09:06Go here. Save. Don't do that.
00:09:10Go here. Make sure it's in the right folder.
00:09:14Be sure to see that folder. Go here.
00:09:18I said, be sure to see that. Go here. Paste it.
00:09:22Go here. Next. H, T, M, L.
00:09:26Next.
00:09:30Now we've got a back button.
00:09:34It's not really a button, but that's how it works.
00:09:38We want to add these into our menu.
00:09:42We do. We can do index first,
00:09:46or we can do the content first. It doesn't particularly matter.
00:09:50Let's do the index. Go here.
00:09:54Now choose whichever one you want to do first.
00:09:58You can name it.
00:10:02Go next. Look for it.
00:10:06It's not a back button. It's called next.
00:10:10Leave that. Just index the other one as well.
00:10:14Go here.
00:10:18I'm going to put next.
00:10:22Press this. Press browse.
00:10:26Press next. Say OK.
00:10:30You can move them up and down.
00:10:34You can move them up and down.
00:10:38You can put them inside the folder if you want to.
00:10:42Press that one. Put that inside.
00:10:46You can put that one inside it.
00:10:50If you want to do that, you can.
00:10:54I'm going to put them inside temporarily.
00:10:58If you want to do that, great.
00:11:02Press on this one here.
00:11:06Press this one. You can press that one if you want to.
00:11:10This one is a folder. This one is a document.
00:11:14There is no difference.
00:11:18Just press this one.
00:11:22Go here. Go next.
00:11:26Type the word next.
00:11:30Go here. Go with the one you want.
00:11:34Press open. Say OK.
00:11:38It comes in. It goes into there.
00:11:42Ignore the picture. It doesn't really matter.
00:11:46Leave it where it is.
00:11:50This one is called back.
00:11:54Go back.
00:11:58Press the back button.
00:12:02Leave it.
00:12:06Now it's the back to front.
00:12:10It's in alphabetical order.
00:12:14Click here on the pencil.
00:12:18You can pick any picture you want for this.
00:12:22I'm just going to put number one on it.
00:12:26Just so it changes the symbol.
00:12:30I know someone out there might want a different kind of picture.
00:12:34It's up to you.
00:12:38We can go here.
00:12:42If we go to compile.
00:12:46Leave it where it is.
00:12:50This was my last project. I don't want it in there.
00:12:54Open the book.
00:12:58This is how we look in.
00:13:02We've got next, back and next.
00:13:06You can see the word.
00:13:10It's empty.
00:13:14I will be fixing this part.
00:13:18I'll be fixing this part down here.
00:13:22Make sure everything is good.
00:13:26We're only doing this at the moment.
00:13:30We've just added the paragraph.
00:13:34We've added text.
00:13:38You can write a big manuscript if you want to.
00:13:42I'm not doing that.
00:13:46Just add your text.
00:13:50We've created the pages one and two.
00:13:54We've got to link it to the home page.
00:13:58How do you link these two?
00:14:02To this one?
00:14:06This is what you do.
00:14:10Copy the name.
00:14:14Right click and copy.
00:14:18Right click and copy.
00:14:22You need to copy that name.
00:14:26Go to the documents you want.
00:14:30Open the back button.
00:14:34We need to link this one to here.
00:14:38Before we can link anything to anything
00:14:42we need to have a bit of code.
00:14:46It would be great to have a button on here with some kind of text.
00:14:50Telling us that we can go to the home page.
00:14:54If you want to copy that
00:14:58press CTRL C.
00:15:02CTRL V.
00:15:06Press CTRL V.
00:15:10In here I want to go
00:15:14home page.
00:15:22Actually I want to put here
00:15:26I want to put go to.
00:15:30Like that.
00:15:34Go to home page.
00:15:38That's going to be my text that's going to be displayed on the page.
00:15:42Now of course we need some code.
00:15:46To get the code for that we go in here.
00:15:50We need to find a reference for it.
00:15:54Scroll down.
00:15:58I think Microsoft
00:16:02I like your software.
00:16:06I like the fact that they give you the sample codes.
00:16:10Of course not all of them are straightforward.
00:16:14If you look down here
00:16:18This one here is
00:16:22almost the same as this.
00:16:26This is what I'm going to tell you to do.
00:16:30You don't necessarily need that.
00:16:34Ignore that.
00:16:38I'm going to press CTRL C.
00:16:42Copy that code.
00:16:46When I'm recording the screen it's going to mess around.
00:16:50Just to show you that it's the same code.
00:16:54Open my code page.
00:16:58These are my codes that I'm working with.
00:17:02Paste it.
00:17:06I don't know why I can't do that on screen.
00:17:10If you've been watching my videos
00:17:14we need to make sure that this works properly.
00:17:18Of course we don't want it to go to Microsoft.
00:17:22What I'm going to tell you to do is
00:17:26Save your document.
00:17:30We need this twice.
00:17:34Actually we need it three times.
00:17:38We need a home page, a back button and a forward button.
00:17:42You see the whole text.
00:17:46You can see all my text.
00:17:50You can only see the word back.
00:17:54I'm going to show you how to do that.
00:17:58Go here.
00:18:02Type in the word back.
00:18:06Type .html
00:18:10That way even if you can't see it
00:18:14it will still work.
00:18:18Copy it.
00:18:22Paste it in there.
00:18:26Change that to next.
00:18:30If I press this button
00:18:34it says this is a link to
00:18:38Microsoft.
00:18:42This is a link to back.
00:18:46I'm going to put go back.
00:18:50Go next.
00:18:54In my case.
00:18:58This one is to go back.
00:19:02Basically we're just doing
00:19:06exactly the same thing.
00:19:10Very plain and simple.
00:19:14Once you've done that
00:19:18this link here is the home link.
00:19:22Go to text.
00:19:26Go home.
00:19:30Go to
00:19:34home.
00:19:38That's how we're going to set it up.
00:19:42Look at your home page.
00:19:46It's the whole thing.
00:19:50Mine's called Emma West Browser.
00:19:54If you can't see the end of it
00:19:58go here.
00:20:02Type in the whole of your name.
00:20:06At the end of your name
00:20:10type in your email address.
00:20:14All of that is set.
00:20:18We want to separate these.
00:20:22This is the back button.
00:20:26When we go to the back button
00:20:30once we land on that page
00:20:34we can't go anywhere else
00:20:38The only place that button can go
00:20:42is to next.
00:20:46The only place next can go is back.
00:20:50The back page and the next page
00:20:54I'm going to copy the top link and paste it down here.
00:20:58It doesn't matter which page you go to.
00:21:02You can go home on the same page.
00:21:06This link here is probably going to be the most important link
00:21:10because it doesn't matter where you are
00:21:14inside of the game.
00:21:18You always want to have a link so you can go back home
00:21:22on every single page.
00:21:26Put that at the top of your document by standard default.
00:21:30That way it's always there.
00:21:34All you have to make is the extra pages that you want.
00:21:38It doesn't matter if it's cat, dog or food.
00:21:42Once you've made this and put it on your home page
00:21:46you won't put it on your home page because it's going to the home page.
00:21:50It's all set up.
00:21:54Don't use my names unless you're making the same document.
00:21:58Put your name here.
00:22:02The next changes the back.
00:22:06Tell the text whatever it's going to say.
00:22:10This one says go back because it's the back button.
00:22:14Let's go and have a look at the text.
00:22:18Now we're on the back page.
00:22:22The back page can't go back to itself.
00:22:26Even though it's a back page
00:22:30you see the next button.
00:22:34Copy the next.
00:22:38CTRL-V
00:22:42We can paste that in there.
00:22:46Now we've got two links.
00:22:50This is the back page but we've got the next link on it.
00:22:54The idea of that is we don't put
00:22:58it's own link on it's own page.
00:23:02It won't link to itself.
00:23:06It's OK if you want to refresh the page.
00:23:10Press ENTER.
00:23:14There's no point doing that.
00:23:18On the back page, copy the next.
00:23:22Save it.
00:23:26Open next.
00:23:30Go underneath it.
00:23:34Go to the back page.
00:23:38If we go forward
00:23:42the only page we can go is back.
00:23:46CTRL-V
00:23:50Save that.
00:23:54That one's got a home link.
00:23:58Now the only one we haven't done is the home page.
00:24:02Go back here.
00:24:06Open it.
00:24:10Save it.
00:24:14This text down here I don't need it.
00:24:18I don't need this, this, this or this.
00:24:22Go to the home page.
00:24:26This is my text in the centre.
00:24:30I'm going to leave that there because that's where I'm going to put
00:24:34my actual page.
00:24:38I'm going to put both of the buttons
00:24:42on the home page.
00:24:46Ideally they would be stuck inside their own menu.
00:24:50I'm going to put them on the home page.
00:24:54Now we want the back page.
00:24:58So we take this.
00:25:02This is the back page.
00:25:06CTRL-V
00:25:10Now what I'm going to tell you to do here is
00:25:14just leave it there.
00:25:18We can put that on the end of that.
00:25:22That way that will be in the middle of the page but it's going to be on the bottom left.
00:25:26So that's where you'll be by standard default.
00:25:30And we need this one.
00:25:34Put them in alphabetical order.
00:25:38Now what I'm going to tell you to do here is
00:25:42go to here.
00:25:46I'm going to make the space a little bit bigger.
00:25:50I'm going to press SHIFT and BACK ARROW.
00:25:54B, R, SHIFT, FORWARD ARROW.
00:25:58Then we want to go to this one, BACK ARROW.
00:26:02SLASH, B, R,
00:26:06FORWARD ARROW. That's OPEN and CLOSE basically.
00:26:10So if you left click hold and drag it, you can press CTRL-C.
00:26:14If you left click hold and drag it, you can press CTRL-V.
00:26:18You don't need to do it again but I just do it.
00:26:22Just because I do it.
00:26:26So look on here and see what else we've got.
00:26:30This one here is PRESS THE BUTTON.
00:26:34This one is EMMA TEXT.
00:26:38I can get rid of the button, I can get rid of the link.
00:26:42I can get rid of the button, I can get rid of the link.
00:26:50This is the button, so I'm going to go here.
00:26:54We'll get rid of that.
00:26:58What we want to do here is find the EMMA Browser.
00:27:02This is the bottom one.
00:27:06This is number 8, so that's this one down here.
00:27:10And we want this big one, this dashboard up there.
00:27:14So we look over here.
00:27:18We want to take the small one, this is the small one.
00:27:22Find where the big one is.
00:27:26This is the EMMA BQ photo.
00:27:30We'll work that out in a moment.
00:27:34Because we just deleted my mistake on my page.
00:27:38You're only doing that, that's all you're doing.
00:27:42I want to tidy my page up at the end of the video.
00:27:46As you can see, I've got rid of the button.
00:27:50I've still kept the middle text because I want to keep it there.
00:27:54We've put the back button and next button here.
00:27:58Of course, you don't need to do that really ideally.
00:28:02Because you can go here and here.
00:28:06Now of course, look at the first back button.
00:28:10Now if you look here, it says go home.
00:28:14This is a link to go to next.
00:28:18What's up with that? Because we haven't put a space between it.
00:28:22There is a space, but it's all on one line.
00:28:26Go back here.
00:28:30Open the back button.
00:28:34There's a space between that and that.
00:28:38As I said, it's just an easy mistake.
00:28:42Press BR.
00:28:46As I said, it's good practice to put this in there.
00:28:50It just separates the words for you.
00:28:54Once you've put it in there, just copy it.
00:28:58Press CTRL C.
00:29:02CTRL V.
00:29:06If you want to put a space between that, you can.
00:29:10As I said, just put a space between all of it.
00:29:14Do the same thing.
00:29:18CTRL V.
00:29:22As I said, I normally do this after anyway.
00:29:26I just write it out.
00:29:30Go back to your book.
00:29:34Scroll down.
00:29:38As you can see, they are separate.
00:29:42Now of course, the gap between that and that may be too big. It's not.
00:29:46It's about right, because I'll probably have a banner in here advertising my company.
00:29:50Or maybe my own banner. It's up to you.
00:29:54If you want to close the gap, I'll explain that to you in a moment.
00:29:58This is next. This is back.
00:30:02Both are the same.
00:30:06Press home. We should go here.
00:30:10When we go back, we can't go next.
00:30:14Because we don't have the next button here.
00:30:18We can link it in here as well.
00:30:22Now we've gone to the new page.
00:30:26The last page. We want to be able to go back because there are no more pages.
00:30:30So we want to go back.
00:30:34Next. Back. Next. Back.
00:30:38If you watch the textbook, once you go forward,
00:30:42it can't go nowhere else. It has to go back.
00:30:46Once you go back, you can go to next.
00:30:50And you can go back.
00:30:54So it doesn't matter where you go.
00:30:58If I don't want to access the menu over here, I can go here. I can go next.
00:31:02I can go home. And I can go back.
00:31:06Nice, easy, simple. I don't even need to look at that menu.
00:31:10So I can just go here and hide it.
00:31:14I don't need the menu because I can still access the menu.
00:31:18So I can go backwards, forwards. And I can do it all from one link.
00:31:22I don't need to keep changing. I don't need to keep going in and out.
00:31:26I can jump all over the book. I can jump all over my internet.
00:31:30I think that's nice, great, easy, fantastic. And it's good for the book.
00:31:34As I say, it's good to give people the options what to do.
00:31:38So you can control the entire website from one page.
00:31:42You can control it individually.
00:31:46You can do it through the actual search.
00:31:50Let's say I went here.
00:31:54I don't want to go to next. I need to go back.
00:31:58That's a really interesting text.
00:32:02I want to go home. I can go back home.
00:32:06It talks to you how you want to search.
00:32:10Type in whatever you want.
00:32:14It will show you the topics.
00:32:18The topics that are actually inside the index.
00:32:22We can click this one and we can go display.
00:32:26If we really don't want that, we can go back home again.
00:32:30As I say, it's entirely up to you.
00:32:34How would you like to have a couple of little bonuses?
00:32:38Before you disappear. Check this.
00:32:42All my code is available. All my templates are available.
00:32:46If you download the book.
00:32:50All the code is in the book.
00:32:54If you want to download my pages.
00:32:58I'm not on the internet.
00:33:02If I open the insert page.
00:33:06I can even access the files.
00:33:10I can go back, forward, home.
00:33:14Except they're all separate.
00:33:18Scroll down. I can go next.
00:33:22I can go back. I can go forward.
00:33:26It's up to you how you want to do it.
00:33:30Right click. Go to open with.
00:33:34Notepad. And there is all the code.
00:33:38That's not all the code. That's the HTML code.
00:33:42This is the breaker. This is the web link.
00:33:46This is the back button.
00:33:50If you look here.
00:33:54This is the back page.
00:33:58This is what this one here.
00:34:02I'll explain this to you.
00:34:06If you go here.
00:34:10Document type.
00:34:14If you run this version.
00:34:18Compatibility.
00:34:22Depending on which kind of browser you want to use.
00:34:26Let's go here.
00:34:30Open with notepad.
00:34:34You can change it in notepad or in the software.
00:34:38Look at which one you want.
00:34:42We want the most compatibility.
00:34:46That's the newest.
00:34:50I'll just change my home page.
00:34:54I think it's great.
00:34:58This one down here.
00:35:02I don't know why it's been put in there.
00:35:06If you look at this one.
00:35:10It's got back arrow and back arrow.
00:35:14This one has only got one.
00:35:18If I undo that and look at my page.
00:35:22My page has only got one line.
00:35:26So that's this one.
00:35:30I'm not going to delete that.
00:35:34I'm going to copy this one.
00:35:38I'll let the browser pick and choose.
00:35:42Go here.
00:35:46Hopefully the browser is clever enough.
00:35:50To understand.
00:35:54If there's a newer version.
00:35:58Then you can use that version.
00:36:02If for some reason you can't use that.
00:36:06You can always go back to that.
00:36:10If for some reason it can't use that because it's too old.
00:36:14It can go back even further and use that.
00:36:18I'm going to tell you.
00:36:22Open your blank document.
00:36:26Edit.
00:36:30Paste it.
00:36:34Go to your home page.
00:36:38We're actually upgrading the home page.
00:36:42Paste it.
00:36:46It's up to you how you want to go about doing it.
00:36:50Even though we've changed the code.
00:36:54The software itself doesn't know that.
00:36:58Look.
00:37:02Because we've changed the code in Notepad.
00:37:06It's automatically updated the actual thing.
00:37:10What we want to do is recompile.
00:37:14Now if I open this one.
00:37:18I'll just close it.
00:37:22The page still works.
00:37:26All I have to do is get rid of that.
00:37:30Because it shouldn't be there.
00:37:34It's just a minor error on my part.
00:37:38Go in here. Open the home page.
00:37:42Make sure it's at the top.
00:37:46You can only have one of them in there if you want to.
00:37:50Look at this page.
00:37:54Do you see there's only one in here?
00:37:58Not quite.
00:38:02Go back to here.
00:38:06Copy that code back over.
00:38:10Because my kind of thing messes around.
00:38:14Select all this.
00:38:18Press CTRL V.
00:38:22Press ENTER.
00:38:26Open this one.
00:38:30Press ENTER.
00:38:34Recompile it.
00:38:38Reopen it.
00:38:42Make sure everything keeps working.
00:38:46Make sure it's got all the code.
00:38:50Go through the book.
00:38:54Every time you make a new page.
00:38:58Check the code at the top.
00:39:02You don't really need it to look at it.
00:39:06If you share it somewhere on the internet and someone else opens it.
00:39:10If they haven't got an Internet Explorer that's compatible to look at it.
00:39:14Then of course you can't look at it.
00:39:18Recompile that.
00:39:22Open that.
00:39:26Make sure everything is good.
00:39:30Now of course we've done that.
00:39:34We've got a back page with nothing on it.
00:39:38Let me just pull this over.
00:39:42Task number one is complete.
00:39:46Add your code.
00:39:50Add your photo.
00:39:54Test your page.
00:39:58The only thing we haven't done is added a photo to it.
00:40:02Can you add a photo to it?
00:40:06Yes you can.
00:40:10Open the code.
00:40:14We can add a photo to it.
00:40:18In order to do that.
00:40:22I'm just going to give you the code.
00:40:26So you don't have to worry about anything.
00:40:30This is called the EverQuest Browser.
00:40:34This is called the EverQuest Browser.
00:40:38Go here.
00:40:42This is just a link for the iMac.
00:40:46Go back.
00:40:50Open the actual thing.
00:40:54Then I'm going to show you a little bonus.
00:40:58Go here.
00:41:02Open this.
00:41:06Look in here and choose where you want to put the photo.
00:41:10Open the book.
00:41:14Now you can pick and choose where you want to put it.
00:41:18I'm going to put it up here.
00:41:22I need to get rid of that.
00:41:26I'm going to put the photo up here.
00:41:30Right above the body.
00:41:34Press CTRL C.
00:41:38Open this one.
00:41:42Go back to the body.
00:41:46If you want to change the photo.
00:41:50Look over here.
00:41:54Type the name of the photo.
00:41:58It's really easy to change the photo.
00:42:02You've already got the code.
00:42:06Copy the entire code.
00:42:10Paste it where you want it.
00:42:14Your internet link goes here.
00:42:18I'll compile it and show you.
00:42:22Open the book.
00:42:26We've added a new link.
00:42:30You won't have that.
00:42:34I've got an extra bracket in there.
00:42:38Add the photo.
00:42:42If you click on it, it will open in the external browser.
00:42:46It's not inside the book.
00:42:50If you want to do it that way, you can.
00:42:54I'll explain it to you.
00:42:58Look at the actual thing here.
00:43:02If you look here.
00:43:06This here is the text.
00:43:10Click the photo to download.
00:43:14It's free to use.
00:43:18This photo is free of charge.
00:43:22It's great for a template.
00:43:26If you want to change the text.
00:43:30Click the photo to download.
00:43:34Do exactly that.
00:43:38If you want to do this, this is optional.
00:43:42This one here displays a little name.
00:43:46You can't really see it.
00:43:50If you want to display just the name of the photograph.
00:43:54That's what the name of the photograph is.
00:43:58If you want to change that to whatever the photograph name is.
00:44:02You can do that.
00:44:06I don't need to do that.
00:44:10The only part on the photograph that you're interested in.
00:44:14Is changing the text.
00:44:18You can tell somebody something different.
00:44:22You want to change this little bit here.
00:44:26This is where you type your code.
00:44:30If you wonder what the S stands for.
00:44:34The S stands for secure.
00:44:38If you want to put three W's.
00:44:42I'm going to put underscore.
00:44:50What's that?
00:44:54Do that.
00:44:58What's that?
00:45:02That's not right is it?
00:45:06It's on me the computer.
00:45:10Do that.
00:45:14If you want to put the three W's.
00:45:18Underscore.
00:45:22.com, .org, .uk
00:45:26Whatever it is you use.
00:45:30All I want to do is copy this little name.
00:45:34Ctrl C that.
00:45:38Go back to this one.
00:45:42That just shows you where the link is.
00:45:46All you have to do is change the link address.
00:45:50Change the photograph name.
00:45:54Inside here.
00:45:58A tin of beans, a tin of carrots.
00:46:02An apple, a pear.
00:46:06Whatever you've got.
00:46:10Put the link to it.
00:46:14When you go to compile.
00:46:18Replace it, close it.
00:46:22Open our book.
00:46:26Now we can open this.
00:46:30That's a lovely loaf of bread.
00:46:34We go off to the local bakery.
00:46:38It could be cats, dogs, people.
00:46:42It's up to you how you want to layout your content.
00:46:46If you look at all my content it's on the left.
00:46:50I wouldn't have that on the left.
00:46:54I'd have it in the centre.
00:46:58To make it in the centre it's pretty easy.
00:47:02All you have to do is add centre to the first beginning of it.
00:47:06I want to give you two new bonuses for your level.
00:47:10These are two pages I made earlier.
00:47:14What I'm going to do is paste them here.
00:47:18Here's your two bonus levels.
00:47:22They're called tablets.
00:47:26It's called a MabQ Easy Tablet.
00:47:30Why would I want to put that on a page?
00:47:34Normally in HTML you would set your page layout.
00:47:38Then you would hide the box.
00:47:42Even though it's still there, you put it in the background so you can't see it.
00:47:46You put all your things in between.
00:47:50In this video I'm going to show you exactly how to use it.
00:47:54When you put the content in there it doesn't bother you.
00:47:58We're going to add this to our page.
00:48:02We've got a double column, a triple column.
00:48:06You can have as many columns as you want.
00:48:10If you've got a photo site,
00:48:14you can put them all inside here.
00:48:18You can put one inside each box.
00:48:22The idea of giving you the three boxes is
00:48:26here you can put the name of the object.
00:48:30Here you can add the photo and the text.
00:48:34Here you can put the download separate.
00:48:38Nowadays you don't need to do that.
00:48:42All you have to do is put the name of the object.
00:48:46Put the photo in here. Put the text in here.
00:48:50Put the link inside here.
00:48:54That means I can put four photographs in here all at the same time.
00:48:58You don't have to name it if you don't want to.
00:49:02You can embed a video into that.
00:49:06If you want to do it all at the same time
00:49:10you're not going to watch all four of them at the same time unless you're really good.
00:49:14Go here.
00:49:18Go to content. We want to add two pages.
00:49:22If you download my bonus content, all you do is
00:49:26grab it from the download, drag it and drop it inside your file.
00:49:30Copy the name.
00:49:34This is how easy it is. All my coding has been done.
00:49:38You can press that or that. It doesn't really matter.
00:49:42I'm going to put it on the outside of this.
00:49:46Give it a name. It's called
00:49:50AfterTemplate and it's called 1e.
00:49:54Why do I call it 1e? Because it's an Emma template.
00:49:58It should be 1t.
00:50:02I know that all the pages
00:50:06want to be a little bit unique to the user.
00:50:10Go here. Change the icon to whatever you want.
00:50:14Go back to the new one.
00:50:18Just copy the same name and put number 2 on it.
00:50:22For nice easy convenience.
00:50:26Put number 2 as it is. You can change the name to whatever you want.
00:50:30Change the photo. You can't change it yet.
00:50:34Go next and go back.
00:50:38Go to index.
00:50:42Add the key.
00:50:46Add this.
00:50:50Add number 1.
00:50:54Go back to it.
00:50:58Go to index.
00:51:02We're going to upgrade our book.
00:51:06The book is totally free.
00:51:10I'm going to leave these two.
00:51:14Push these two down.
00:51:18Put them inside the room folder.
00:51:22Move this one up.
00:51:26These two are inside here.
00:51:30These two are separate.
00:51:34Ideally we don't need these.
00:51:38What I'm going to do is get rid of these.
00:51:42I don't need them.
00:51:46I'm going to use the page to jump back and forth.
00:51:50I'm going to move this back to the top.
00:51:54These are at the bottom and these are at the top.
00:51:58Go back to compiling.
00:52:02Go back and look at our book.
00:52:06Now if you open it.
00:52:10Inside here.
00:52:14Inside here.
00:52:18Inside the menu.
00:52:22Go here.
00:52:26Recompile it.
00:52:30Here's our brand new menu.
00:52:34This is my art table.
00:52:38It could be my 2D table or my 3D table.
00:52:42It's just a way of indexing the content.
00:52:46It looks kind of boring.
00:52:50I don't want that.
00:52:54I don't want all this.
00:52:58At the moment it's all linked to the home page.
00:53:02If I get rid of the back button and the next button.
00:53:06And I add my 2D tablets instead.
00:53:10That would be better.
00:53:14But what about the photo?
00:53:18When someone takes a photograph.
00:53:22I'll show you that.
00:53:26We're going to modify the actual thing.
00:53:30We want to open this one here.
00:53:34How do you modify this?
00:53:38You want to go to the page you want.
00:53:42Let's say next page.
00:53:46This is bonus content.
00:53:50Everything is already set up.
00:53:54All you have to do is copy the image link.
00:53:58This is your photograph link.
00:54:02It can be any link.
00:54:06I'm going to personally use that.
00:54:10Open up the template.
00:54:14I'm not going to show you side by side.
00:54:18It's a long code.
00:54:22This here is the header.
00:54:26You can change that if you want to.
00:54:30The top is there.
00:54:34The middle is there.
00:54:38Look at the text.
00:54:42You don't have to have the row 1 there.
00:54:46I only put it there for reference.
00:54:50Copy from the bracket to the bracket.
00:54:54Whatever you're going to put in here.
00:54:58Is exactly what it's going to display.
00:55:02Don't forget that's column 1.
00:55:06If you want to remember where you are.
00:55:10You can leave the row there.
00:55:14It still leaves row on it.
00:55:18Row 1, row 2, row 3.
00:55:22That's what you want to do.
00:55:26Don't forget to put your website in this blank part.
00:55:30Any photograph you're going to load.
00:55:34Put the name of the photograph there.
00:55:38Put the photo there.
00:55:42Put the link there.
00:55:46Put a space there.
00:55:50This is row number 2.
00:55:54This is photo number 2.
00:55:58All you do is copy and paste.
00:56:02If you want to, paste it.
00:56:06Let's take a look at our masterpiece.
00:56:10Press save.
00:56:14Close this.
00:56:18Once it's done.
00:56:22Open the book.
00:56:26Click on the link.
00:56:30Let's see what it looks like.
00:56:34Just before I finish the video.
00:56:38I'm trying to show you some great content.
00:56:42Click the photo.
00:56:46Delete that.
00:56:50We're going to leave it like that.
00:56:54We can put the link here.
00:56:58Save it and compile it.
00:57:02Open the book.
00:57:06Open the link.
00:57:10If you want to add text to it.
00:57:14You can.
00:57:18That's the td there.
00:57:22That's what it's showing you.
00:57:26We can get rid of that.
00:57:30We don't need that arrow as well.
00:57:34Save that and compile it.
00:57:38Just look at your text and see how you want to modify it.
00:57:42Compile.
00:57:46If you click the photo.
00:57:50It will open the Internet Explorer.
00:57:54You can put a couple of photographs in there.
00:57:58If you want to scale this.
00:58:02Everything follows it.
00:58:06It's self contained.
00:58:10It's up to you how you want to do it.
00:58:14If you want to change the row.
00:58:18It shouldn't be called row.
00:58:22It should be called amount.
00:58:26Close this.
00:58:30Recompile it.
00:58:34It's Emma.
00:58:38If you want to put some information over here.
00:58:42Maybe the height.
00:58:46Whatever you want to do.
00:58:50Talk about the 3D part of the character.
00:58:54You can have all different photos.
00:58:58You can do it single or in a line.
00:59:02It's in the middle of the book.
00:59:06Have a look at it.
00:59:10You can put photos in it.
00:59:14You don't have to have it at all.
00:59:18If you don't want to.
00:59:22Delete.
00:59:26Go here.
00:59:30Delete.
00:59:34Look down the menu.
00:59:38We don't want none of this.
00:59:42Go here.
00:59:46Keep it plain and standard.
00:59:50Close that.
00:59:54I'll fix it.
00:59:58It's simple.
01:00:02That's the text at the end of the picture.
01:00:06I want to take the text and delete it.
01:00:10I'll put that message on the screen.
01:00:14That message is there.
01:00:18The only option is to look down the menu.
01:00:22Go to the index or click the photo.
01:00:26The option is totally yours.
01:00:30I hope they like my new menus.
01:00:34I want to say to you from me.
01:00:38Thank you very much.
01:00:42You have unlocked the Emma 5 star key.
01:00:46Thanks for playing.
01:00:50Thanks for playing my videos.
01:00:54Thanks for playing my quest.
01:00:58Stay safe.
01:01:02See you soon.
Comments