Help me [learning to code]

[.Zi]

Basicly Im learning how to code, and I need some help, ive got the hang of the basics, I coded a maintenance page thismorning, www.habben.co.uk/coding/1 . Well, i think its ok, but I tried a 3 collumn layout and it didn't work, so I deleted it, im willing to give somebody that succesfully teaches me 10 credits on Habbo UK, its currently all i have

MSN: [email protected]

[Chippiewill]

Just keep learning, read books, mess about in dreamweaver (I created stuff then looked at the code to see how it worked) try and get a layout that's been pre-coded and study it, modify it. Also look for cool code, dynamic drive has some interesting stuff. Don't forget CSS, also study existing layouts for that. If you get stuck then don't stop trying, it just means your close to a revelation.

If you want to learn php then just mess around with existing scripts and put together nareshs usersystem, that's how I learned most of my php knowledge (techtuts.com) also try to mash together two scripts. I once mashed together the house keeping guy and the PM system from nareshs system, which worked rather well.

[.Zi]

Thanks, well, I can code a basic maintenance page, im going to try add like some scrolling text (marquee or something I think its called) Im using a program called phpDesigner, anyway, thanks. +rep!

[grnr]

Don't use phpDesigner for HTML.

[.Zi]

Don't use phpDesigner for HTML.

Its all i have, any reccomendations?

[Chippiewill]

notepad++...

[Cutter]

i can send you dreamweaver CS4 if you want, and show you how to do a basic layout

[.Zi]

notepad++...

How? :P

EDit: Cutter you cant send files like that, I can code a basic one, but im struggling with some things, such as boxes next to the main content.

[Jam-ez]

The way I find best to learn, is reading big chunks of code and imagining how the overall product could look better. I read the code sections find outs what's what, comment it all and then begin editing. It usually works quite well and improves a wide range of other skills such as designing etc. :)

Good luck, however.

[Protege]

There is nothing wrong with using PHPdesigner to code HTML.

It has a HTML Syntax highlighter, and guess what? it is not JUST for PHP even though it says contains "php" in its name.

Thats just like saying Habbox is just for Habbo yet it isnt.

[Chippiewill]

Notepad++ is not normal notepad.... It can highlight all different types of code such as XML, CSS e.t.c. and extensions can be made for it to highlight other code like LUA.

[.Zi]

There is nothing wrong with using PHPdesigner to code HTML.

It has a HTML Syntax highlighter, and guess what? it is not JUST for PHP even though it says contains "php" in its name.

Thats just like saying Habbox is just for Habbo yet it isnt.

PHPDesigner is good, when I open a document it tells me the starting stuff i need, like <title>titlehere</title> and it puts it all in :) with the body etc. its alright, it tells me when I make miistakes too!

[Protege]

Yes but make sure you know why the error occurred and don't always rely on a IDE to help point out the errors.

[.Zi]

I do, it highlights it, and I read it and check.

[Jam-ez]

I hate louzy editors that do everything for you. Notepad++ all the way.

[.Zi]

Lol, I did it, www.habben.co.uk/coding/2

[Kupen]

thts gd, but your content box isn't in the middle. In ur CSS make the content box float left and it should work

[Jam-ez]

It was fine when I just looked at it, however I read the previous comment looked back and, wow where'd the content go?! :P

[.Zi]

It was fine when I just looked at it, however I read the previous comment looked back and, wow where'd the content go?! :P

Yeh, it didnt work in ie, so I fixed that and then that happened :(

Working on that now. Any ideas?

[Blob]

Get Zend Studio

And then disable building project before saving because its annoying when it tried to build the project before saving your work because it just freezes.

[CANNIBALEX]

I use a combination of Photoshop CS3, Dreamweaver CS3, Frontpage, notepad or textedit (depending on what operating system i'm currantly on.

[.Zi]

I have a bit of an annoying problem with my layout..
www.habben.co.uk/coding/2 can somebody help me fix it?

[eLv]

Why is your coding like this:

<div id="left">
</div>
<div id="right">
</div>
<div id="center">
</div>

It'll be easier and neater if you put it:

<div id="left">
</div>
<div id="center">
</div>
<div id="right">
</div>

And use css like:

#left, #right
{
width: 100px;
float: left;
}

#center
{
width: 400px;
float: left;
}

[.Zi]

Why is your coding like this:

<div id="left">
</div>
<div id="right">
</div>
<div id="center">
</div>

It'll be easier and neater if you put it:

<div id="left">
</div>
<div id="center">
</div>
<div id="right">
</div>

And use css like:

#left, #right
{
width: 100px;
float: left;
}

#center
{
width: 400px;
float: left;
}

What difference wouldthey make?

[eLv]

Big differences, my way will work out neater and easier. How would you style the layout if <div id="center"></div> is placed at the last? #left { float:left }; #right { float:right };?

[Chippiewill]

Nope, it's better to do the left and right side first, then the middle.... you just have to centre the middle div....

[.Zi]

Nope, it's better to do the left and right side first, then the middle....

Thats what I got told..

[BoyBetterKnow]

Don't use phpDesigner for HTML.

Yeh I agree. When I was learning HTML I stuck to Dreamweaver. However, once accomplished in HTML, phpDesigner is fine... Well only if you're doing PHP with HTML haha.

[maiden2k7]

No, Php designer has it's own section for html if I'm not mistaken, if you want to use a program though I would advise Pspad I have been using it for the last couple of months and it is fantastic, don't use dreamweaver I think it's the hardest way to learn.

I will try and help you a bit, read below:

First of all create:

Site Folder/

In side the folder create:

images/

index.html
style.css

Ok now thats the base for your layout, but what good is it having .html file and .css file if they don't link to each other.

Ok so for this all you have to do is:



<html>
<head>
<!--This piece of code links the style sheet-->
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css">
<title> whatever you wish in here</title>
</head>
<body>

</body>
</html>


Your style sheet is now linked to your html page.

Right now you want to add stuff inside your body tags such as divs, lets start with the wrapper div.



<html>
<head>
<!--This piece of code links the style sheet-->
<LINK REL=StyleSheet HREF="style.css" TYPE="text/css">
<title> whatever you wish in here</title>
</head>
<body>
<div id="wrapper"></div>
</body>
</html>



Lets take a look at the css style sheet:


BODY {
All of the css for the body will go in here such as background colours etc.


}

#wrapper {
All of the css for your wrapper tag will go in here.

}


As you can see the hash declares the div tag so every div you create in your html you can simply add it too your css with the hash.

This may help you bud :)

[Chippiewill]

I would advise using: http://notepad-plus.sourceforge.net/uk/site.htm

Highlighter for basically all major coding languages....