Posts

Learning html page linking

Image
  You can't keep linking out when building web application. So as usual, I'm here to teach you all you need to know about linking pages and across websites. Apart from page scrolling down and up, any other movement you take is linking. Let's make use of Facebook as an example. Checking on someone profile page is linking. You click link to get to the person's timeline. Basically, we've linking from one page to another. We also have linking from one website to another and we still have within page linking.  I will give you example of the three mentioned types of link. Making or adding link is as simple as eating bread. But like that of form element, link element has attributes to help us get the result we want. So now let's move on the practical aspect. Remember, you are making the link to appear on the page. Therefore, you need to add it in between body opening and closing syntax. Example for linking two websites; <! html DOCTYPE> <html> <head>

How to build html sign up form from scratch

Image
As a starter, anytime you come across sign up form, might think it will take a full year for you to code it out. Well, I disagree with your thinking. You can build up sign up form within few minutes. heads up! Sign up, sign in, sign out, comment box are all same html form elements with different php and JavaScript functions. Mind you, we are not going to write advance functions. In other words, we are not using JavaScript and php codes to make an example on this post. So quickly, as usual, html form also has opening and closing syntax. Then inside those syntax, we write the individual input field base on what the developer want. Example; <form action="register.php" name="sign-up-form" method="POST"> <input type="text" name="email" placeholder="enter valid email" /><br /><br q/> <input type="text" name="password" placeholder="choose password" /><br /><br />

Professional way to write website codes

Image
When someone say web design, two things always pop up my head. The design to attract visitors and code structure for other developers to read and modified codes. In this article, I'm going to only talk about the code aspect. Writing codes to get result is not the only success, but rather write codes in a understandable way for other designers to work on later. both html and CSS has what is called comment. These a comments are piece of code that does not have effect on browser interpretation, but use to label codes for future reference. Same way JavaScript and php has their own code comments. Without a comment, it is very difficult for someone who is not the initial coder to read and add codes. I also noticed that even a writer of code can forget what the code for after leaving it for long. Base on this post, I'm going to make few examples on; html code comment. css code comment. JavaScript code comment. php code comment. The above languages are the web tools I'm focusing on

Tips for professional web design skill

Image
  In this aspect of web design, we will be dealing with strictly the user interface (UI). In one of my posts, I talked above writing understandable codes. Now, in this post I'll be talking only on making attractive design to keep your visitors coming back again. Have you ever imagine yourself searching for important information and you get to find one but the design of the page is covering the write up you are looking. Bad experience! I bet you will never go back to that annoying website. So sad! The owner of that over designed site owner has lost your future visits to his/her blog. Let's look at it the other way round. Imagine a client paid you to design website and after taken the site online, end users started complaining about the bad design, poor user experience. I'm pretty sure that client will consider reaching out to you with his/her future project (s).

Adding heading and paragraphs on html page

Image
  As I said in my previous post, I'm here to teach you how to use heading and paragraph using html elements. So what we are going to do in this post is to learn all about heading and paragraph. Like I said before, all website content goes in between the body opening and closing syntax. To make a particular text a heading, you will need to put the text in between heading opening and closing syntax. Below are the HTML elements for making headlines;  <h1>used for heading 1</h1> <h2>used for heading 2</h2> <h3>used for heading 3</h3> <h4>used for heading 4</h4> <h5>used for heading 5</h5> <h6>used for heading 6</h6> The H1 is the biggest heading follow down to H6, which is the smallest heading. paragraph Paragraph has only one element. Actually, without using the H1 and paragraph elements, text can show on the page, but using heading and paragraph elements makes it easier for search engines to find your page or web

How to use HTML head and body elements

Image
In our last article, we make mentioned about the HTML, head and body elements. So in this post, We will look deeply into how these elements works and when to use and how to use them when building website from scratch. Now if you have been told that, making or creating website is hard. I can boldly tell you that, that true. If you put your head and learn it properly, creating website is not actually difficult. So when you are set to start creating website. The first thing you need is code editor. There are a lot of them free to download on the internet. But if you using Windows operating system (OS) I prefer you start with notepad which comes with every Windows operating system. Click on the system menu button, type in NOTEPAD in the search input field and notepad will pop up, then click to open it. Now we have our notepad running. When you want to start writing html codes, the first thing to do is to declare the document type. Declaring the document type tells the browser or interprete

What is HTML and how can one use it?

Image
Are you among those who are ready to start learning HTML language but totally confused on where to begin? I bring you your solution. I will be teaching HTML language from scratch. I will open your eyes to so many things. So in this article, I want to cover up the introduction of HTML and things you can do with HTML and things you can't do with HTML. Basically, HTML is the building block or better foundation of websites. It is the first step to prepare web application, but you can't finish everything with just HTML. There are things called elements. These elements are made up of syntax. We also have opening and closing syntax. The opening and closing syntax is what make up an element. At this point, the basic elements you need to know are; <!HTML DOTYPE> this is HTML document type declaration. <html> both head and body elements goes in here </html> this is html document elements. <head> search engines information goes in here </head> this is html he