Why Tutor Web design Directly on
Nairaland?
The Internet is a large source of Web Design Tutorials, some correct and
some are not. Since HTML, CSS, PHP, JavaScript, etc may be foreign to a
newbie, he may be quite unsure of what he is learning.
To make matters worse, most tutorials do not have a FUNCTIONAL
interactive medium where questions can be asked and answered.
The Solution:
The problem will be solved if a platform is created to treat web design
tutorials and at the same time deal with questions posted by users. This
is where the thread comes in.
This thread will treat Web tutorials on HTML, CSS, PHP, JavaScript and so on.
These tutorials will be posted DIRECTLY HERE on the thread. Problems/
Questions can also be posted and since this is an open platform, it may
be answered by fellow Nairalanders who have had experience in our local
market.
All you have to do is sit back, visit the thread, read the posts, ask
questions (if any), contribute to or debunk posted tutorials. And you do
all of this without even leaving Nairaland! How easier can it be?
Let’s set the ball rolling!!

TOPIC 1: HTML
Session: 1
HTML (Hyper Text Markup Language) is a type (and most common) of markup language. A markup language is a set of markup tags used to define a document to be rendered by a Web browser. NOTE: HTML is not a programming language.
HTML tags are keywords in angular brackets <> that come in pairs. The fist of the pair is called the opening or start tag. The second is called the closing or end tag. The end tag always has a forward slash / before it.
Example: <opening tag> </closing tag>
HTML elements are everything between the opening and closing tag including the tag itself.
Example: <opening tag> Content</closing tag>
The compilation of HTML elements used in different ways makes up an HTML document. The HTML document is then interpreted by a Web Browser (e.g. Google Chrome, Internet Explorer, Mozilla Firefox, e.t.c) into visual and audio content that is understood by the browser.
In other words, the web browser does not display the HTML tags itself but the interpretation.

Session: 2
Brief History of HTML
(Just for knowing sake So it is not that compulsory)
HTML was developed by Tim Berners Lee in 1991. It underwent several modifications into HTML+, HTML 2.0, HTML 3.2, HTML 4.01, HTML 1.0 and (most recently) HTML 5.
HTML standards are maintained by the W3C (World Wide Web Consortium)

Session: 3
Writing HTML
For you to begin the art of HTML writing, you need a text editor.
Windows Operating System (OS) users can use Notepad which is already pre-installed with the OS.
TIP: I personally recommend Notepad++ because it displays the code in a colored form, making it easier to read and understand. It is also free but has to be downloaded. Search with Google to find a website to download it from.
Mac OS users can use Text Edit as well.
In addition to these, there are professional web editors that allow you create a website visually without coding HTML tags manually. Popular ones include Adobe’s Dreamweaver and Coffee Cup HTML Editor. However, it is advisable to do without the professional web editors now as it will not help you gain mastery over HTML.

Oya now! lets go there!!

Great Initiative. You have our support

Following Thread!!!

*dhtml:
Oya now! lets go there!!

Slyr0x: Great Initiative. You have our support

mikeyhernadez: Following Thread!!!

Thanks to you all...
Together we can re-invigorate the Webmaster board.

*following*
@op, hope you are not going to stop halfway. Anyways, first student signing up for the tutorial!

More Posts plss. Fnx lots

+@ctive:
*following*
@op, hope you are not going to stop halfway. Anyways, first student signing up for the tutorial!

No worries, we're going all the way!

Thanks a lot for this thread God bless you,
How long will this training take and i hope we would be able to manage and develop our own website after this programme

abbey37:
How long will this training take

Till we cover the basics of Web Design & Development-HTML, CSS, PHP, JAVA, e.t.c
And as long as people ask questions on the topic... We Webmasters will continue to respond : )

Ok thanks a lot

how do you install apps on web pages?

REXtern: how do you install apps on web pages?

Well, you cant install an app on a web page as you'll do on your OS's harddisk, if you don't own the web page.
However, if you own the page (and probably the website) you can run a Web based app that allows the user make use of the app/site without any downloading on his/her PC.
To create this, the web developer( which in this case is you) needs the knowledge of HTML and dynamic web content technology like JavaScript, PHP, ASP.net, Python, e.t.c.
And definitely, most of these shall be treated on this thread...

The thread will follow this order for now:
Topic 1- HTML
Topic 2- CSS
Others who want to post on advanced topics (JavaScript, Jquery, PHP, SQL, XML, ASP.NET, e.t.c) should KINDLY WAIT till we're through with the basics.
In the meantime, all are free to post on the presently treated topics and can definetly ask questions.

It would realy help if we just had one teacher. I think

^^^one teacher supported, teacher = op! other teachers are welcome to join the sidelines!

Session 4: The Summary of HTML Syntax
NOTE:Syntax in this context simply means the way the elements are arranged.
A) An HTML element consists of:
a-The opening tag
b-The element content
c- The closing tag
Syntax: <opening tag> element content </closing tag>

B) Some HTML elements do not have contents and are called empty elements. They have only the start tag and the forward slash. This is the only time when the / is in the start tag.

C) HTML elements can have attributes which makes the element specific. They have a value written in double quotation marks. It gives information on how the attribute qualifies the element.
All are written in the opening tag.
Syntax: < opening tag attribute:"value"> content </closing tag>
Examples will be given later and you'll see how they work.
HTML elements and their attributes should be written in lower case.

Tutors who want to discuss NEW topics should please send me a PM.
If you want to add to a topic that has been treated or is in session, no need of a PM as this an open source project.

Dear Nairalanders,
Session 4 concludes Part 1- Introduction to HTML, Its Brief History and HTML Syntax.
We move to Part 2 - The Basic HTML Page Structure and HTML Elements in Details.

Thank you Op.

I was beginning to get confused

Session 1
The Basic HTML Page Structure
An HTML page must have this structure for it to be called an HTML Page.
<html>
<head>
<title> </title>
</head>

<body>
</body>
</html>
NOTE: To type any HTML content, you'll use a text editor( explained in a previous post ).
Using Notepad:
1- Click on the Start menu
2-Click on All Programs
3-Click on Accessories and then Notepad

Using Notepad++ :
Steps 1 and 2 above
Click on Notepadp++

Using TextEdit:
Open TextEdit from the Applications folder.

To save as an HTML file:
1- Click on File in the properties bar.
2- Click on Save As
3- In file name type in a name that is relateted to the document and also one you'll remember.
4-Use the .html file extension to save it as an HTML file.

To View the Page in a Browser:
1- Open your browser.
2- Click on File in the properties bar.
3- Click on Open
4- Select the file
TIP: Double click the file in its source folder and it'll be opened automatically by your default browser.

Before we treat the <html>, <head>, <title> and <body> elements in details, we need to treat a very important aspect: The <!DOCTYPE> declaration.

The <!DOCTYPE> declaration
As stated in an earlier post HTML comes in diferent versions, so you have to specify the version you're writing in if not your page shall be rendered in quirk mode( the browser will interpret it anyhow).
The following are the <!DOCTYPE> declarations for the commonly used versions:
WARNING: Doctype declarations must contain no errors
HTML 4.01
< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

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

HTML 5
< ! DOCTYPE html>

NOTE: Be careful when using HTML 5 as it is not supported in old browsers.

The < ! DOCTYPE> declaration is thus the first item to be inserted in the document.