Posts

Showing posts with the label web design

How to use HTML lists elements

Image
 In one of my posts, I taught you how to make table and I also stated that table can be use to hold items or names of people. But in case you are not okay with table, you also have html lists elements. What really make list interesting more than table is that, you can choose to number it or use bulletin. Although, you add those numbers and bulletin too in table but you do it manually, while with list elements, it will be added automatically. There are two types of html lists. The ordered html list and unordered html list. Below are the lists elements; Ordered html element. <ol> </ol> List html element. <li> </li> Unordered html element. <ul> </ul> List html element.<li> </li> Now let's move into the real practical part of the list making. ordered html list example; <! html DOCTYPE> <html> <head> </head> <body> <ol>  <li> Love </li> <li> Life </li> <li> Light </l...
1 comment
Read more

CSS attributes and their effect

Image
  Today I want us to discuss about css attributes and their contribution to the language. Without these attributes css can't do much. But these attributes are not the much important tools for css. The styling language has bounce of elements to work with, but I bet, there are so many you will always skip when designing website. So very quickly, let me list the attributes we are to discuss now. Id attribute class attribute style attribute Maybe along the way you might come across more attributes, but these are ones we are going to talk about. Now let me explain one after the other. The id attribute is css attribute or tool use for naming html element for separate styling purpose.  The class attribute does same work with the id attribute. You use the class attribute in place of id, same thing to class. The style attribute actually seems like html attribute, but it actually belong to css.  The style attribute helps us style a single element within the element. Why I said it s...
Post a Comment
Read more

how to create new page on blogspot site

Image
 My teaching always specialised on blogger only. So I'm going to teach you how to add those important pages for adsense approval. Before we move, I'm going to tell you why you need the above mentioned pages. Apart from those pages, you can use page creation to create a page that can contain specific information. I can boldly say, creating page is not limited to adding about us, contact us and privacy pages. Google AdSense need those pages because they make you open to your readers. Follow the steps below to and page in your blogspot site; Go to your blogger dashboard, click the menu icon and scroll down to pages. Click pages. When the next open properly, you will see the + icon telling to add page. Click on the + icon, then write the page title, and write the page content and click publish. Wow! You have successfully added new page in your blog. I'm always available for reply your comments.
Post a Comment
Read more

JavaScript vs PHP

Image
 So much confusion among new babies programmers. I have heard people talked so much about JavaScript and php. They often compared the two programming languages. So today, I want to briefly explanation about their differences. I will talk what php can do and cannot do and also things programmer can do with JavaScript and can't do. First, let's look at what JavaScript can do that php cannot do. JavaScript is front end programming language, while php is band end programming language. The word front end meaning dealing with web ages off from server side. A programmer can use JavaScript to build web page animations, styling web page and can even send input field content to php. Things JavaScript can do; Making animations Styling pages Sending form data to php Fetching content from php Making web page auto refresh Things JavaScript cannot do; Can't fetch content from server direct Can't send form data to server direct If a programmer use JavaScript, HTML and CSS to make a web...
Post a Comment
Read more

Best seo guide for beginners

Image
Hmmn! actually SEO is HUGE. The most important word here is optimization. So, it qualifies the word “Search engine". It's important to note that optimisation is not meant for Google alone, it's general for every seach engine. Optimization is making your website to abide by the rules of operation of search engines so that when a user types a keyword on Google or any search engine, your content may be ranked and resulting to your site being listed on SERP (Search engine result page). Unfortunately, your content alone will not make your site appear on the first page. There are plenty of things it entails, especially link building, which I think is the most important thing to do when optimizing your website. Onpage SEO is when you optimize your content like adding alt attribute to your images, making keyword research and using that keyword in your header and content, including setting key phrase. Offpage SEO means working on your Domain authority and Page authority which is an...
21 comments
Read more

Basic web design tips

Image
I decided to write this blog post base on my past web design experience. I've made so many mistakes in the area of web design (user interface). Over the years, I notice that I focus more in designing pages to fit in desktop screen. This is a bad practice for everyone both designers and end users in the 21st century regarding a research about devices  been used for browsing. Base on a recent research, 95% of people uses mobile phone when browsing the internet. This should not lead us to forget about the little amount using desktop and laptop computers. Read: How to create new post on nairaland forum  What is Responsive Web Design? We're all familiar with the word " Responsive ", right? In web design, responsive is simply making or creating website to fit in every device screen, mobile, desktop, laptop and tablet device. Read: HTML web page linking guide Another common word for making website responsive in mobile device is "Mobile ...
2 comments
Read more

Best steps to improve your web design skill

Image
The design play very important role in both web And mobile app. Without a good understanding user interface (UI) all of your functional scripts is useless. Amazing accessing a website and you find it difficult to carry out any task due to poor design (UI). Can you return back to that same website the next day? I guess your answer will be " NO " because no benefit browsing such annoying website. The design of web or mobile app is the primary presentation to your audience. Failure to present it in a understandable manner will keep off returning audience despite the value of your site content or popurse. To  make your audience happy, tell them what the site is all about with the design. Make it very simple by making your site navigation bar easy and friendly. Stop Using Already Made Source Code As a self taught programmer, I'm active in more than 10 Facebook programming groups. In these groups I noticed that some programmers only depen...
2 comments
Read more

Seven html elements to use in daily coding

Image
In our previous lesson we did introduction of html . In this lesson, we're looking at seven html elements we'll use when designing web pages. They're more than seven but we're srarting with these ones. Websites we browse is made up of multiple web pages. For example, when navigating, we open many web pages, sign up, sign in, sport, music are all different web pages put together to make the website functioning. After going through this lesson, you will be able to explain to someone what these elements does to a web page, their functions and code examples. We'll be looking at the following elements one after the other: DIV element NAV element SPAN element HEADINGS elements LISTS elements BUTTON element HR element 'DIV ELEMENT' Let's start with the 'DIV' element according to how they're listed above. The 'DIV' keyword is abbreviation of division. It is used in dividing web pages. ...
4 comments
Read more

Basic introduction to HTML language

Image
A thought of fear has already been embedded in so many individuals when it comes to making website from scratch. Coding website is actually easy. Proudly, I am self taught web app developer. I've never been into any programming/tech school, but I taught myself from the internet like you're doing right now. First let me tell you that following up my step by step guide on how to make website from scratch is a great chance you must not miss out if you have passion about coding/programming. At this starting point you'll learn the following: What HTML is How to start writing HTML code How to save HTML file as web page Difference between opening & closing tags/elements HTML elements classification Note : The text with blue color are the code examples. If you don't have Computer to take part in our lesson series, worry not as developers is making things easier in every industry. You can code without or with laptop Computer. There are a lo...
Post a Comment
Read more

Css external, internal and inline styling

Image
Don't miss understand linking and styling. They both are different, link is used for movement while style is used in giving the web page or website a good look. I have so many questions in my inbox as they think linking external style sheet and linking to another website is same, no it is not. I want to use this tutorial to clear that doubt. I'll making use of css styling in three method: 1. Inline styling 2. Internal styling 3. External styling We'll go through them one after the other in understandable manner. I promise you, after you read and practice through this article, you'll never have any issue regarding css styling and making a link to another website. Yes hold me to my promise. It is the right time I need to tell you that the difference between these three styling ways is that, the EXTERNAL styling has to do with getting or linking external css style file (externalfile.css) where all the styles corresponding ...
1 comment
Read more