Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,166,098 members, 7,863,851 topics. Date: Tuesday, 18 June 2024 at 07:51 AM

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

Nairaland Forum / Science/Technology / Webmasters / Learn Web Design LIVE On Nairaland!!! (528751 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 omoelu1(m): 11:57am On Aug 14, 2013
waitin for d lecturer at php&mysql..

2 Likes

Re: Learn Web Design LIVE On Nairaland!!! by majinice07: 1:06pm On Aug 14, 2013
omoelu1: waitin for d lecturer at php&mysql..
yeah, lets the class be fast to meet us there! am eeegerrrrr!!!
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:04pm On Aug 14, 2013
Other attributes of the anchor<a> tag
1- The Target(target) attribute: The target attribute tells the browser where to open the destination page. It could open the destination page in a new tab or in an entirely new window. If the target attribute is not specified the destination page would be opened in the same tab that contained the source document.
2- The id attribute: This attribute is used to link to a particular section in a document. This is how it works. A bookmark is created on the section that is to be linked to. The id attribute is now placed in the <a> tag. Its value is that section that was bookmarked.
Example:
<a href="#learnhtml">Jump to Learn HTML Section</a>
Where "#learnhtml" was placed as a bookmark in the "Learn HTML" section. When the link "Jump to Learn HTML Section" is clicked, it will take the user to that particular section on the page.
This is an example to link to another section on the same page.If the "Learn HTML" section was on another page, it will be
<a href="https://www.nairaland.com/webmasters/.html#learnhtml">Learn HTML</a>.

2 Likes 2 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:09pm On Aug 14, 2013
HTML Images
I have hardly come across a website that does not have an image.This shows that images are very important in increasing the visual appeal of a webpage.
Images are added with the <img> tag.The image appears where the <img> tag appears on the webpage. Like the <a> tag, <img> tag is useless without attributes and values.The most important attributes of the <img> tag are:
1- The src (source) attribute: The src attribute specifies the location of the image. All attributes have values (which are always in quotation marks), and the value of the src attribute is the URL of the image.
Syntax:
<img src="url">
NOTE: You might notice that there is no closing </img> tag. That's not an error. The <img> tag does NOT have a closing tag, thus it is an empty tag.

2- The alt (alternative) attribute: The alt attribute specifies an alternative text that is shown instead of an image due to a problem. This problem may occur if there is an extremely slow internet connection, an error in your coding,e.t.c. The alt value is the text shown when the mouse is hovered across the image and is what is read out by a screen reader (which is used by the disabled). Considering these, it is vital that your alt text adequately describes your image. TIP: The alt text is also useful for Search Engine Optimization.
Syntax:
<img src="imageurl" alt="Alternative Text">

3- The width and height attributes:
The width and height attributes specify the dimensions of an image pixels. If you don't include the width and height attributes the browser would still load the image BUT it will size it anyhow it wishes which may affect the appearance/structure of your page.
Final Syntax for an image:
<img src="imageurl" alt="Alternative Text" width="100" height="100">
NOTE: The value "100" used for the width and height attributes are just examples. You can use any value.

6 Likes 3 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 5:22pm On Aug 14, 2013
exellent91: My second question is to know when the doctype declaration fall in.whether is after opening ur browser's file on property bar
The <!DOCTYPE> is not visible in the webpage itself or the properties bar. However, you can view the <!DOCTYPE> of a page by viewing the page source.
To do this right-click on a blank space on the webpage and click "view page source"
It would be the first thing you would see on the page.

2 Likes 1 Share

Re: Learn Web Design LIVE On Nairaland!!! by dont8(m): 5:31pm On Aug 14, 2013
.
Re: Learn Web Design LIVE On Nairaland!!! by emorse(m): 6:31pm On Aug 14, 2013
iyenimofe:
Will definitely reply, please hold on...
[color=#99000] I'm still waiting bro[/color]
Re: Learn Web Design LIVE On Nairaland!!! by Nobody: 10:45pm On Aug 14, 2013

2 Likes

Re: Learn Web Design LIVE On Nairaland!!! by Olarewajub: 11:25pm On Aug 14, 2013
Take my seat and wait patiently for more update.
Re: Learn Web Design LIVE On Nairaland!!! by Olarewajub: 11:50pm On Aug 14, 2013
@all webmasters in the class, hope i can upload pictures online with an html code? Men i love this class.
Re: Learn Web Design LIVE On Nairaland!!! by dankena(m): 1:20am On Aug 15, 2013
i have all the videos...i know some people may like to watch the videos too....08183845818

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by brownlord: 2:04am On Aug 15, 2013
BREAKING NEWS!!!

THERE WILL BE NO CLASS TOMORROW DUE TO THE ON GOING ASUU STRIKE, OUR SCHOOL DECIDED TO JOIN IN THE SOLIDARITY SO AS TO ENABLE THE FEDERAL GOVT. MEET UP WITH THE DEMAND OF THE UNION, THANKS...CLASS PLANTAIN.






GREETINGS TO ALL MY LECTURERS AND NON ACADEMIC STUDENT ( NAS ) ON THIS THREAD

3 Likes

Re: Learn Web Design LIVE On Nairaland!!! by exellent91(m): 5:37am On Aug 15, 2013
Pls this class is the only thing that keeps us busy as students during this strike.pls dont also go on strike.cos an idle man is a devils workshop.
Re: Learn Web Design LIVE On Nairaland!!! by exellent91(m): 7:33am On Aug 15, 2013
Pls how can i put price e.g in games and movies,so dat when people download ma games the money wil go to ma account,for site development.pls i need help

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by iydih(f): 7:45am On Aug 15, 2013
Great Initiative..More posts plss....
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 9:18am On Aug 15, 2013
exellent91: Pls this class is the only thing that keeps us busy as students during this strike.pls dont also go on strike.cos an idle man is a devils workshop.
No worries, no strike here.
Re: Learn Web Design LIVE On Nairaland!!! by iffydave: 11:27am On Aug 15, 2013
iyenimofe:
No worries, no strike here.

good job....... <b>following....</b>
Re: Learn Web Design LIVE On Nairaland!!! by Ujawissy: 3:53pm On Aug 15, 2013
dankena: i have all the videos...i know some people may like to watch the videos too....08183845818
why nt tell the link

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by exellent91(m): 5:25pm On Aug 15, 2013
What time does lecture start.
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:05pm On Aug 15, 2013
exellent91: What time does lecture start.
The are no time boundaries, you learn anytime you get here.
Re: Learn Web Design LIVE On Nairaland!!! by exellent91(m): 6:49pm On Aug 15, 2013
exellent91: Pls how can i put price e.g in games and movies,so dat when people download ma games the money wil go to ma account,for site development.pls i need help
someone pls help out

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by Olarewajub: 7:51pm On Aug 15, 2013
Public Note: This to inform everyone that you are mandated to come with your school fees or you will be driven home.

2 Likes

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 8:20pm On Aug 15, 2013
exellent91: Pls how can i put price e.g in games and movies,so dat when people download ma games the money wil go to ma account,for site development.pls i need help
You have 2 options:
1) Provide a bank account number for payment on purchased items. This technique is not feasible though (except you can find a bank that has branches in all the countries on earth).
2) Provide payment through credit card: To do this sign up with a merchant involved with such(e.g PayPal). Just go to their site and follow the instructions. Voila!

1 Like

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 8:24pm On Aug 15, 2013
Olarewajub: Public Note: This to inform everyone that you are mandated to come with your school fees or you will be driven home.
Olarewajub, cheesy this thread is free for all. Though, I wonder how you intend to "drive home" debtors.

2 Likes

Re: Learn Web Design LIVE On Nairaland!!! by exellent91(m): 9:01pm On Aug 15, 2013
@iye,thanks but how den do we get money to pay 4 internet modem,to develop the site,since de method u gave me might end up chasing ma site members.or do we just keep spending.
Re: Learn Web Design LIVE On Nairaland!!! by exellent91(m): 3:54am On Aug 16, 2013
Pls continue with the lectures.
Re: Learn Web Design LIVE On Nairaland!!! by exellent91(m): 4:43am On Aug 16, 2013
Pls am stil confused with the first steps,i went to all programs,opened accessories,opened notepad and type in all those <html> structure u gave us,including <title> etc.i saved it with all file cos dats the option i saw dere,opend de browser,and opened the file but i didnt see any related document to click on
Re: Learn Web Design LIVE On Nairaland!!! by omoelu1(m): 8:30am On Aug 16, 2013
exellent91: Pls am stil confused with the first steps,i went to all programs,opened accessories,opened notepad and type in all those <html> structure u gave us,including <title> etc.i saved it with all file cos dats the option i saw dere,opend de browser,and opened the file but i didnt see any related document to click on
you are supposed to save it with a “.html“ extension now.
Re: Learn Web Design LIVE On Nairaland!!! by OmerianConsult: 8:30am On Aug 16, 2013
OP: this is the best web dev tutorial l have ever read, and you are an excellent teacher too. l could reward you with my grandma if you are not married. However, your entire lecture here can be read up in < an hour so try to speed up a little, or can you help we intermediate learners with good self-study materials?

5 Likes

Re: Learn Web Design LIVE On Nairaland!!! by omoelu1(m): 8:52am On Aug 16, 2013
my apologies for diverting dis thread but i need a quick help pls..i created an android app for my blog,so i want to ask if visits to my blog on this app will be added to the statistics of my blog. thanks in advance
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:28am On Aug 16, 2013
PART 4
Session 5
Image Formats
There are numerous image formats but only a few are acceptable on the internet. I will discuss 2 of the acceptable formats.
1-JPG or JPEG (Joint Photographic Experts Group): This format is used with images that contain thousands of colors e.g photographs
2-GIF (Graphics Interchange Format): This image is used for images with few colors and clearly defined lines e.g logos and icons.
To change the format of an image, import it into an image editor e.g Adobe Photoshop and click on "Save As" in the "File" drop-down menu. Just change the extension to .jpg or .gif

6 Likes 4 Shares

Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:00am On Aug 16, 2013
Image Loading Optimization:
When images are added to a webpage it increases the loading time of the page. This is because when the webpage itself is loaded, the image (being a seperate file) also loads simultaneously. So if your webpage contained 2 images, total number of files that'll be uploaded will be 3 (including the webpage itself). This information being known, it is necessary to optimize an image so as to reduce its loading time. To do this you'll need an image editor. We have many image editors (free and commercial). Examples include Adobe Photoshop, Corel Photopaint, Macromedia Fireworks, e.t.c
TIP: I personally use Macromedia Fireworks as it was created to deal with web based images.
Though, the processes differ according to the program, it should be able to:
1- Reduce the size of the image
2- Crop out unnecesary areas
3- Reducing the number of colours (GIF) or the quality (JPG)
The above processes are explained in the HELP section of each program, as treating such here will constitute to diversion.

7 Likes 3 Shares

(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. 38
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.