Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,152,693 members, 7,816,834 topics. Date: Friday, 03 May 2024 at 06:22 PM

Learn Web Design LIVE On Nairaland!!! - Webmasters (2) - Nairaland

Nairaland Forum / Science/Technology / Webmasters / Learn Web Design LIVE On Nairaland!!! (523496 Views)

Learn Bulk SMS Web Design LIVE On Nairaland!!! Www.buymoresms.com / Web Design Live On Nairaland, Professional / Forum Website (2) (3) (4)

(1) (2) (3) (4) (5) (6) (7) (8) (9) (10) ... (121) (Reply) (Go Down)

Re: Learn Web Design LIVE On Nairaland!!! by olori4b: 11:30pm On Aug 05, 2013
lovely exactly what I am looking for kudos for this pls continue the tutorial. I would be greatful if d tutorial can be sent to me. joannedavid68@yahoo.com thanks

5 Likes 1 Share

Re: Learn Web Design LIVE On Nairaland!!! by cannonnier(m): 2:37am On Aug 06, 2013
" http://www.w3.org/TR/
xhtml1/DTD/xhtml1-
transitional.dtd">

Where is the opening/closing tags?
Re: Learn Web Design LIVE On Nairaland!!! by cannonnier(m): 2:40am On Aug 06, 2013
olori 4b: lovely exactly what I am looking for kudos for this pls continue the tutorial. I would be greatful if d tutorial can be sent to me. joannedavid68@yahoo.com thanks

Make notes ontop ur phone know. Copy it here and paste it in ur note.

5 Likes

Re: Learn Web Design LIVE On Nairaland!!! by deejay102: 10:10am On Aug 06, 2013
Oya Na!! Subscribed!!

2 Likes

Re: Learn Web Design LIVE On Nairaland!!! by REXtern: 10:39am On Aug 06, 2013
iyenimofe:
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...

How 'bout on say facebook.

2 Likes

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 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">

3 Likes 5 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 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.

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by cannonnier(m): 12:42pm On Aug 06, 2013
iyenimofe:
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">

The opening tag is placed before the main adress. Got it. Thanx

2 Likes

Re: Learn Web Design LIVE On Nairaland!!! by Seomartscom: 12:47pm On Aug 06, 2013
its really nice

2 Likes

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 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

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 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

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 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

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:40pm On Aug 06, 2013
Other elements included in the <head> section are:
The <base> element:
It is used to create a base or default URL for all link on the page.
The <link> element:
It links the document to an external document. E.g a style sheet(for beautifying a page).
The <meta> element:
It provides keywords, document description, author of document, e.t.c. The meta tag elements are very useful for Search Engine Optimization (SEO), thus they will be discussed in full later.
The <script> element:
It is used to attach a client-side script like JavaScript in the document.
The <style> elements:
It is used to include CSS rules in the document.

NOTE: The elements above will be treated later when we apply them as to their respective uses.

15 Likes 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by cindayat05(m): 3:56pm On Aug 07, 2013
Ride on bro..

1 Like 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:17pm On Aug 07, 2013
PICTORIAL ILLUSTRATION:
The code in this image:

5 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:20pm On Aug 07, 2013
Will give this in a Web browser : (The one used in this image is Google Chrome)

2 Likes 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:26pm On Aug 07, 2013
Having completing the head section, we shall now move to Session 2: The <body> element.

4 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 4:49pm On Aug 07, 2013
The <body> element nests other tags that control the way webpage contents appear to the visitor/viewer. The elements within the <body> and </body> ARE VISIBLE to the viewer unlike those found in the <head> section. The basic elements in the <body> section are:

3 Likes 1 Share

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:01pm On Aug 07, 2013
The Headings- <h1> to <h6> tags:
These tags are used to signify headings of a document. Headings in a Web page are used in the same way you'll use an heading when writing a physical article (in paper and pen).
To create a heading:

4 Likes 1 Share

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:25pm On Aug 07, 2013
Input in your text editor:
<h1>Your Text</h1>
And "Your Text" will be highlited as your heading. Example: The HTML code <h1>Why Learn Web Design?</h1> will appear like this in a Web browser:

2 Likes 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:42pm On Aug 07, 2013
The <h1> tag is the largest of the <h1> to <h6> tags, with <h2> being smaller than <h1>, <h3> is smaller than <h2> and so on. The <h6> tag is the smallest among his "brothers."
Thus, you may use <h1> as the main heading of a page, <h2> as a subheading and so on.
To appreciate the difference between this tags, consider this image. The first line of text was written as an <h1>, the second <h2>, the third <h3> and so on.
NOTE: Writing the <h2> to <h6> tags is the same process of the <h1> tag, except that 1 in <h1> is replaced with 2, 3, 4, 5 or 6.

7 Likes 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:50pm On Aug 07, 2013
<h1> to <h6> tags

7 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:09pm On Aug 07, 2013
The headings should be used as headings and as headings alone. DO NOT use headings to make text bigger (that's the work of another tag) as search engines use headings to determine the structure of your page and it will help in SEO.

9 Likes 1 Share

Re: Learn Web Design LIVE On Nairaland!!! by Seomartscom: 3:05pm On Aug 08, 2013
This is great class. i am too happy

9 Likes 1 Share

Re: Learn Web Design LIVE On Nairaland!!! by chux4liv(m): 4:15pm On Aug 08, 2013
I love this... It will be helpful in my current web project.

5 Likes 1 Share

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:04pm On Aug 08, 2013
The Paragraph <p> tag-
The <p> tag is used to create a new paragraph in an HTML page. The <p> tag is somewhat compulsory as all items (text, images, e.t.c) lay within it. The code for inserting a paragraph is:
<p>content</p>
When a new <p> element is inserted after a previous <p> tag, a line of white space is left and its contents start on the line after.

8 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by Aafulenu(f): 5:06pm On Aug 08, 2013
Quick question, whats d best format? Html 4, html 5 or xhtml?

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:55pm On Aug 08, 2013
Aafulenu: Quick question, whats d best format? Html 4, html 5 or xhtml?
The main difference between HTML 4.01 and XHTML 1.0 is that HTML 4.01 is more "forgiving" e.g you can ommit certain closing tags. So its good for a beginner. XHTML 1.0 does not do this. This gives an advantage of dependability and thus is widely used by webmasters. HTML5 is straight foward (as you can see in its DOCTYPE). However, it is not supported in old browsers. But features not supported will degrade to its older counter parts. I use XHTML 1.0 though. You can use any according to the above stated explanation. All oft their advantages and disadvantages...

6 Likes 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:28pm On Aug 08, 2013
Example of the <p> element in code and browser view.

4 Likes 1 Share

Re: Learn Web Design LIVE On Nairaland!!! by Aafulenu(f): 6:58pm On Aug 08, 2013
Thank u kiss kiss

5 Likes

Re: Learn Web Design LIVE On Nairaland!!! by ctive: 7:32pm On Aug 08, 2013
Great job @op. When will exams be coming up?

2 Likes

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 8:44pm On Aug 08, 2013
+@ctive:
Great job @op. When will exams be coming up?
cheesy

3 Likes

(1) (2) (3) (4) (5) (6) (7) (8) (9) (10) ... (121) (Reply)

Domain Name Business; The Easiest & The Most Profitable Online Venture / How To Download Youtube Videos Using The ‘ss’ Trick

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 33
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.