Home
How to...
Did you know...
Su Doku
Links
Other pages
Pictures
Videos
Wishlist
Write to me!
Andviks.com
Kojimas.com
Dreamhost

How to...

How to make a webpage with WebDwarf.

The first thing you need to know about webpages is that you need a file called index.html. You might sometimes see it as index.htm, which is also the same thing. Something to do with a program a long time ago that couldn't handle more then 3 letters, so they shortened html to htm, I think. Anyways, you need a file called index.htm. So when you have the program WebDwarf up and running and select File->New Project, you should see something like this: If you look at where I have circled, it says index. That will be the name of your file, when you publish it, so your first page should be named index. Just leave that alone for now and let's get started making your webpage. If you have allready made your first page, index.html, change the name you see as index to whatever you want to call your second page, for example secondpage.

Some things to think about when deciding on how to design your webpage:

• Header. This is the big thing that the visitor would usually see first. It sort of explains what your webpage is about, or introduces the name of the webpage. It could be a picture, a logo, something you made, a colored background with big text in it...
• Links. The thing you should think of is where to put the menu or links. You can either have the links to the left of the page, to the right of the page, or on top of the page. I have my links to the left of the page. Andviks.com has its links to the right, and the WebDwarf webpage has its links to the left.
• Body. Do you want a colored backgroun or white? Do you want an image background?
• Text. What color do you want your text to be? Which font do you want it to be?
• Content. What do you want your webpage to be about? A little about yourself? Some of your hobbies? Something you know and want to share?

Once you have decided how your webpage to look, it's time to make it. I haven't used this program for so long, so I do not know everything there is to know about it, but here are something I do know about:

• How to change the background color. Go to Object->Page Editor. After a window pops up, select background. There you will see the button called color. Click on it, choose the color you want, Ok twice, and the background color has changed.
• How to add text. Go to Object->Text. You can also click on the button on the left, that says text. After a new text window pops up, type in what you want to write, specify color, font, size, and then click on Save and Close at the bottom of the box. After you have created a new text object, you can move it to wherever you like.
• How to add pictures.Go to Object->Image, or click on the button with a picture of a lady on the left. Select the picture you want to put in your webpage, and click on Open. You can resize the pictue to the size you want by using the arrows on the corner of the picture.
• How to add links. If you want to add links, you have to first select an object. Select a picture, if you want your visitor to click on a picture and go to another page, or select one of your text to make it into a link. Then click on the button that looks like earth, and write in the address of your link. Say that you have a second page in your webpage that is called secondpage.html. Then you write, your address, for example with me, I would write www.miyuki.andviks.com/secondpage.html. If you want to link to a page outside of your webpage just type the address, like www.yahoo.com. Tip with creating links with texts. Make separate text objects if you are going to link it. For example, if you want to have 3 links, don't write Home, Next and Back in one text object because then all three words will only link to one page. Instead, click on the new text button three times, to create 3 different text objects, and then link each one separately.
• How to create email me links. Create a text object that says something like Contact me. Select it, and then click on the links button, the one that looks like earth. Click on the left down arrow to select "mailto://". Type in the email address on the box to the right, and close this window.
• How to create objects. Just click on the different shaped buttons to create different shaped objects with different color. Use them as background shapes or just as part of your webpage.

Use these different methods to create the webpage you want. Once you are satisfied with it, click on the fastforward looking button at the top of the page, circled here: It should open up a web browser showing you how your webpage looks in a webbrowser.

If you are satisfied, go to File->Publish Prjoject. This is so that the webpage you just created will actually be on the internet. In the new window, click on the tab called FTP to customize it. Make sure the spelling is correct. If not, your webpage won't upload.

• First type in the information for Remote Publish Directory
• Then type in the information for the Host Name under FTP login data
• Type in the User Name
• Type in the Password
• Click on Save Password, so that you don't have to type in the password everytime you publish your webpage

"-----------------End---------------- Transfer completed without errors!"

Click on Ok. Open a browser, like Internet Explorer, type in the address to your webpage and it should be there.

Some Tips

Here are some tips to consider when making a webpage. The rule of thumb when making a webpage is that you want to reach as many people as possible on the internet. This ofcourse can be hard to do, because there are many different computers, internet speeds, and people, but you can follow some guidelines.

• Consider the width of the webpage. It is not nice to have to scroll sideways. You can always make the webpage long, but you shouldn't make it too wide. And even though many people have computer screens that will show a big webpage, there are still some people who can only see a webpage in 800 x 600 resolution. So Yahoo! uses a width that will suit people with 800 x600 resolution. So that's what I do too. If you look at WebDwarf on the top, it has some numbers. That tells you how wide your webpage will be in pixels. Pixels are what they use to measure things in computers. So for some people with a 800 pixels wide resolution to be able to see your webpage without having to scroll sideways, you need to make your webpage less then 800 pixels wide. I think 750 pixels is a good width for a webpage. But, again, your webpage can be as long as you want. People don't mind scrolling down, they just mind scrolling sideways.
• Consider the size of the pictures and images you put in your webpage. It's best to use .gif or .jpg types of files instead of .bmp. If you have a really big picture, or it might not even be big in size, but the file size on the computer is big, as in it takes about say 500 KB in your computer, it will load slowly on the webpage. People are not patient these days, and you want your pictures to load fast. Otherwise they might get impatient and leave. Ofcourse if you make it too small, the quality of the picture goes down, and then you can't really see what it is. That's not good either. So you have to find a good in between. I'm not an expert on this, but I usually make my pictures be between 50 to 100 KB, and I use .jpg because I think the quality is better then .gif. But if .gif looks just as good to you, just use .gif. But don't go too much over 100 KB, I think. Many people have fast internet, but there are some people who still use modems to connect to the internet.
• Consider the colors. The colors have a lot to do with whether or not you're able to read a webpage. If you can't read your page comfortably, then maybe you should change the colors.