mage3158's user education application! [PENDING]

mage3158 · Jul 7, 2007

Ye Olde Table of Contents
- Basics of FTP
- XHTML and HTML
- How to cut out and animate sprites
- How to control another computer
- Make a simple play/replay button in flash
- My 100 words

Basics of FTP

First of all what does FTP stand for, and what it is used for?
Well FTP stands for File Transfer Protocol, and is used to upload files to a server or website.

To start using the FTP feature your host may or may not give you, you first need to download an FTP client.
I recommend FileZilla which you can download
here.

Now to get started, find your FTP information which is usually ftp.yoursite.com if you're using cPanel, and if you're using layered panel it is usually yoursitename.yourhost.com. (if it's a free webhost.)
The user login is usually just your User name and password.

Now to start uploading you must click on the "WWW" folder first.
If you're using layered panel you may skip this step and start uploading.

To start Uploading all you have to do is find the file on the left then right click and press upload.
The good thing about FTP is, is that you can upload as many files as you want at the same time!

When uploading in FTP you no longer have to upload a zip file then unzip it, you can now just upload the folder itself.

Also one important thing is CHMOD which I believe you can only do in FTP.
Well let's say that you have a php script that requires 777 chmod, and you just sit there wondering how to make the folder chmod 777.
Well this is how you do it.
First you right click on the folder that needs chmod 777 then you click file attributes.

Now all you have to do is make it chmod 777 by clicking all of the options.

XHTML and HTML

The Basics

Alright for the basics I will show you some different tabs and how they look.

Also when you're making tabs THEY MUST BE LOWERCASE! (For XHTML.)

For one there is the paragraph tab:

Code:

This is a paragraphs :O :O :O This be another paragraph :O:O:O

Example

The bold tabs:

Code:

This be in bold

Example

The Italics:

Code:

Now this be in italics

Example

Now this is how you would order them if you were to use more than one tab at once.

Code:

 Now this is a mixture ^ see?

Example

Striken text:

Code:

<s> Your gay!!! </s> just kidding

Example

Horizontal Rule:

Code:

<hr />

Example

Underline:

Code:

this is super underlined text here

Example

Anchor tabs (Links):

Code:

<a href="http://mysite.com"> ME WEBSITE LOLOLOLOLOLOLOLOL </a>

or

Code:

<a href="/index.html"> The index</a>

^This goes to an existing page in your website such as the index.
Example

Image tags:

Code:

<img src="http://lolololol.com/imaglolololololololol.png" />

Example

The Site
Now to start forming a website.

This an extremely basic website.

Code:

<html> <head> <title> My crappy webpage lol...BOOBIES!!!</title> </head> <body> This be my crappy website lol... </body> </html>

Example

To add CSS to your page you must make a CSS file code that and add this to your page.

Code:

<html> <head> <title> My crappy webpage lol...BOOBIES!!!</title> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> This be my crappy website lol... </body> </html>

Example

Now to add meta tags for search engines etc...

Code:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="keywords" content="thisbekeyword" /> <meta name="description" content="description for your site" /> <title> My crappy webpage lol...BOOBIES!!!</title> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> This be my crappy website lol... </body> </html>

Example

Now to add the Doc type:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="keywords" content="thisbekeyword" /> <meta name="description" content="description for your site" /> <title> My crappy webpage lol...BOOBIES!!!</title> <link rel="stylesheet" href="styles.css" type="text/css" /> </head> <body> This be my crappy website lol... </body> </html>

Example

You can use XHTML strict but I don't recommend it.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-strict.dtd">

How to cut out and animate sprites!

Cutting it out

(This works in Flash 8, and 9, but I haven't tested in any other version.)

Well as you may or may not have known, to cut out transparent sprites in flash all you had to do was press Ctrl+B.
But what about those non transparent sprites such as this?

Well once you have Flash open your file by going to:
File->Import->Import to stage or Library, and select your sprite sheet.

Now select the image, and go to:
Modify->Bitmap->Trace Bitmap

Now you should get a window like this.
Use the EXACT options that are shown here.

Now click on the background color (in this case it is blue) and press the Delete key, and now you should have cutout sprites ready to animate!

Now to animate!

Ok choose which person or thing you wish to animate, and delete all the rest.
Now we will highlight one of the persons or things and:
Right click->Convert to symbol, and name it what you want. Just remember to make it a movie clip!

Now do that to the rest of them.
Now go to:
Insert->New Symbol. Yet again it has to be movie clip.

Now look to the right of the screen where your library is and double click on the movie clip where your animation will be, and drag out from your library the first pic in your animation, and center it.

Now to keep the animation smooth raise the Frames per seconds to 25.

Now on the time line (above your workspace) Right click and press Insert key frame.
Yes I know it makes a copy of the last frame but this keeps the animation smooth.

Now press the onion skin option which shows you the shadow of the last few frames.
This helps you put the sprite in the EXACT same spot as the last.

Now right click the timeline again and press insert Blank key frame and put in the next image, and so on until you are done with all of the pictures, but remember the pictures must be in the EXACT location as the last or else it will look weird.

Now once you are finished go to the main movie by clicking scene one right below the time line, and drag your animation from the library to the main movie, and do a test animation to see if you did it right.

Download example:
http://rapidshare.com/files/40349552/spriteexample.fla.html

How to control another computer

Ok you know that most remote control compy things usually cost money, and usually pains when it comes to firewalls.
But here is a GREAT way to control another computer for back up purposes, to help fix another computer, or just for fun.

To get started, go to http://www.logmein.com, and make an account.

Now select the free option. (Though you can select the trial if you really need to back up a computer.) Now complete the registration.

Now once you have registered, and verified your account log on, and select "add computer"
Note: We are adding our own computers right now so we can control our computers from another place. If you want to control another computer from your computer simply log onto that computer, and do the below steps.

Now select the "free" option. (Unless you are doing backups of course)

Once you have downloaded the program let's install it!

When you get these options pick typical.

Now name your compy. (So you can identify it on the computer list)

If your computer has a user name, and password you may skip this part as it won't appear in your installation.

Now to enter in a password. (Anything easy to remember)

Now select the computer you wish to control ^_^ (Of course you are not going to control your computer from your computer i'm just going to give an example.)

Now all you have to do is enter in the code that you made in the installation then WALA! You are controlling that computer.
Note: When connecting to a computer that has a user and pass simply type in the administrative user, and pass to connect.

Also if you want to connect to your computer from another computer you don't need to install that program onto that computer, you just simply connect which means you can connect to your computer from school or work.

Make a simple play/replay button in flash
Please note that this is for action script 2.0! NOT 3.0!!

Ok before you read, this is not a guide on how to make a goodlooking Play button, this is a guide on how to code a play button.

Ok lets start out with a rectangle with the text play in it or something.

Highlight the whole thing then:
Right click->convert to symbol

Now press the "button" option, and press ok.

Now select the symbol, and press the action script button.

Now enter in this code:
Code:
on (release) {
	gotoAndPlay(2);
}
or
Code:
on (release) {
	nextFrame();
}
Now if you were to create a replay button you would just think duh...
Code:
on (release) {
	gotoAndPlay(1);
}
But what if the first fram of the whole flash is in a different scene?
Well you would enter this code.

on (release) {
gotoAndPlay("1", 1);
}
Click to expand...

The "1" being the scene, and the 1 being the frame.

.fla Example
http://rapidshare.com/files/41487234/playexample.fla.html

My 100 words
Hello my name is Brian M., and these are my reasons why I should be a user educator.
For one, I love to help people, and I think that this rank will show people that, and turn to me for answers.
Also I will write guides as many as possible, when I have the time, to help out this community.
I also believe that I should be a user educator because when ever I explain something, I always explain it with great detail, make it simple, and step by step so anyone can understand it, as you can see from my guides.
Also one last thing, I will always be making guides, and not becoming lazy as I believe this rank is a responsibility.

Jenna_luvz_ya · Jul 7, 2007

Looks very good. I hope you get UE.

mage3158 · Jul 7, 2007

Thank you I hope so too.

el-loco-uno · Jul 7, 2007

Nice job mage, looks really good.

Quhx · Jul 7, 2007

One of the better applications this week
Hope you get accepted, don't think its ripped, didn't find anything

Trag1c The second · Jul 7, 2007

Interesting guides, detailed...Excellent. Hope you get accepted. I was planning on re-applying with my old guides, and 5 more, but I'll have to make a different fifth one.. I was going to do the logmein thing for the wii.

-------owned------- · Jul 7, 2007

My vote for this is a no. HTML has been made many times, and it's a little obvious that you want to be an UE just for the rank. Also, you didn't say anything about posting guides in your 100 words.

Quhx · Jul 7, 2007

Change your 100 words You say like 3 times the same, on an other way

-I want to help people, and want them to show my rank
-People can ask me questions as they see my rank
-I'm doing it for the rank, but helping people is the main reason

I'd change those 100 words

mage3158 · Jul 7, 2007

Quhx said: ↑

Change your 100 words You say like 3 times the same, on an other way

-I want to help people, and want them to show my rank
-People can ask me questions as they see my rank
-I'm doing it for the rank, but helping people is the main reason

I'd change those 100 words
Click to expand...

Ya ya, I'm changing them now.

ImAFool · Jul 7, 2007

Nice, I like number 4. A lot.

mcnuggetman · Jul 7, 2007

hmm its ok guide could be alot better consider its you mage

mage3158 · Jul 7, 2007

ImAFool said: ↑

Nice, I like number 4. A lot.
Click to expand...

Glad you liked it. =)

mcnuggetman said: ↑

hmm its ok guide could be alot better consider its you mage
Click to expand...

Thank you!
=D

buying_40_att_pure · Jul 7, 2007

gl on UE mage I love the app.

SSBM best gam3 · Jul 8, 2007

nice job thanks for spending your time to help users of the sythe community

Deacon Frost · Jul 8, 2007

Dear mage3158,

Thank you for applying to be a part of the User Education team. Your application has been viewed, and is set to Pending. Presently, a poll on whether the User Education team feels your application should be approved or denied has been created.

If at any point you desire to change something in your application, simply inform us, via post, of what changes occurred. Sometimes the smallest tweak can change a User Educator's vote. Should you wish to withdrawal your application at any time, please notify a Head User Educator, and they will remove it.

Again, good luck on being accepted.

Pending.

Log in or Sign up

mage3158's user education application! [PENDING]

mage3158 Grand Master

Jenna_luvz_ya Forum Addict

mage3158 Grand Master

el-loco-uno Guru

Quhx Apprentice

Trag1c The second Forum Addict

-------owned------- Guru

Quhx Apprentice

mage3158 Grand Master

ImAFool Guru

mcnuggetman Grand Master

mage3158 Grand Master

buying_40_att_pure Forum Addict

SSBM best gam3 Guest

Deacon Frost Grand Master

Log in or Sign up

mage3158's user education application! [PENDING]

Thread Tools

mage3158 Grand Master

Jenna_luvz_ya Forum Addict

mage3158 Grand Master

el-loco-uno Guru

Quhx Apprentice

Trag1c The second Forum Addict

-------owned------- Guru

Quhx Apprentice

mage3158 Grand Master

ImAFool Guru

mcnuggetman Grand Master

mage3158 Grand Master

buying_40_att_pure Forum Addict

SSBM best gam3 Guest

Deacon Frost Grand Master