Iyenimofe's Posts

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

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

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 11:53pm On Sep 20, 2013

2)Border: When using tables to present tabular information, you may want to make the borders visible. This is so by default. You can still specify it though, and add the thickness and color of it.
E.g
table{border:1px black}
You can make the border invisible by setting the thickness to 0px.
NOTE:Make sure that you did not set the border thickness in the corresponding HTML file.

If you notice, the table by default, has a border for the table head<th>, table data<td> and the table itself. Most times, you will want to avoid this. In this case, the 'border-collapse' property comes to play.
Syntax:
table{border-collapse:collapse}

2 Likes 3 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 11:52pm On Sep 20, 2013

There are numerous CSS rules that can be used to modify an HTML table. We will consider the most used of these.
1)Background color and color:
The property 'background-color' is used to set the color of the background of cells in a table. It can be used for the table header<th>, table data<td> and the whole table. The color of the text that appears in the cell is now altered with the property 'color'.
E.g
table{background-color:black;
color:white;
}

3 Likes 2 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 5:02pm On Sep 20, 2013

PART 10
Styling Tables with CSS
We treated tables in HTML. Certain. If you can recall, we discussed that tables-with the <table>-are used to arrange tabular data. Most designers, in the past, used tables to design whole web pages and in essence, whole websites. CSS put an end to that. With CSS, we can utilize an element called div tags-which we will discus in full later-to style web pages. So, it will be deemed archaic if you use tables to create your sites. However, tables are very powerful tools that can be used for multi purposes, if properly utilized. In this part we shall discuss some basic rules that can transform a traditional black and white table into something more interesting.

3 Likes 2 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 8:34pm On Sep 19, 2013

Sorry for the delay in posting the the next part. It shall be posted in the next 18 hours. We are never going on strike, though.

1 Like

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 7:13am On Sep 18, 2013

visita: Pls op can u kindly go over how to reconcile my HTML with CSS?
Thanks

https://www.nairaland.com/1383359/learn-web-design-live-nairaland/10

4 Likes 1 Share

Business › Re: Business Logos With Subliminal Messages by iyenimofe(m): 6:43pm On Sep 17, 2013

Promhize: #2: Tour De France
the yellow circle is supposed to represent the sun which notes that the stages of the cycling event only takes place during the daytime.

I must say:"Nice Interpretation of the yellow circle."

Promhize: #15: Baskin Robbins
this logo uses the company's initials to cleverly advertise the number of ice cream flavours the chain offers.

1312 flavours?! shocked

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

The next part is Styling Tables with CSS

1 Like 1 Share

Webmasters › Re: Please, Can Someone Recommend Me Books For Computer Science, Java And Programin by iyenimofe(m): 11:17am On Sep 17, 2013

Check out the 'I Want to Learn Programming' thread in the Programming section.(Here on NL) The links provided there refer to good ebooks.

Career › Re: Movies All Entrepreneurs Should Watch by iyenimofe(m): 11:03am On Sep 17, 2013

tunamania: you need to add JOBS to the list..

Afam4eva: Not forgetting JOBS

I definitely think the movie, JOBS should be watched. Even though I haven't watched the movie, reviews about the movie have increased this urge of mine to download and/or watch the movie. And not forgetting that the movie immortalises Steve Jobs, one of the unerasable names in the history of computers. And of course the wonderful actor, Ashton Kutcher...

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 10:49am On Sep 17, 2013

isaiah981: i dont understand the target attribute in link

This attribute specifies where a linked document will be opened. By default, a linked document is opened in the same tab. However, this can be altered by different values that will make the linked document open in a new tab or window.

3 Likes 1 Share

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 2:51am On Sep 15, 2013

Styling Ordered Lists with values roman and alpha respectively

1 Like 1 Share

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 2:50am On Sep 15, 2013

Styling Unordered Lists with values square, disc and circle respectively

1 Like 2 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 11:41pm On Sep 14, 2013

Next, let us examine an image that explains what we have just considered.

1 Like 1 Share

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 11:40pm On Sep 14, 2013

It should also be noted that images can be used as list item markers.
Syntax:
ul {list-style-image: url;}

3 Likes 1 Share

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 11:35pm On Sep 14, 2013

PART 9: Styling Lists with CSS
In our Introduction to HTML courses, we discussed about lists-unordered,ordered and definition. Each type of list has its peculiar feature. Each list item <li> in an unordered list is preceded with a bullet point and in an ordered list, numbers. However, this default preferences can be modified with CSS.
1)Styling Unordered Lists:
The bullet point that appears in unordered lists by default is a type of list item marker. A new list item marker can be set with the property- list-style-type. The possible values for this property are none,disc,circle and square.
Syntax
selector{list-style-type:value}
2)Ordered Lists:
Instead of digits 1,2,3,4,e.t.c other list item markers can be used. The possible values for the property list-style-type are alpha, roman, greek, latin, e.t.c
Syntax
selector{list-style-type:value}

3 Likes 3 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 11:03pm On Sep 14, 2013

jay4genius: Boss Iyenimofe, Kudos to u for your selfless work. Please, how can i create a school site like this: amvilleschools.com can i do it with wordpress, joomla or dreamweaver??

Why do you not want to try coding from the scratch?

2 Likes

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 10:11pm On Sep 13, 2013

CSS Rule above applied to an HTML document.

5 Likes 2 Shares

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

CSS Rule

3 Likes 3 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 2:08pm On Sep 13, 2013

Next, lets view an image that discusses the CSS rules we have discussed.

1 Like

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 1:45pm On Sep 13, 2013

The property text-decoration, can be used to make a link underlined.
Syntax
a:link:{text-decoration:none}
NOTE: 'link' in 'a:link' can be replaced with visited, hover or active.

3 Likes 4 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 1:12pm On Sep 13, 2013

Remember that the color name can be a color name, an HEX value or a RGB value.

2 Likes 1 Share

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 1:11pm On Sep 13, 2013

PART 8:Styling Links with CSS
By default, an unvisited link is blue, a visited link is purple and an active link is red. The just concluded statement has been discussed in an HTML post. However, we might need to change this f the color of links match with the color of the page text or just for aesthetic purposes. There are many ways to go about this but the easiest way to this is what I shall discuss.
Syntax
a:link {color:color name;}
a:visited {color:color name;}
a:hover {color:color name;}
a:active {color:color name;}
NOTE:
1)a:link refers to an unvisited link
2)a:hover can appear only after a:link has been specified
3)a:active can appear only after a:hover has been specified

2 Likes 4 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 1:01pm On Sep 13, 2013

Thus, if we want to style the<p> tag, it will be something like this:
p{font-family:"Lucida Console", "Courier New", Monospace;
font-size:17px;
}

4 Likes 3 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 12:14pm On Sep 13, 2013

The font-size property:
This is included to specify the size of a text in a particular unit e.g pixels. It can be used to specify size for paragraphs, headings,e.t.c. However, do not increase the size of your paragraph text or any element to make it appear as headings. The h1-h6 tags are used for this. If you ignore this, it will affect the structure of your page when it is indexed by search engines.
E.g
p{font-size:17px;}
If the font-size is not set, the default size of the element is used.

3 Likes 3 Shares

Webmasters › Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(op): 12:04pm On Sep 13, 2013

Editing Fonts:
To change the font of a text, the font name would be included as the value of the property-'font-family'.
E.g
p{font-family:Arial;}
However, it is better to include more than one font-family name. This is important if a browser does not support the included font.
p{font-family:Arial, Verdana, Sans-Serif;}
NOTE:
1) The font family names are separated by commas and not semi-colons. This is because the font family names are not different values but options for a value.
2) The first font-family name is the first choice followed by the second one ...,e.t.c
3)At the end of the font-family name options, include the generic font name. The browser will use this to select a font if none of the fonts you included are supported by the browser.
4) Contain font-family names that are in multiple words, in double quotation marks. E.g "Times New Roman"

4 Likes 3 Shares

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

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

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

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

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

Webmasters › Re: Clients From Hell Quotes by iyenimofe(op): 11:58pm On Sep 10, 2013

#10. CLIENT: Can our customers visit our website while they’re in our restaurant?
ME: Of course, they can visit the website on their smartphone or laptop. Does your restaurant have WiFi available for customers?
CLIENT: No, not yet. But maybe you can put WiFi on our website?

5 Likes

Webmasters › Re: Clients From Hell Quotes by iyenimofe(op): 11:57pm On Sep 10, 2013

#9 CLIENT: Should I send the logo as jpg or jpeg?
ME: Send it wtf.
CLIENT: What’s that?
ME: I’m joking with you, send it as a png.
CLIENT: Nice try, but I’m not that stupid.

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