Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,158,203 members, 7,835,993 topics. Date: Tuesday, 21 May 2024 at 06:55 PM

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

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

Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 12:01am On Sep 03, 2013
iyenimofe:

And a coup began...
smiley
I checked W3C.org and discovered the rel attribute is required. Thank you, that's why you be boss. @brownlord you now have a deputy-*dhtml/dhtml//dhtml5.

Deputy ke, that guys is not even yet a student of this department, how person when never get matric number won take be deputy class rep?

2 Likes

Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 12:23am On Sep 03, 2013
Viewing this topic at 00:24 Vijon(m), slimjoe007

See the, bad student, they dont come to class and when dey manage to come, dey stay in window

1 Like 1 Share

Re: Learn Web Design LIVE On Nairaland!!! by slimjoe007(m): 12:41am On Sep 03, 2013
brownlord: Viewing this topic at 00:24 Vijon(m), slimjoe007

See the, bad student, they dont come to class and when dey manage to come, dey stay in window
I hail Ooº°˚ bros. Just watchin all dis seems so hard though am definitely interested

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by Nobody: 7:39am On Sep 04, 2013
*whistling* cleaning my desktop, arranging my 60 leaves notebook+pen. I am in o! Awesome thread, will start frm page 1.. #Godbless@op

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by Nobody: 7:41am On Sep 04, 2013
slimjoe007: I hail Ooº°˚ bros. Just watchin all dis seems so hard though am definitely interested
nothing good comes easy na.

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:15pm On Sep 04, 2013
New post later tonight. Very busy since Monday. @brownlord and @dhtml, no one must make noise oh! tongue

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by dhtml(m): 5:18pm On Sep 04, 2013
Okay sir, let me go and read my books, brb
Re: Learn Web Design LIVE On Nairaland!!! by chiboy429(m): 5:20pm On Sep 04, 2013
Tanx bro mofe ur students wil b humble waiting no nonsense
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 9:18pm On Sep 04, 2013
dhtml: Okay sir, let me go and read my books, brb

Please borrow me your note
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 9:19pm On Sep 04, 2013
iyenimofe: New post later tonight. Very busy since Monday. @brownlord and @dhtml, no one must make noise oh! tongue

Since i came to this school, i dont even talk in class, even when those our stupid department girls dey try hustle me

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:48pm On Sep 04, 2013
PART 3: CSS Syntax
When we began HTML we talked about HTML syntax-opening and closing tags, empty elements, e.t.c- and now we are going to discuss its CSS equivalent.
A CSS statement-or more specifically, a rule- is made of two main parts.
1) Selector: This is the element that is to be styled. E.g <p>, <h2>,e.t.c. However, the angle brackets are not compulsorily placed with the elemnt keyword. So it will just be p or h2 as the selector.
2) Declaration: A declaration consists further of two parts
a)Property- This is the attribute of the element to be styled. The property of a selector "p" could be "color".
b)Value- The value is the way the attribute has been changed, and thus the way the element has been modified. The value of attribute "color" of selector "p" cold be "green".
A CSS's property and value are separated with a colon
property:value

E.g color:green
NOTE: Interestingly, when compared to an HTML's attribute and value syntax, the difference is that HTML separates attribute and value with =, while in CSS they are separated with :

5 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:59pm On Sep 04, 2013
To combine a selector and a declaration, the syntax is:
Selector {Property:Value;}

NOTE: The declaration(property and value) are contained in curly brackets and end with a semi-colon.
However, if the selector had more than one declaration, they will be seperated by semi-colons and "a space".
Selector {Property:Value; Property:Value; Property:Value;}

E.g p (color:green; font:Verdana;}

2 Likes 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:04am On Sep 05, 2013
Apart from HTML elements like p, h1 e.t.c you can use other items as selectors. This is what we'll discuss in the afternoon.
So far, we have covered
PART 1: Introduction to CSS
PART 2: CSS Inheritance and Cascading
PART 3: CSS Syntax

4 Likes 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by dhtml(m): 12:13am On Sep 05, 2013
brown_lord {head:empty;status:snoring;position:olodo;}
Thanks mr teacher, that is fantastic!
Re: Learn Web Design LIVE On Nairaland!!! by idlatest(m): 8:13am On Sep 05, 2013
dhtml: brown_lord {head:empty;status:snoring;position:olodo;}
Thanks mr teacher, that is fantastic!
lol
Re: Learn Web Design LIVE On Nairaland!!! by odimawa(m): 12:13pm On Sep 05, 2013
hi,
my name is odim,i have a registered and hosted domain but i need to design my website to upload to my domain.please i need your assistance
Re: Learn Web Design LIVE On Nairaland!!! by dhtml(m): 6:17pm On Sep 05, 2013
^^na where this one commoth from? Berra go back to page 1 of the thread and start learning how to develop sites.

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:13pm On Sep 05, 2013
PART 4: CSS Selectors
Apart from HTML elements, we can use other items as selectors. These other items are id and class selectors.
1- Id Selectors: ID selectors are used to style just one element in an HTML document. A # sign precedes the name of the id. E.g #nameofid. The name of the id can be anything (but should not start with a number),that adequately describes the element being modified. We should remember that in this case, the selector is not an HTML element (p, h2,e.t.c), so we need to specify a name for it in the HTML document. This is done by typing an attribute id and making its value the name of the id. In other words, type- id="nameofid"
Example:
A CSS style would be written like this in a CSS sheet:
#box
{color:green;}

In the .html file, it would be:
id="box"


TIP: Due to the reason that id's can be used only once in a page, use them in specific areas of a page like headers, footers e.t.c
NOTE: When it is said that an id can be used only once in a page, it means an id="box1" can be included only once in the HTML document. It does not mean that another id like id="box2" can't be included. Different ids' can be used as long as they don't have the same name.

5 Likes 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:26pm On Sep 05, 2013
2- Class Selectors: In contrast to id selectors, class selectors are used to style elements that appear many times in an HTML document.
THe major differences between id selectors and class selectors syntax is-
a)Instead of a # sign, class selector names are preceded with a dot .
b)In the HTML document, they are included by using an attribute class and the value will be the na,e of the class. In other words, class="nameofclass"
c)A CSS rule defined with a class selector can appear many times in an HTML document.
A CSS rule defined in a sheet as:
.fontstyle
{color: green;
font-size:16px;
}

Would appear in an HTML document as:
class="fontstyle"

2 Likes 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:36pm On Sep 05, 2013
I assume by now you should have known these:
1) A CSS rule can be defined in an inline style i.e embedded within the HTML element it modifies.
2) A CSS rule can be defined in an internal sheet placed in the head section of an HTML document with the <style> and </style> tags.
3) A CSS rule can be defined in an external sheet which contains CSS rules that are used to modify an HTML document.
4) The CSS external sheet is saved with a .css extension and is linked to an HTML document in the head section with the <link> tag.
5)How to write CSS rules with the 3 types of selectors.

We shall now delve into styling, focusing on how we can manipulate the declarations in a CSS rule.

3 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by cindayat05(m): 8:31pm On Sep 06, 2013
Tankx mr lecturer as u fire on, promise not to miss any class on css
Re: Learn Web Design LIVE On Nairaland!!! by Tos87(m): 9:12pm On Sep 06, 2013
@op..........."Apart from HTML elements like p, h1 e.t.c you can use other items as selectors"
From your above statement, are trying to say that we can use any of ЂΞ html elements when working with css eg:br,a,head,hr,b etc. Thanks once again.
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:05am On Sep 07, 2013
Tos87: @op..........."Apart from HTML elements like p, h1 e.t.c you can use other items as selectors"
From your above statement, are trying to say that we can use any of ЂΞ html elements when working with css eg:br,a,head,hr,b etc. Thanks once again.
Just certain HTML elements. Using a HTML element like br would not be syntactically correct, as the tag itself does not modify any content. Better still let me upload an example of CSS rules.

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:13am On Sep 07, 2013
Example of a Style Sheet
p
{color:purple;
}

h2 { background:red;
color: blue
}

.bodyblue {
font-family: Arial, Helvetica, sans-serif;
color: #0000FF;
}

.bodyred {
font-family: Arial, Helvetica, sans-serif;
color: #FF0000;
}

#container {
width:300px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 1em;
border: 1px solid #000;
padding: 20px;
background: #CCC;
}

#container2 {
width: 400px;
margin: 10px auto 10px auto;
padding: 20px;
border: 1px solid #000;
background: #CCC;
}

5 Likes 4 Shares

Re: Learn Web Design LIVE On Nairaland!!! by Tos87(m): 10:08am On Sep 07, 2013
Thanks op :Dif you were a lady Ї would of taken Ý๏ǖ to ma Mama.
Re: Learn Web Design LIVE On Nairaland!!! by dhtml(m): 10:33am On Sep 07, 2013
^^^gerrout of here already before i take your head break coconut.
@op, i still dey struggle to understand all them html and css jare, ose jare broda mi
Re: Learn Web Design LIVE On Nairaland!!! by Tos87(m): 11:55am On Sep 07, 2013
dhtml: ^^^gerrout of here already before i take your head break coconut.
@op, i still dey struggle to understand all them html and css jare, ose jare broda mi
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.
Re: Learn Web Design LIVE On Nairaland!!! by OmerianConsult: 2:17pm On Sep 07, 2013
Easiest way to be an IT guru!

A new private polytechnic in Lekki (www.piit.com.ng) is doing its maiden admission and as such is offering automatic admission to everyone who scored at least 150 in UTME. lt offers only ICT courses such as Software Engineering, Networking & System Security, Multimedia, Hardware Engineering, and Telecoms Technology. Mail your name, phone and O level result to piitng@yahoo.com to get invited for an interview. 08132232989, 08188360168. Cheap fees !
Admission closes soon.
Re: Learn Web Design LIVE On Nairaland!!! by michealade(m): 6:11pm On Sep 07, 2013
Good
Re: Learn Web Design LIVE On Nairaland!!! by hilaryiwens05: 8:20pm On Sep 07, 2013
pls i need help on setting joomla page to full page. pls how can i do dat
Re: Learn Web Design LIVE On Nairaland!!! by dhtml(m): 10:15pm On Sep 07, 2013
hilaryiwens05: pls i need help on setting joomla page to full page. pls how can i do dat
This one mean say you no dey come school be that. Joomla page to full page? Emi o ma gbo iru e leyi ri keh?
(Me, i never hear this kind thing before o).

@op, i don dey get am small small, thanks

1 Like 2 Shares

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