HTML/CSS Designer's Heaven: February 2011

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:-

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:

Saturday, February 5, 2011

Starting to Design your own webpage through Adobe Dreamweaver.

Steps:-

1. Make a folder on your desktop. Name it whatever you want.
   Right now I name it My Website.
   Make two more folder inside My Website Folder.
   Name It: 1.Style (for stylesheet i.e. css document.)
            2.Images ( for the images that you need to
              insert into your website.)
2. Open Adobe Dreamwever.
3. click on HTML which is in create new part of the page that you are viewing now.
4. Congrats.. you get the place where you can start writing your
   Html codes.
5. Save this Page as index.html by clicking on:- File -> Save as ->then save it on your
   My website folder outside your style and images folder.
6. Now return to dreamweaver and press ctrl+n ; and then
   click on CSS. Save this by name it style.css in CSS folder
   which is in your MY website folder.

Now you are ready to start writing your HTML and CSS codes.