CAll Us: +234 807 393 8887   Login

Frequently Asked Questions

How to start in HTML and web design

Once you have obtained an HTML editor and are ready to begin setting up your website, think about how you want the site to look and be set up. Consider even drawing out your ideas, to help visualize the site and pages in the site. Below are some considerations to think about when designing your web page.

  1. How are you going to store all the files? Are all the files going to be in the same folder or directory? If you plan on having lots of different pictures and files, it’s recommended that you store the pages, files, and pictures in separate directories.
  2. Are the HTML files going to be stored as .HTM or .HTML files? There is no advantage or disadvantage of going with .htm or .html. However, it is a good idea to stick with the same extension.
  3. Do you plan on having a template for the pages? Are all the pages going to have the overall same look and feel?
  4. How is the navigation going to be handled? Do you feel its better for the navigation menu to be on the left, bottom, or top of each page?

Tip: Realize that your web page is going to change over time as you find things that do not work. Over the life time of the Computer Hope website, we have changed our complete site several dozen times.

Writing basic HTML

After installing an HTML editor and setting up a folder, you are ready to begin creating your page. Begin by creating a file named index.htm or index.html as your start page. All servers on the Internet look for an index file if no file is specified. For example, when typing http://www.computerhope.com, the server is really accessing the http://www.computerhope.com/index.htm address.

Once you have created the index.htm or index.html file and it is open in your HTML editor, we recommend inserting the below source code into your page. If your HTML editor automatically places HTML code into your page or you have a WYSIWYG editor, you can skip this step.

<html>
<head>
<title>My first web page</title>
</head>
<body>
Your web page content goes here
</body>
</html>

The above code is a very basic example of the code that helps make up every web page. As you can see, the code starts with <html>, which is defining that everything within <html> is HTML code. Next, you have <head>, which is defining the heading of your HTML document. Third, we have the <title> section within <head>, which defines the web page title that is displayed at the top of the Internet browser window. Finally, the <body> section contains what is shown on the web page.

Below is additional code that can be placed in the <body> section of the code to help familiarize you with some of the most commonly used HTML commands.

<center><h1>Welcome to my web page</h1></center>
<hr>
<br>
<p>Hello and welcome to my first website.<br><br>
<b>These are my favorite links:</b><br>
<ul>
<li><a href="http://www.computerhope.com">Computer Hope</a></li>
<li><a href="http://www.google.com">Google</a></li>
</ul>
</p>

As you can see from looking at the above code, you will realize that the basic HTML commands are fairly simple to use. First, we start off with <center>, which is telling the browser to center the information within these tags. Next, the <h1> or heading one statement tells the browser to display the text in the largest heading style. Next, the <hr> tag tells the browser to display a line straight across the screen. The third line contains <br> that creates a line break on the page. Next, the <p> is short for “paragraph” and helps separate the text on the page. Next, the <b> tag is short for bold and will bold the text contained within the tag. Next, the <ul> starts a bullet list and each bullet is represented by the <li> tag. Finally, the “<a href” tag is a method of creating a link to another location. In this example, we are creating a bulleted list of links to Computer Hope and Google.

What do you mean by CSS File? What is the use of this file ?

CSS stands for “Cascading Style Sheets”, and are used to control and manage font styles, font sizes, and web site color combinations that are used in a web page. In order to retain continuity of “look and feel” throughout a website, all pages within a website will often refer to a single CSS file. The CSS file is typically contained in a separate file from the website, and the various web pages retrieve the CSS file each time a web page is displayed. CSS files make global appearance changes easy — a single change in a CSS file will mean that any pages using that CSS file will automatically display the changes

How do I align pictures so that one may be higher or lower than the other?

Use the align statement in your IMG SRC tag as shown below. < IMG SRC=”http://www.computerhope.com/chguy.gif” align=top > Also, instead of align=top you can do align=middle, and align=bottom.

Is CSS case sensitive?

 Cascading Style Sheets (CSS) is not case sensitive. However, font families, URLs to images, and other direct references with the style sheet may be. The trick is that if you write a document using an XML declaration and an XHTML doctype, then the CSS class names will be case sensitive for some browsers. It is a good idea to avoid naming classes where the only difference is the case, for example: div.myclass { …} div.myClass { … } If the DOCTYPE or XML declaration is ever removed from your pages, even by mistake, the last instance of the style will be used, regardless of case.

What are JavaScript types?

Number, String, Boolean, Function, Object, Null, Undefined.

What is the difference between an alert box and a confirmation box?

An alert box displays only one button which is the OK button whereas the Confirm box displays two buttons namely OK and cancel.

Explain how can a developer learn about web design?

Developer can learn about web design by following tips

  • Visit website like “Smashing Magazine” to get better idea about web design
  • Another website is “ Best Web Gallery” can also be helpful to get insight of quality design and layouts
  • Try your hands on tools like Adobe Illustrator
  • Create dynamic website using MySQL and PHP
  • Learn basic languages as HTML, CSS, JavaScript, PHP or jQuery