Archives For Web design

In previous post we saw about how to create blogger site. In that blogger site, we have a big url(www.yoursitename.blogspot.com) this will not be good for users to spread a word to their friends.

So here we now reduce the url size like .co.in, .co.uk,like that.. these are domain are costs. But our aim to create free domain. so we create our site on free domains.

Following websites offering free domain name:

www.freedomain.co.nr (recommended)

www.co.cc

I recommend co.nr domain name it ll be easy for making redirection to our site. In co.cc also same process only but co.cc website takes more time for approval of our site. so we go for instant activation of co.nr domain name

Steps to create free domain and redirection:

  1. Go to www.freedomain.co.nr
  2. Check availability of domain name , type domain name(website name) and click check!
  3. if its available then click signup here at bottom of page.
  4. Register the account with your domain
  5. after filling so much details type redirect url as your blogger  site address. Redirect url to Http://www.yoursitename.blogspot.com
  6. click register and wait for activation code on your mail
  7. Check your mail and type activation code to activate your account and login.
  8. Now your successfully created website with normal domain (www.yoursitename.co.nr). Congratulations!

If any doubts in above procedures write in comments below! thank you

I listed here some of tools i use for web design that makes you to create web page easily.

Photoshop – For Image editing or template editing

Flash – For animating any events or slides or images

Dreamweaver – For creating web pages, it has some default layout so that you can create your web site very easily and powerful software for web design. Its like Word document what ever u type it ll be converted into webpage in the principle of WYSWYG editor.

if any doubts in handling dreamweaver let me know by your comments!

Software available at their respective sites. Click Here to download

HTML Forms

August 14, 2010 — Leave a comment

Here we will learn about how to create text box for getting any input from the user like username or password.

Following code for creating text box(username):

<input type=”text” name=”username” />

for password box just change the type as Password

<input type=”password” name=”pass” />

Output will be like this for above code:
Username:

Password:

In order to get values from the text box or field we need forms to get the data from the field using their names.

<form action=”” method=””>

<input type=”text” name=”username” />

<input type=”password” name=”pass” />

<input type=”button” value=”Submit”/>

</form>

Output of above code will be

Text field has more attributes like name, size, font, etc., check the TAG reference list on older posts.

HTML Lists

August 14, 2010 — Leave a comment

In this post we will learn about how to display list of contents in the website!

There are three type of list we can show.. unordered, ordered and definition lists!

HTML Unordered Lists

An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.

The list items are marked with bullets (typically small black circles).

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

How the HTML code above looks in a browser:

  • Coffee
  • Milk

HTML Ordered Lists

An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.

The list items are marked with numbers.

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

How the HTML code above looks in a browser:

  1. Coffee
  2. Milk

HTML Definition Lists

A definition list is a list of items, with a description of each item.

The <dl> tag defines a definition list.

The <dl> tag is used in conjunction with <dt> (defines the item in the list) and <dd> (describes the item in the list):

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

How the HTML code above looks in a browser:

Coffee
– black hot drink
Milk
– white cold drink

HTML Tables

August 14, 2010 — Leave a comment

Tables are defined with the <table> tag.

A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). td stands for “table data,” and holds the content of a data cell. A <td> tag can contain text, links, images, lists, forms, other tables, etc.

Table Example

<table border=”1″>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

How the HTML code above looks in a browser:

row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

Continue Reading…