Iyenimofe's Posts

Nairaland Forum › Iyenimofe's Profile › Iyenimofe's Posts

1 2 3 4 5 6 7 8 9 10 11 (of 11 pages)

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 5:04pm On Aug 06, 2013

Supposing you're writing in XHTML 1.0 :

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

TIP: Just change the doctype declaration for HTML 4.01 or HTML 5.

11 Likes 3 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 4:47pm On Aug 06, 2013

What you had previously typed in your text editor as:
<html>
<head>
<title> </title>
</head>

<body>
</body>
</html>
will now be:

4 Likes 2 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 4:47pm On Aug 06, 2013

After the !DOCTYPE has been declared, the next element is -
1 The <html> element:
This element covers the whole document i.e. All other elements are nested within it. After all the contents of document have been typed in, its closing tag </html> is typed in. Simply put, the <html> tag tells the browser your document is an HTML file. Next, we have -
2 The <head> element:
It contains elements that describe the contents of the web page. All elements nested between the <head> and </head> tags are NOT visible in the webpage displayed by the browser to the viewer. Instead, they are used by search engines for indexing the page.
The most important element in the <head> section is -
3 The <title> element:
This element signifies the title of the document. The title of the document is what is visible in the upper properties bar of the browser. It is what appears as the document's title when the page is bookmarked. This title is also what is given as a search engine result.
Thus, the element
<title>Learn Web Design</title>
will appear as:
Learn Web Design

12 Likes 3 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 11:53am On Aug 06, 2013

REXtern: How 'bout on say facebook.

It is very possible it is very possible to create an app on Facebook.
Though,you will need a knowledge of HTML,CSS & JavaScript.

2 Likes 1 Share

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 11:28am On Aug 06, 2013

cannonnier: " http://www.w3.org/TR/
xhtml1/DTD/xhtml1-
transitional.dtd">

Where is the opening/closing tags?

The opening tag is before ! on the first line and the closing tag is after .dtd
< ! DOCTYPE html PUBLIC "-//
W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/
xhtml1/DTD/xhtml1-
transitional.dtd">

4 Likes 5 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 12:19pm On Aug 05, 2013*

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.

43 Likes 13 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 11:15am On Aug 05, 2013

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.

26 Likes 10 Shares

Webmasters › Re: Help! Webmasters Pls Assess This Site, My Client Rejected It!!! by iyenimofe(m): 9:18am On Aug 05, 2013

If the client accepts another trial, I'll suggest you use responsive web design as it'll rule out the problem of horizontal scrolling.

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 9:07am On Aug 05, 2013

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.

22 Likes 6 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 8:23am On Aug 05, 2013

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.

14 Likes 6 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 8:07am On Aug 05, 2013

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.

41 Likes 8 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 1:49am On Aug 05, 2013

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.

29 Likes 7 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 10:15pm On Aug 04, 2013

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...

28 Likes 4 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 6:18pm On Aug 04, 2013

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 : )

24 Likes 3 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 5:28pm On Aug 04, 2013

[quote author=+@ctive]*following*
@op, hope you are not going to stop halfway. Anyways, first student signing up for the tutorial![/quote]No worries, we're going all the way!

15 Likes 3 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 11:27am On Aug 04, 2013

[quote author=*dhtml]Oya now! lets go there!![/quote]

Slyr0x: Great Initiative. You have our support

mikeyhernadez: Following Thread!!!

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

19 Likes 7 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 5:31pm On Aug 03, 2013*

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.

102 Likes 30 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 5:01pm On Aug 03, 2013*

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)

78 Likes 14 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 4:52pm On Aug 03, 2013

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.

170 Likes 27 Shares

Webmasters › Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 4:32pm On Aug 03, 2013*

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!!

204 Likes 41 Shares

Webmasters › Re: Calling On All Nairaland's Webmasters by iyenimofe(m): 10:30am On Jul 22, 2013

I tell you, thats a really good idea but every cloud comes with a silver lining. The problem with a joint project-especially one that relises profit- is that people try to milk out their own end and before you know it, they forget the real reason that they came together.

Webmasters › CAC Registration Needed Or Not? by iyenimofe(op): 5:08pm On Jul 16, 2013

We all create websites normally for profit making purposes. These websites may belong to that of an existing company or it may be a new entity. Now, the question is , if the site generates profit via selling of merchandise e.g Jumia.com/Konga.com, is it compulsory for it to be registered with the Corporate Affairs commission (CAC) or NOT?
Helpful info will be greatly appreciated as it will enlighten the amateurs...

Web Market › Re: Free Download How To Become A Web Developer From Scratch - Complete Video Course by iyenimofe(m): 6:33pm On Jul 09, 2013

Thank you very much for this post and since everybody keeps learning, i will need the video... thanks in anticipation.

Webmasters › Re: Please Review This Shopping Site!!! U Can Also Criticize Me. by iyenimofe(m): 6:54pm On Jun 29, 2013

Nice work, it has that fashion feel but I think the pictures change tooooooo quickly undecided

. So try reducing the speed so that the visitor can grab the information effectively.

1 2 3 4 5 6 7 8 9 10 11 (of 11 pages)