Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / NewStats: 3,162,449 members, 7,850,563 topics. Date: Wednesday, 05 June 2024 at 03:31 AM |
Nairaland Forum / Science/Technology / Webmasters / Learn Web Design LIVE On Nairaland!!! (527058 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) ... (40) (41) (42) (43) (44) (45) (46) ... (121) (Reply) (Go Down)
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:13pm On Nov 08, 2014 |
Browser Support for HTML5 HTML5 is not a new comer, so major browsers support it already. You’ll have no problems following along these tuts if use the latest versions of Google Chrome, Mozilla Firefox , Safari, Internet Explorer and Opera browser. I’ll be primarily using Google Chrome to implement codes throughout these tutorials. If the need arises for me to demonstrate cross browser compatibility, I’ll be using Mozilla Firefox. Also, the mobile versions of these browsers can interpret HTML5. |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:26pm On Nov 08, 2014 |
Before we dive into the new HTML5 elements mentioned above, let us see whats new in our <head> section of our HTML5 web page. 1) Simplified DOCTYPE: As you know, the DOCTYPE is the first entry in an HTML document. In previous versions of HTML, the DOCTYPE looked like this: For HTML 4.01 < ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> For XHTML 1.0 < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> However , in HTML5, all this is simplified to: <!DOCTYPE html> 2) Changes in the <link> tag: Previously, to link a CSS document to an HTML document, we did this: <link rel=”stylesheet” type=”text/css” href=”css/file.css”> But now, the type attribute is no longer necessary because CSS is the predominant type of file we link this way. So now it is: <link rel=”stylesheet” href=”css/file.css”> 3)Changes in the <script> tag: The change is also the same with that of the <link> tag. External scripts used to be written like this: <script type=”text/javascript” src=file.js”></script> But since we know that JavaScript is also the most popular of scripts, JavaScript becomes the default script of choice to browsers. Hence, you can now link JavaScripts as this: <script src=”file.js”></script> |
Re: Learn Web Design LIVE On Nairaland!!! by JohnWeinstein: 1:17pm On Nov 11, 2014 |
Can you please let me know if you are offering responsive website design training ? |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:36am On Nov 12, 2014 |
JohnWeinstein:One on One? |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:40am On Nov 12, 2014 |
Now we can dive into… The New Semantic Elements. 1) The <header> element According to the official specs, the <header> element is used to represent “a group of introductory or navigational aids.” Meaning? The <header> will contain things like the main navigation of a site, its logo, search bar, e.t.c. So those elements that you’ll place at the top of a webpage that remains constant throughout the site, yeah, they’ll fall under the <header> element. However, it isn’t compulsory you use it as such. You can also use it for the top of individual sections of a webpage. But using it other places than the top of a webpage could call unnecessary confusion for you (and a search engine) semantically. So I suggest sticking to using it to wrap content that’ll fall in the header of a page. Also note that a <header> tag cannot fall under a <footer>, <address> or another <header> tag. NOTE: Don’t confuse the <header> tag with the <h1> to <h6> tags which are used for headings of articles, posts, e.t.c. |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:52am On Nov 12, 2014 |
meggaable:meggaable, I don't think you should use a slider on a home page especially. It'll be useless to non-smartphone and desktop users. They'll just have a static image. If you are using a m.version though, you could provide an alternative there and still use a slider. To do this you'll need the knowledge of HTML5 and a JavaScript library like Jquery. |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 11:54am On Nov 12, 2014 |
dlex21:No dlex21, not yet. |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 12:05pm On Nov 12, 2014 |
romzyxy: donromanus: PLS HOW DO IGrab Notepad++ here: http://www.notepad-plus-plus.org/ download |
Re: Learn Web Design LIVE On Nairaland!!! by ibktech(m): 10:49pm On Nov 13, 2014 |
This is an excellent thread. Keep it up. 1 Like |
Re: Learn Web Design LIVE On Nairaland!!! by ibktech(m): 9:14am On Nov 14, 2014 |
You can create a SMS autoresponder and integrate it to your website or blog for FREE within 3 minutes. Do It Yourself! No programming required! Step 1 Sign up at www.autosmsresponse.com Step 2 Log in to your account and click List. So, create a new list. Step 3 Click on Form Builder to create the form for the list. Generate Code. You can copy this code and paste to your website or blog. Step 4 Click on Autoresponder to create follow up messages. Set interval as you wish. Follow up message with interval 0 will be sent immediately anyone subscribes on your form. Interval 1 will be delivered 1 day after subscription. Interval 2 will be delivered 2 days after subscription. etc If you have any issue let me know. 1 Like |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 7:33pm On Nov 15, 2014 |
2) The <nav> element: WHATWG spec: “The <nav> element represents a section of a page that links to other pages or to parts within the page.” Simply put, the <nav> element should be used to group a website’s main navigation links. When used like this, the <nav> will fall under the <header> element. This is because the navigation is still a header content. The <nav> can also be used to group a page’s main navigation links.(e.g breadcrumbs) Note though that the <nav> element should not be used to wrap individual links in a webpage. Never do this: <nav><a href=”www.nairaland.com/webmasters” alt=”Nairaland Webmasters”>Nairaland Webmasters</a> </nav> Side note: A major advantage of the <nav> element is that when screen readers detect it, they skip the content i.e they don’t read out its content. This is nice because it wouldn’t make sense for it to read a websites main navigation links every time it loads a new page on the website. Interestingly, if you had used a <nav> to wrap all your links, the screen reader would have to skip ALL your links which would lead to incoherence. |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:31pm On Nov 15, 2014 |
3) The <section> element: The <section> element as specified by the WHATWG, “represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading” The <section> is used to group content that have a central theme. However, it is not a replacement to the <div> tag. The <div> is used for styling purposes(e.g containers, boxes, e.t.c} while the <section> is used for actual content grouping(e.g text, links, images,e.t.c.) |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:34pm On Nov 15, 2014 |
4)The <article> element: The <article> element represents a self-contained composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication. The article tag like the <section> tag, is also used to nest content. But unlike the <section> element which groups different contents with a central theme, the <article> element nests content that are self-contained. Like a literal article. So anything within the <article> element must be one piece of idea or content unlike a <section> elememt that will list a group of similar ideas or content. Illustratively, it could be something like this <section> Complete Guides to Nigerian Universities <article>The Complete Guide to UNILAG </article> <article>The Complete Guide to OAU</article> <article>The Complete Guide to UNIBEN</article> </section> As you can see in this example, the topics contained in the <article> element are “self-contained” i.e it is in itself a complete thought. They are also “independently distributable” i.e. the content- The Complete Guide to Unilag can be posted on another site and still make sense. In contrast the <section> element contains snippets of “Complete Guides” and not a Complete Guide itself, henceit is not a self-contained piece. It would also be useless if it was posted on another site as the user would not benefit from it as it contains just tidbits from Complete Guides and is not a Complete Guide itself. |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 10:41pm On Nov 15, 2014 |
You should note that the <section> and <article> tags can nest other <section> and <article> tags. |
Re: Learn Web Design LIVE On Nairaland!!! by naijabanger: 11:46pm On Nov 15, 2014 |
get the materials here /yVLHL |
Re: Learn Web Design LIVE On Nairaland!!! by naijabanger: 11:54pm On Nov 15, 2014 |
get the materials here <a href="http:///yVLHL">click now</a> |
Re: Learn Web Design LIVE On Nairaland!!! by nafisbd: 7:26pm On Nov 16, 2014 |
Thanks a lot!!!!! really this was very helpful! |
Re: Learn Web Design LIVE On Nairaland!!! by maericacomictnb: 6:16am On Nov 17, 2014 |
To Predict Win Match And Steps to Making Money from 1960BET in Nigeria. A must read! Yeah! 1960BET. Before you take any move further, i will advice you register or Log In through this Link here as 1960bet account by clicking here.https://www.1960bet.ng/Odds/registration/affiliate40498 You hear me right. A lot of things are involved in really making it big on 1960bet and other betting sites. One of such is registering a FRESH account if you already have one before so that you can start afresh. Therefore, Kindly click here => https://www.1960bet.ng/Odds/registration/affiliate40498 to get started. Ensure you register instantly. Very important.Ever heard of 1960bet before? Well, if you’ve never heard about it before, i will urge you to go straight off to and register and take a look at it and possibly register an account in there. But before you do so, be sure to get my SUPERB GUIDE on how to earn an average of #100,000 monthly via 1960bet by clicking here A lot of folks out there are football lovers and have one team or the other. Like myself now, my team is ARSENAL but i also love Barcelona. I know yours will be either Chelsea, Man utd, Liverpool, Man city, Real Madrid etc but, that’s not the point. As a football lover, do you know that you can make money from football matches. Take for example, when arsenal won Swansea yesterday and Man utd won their match against reading, you wouldn’t believe i made extra #48,000 over the weekend. How did i achieve this? I was so sure that Arsenal would win and they eventually did. I was sure that Man utd would win as well and they did win. I had placed bets on these 2 teams to win and when they did, i made my cool cash. Well, the platform trough which the bets are placed is 1960BET. As from next week, i shall begin some series on how to earn from football betting. I use the money earned from this means for my weekly expenses and never have to touch my other incomes. Right now, i want you to follow the link below to open a fresh 1960bet account. Use your normal details. Register with this link and get your account active. Once you have register a new account following the link i gave you above, it’s now time for you to fund your 1960bet account. I mean, adding some money into your account which you shall be using to place bets on football matches. Let me tell you something here, where i mentioned that i made #48,000 from betting on Arsenal to win and Man utd to win. Let me be frank with you. I spent #30,000 to place bet on the matches at an odd over 2 and i was able to make a profit of #48,000. If i ad used #3,000 to place a bet on the same match, i would have won just #4,800. So, the more money you fund into your 1960bet account, the more your potential of earning from 1960bet. I will advice that the least you should fund should be #1000. And can have as much as #100,000 and above. To fund the account, you will see the option of ATM payment on the website when you are logged in. JUST click on deposit. Alternatively, you can fund through agents. You will see lists of their agents. When you see the list, you will see their phone number and their location, never bother about location but if anyone is closer to you, fine. You can walk into his office and pay him the exact amount you want to fund to your 1960bet account and give him your USERNAME on 1960bet and the money will be funded to your 1960bet account. If the agent is far away from you, you can ring his number and he will give you his account number to pay into. You will give him your username after payment and he will fund your account. Never bother about transacting with any of the agents. They have all been verified and known personally by 1960bet boss. They can never toil with your money or dupe you. The worst is they might not fund you on time. In this case, you have to disturb them on phone. LET me stop here for today. I will advice you go straight away to get my comprehensive guide on how to start earning an average of #100,000 monthly from 1960bet. If you have any challenges please contact us at 08080021916 or support@1960bet.ng 1 Like |
Re: Learn Web Design LIVE On Nairaland!!! by princetimiz: 8:04am On Nov 17, 2014 |
how do i secure my website from hackers[color=#006600][/color] |
Re: Learn Web Design LIVE On Nairaland!!! by seaman007: 1:17pm On Nov 17, 2014 |
iyenimofe: how much will create a domain and hosting For me. |
Re: Learn Web Design LIVE On Nairaland!!! by Fhemmmy: 8:06pm On Nov 17, 2014 |
Re: Learn Web Design LIVE On Nairaland!!! by ProfJ29: 9:11am On Nov 18, 2014 |
Pls i want more explanation on the doctype. |
Re: Learn Web Design LIVE On Nairaland!!! by excitechmedia(f): 1:07pm On Nov 18, 2014 |
You guys are real gurus. |
Re: Learn Web Design LIVE On Nairaland!!! by 2ray4sure: 6:33pm On Nov 18, 2014 |
princetimiz: using inbuilt functions such as mysql_escape_strings(); and some other functions. you can visit PHP.net for more details. if you need any help feel free to call 07068550755 |
Re: Learn Web Design LIVE On Nairaland!!! by iykyvic(m): 3:43am On Nov 19, 2014 |
Del |
Re: Learn Web Design LIVE On Nairaland!!! by kudus94: 8:35pm On Nov 19, 2014 |
you see, when you don't know something, you think it's hard to do. creating a professional website is as easy as ABC. you don't need to bother yourself with writing any program. you just need to have some tools(kits and softwares) to do it for you. I wish i could talk more on this. if you're interested in learning this technique, send a msg to ma mailbox : yemiteaday@yahoo.com and i will put you through |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:54am On Nov 20, 2014 |
5) The <aside> element: According to the WHATWG specs, the aside element “represents a part of the page that is tangentially related to the content around the aside element, and which could be considered separate from that content.” Geometrically, a tangent is a line that touches a circle at a point but does not intersect (or enter) the circle. Similarly, the <aside> element represents content that lies on a particular page but is not directly related to the main article. Think a block of “Related Posts”, “Suggested Readings”, “Most Viewed Articles” or better still “Ads”. Note please, that the <aside> not necessarily be placed at the side of a webpage, it could be above, below or at the side of the primary content. However, it should not be used as a precursor or conclusion to the main content. The <aside> and the main content should have no point of intersection. |
Re: Learn Web Design LIVE On Nairaland!!! by iyenimofe(m): 6:58am On Nov 20, 2014 |
ProfJ29:Which, the HTML5? |
Re: Learn Web Design LIVE On Nairaland!!! by satmaniac(m): 11:28am On Nov 20, 2014 |
Please gurus in the house I need help on this issue I am currently trying to solve I am trying to output an image on the front page of a webpage for practice and I try using the following line of codes <div id="main"><img src="images/1.jpg" /></div > but it seem not to be working; the image is not displaying. Help me please!!! 1 Like |
(1) (2) (3) ... (40) (41) (42) (43) (44) (45) (46) ... (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. 48 |