Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / NewStats: 3,209,517 members, 8,006,306 topics. Date: Monday, 18 November 2024 at 09:20 PM |
Nairaland Forum / Science/Technology / Webmasters / Learn Web Design LIVE On Nairaland!!! (548230 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) ... (122) (Reply) (Go Down)
Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 12:01am On Sep 03, 2013 |
iyenimofe: 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), slimjoe007I 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 interestednothing 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! 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! 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;}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 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 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"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.Who this one ЂΞ form OPC for? 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 datThis 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) ... (122) (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. 45 |