My website tutorials.

2007-12-24 05:16:34

#1

Zimmer: Un Moderador; +1,688|7060|Scotland

Well, as I promised in the BF2s User campaign, I will release the website tutorials each time I progress through a round. ( Yeah, thought it was a bit mean to release them all if I won; probabilities of that are not very large )

So, my ideas are the following :
Begin with the easiest and then progress with the harder, more interesting tutorials.

So, we begin with a basic XHTML/CSS template. Either fixed width, liquid or fluid.

Then, I may go onto more advanced CSS ( hovers, overflow and the rest )

Then Pure CSS Rollovers ( learn to create image rollovers with just CSS, they load instantly. )

Then, maybe how to create a form with XHTML and PHP. How to make it secure and how to get an email to both the website user and the webmaster.

From there.... I am stuck for ideas.
Ah yes, maybe show you how to create a website like this one - IllusionBuilder

Any suggestions for other tutorials?

2007-12-24 05:19:53

#2

Titch2349: iz me!; +358|6656|uk

tis Blackmail!!!!

2007-12-24 05:21:08

#3

xGj: Official lame Crysis fanboy.; +84|6675|Netherlands tbh

Definitely show how to create a website The other tutorials look good too, I'd say go for it and see the interest and create some other tutorials based on experiences afterwards.

2007-12-24 05:24:58

#4

=Karma-Kills=: "Don't post while intoxicated."; +356|6888|England

Zimmer wrote:
So, we begin with a basic XHTML/CSS template. Either fixed width, liquid or fluid.

Then, I may go onto more advanced CSS ( hovers, overflow and the rest )

Then Pure CSS Rollovers ( learn to create image rollovers with just CSS, they load instantly. )

Then, maybe how to create a form with XHTML and PHP. How to make it secure and how to get an email to both the website user and the webmaster.

That would be pure win.

Some stuff on PHP generally would be good, as well as some background (like what the different languages are about and what they are meant for, eg. ASPX, ASP.NET, PHP, Python, Java, HTML, etc...)

Oh yeh, one kinda random thing, ive always wanted

wrote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

explained properly

2007-12-24 05:26:06

#5

Raphi: Banned; +354|6562|Basel, Switzerland

Tell me how to make these buttons on webstrain excatly. That would be a tutoria.

Oh, and then don't forget to tell me how to get my forum on my server, thx.

Last edited by Raphi (2007-12-24 05:26:48)

2007-12-24 05:27:42

#6

liquidat0r: wtf.; +2,223|6931|UK

=Karma-Kills= wrote:
Oh yeh, one kinda random thing, ive always wanted

wrote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
explained properly

The <!DOCTYPE> tells the browser which HTML or XHTML specification the document is using. In your example, you're using XHTML Transitional DTD.

2007-12-24 05:31:03

#7

Zimmer: Un Moderador; +1,688|7060|Scotland

That is the doctype of the file you are going to put up on the internet. As you could have guessed. There are now, what we call, "rules" in XHTML coding. That line of code there is used to identify the type of coding you want evaluated on the page. In this instance, it's XHTML Transitional. Which means there is a set of "rules" for this and THIS is what is used to validate it. If you have errors, then it means your document is not 100% XHTML Transitional, and you have to "fix" those errors for it to work on most browsers.

The whole point of the rules were created so there is a standard code that will work perfectly with every browser. As they have a viewing standard for different types of coding. Why I put rules in inverted commas is because you don't have to have it perfect, most of the time its just a small fuss where you have missed out a "div" tag or something along those lines. So basically, it will still work on every browser, but you cannot "claim" that your website is 100% Valid XHTML.

It is very widely used now, but not a necessity. Especially for the documents which have nothing to do with XHTML. It is basically just a precautionary measure so that your site doesn't fuck up in a different browser.

2007-12-24 05:32:41

#8

Raphi: Banned; +354|6562|Basel, Switzerland

I have a srs question.

I have a forum here: http://igforums.mypunbb.com/

How can I save it/Get it on my host?

I also have no ideas how to upload mods.

2007-12-24 05:33:38

#9

Titch2349: iz me!; +358|6656|uk

I would like to know about "web standards"

2007-12-24 05:34:07

#10

konfusion: mostly afk; +480|6853|CH/BR - in UK

Well, I'll be a happy fucking bunny if you make these tutorials
Might take out the whole guess work that I've gone through for each website I've made so far.

-konfusion

2007-12-24 05:34:21

#11

Zimmer: Un Moderador; +1,688|7060|Scotland

Raphi wrote:
I have a srs question.

I have a forum here: http://igforums.mypunbb.com/

How can I save it/Get it on my host?

I also have no ideas how to upload mods.

You cannot. That is a free forum hosted by PunBB. You cannot add your own mods or edit it to your specifications. You have to download PunBB latest version and install it on your server.

2007-12-24 05:35:03

#12

Zimmer: Un Moderador; +1,688|7060|Scotland

Titch2349 wrote:
I would like to know about "web standards"

Sure thing. No problem. I will squeeze it into my first tut if I can.

2007-12-24 05:37:42

#13

konfusion: mostly afk; +480|6853|CH/BR - in UK

Zimmer wrote:
You cannot. That is a free forum hosted by PunBB. You cannot add your own mods or edit it to your specifications. You have to download PunBB latest version and install it on your server.

For that matter, PunBB is free anyways, as is the template. All you have to do is format it ^^

-konfusion

2007-12-24 05:39:07

#14

Raphi: Banned; +354|6562|Basel, Switzerland

Zimmer wrote:
Raphi wrote:
I have a srs question.

I have a forum here: http://igforums.mypunbb.com/

How can I save it/Get it on my host?

I also have no ideas how to upload mods.
You cannot. That is a free forum hosted by PunBB. You cannot add your own mods or edit it to your specifications. You have to download PunBB latest version and install it on your server.

Awesome. I downloaded punbb vs1.2.26 or something 2 hours ago, wanted to upload the zip file to my server but I couldn't install/open it.

/Spelling.

Last edited by Raphi (2007-12-24 05:40:08)

2007-12-24 05:42:12

#15

liquidat0r: wtf.; +2,223|6931|UK

Raphi wrote:
Awesome. I downloaded punbb vs1.2.26 or something 2 hours ago, wanted to upload the zip file to my server but I couldn't install/open it.

You have to extract the files and upload them to a folder.

2007-12-24 05:45:15

#16

Raphi: Banned; +354|6562|Basel, Switzerland

liquidat0r wrote:
Raphi wrote:
Awesome. I downloaded punbb vs1.2.26 or something 2 hours ago, wanted to upload the zip file to my server but I couldn't install/open it.
You have to extract the files and upload them to a folder.

Around 400 files?

2007-12-24 05:57:55

#17

elbekko: Your lord and master; +36|6705|Leuven, Belgium

Something like that. Seems an awful lot tho.
Just for clarification, you only need the contents of the upload/ folder.

I think a standard PunBB install is around, what, 120 files if that. In any case, it's very small.

2007-12-24 05:59:26

#18

Raphi: Banned; +354|6562|Basel, Switzerland

elbekko wrote:
Something like that. Seems an awful lot tho.
Just for clarification, you only need the contents of the upload/ folder.

I think a standard PunBB install is around, what, 120 files if that. In any case, it's very small.

I read a tutorial now. lol

Do I also have to upload the folders in there?

2007-12-24 06:00:56

#19

=Karma-Kills=: "Don't post while intoxicated."; +356|6888|England

Zimmer wrote:
That is the doctype of the file you are going to put up on the internet. As you could have guessed. There are now, what we call, "rules" in XHTML coding. That line of code there is used to identify the type of coding you want evaluated on the page. In this instance, it's XHTML Transitional. Which means there is a set of "rules" for this and THIS is what is used to validate it. If you have errors, then it means your document is not 100% XHTML Transitional, and you have to "fix" those errors for it to work on most browsers.

The whole point of the rules were created so there is a standard code that will work perfectly with every browser. As they have a viewing standard for different types of coding. Why I put rules in inverted commas is because you don't have to have it perfect, most of the time its just a small fuss where you have missed out a "div" tag or something along those lines. So basically, it will still work on every browser, but you cannot "claim" that your website is 100% Valid XHTML.

It is very widely used now, but not a necessity. Especially for the documents which have nothing to do with XHTML. It is basically just a precautionary measure so that your site doesn't fuck up in a different browser.

Interesting... BTW, who are W3C? Are they the rulers of the internets standards? I know about their validator... and the hundreds (60 to be exact) of errors my excuse of a site throws up, but im told that might be because of all the old javascript ive copied off the net (could that be true?) Is the idea that if you get 100% compliance, then all browsers will render your site perfectly, as intended?

Nub Question: By "XHTML" do you mean all the different types of HTML, yes?

Also, whats the difference between HTML Strict and Transitional? How do you know when to use which? And why do they say "XHTML 1.0" when i thought we were on HTML v4 or v5?

One more thing... is this why web developers hate IE, because it doesn't conform to these "standards" (ie it doesnt pass the ACID test?) and you have to have those "IF IE7" hacks...?

/interested

Last edited by =Karma-Kills= (2007-12-24 06:08:24)

2007-12-24 06:21:38

#20

liquidat0r: wtf.; +2,223|6931|UK

=Karma-Kills= wrote:
Interesting... BTW, who are W3C? Are they the rulers of the internets standards? I know about their validator... and the hundreds of errors my excuse of a site throws up, but im told that might be because of all the old javascript ive copied off the net (could that be true?) Is the idea that if you get 100% compliance, then all browsers will render your site perfectly, as intended?

Nub Question: By "XHTML" do you mean all the different types of HTML, yes?

Also, whats the difference between HTML Strict and Transitional? How do you know when to use which? And why do they say "XHTML 1.0" when i thought we were on HTML v4 or v5?

One more thing... is this why web developers hate IE, because it doesn't conform to these "standards" (ie it doesnt pass the ACID test?) and you have to have those "IF IE7" hacks...?

/interested

About W3C

------

To stop errors occuring when you validate the site: Either put the javascript in a separate file and call it using a <script> tag or use HTML comments round the javascript. i.e:

Code:

<script type="javascript">
<!--

js code here

-->
</script>

------

XHTML is a stricter, cleaner version of HTML, intended to replace the HTML 4.01 standard. (eXtensible HyperText Markup Language)

------

XHTML Strict and Transitional are what they say they are on the tin. XHTML Strict is used when you want really clean structural mark-up, free of any markup associated with layout. A lot of tags have been 'removed' from the XHTML specification, so making a page completely XHTML strict may mean that older browsers may have difficulty loading pages. Essentially, Transitional is a more relaxed version of Strict.

2007-12-24 06:27:01

#21

Mitch: 16 more years; +877|6829|South Florida

Titch2349 wrote:
tis Blackmail!!!!

Blackmail, no

Bribery, certainly.

15 more years! 15 more years!

2007-12-24 06:50:45

#22

Scorpion0x17: can detect anyone's visible post count...; +691|7069|Cambridge (UK)

Zimmer wrote:
Well, as I promised in the BF2s User campaign, I will release the website tutorials each time I progress through a round. ( Yeah, thought it was a bit mean to release them all if I won; probabilities of that are not very large )

So, my ideas are the following :
Begin with the easiest and then progress with the harder, more interesting tutorials.

So, we begin with a basic XHTML/CSS template. Either fixed width, liquid or fluid.

Then, I may go onto more advanced CSS ( hovers, overflow and the rest )

Then Pure CSS Rollovers ( learn to create image rollovers with just CSS, they load instantly. )

Then, maybe how to create a form with XHTML and PHP. How to make it secure and how to get an email to both the website user and the webmaster.

From there.... I am stuck for ideas.
Ah yes, maybe show you how to create a website like this one - IllusionBuilder

Any suggestions for other tutorials?

'bout time you got round to this - you promised it, ooh, ages and ages ago...

2007-12-24 07:21:25

#23

Zimmer: Un Moderador; +1,688|7060|Scotland

Haha. Yeah, but now I have a reason.

2007-12-24 07:26:15

#24

Hurricane: Banned; +1,153|6934|Washington, DC

You can either release the tutorials regardless of whether you win, or you can take a .50 round of pure lead to the face

CALIPH '08

2007-12-24 07:45:03

#25

elbekko: Your lord and master; +36|6705|Leuven, Belgium

Raphi wrote:
elbekko wrote:
Something like that. Seems an awful lot tho.
Just for clarification, you only need the contents of the upload/ folder.

I think a standard PunBB install is around, what, 120 files if that. In any case, it's very small.
I read a tutorial now. lol

Do I also have to upload the folders in there?

Yes, everything in the upload/ folder must be uploaded.

BF2S Forums My website tutorials.

Zimmer wrote:

wrote:

=Karma-Kills= wrote:

wrote:

Raphi wrote:

Titch2349 wrote:

Zimmer wrote:

Zimmer wrote:

Raphi wrote:

Raphi wrote:

liquidat0r wrote:

Raphi wrote:

elbekko wrote:

Zimmer wrote:

=Karma-Kills= wrote:

Code:

Titch2349 wrote:

Zimmer wrote:

Raphi wrote:

elbekko wrote:

Board footer