Starting your own website! pt. 1

Hello MPGH and welcome to my first guide on this website, which is how to make your own web-site with only a few tools needed.

Tools Needed

Microsoft Word
Photoshop (or other photo-editing software)

Website Used

9k - Free Web Hosting - 9k.com Free Web Hosting

A quick note to people reading this guide, I will be writing this guide for people who have never even used coding languages before and the guide itself contains little to no actual coding whatsoever however I highly recommend that you learn the coding languages; HTML, PLP and MySQL however take your time learning these as my method can substitute these languages but only temporarily and knowing the languages gives a huge advantage.

Now to begin the actual tutorial open up Notepad and write in
[HTML]<html>
<body>
</body>
</html>[/HTML]

and save it as My Website.html and close Notepad. What we just did was create a HTML file, now go to the location where you saved it and right click on the file, and choose "Choose Default Program". Once in that window open up more options and choose "Microsoft Word".

Once in Microsoft Word you should find yourself left with a Blank Document, this will allow you to create your design for your website, this leaves countless opportunities and possible things you can accomplish for example I've made a basic Enter page with a face and an enter sign. You don't have to do this but it is a great way to start your first website.

Remember to always save your work because it's always at risk of being lost. Once you've saved, make another HTML document by following the steps that we did before with Notepad and open it up, this new document will be your main page.

This is currently it for part 1!

Thank you for reading

Credits
- Spook = Getting me to MPGH and firstly helping me out with the idea of using word to make a website
- w3 Schools = HTML tutorials

HTML - Choosing the default program.PNG HTML - Saving as a HTML File from Notepad.PNG HTML - Designing the Enter Page.PNG HTML - Designing the Main Page.PNG

Tutorial Rating: 2/5
Not bad (if you yourself are just starting out), This could have been done with a little more "instruction" , but the effort is appreciated & welcome to MPGH.

@ Tutorial Specifics:

( I know why you recommend MS word, because it has a "website design" feature, but not much can come out of it)

~ I would strongly recommend NotePad ++ over wordpad for non IDE development, It offers alot of features utilized by developers including syntax highlighting.

~ I don't recommend free hosting, most place advertisements in the header or footer which take away from design. Hostgator is only $3.95 a month for shared hosting If your interested, (Click Here).

You should always research your host before using them, Some hosts (paid) offer "unlimited services" but have a specific cap that can't be exceeded & If you insist on using a Free Host despite limitations then you should research those companies even more. Pick one that doesn't advertise on your site. I recommend Free cPanel Hosting, Free Hosting, Free Web Hosting - 0000cos*****m , it has NO FORCED ADS & supports CGI, PHP, ASP, SSI, FrontPage Extensions, Perl, Python, Ruby Scripting.

The other issue with free hosts it you can't really do much with them, They ALL limit bandwidth , Space you can use & traffic to the site. Which means, don't plan on getting a highly visited site. In this case 9K only offers 50MB of space while 0000cost offers 1,500MB in it's free package, needless to say there is a large difference.

Error Corrections:

HTML, PLP and MySQL

I assume you mean *PHP*

Website.html

It is a "standard" that your main page should be called index.html. There are many reasons for this.

Other then that, looks good.

Please don't ever use Word as an Editor.
Even notepad is better...

The best FREE thing would be Notepad++.

You could also explain it a little bit more like this:

Code:

<html>
	<head>
		<title>My first Website</title>
	</head>
	
	<body>
		
		<h1>This is a Big Header!</h1>
		<br /> <!-- The br tag makes a line break. This is a Comment btw -->
		This is a normal Text.
		<br />
		<?PHP
			echo "This is a Text in PHP";
			//This is a Comment in PHP
		?>
		
	</body>
</html>

This is a normal nice example

Thanks for your replies!

@NextGen
I'm just starting out and your feedback is great! I've read your guide and found that extremely useful however I'm not up to that point yet.

@Paul
Thanks for your alternative, I've yet to be up to PLP and your example just there is very useful.

Thank you both

Originally Posted by 5ive2wenty

it's called PHP by the way...

The guide was pretty cool but Microsoft Word has little functionality for web design. Notepad++ is superior by far, even when competing against DreamWeaver. I have both and mainly use Notepad++.

Originally Posted by Chester Bennington

The guide was pretty cool but Microsoft Word has little functionality for web design. Notepad++ is superior by far, even when competing against DreamWeaver. I have both and mainly use Notepad++.

Because as Programmer Dreamweaver isn't that good, it's just nice if you are new to web-languages, i've used it once and i'll never use it again..

Starting your own website! pt. 1

Post a Reply

Similar Threads

Tags for this Thread