Tuesday, February 8, 2011

Start making website through Adobe Dreamweaver

In your index.html page you will find:-

1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml">
3. <head>
4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5. <title>Untitled Document</title>
6. </head>
7.
8.<body>
9.</body>
10.</html>



              The above 10 lines are the basic structure of a dreamweaver html code page.

The 5th line indicates the title of the webpage, and index.html is always your HOME-PAGE:
S, in place of  Untitled Document wite your Home page title name whatever it is of your choice:
right now i write <title>html/css designer's heaven.</title>

The 8th and the 9th line are <body> </body> which are of great importance.
The reason behind this is, because between <body>  </body> things are visible on your web page.

eg. if you write  <body>Welcome to CSS/HTML designer's heaven</body> you will see
 Welcome to CSS/HTML designer's heaven  written there on your web page. Now the index.html
code page looks like:-

1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2. <html xmlns="http://www.w3.org/1999/xhtml">
3. <head>
4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5. <title>html/css designer's heaven</title>
6. </head>
7.
8.<body>
9. Welcome to HTML/CSS designer's heaven
10.</body>
11.</html> 

now go to, My wesite folder. Open it. Click on index.html file.
Congrats, you made it. your page looks like:









3 comments:

  1. HII
    GOOD TUT

    THIS IS MY BLOG

    http://kingofdkingz99.blogspot.in/

    ReplyDelete
  2. Right,Good to see these useful info here..Thanks a lot for sharing them with us….

    ReplyDelete
  3. Nice blog i have blog on web development i guess we share interests keep blogging

    http://sacredapple.blogspot.in/

    ReplyDelete