Jump to content

A tutorial for getting you a website!


softdel
 Share

Recommended Posts

Introduction:

Many people wish they had a website. This tutorial lists the best software, a good free web hosting company and some basic guides to get you started.

Its easier than it looks.

-----------------------------

Section One: Getting some web space

-----------------------------

In this tutorial I am going to use 100WebSpace.com just because it's what came up in Google.

First you need to set an account up. Go to HERE and click the big "Sign Up" button.

When the next page loads select "Use a Free Sub Domain" which will give you a domain like "MyUsername.100WebSpace.com". Once you have done that, click "Next Step"

On this page the website will collect your personal information. This is perfectly secure and you can put a fake address in there...just remember to use a valid E-Mail.

Make sure you select "FREE Hosting" on the list of options under the personal details form. and on the "Pick up a domain" form, select "Use a subdomain"

Finally enter the verification code in the box provided.

Click "Next>>Submit Payment" - Do not worry, there are no credit card details taken from you.

You will now see a page that says "Special offer"...you can ignore that because it requires money. Just click "No, thanks, continue with my ad-supported account" which is under that advert.

You're all done! You have now set-up your account and you password has been E-Mailed to you. It's now time to go on over to your E-Mail provider and open up the E-Mail entitled "100 Web Space"

What you need out of the E-Mail is:

Login: (Your Username)

Password: (Your password- like 00000000)

Once you have that information (you may have to wait a few mins) click HERE and enter your details. NOTICE: Your account may not become active straight away!

That's it. You have set-up your hosting! Let's go on to Section Two.

-----------------------------

Section Two: Getting the software and setting up

-----------------------------

First, I'm going to provide legal links to full 30 day trial downloads of top Macromedia (Adobe) Software.

Macromedia Dreamweaver- The tool you will be using to create the website and interface with the FTP Server.

Macromedia Fireworks- The software you will be using to edit the images and optimise the for your website.

Ok, once you have downloaded these files, double click on the icons and follow the installation instructions.

So, you have Dreamweaver installed, let's start with that. I have made this tutorial to help you get the basics of your web hosting and design set-up.

HERE (25mb- Streaming SWF File)

THIS TUTORIAL IS WORK IN PROGRESS! I AM CURRENTLY CREATING VIDEO TUTORIALS FOR MACROMEDIA DREAMWEAVER AND FIREWORKS!

I will continue this post when i have completed the videos.

Link to comment
Share on other sites

This post will be continued when I have finished the Tutorial Videos.

Sorry for the delay.

Progress:

Dreamweaver Tutorial:

Creation: ========== 100%

Upload: ========== 100%

Fireworks Tutorial:

Creation: ===== 50%

Upload: 0%

Link to comment
Share on other sites

W3C HTML Validator

-- http://validator.w3.org/

WDG HTML Validator

-- http://htmlhelp.com/tools/validator/

CSS Validators:

W3C CSS Validator

-- http://jigsaw.w3.org/css-validator/

Further Accessibility Validation:

Bobby

-- http://webxact.watchfire.com/

Cynthia Section 508/WCAG checker

-- http://contentquality.com/

XHTML and CSS Tutorials:

1. http://htmldog.com/

2. http://csszengarden.com/ (Not quite a CSS tutorial, but it works)

3. http://css-discuss.incutio.com/

4. http://w3schools.com/ (recommended for reference only)

5. http://makubesu.ath.cx/tutorial/

6. http://tizag.com/

Apache Help:

1. http://httpd.apache.org/

2. http://autoindex.sourceforge.net/forum/apache.php (justin's guide to installing Apache, PHP, and MySQL)

3. http://apachefriends.org/en/xampp.html

4. http://appservnetwork.com/

5. http://wampserver.com/ (Windows only. Apache, PHP5, and MYSQL)

PHP Tutorials:

1. http://hudzilla.org/phpbook/

2. http://phpfreaks.com/

3. http://tizag.com/

4. http://php.net/ (recommended for reference only)

MySQL:

1. http://mysql.org/

2. http://tizag.com/

Free Webhosting:

1. http://free-webhosts.com/ (large database of free host, categorized and searchable)

2. http://sitesled.com/

Paid Webhosting:

1. http://bihira.com/

2. http://godaddy.com/ (for Domain Names, if you already have hosting)

3. http://telana.com/ (If you need PHP5 and MySQLi)

4. http://joako.net/ (PHP5)

Text Editors, IDEs:

1. http://vim.org/ (VIM)

2. http://jedit.org/ (jEdit)

3. http://gnu.org/software/emacs/emacs.html (Emacs)

4. http://crimsoneditor.com/ (Crimson Editor)

5. http://chami.com/html-kit/ (HTML-Kit, Win32 only)

6. http://tinyurl.com/admel (Working link for Winsyntax)

7. http://scintilla.sourceforge.net/ (Scintilla/SciTE)

Dynamic DNS:

1. http://no-ip.com/

2. http://dyndns.org/

Website colors:

1. http://wellstyled.com/tools/colorscheme2/index-en.html

2. http://colourlovers.com/

3. http://colormixers.com/

4. http://www.colorschemer.com/online.html

5. http://lynda.com/hex.html

6. http://december.com/html/spec/color.html

Layout Help:

1. http://thenoodleincident.com/tutorials/box_lesson/index.html

Taken from: http://boards.gamefaqs.com/gfaqs/genmessag...;topic=21847755

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...