₦airaland Forum

Nastydroid: i need tips on how to get a website on the web,i really don't understand the domain thing.i want to try the .tk since it is the only free domain that i know.

A good domain name is crucial for a website. In fact, it is recommended that you register a domain before even designing a site.
An example of a domain name is www.nairaland.com where .com is the Top level domain(TLD).
A TLD must be chosen for a specific reason.
.com is intended for commercial websites, .org for non-profit organizations, .edu for educational sites and so on.

[quote author=Appliedmaths.]JS Finally, abeg prepare ooo, cuz boys go jam you with questions. Let me even start now... To me there are many useless functions in that js that I feel isn't useful to me. Ex the while loop,for loop, all those jargons. The part of js I do take seriously is the form validation,date and time, changing windows , reg exp, maths function (chio na my name be that nah' ), event handlers, cookies etc.

In fact e be like say I don mention the whole js finish. All the same your explanations would do me a lot of good esp on those loop sections,break etc when and what are we using it for? Cause I can't store any yeye syntax in my head which I wouldn't use. Welcome back boss!.[/quote]poco a poco!
Take it a step at a time.

Sorry for the prolonged absence. It was due to some offline problems. We should get back in track tomorrow or so. I just need to get my things together.
We'll round up our CSS and move swiftly to JavaScript.

[quote author=Appliedmaths.]teacher don abandon us since[/quote]O ye of little faith.

[quote author=*dhtml]However, you can declare your header as HTML5 and mix HTML4 and HTML5 codes ite?[/quote]Yes sir.
As long as the doctype is in HTML5.

[quote author=Appliedmaths.]Q?
If my DOCTYPE declaration is in HTML 5, and I write my codes by mixing HTML 4 and 5 elements, also with css 2 and Css 3 elements. Using the html codes validator procedure, would it validate my mixed codes? or should I only write my html and let's just add (css codes) according to the doctype I used. That is if I used html 4 doctype declaration then should I only write my html codes in html 4 and not any other html lang let's say 5? Or if I used html 5 doctype should I only write my codes in html 5 elements and nothing else ?[/quote]HTML 4.01 does not support new HTML5 elements. So if you specify an HTML 4.01 DOCTYPE, you cannot use HTML5 new elements.
However, if you're using HTML5 DOCTYPE, you can use all HTML 4.01 elements, considered they aren't depreciated.

yusufu16: Does Pay Pal now accepts Nigerians

Last time I checked, NO.

CMS
These are meant for users that have no coding experience. Everything has been designed, just add content. It is used mostly for blogs and for companies that wish to add content to a website without the aid of IT personnel.
PROS
- You can do without codes which is good news for novices
- It is a great time saver as it makes you focus on content only
- It allows the use of extended features like comments, search boxes, e.t.c
- It has a large community of developers, which means help, lot of themes, e.t.c
CONS
- It is mean on servers and not a good friend of web hosts. It consumes bandwith and disk space which makes the fees soar.
- There is little control on the design of a page especially if it's freeware.
- Frequent upgrades affect accessibility of the site.
- Secuirity loopholes are common.

WYSIWYG
It is usually used by professionals who lack the luxury of time involved with hand coding.
PROS
- It saves time
- It requires minimal knowledge of the language being used
- It rules out the stress involved in transferring webpages to an host
CONS
- It is damaging to a beginner in a language. It won't allow a beginner become versatile in the language
- Most WYSIWYG are NOT freeware

Hand Coding
PROS
* Hand coding gives you 100% freedom of design
* You define your style
* It increases your knowledge of the language
* It is the proper way
CONS
* Time intensive
* It is prone to errors
* It can't be used by a novice i.e It requires knowledge of the language

@ op please, enlighten us on the difference, pros and cons between the CMS method and the raw coding method.

I talked briefly about this in one of my premier posts. I shall now expantiate on it in the simplest terms.
Web pages can be created and modified in many ways. The most common methods are:
1) Hand Coding: This is the way webpages were originally created. It is prevalent among web experts, which means hand coding requires sufficient knowledge of the language to be used.
2) WYSIWYG: This is a web page editor that modifies a web page by working with the look or layout of a webpage without getting involved in hand coding. It could be a
i) Stand-Alone Editor: E.g Dreamweaver.
ii) Online Editor Provided by a Web Host
3) CMS (Content Management System):
This is used to create and edit contents on a webpage. Contents include text, images, multimedia, e.t.c. It could be
i) Freeware: E.g Wordpress, Joomla, Drupal, e.t.c
ii) Paid CMS: E.g EE (Expression Engine)

'WWW2' is a mirror site. It's normally used when a server is down. So lets assume www.nairaland.com was down or 'overstressed', www2.nairaland.com will be used to relieve its 'stress'. The 2 isn't signifcant. It could be 3,4 or any other numeral.

@emmyw We take it one step at a time. Sometimes slow and steady wins the race.

We have gone halfway in our CSS Scheme. With what we have considered under The Box Model, you can start utilizing divs. Both CSS alone can't perform wonders. So, the concluding part of CSS is going to be how we can apply CSS to HTML to get starling results.
The lessons shall continue late tomorrow.

[quote author=CODE-EATER]I Neva c ur mail o[/quote]I'll resend it. It must be network or yahoo wahala.

Neduzze5: Can you teach Javascript

We'll definitely treat JS.

kchaste: how do I get the html on my computer

Please read through the tutorial. You'll get the answer.

Let the old things pass away. Ọrọ RWD la n so ba yi.

The post above concludes the Box Model.
Questions can be asked on this thread, all right. But please let it be questions related to topics that have been treated. If you have any questions regarding topics that have not yet been treated, kindly wait till it is treated or send a PM to anybody you think can answer the question.
Please let us adhere this to make this tutorial simple, clear and easy to follow. It will also reduce the workload on our moderator.

MARGIN
The margin is the distance between the outermost border of a box and its parent container.
The syntax for margin is very similar to that of 'padding'.
The syntax for a margin is-
margin:value
To specify the value for specific margins use:
margin-top:value;
margin-bottom:value;
margin-right:value;
margin-left:value;

The possible values for margin are the same as that of padding.
In fact, the only difference between padding and margin is that padding is inside the box while margin is outside it.

Here is an image illustrating the padding properties.
Here the padding values for top, right, bottom and left differ.

Here is an image illustrating the padding properties.
Here the orange box has a padding of 10px and the black box is the content.

The possible values for the properties above could be px, em or pt. These are definite values. In addition to this, you could specify the value in %. This means that the padding would be x% the width and height of your box.
Example
Suppose the width and height of your content are both 100px. If you specify the padding as 20%, the padding would be 20px on top, 20px at the right, left and bottom.

PADDING
Padding is the distance between the content of a box and its inner border.
The syntax for padding is straight forward. There is no specification of background color, width, height, e.t.c. with padding. Its syntax is
padding:value
This syntax would make the value apply to the padding to the top, right, left and bottom. So, if the value is 5px, the distance between the content and the top, right, left and bottom innermost border are all 5px.
However, to be specific, you could state values for the padding at the top, right, bottom and left. This is done with the syntax-
padding-top:value;
padding-bottom:value;
padding-right:value;
padding-left:value;

Here is an image of a style sheet using the border-width property.

3)Border-Width
As the name implies it specifies the width of the border. The value could be thin, medium or thick. To be specific and avoid undesirable results, specify the value in px.
Syntax
border-width:value

Here is an image of a style sheet using the border-color property.

2)Border-Color
This attribute is used to specify the color of a border. The possible values for this property could be specified by the name of the colors, their RGB values or their HEX values.
Syntax
border-color:value
NOTE: When choosing the color of a border, make sure it serves its purpose. If the box signifies a different area in an area, let the border-color contrast. IF not, the color could be neutral.

Here is an image of a style sheet using the border-style property for specific sides.

In some cases you may not want to make the style apply to all sides of the box. This could be especially useful when the box is at the far-most right, left, top or bottom of a layout.
To specify a style for a left, right, bottom or top respectively, use the following syntax-
border-left-style:value
border-right-style:value
border-top-style:value
border-bottom-style:value
NOTE: The value is the same as that of the border-style attribute.

BORDER
The border is used to specify certain rules about the border of The Box Model. This includes if there will be a border or not, the style of the border or its color. The border attributes are very useful, hence it is vital you understand it. It isn't hard however.
1)Border-Style
The first and the most important attribute is the border-style attribute. It can take many values which include none, solid, double, dotted, dashed, ridge, groove, e.t.c Groove and Ridge values produce 3D effects.
Syntax
border-style:value
NOTE: Even if you don't want any border around your box, specify this with the value- none. Why you may ask? If you do not specify a value for the border-style, no other value will work. Period

dhtml: Too much noise and sidewalks for this thread sef, mister moderator (assuming you are still alive), please,a beg and Biko, help us clean this thread small nao.

We hope a co-moderator will be selected soon. We no fit kill Sly Baba