Posts

Showing posts with the label web design

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).