Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,158,305 members, 7,836,328 topics. Date: Wednesday, 22 May 2024 at 04:56 AM

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

Nairaland Forum / Science/Technology / Webmasters / Learn Web Design LIVE On Nairaland!!! (525161 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) ... (10) (11) (12) (13) (14) (15) (16) ... (121) (Reply) (Go Down)

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 2:02am On Sep 08, 2013
Tos87:
Who this one ЂΞ form OPC for? grin op,like wise ϻё. Kind of difficult Ţ☹ understand. Wished you could explain further, but Ї don't think you can. So Ї got to make ma self understand it wella.
Im going to treat CSS Styling in full. How to use different declarations for certain situations.
Re: Learn Web Design LIVE On Nairaland!!! by sunday478(m): 6:00am On Sep 08, 2013
@ op pls we I want to learn how to create drop down menu witg css
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 8:12am On Sep 08, 2013
sunday478: @ op pls we I want to learn how to create drop down menu witg css
When we start the application of HTML and CSS in "real life" instances .
Re: Learn Web Design LIVE On Nairaland!!! by sirhaziq: 2:01pm On Sep 08, 2013
plz explain link in html.
Re: Learn Web Design LIVE On Nairaland!!! by sunday478(m): 4:27pm On Sep 08, 2013
iyenimofe:
When we start the application of HTML and CSS in "real life" instances .
Ok sir
Re: Learn Web Design LIVE On Nairaland!!! by dhtml(m): 6:15pm On Sep 08, 2013
sirhaziq: plz explain link in html.
Teacher, this boy has not been coming to school, we don treat link topic tale tale now? Abi?
Make i quick flip-sheck my classnotes first before i misyarn, brb
Re: Learn Web Design LIVE On Nairaland!!! by omoelu1(m): 6:32pm On Sep 08, 2013
oga tony(*dhtml), dis one way u just dey form one kain one kain for us.. u beta leave us and go and attend to ur clients waiting at the reception.

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by dhtml(m): 7:13pm On Sep 08, 2013
^^^this is not *dhtml, so mind what you are saying o, i am a newbie student here o
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 9:07pm On Sep 09, 2013
PART 5: Styling Text with CSS
The first HTML element that we will style are texts. We shall start from text because, it is logically the most basic and important element on a page.
We shall treat first treat how to change the color of text.
Editing Text Color:
To change the color of text, a method we can use is to modify the paragraph tag. Before we proceed,it should be noted that the convention of writing colors in CSS is the same as that in HTML i.e HEX values, color names,e.t.c
Syntax
p 	{
	color:yellow; 
	}

NOTE: This syntax is used for internal and external sheets. Throughout these CSS tutorials we will be using CSS syntax as if we were writing the CSS rules in an external sheet. We shall not use inline styles as this will defy the real purpose of CSS.
However, if you want to style a paragraph directly in an HTML document-inline style- we will just include the style attribute in the opening <p> tag.
<p style="color:green;"> This text will be written in green.</p>
So, any text written between the opening and closing <p> tags in the HTML document would now be green in color.

4 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 9:18pm On Sep 09, 2013
Editing Text Alignment: If you use Microsoft Word, you should be familiar with text-align. With a value of center, yor text will be centralized, while justify will make all the lines of text have equal width. There are two other values- left and right. If you use one these, the text either aligns to the left or right of its container.
Syntax:
p{text-align:center;}
p.one{text-align:justify;}
p.two{text-align:left;}
p.three{text-align:right;}

NOTE: The p, p.one, p.two and p.three are examples only.

4 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 9:21pm On Sep 09, 2013
There are other text properties that can be modified, but these are the basics. Next, Styling Backgrounds.

1 Like 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by dhtml(m): 10:19pm On Sep 09, 2013
Na who dey hide all our class posts?
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:35am On Sep 10, 2013
Before, I continue, does anybody have problems viewing the syntax in code view, especially mobile devices?
Re: Learn Web Design LIVE On Nairaland!!! by Nobody: 1:46pm On Sep 10, 2013
You can become a member and learn for free alot about the fledgling mobile marketing Industry in Nigeria and even advertise mobile marketing related products and services.
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 1:49pm On Sep 10, 2013
WHISTLING IN CLASS, LECTURER SIR, ABEG PLEASE AM REALLY SORRY FOR BN ABSENT FRM SCHOOL FOR SOME DAYS, I TRAVELED TO THE VILLAGE TO SEE MY VILLAGE PRIEST FOR CLEANSING.



ALL THIS STUPID COURSE MATE, WHEN NO SEE THEIR CLASS REP, UNA NO FIT CALL NOR FIND ME, DHTML EVEN U ABI? NO WORRY EXAM TIME GO COME MAKE U COME DEY FIND HOW YOU WON TAKE SORT LECTURER FOR BETTER GRADE, YOU GO CHOP YOUR EYE.

SIT BACK IN CLASS WITH MY ANALOG COMPUTER.

<HTML>
LEARNING CONTINUE</HTML>

2 Likes

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:49pm On Sep 10, 2013
PART 6: Styling Backgrounds with CSS
We shall now learn how to style backgrounds. This is the first time we will be treating this, both in our HTML and CSS courses, so let me give you a gist about it. When used in CSS, background applies to the background of an element. Simple. Now, with CSS we can change the color of a background and even include an image as background. It is noted that the background attribute can be used with most HTML elements like p and h tags.
Syntax:
First, we treat how to change the background color.
body {background-color:aqua;}
NOTE: This syntax means that the body of the page in this case, would be aqua. We can also,definitely,replace the selector-body with any other valid selector

4 Likes 4 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:53pm On Sep 10, 2013
Secondly, we treat how to include a background image.
body {background-image:https://www.nairaland.com/stock/image.jpg;}
NOTE: Of course as you may imagine,https://www.nairaland.com/stock/image.jpg, is just an example. You can specify the url of the image anyhow, as long as it is the correct address.

3 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:57pm On Sep 10, 2013
When an image is included as the background, the image fills its container by repeating itself left to right, up to down. This is the default setting. However, we can overcome this by using this syntax:
body
{
background-image:https://www.nairaland.com/stock/image.jpg;;
background-repeat:no-repeat;
}
This will make the image appear once.

3 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by Opey4luv(m): 11:58pm On Sep 10, 2013
The first time this gentle student will be talking in the class, Thanks boss. Attending class at 11:58 isn't a joke.

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:59pm On Sep 10, 2013
Opey4luv: The first time this gentle student will be talking in the class, Thanks boss. Attending class at 11:58 isn't a joke.
Hope you got a cup of cofee
Re: Learn Web Design LIVE On Nairaland!!! by tesorunke(m): 12:42am On Sep 11, 2013
Pls who can kindly send me all this info to my e-mail- tesorunke@yahoo.com
Re: Learn Web Design LIVE On Nairaland!!! by visita: 12:43am On Sep 11, 2013
op i really appreciate your effort right from HTML, please isn't it possible for you to show us examples just like you did in HTML?

thanks

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by Opey4luv(m): 6:57am On Sep 11, 2013
iyenimofe:
Hope you got a cup of cofee

Sure boss.
*Get a broom and started sweeping the class*
Good morning sir, good morning my fellow students ooo.

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:59am On Sep 11, 2013
visita: op i really appreciate your effort right from HTML, please isn't it possible for you to show us examples just like you did in HTML?

thanks
No problem bro, just wait for the time.
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:21pm On Sep 11, 2013
PART 7: Styling Fonts of Text
Once again, we treat an untouched aspect-fonts. I am sure most of you know what fonts are. Just for clarity, they define the way a text appears i.e its design, boldness, style, e.t.c. So while you will use the color attribute to change the color of a text, you will use the font, for fonts.

3 Likes 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:32pm On Sep 11, 2013
The terms that most of us familiarize with the term 'fonts'- Times New Roman,Comic Sans, e.t.c are more detailed. Fonts could be classified as a generic or font family.
1)Generic Family: This classifies fonts in a general way. It is the main classification of fonts. You might have heard of the terms 'serif' and 'sans serif'. They are part of the generic family. The generic family consists of, in full:
a)Serif:Fonts that fall under serif(e.g Times New Roman) have lines at the end of most of their characters and thus, tend to be used for designed texts.
b)Sans Serif: These are the opposite of serif. They do not have these little lines and thus are used in context with much words. E.g Arial
c)Mono Space: Mono means one. These fonts have significant 'one space' between each character. E.g Lucida Console

5 Likes 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:34pm On Sep 11, 2013
2)Font Family: These are more specific. E.g Times New Roman, Verdana, e.t.c

2 Likes 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by visita: 11:50pm On Sep 11, 2013
iyenimofe:
No problem bro, just wait for the time.

Ok, thanks

(1) (2) (3) ... (10) (11) (12) (13) (14) (15) (16) ... (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. 32
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.