HTML/CSS Designer's Heaven: 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.

Saturday, January 29, 2011

Html- The Actual Designing of a Web-Page

The Designing of a web page consists of :

1. HTML

2. CSS

HTML:- HTML is introduced in my earlier posts.

CSS:- CSS actually stands for Cascading Style Sheet. As the name describes, It has something to do with the Style. CSS is acually used to Style your HTML codes.

e.g.:- If you want to color your text as i did here, you will have to write in your CSS:

{color:#ffffff} or { color:white}

By this way we can actually style our html codes. OK.. Wait for More Posts...

Thanx..

Sunday, January 23, 2011

Requirements for HTML/CSS Designer

Things that should be installed in your PC.

1. For new users it could be any notepad.

2. For advance users Dreamweaver is a good tool.

3. Some Photoshop knowledge is essential. Don't worry I am here to guide you.

4. Adobe Photoshop is a must.

Category-2 tags

Category-2 tags

various tags that are used within the <body></body> tag to
format the web page. Such tags are..

1. <p> for paragraph</p>
2. </br> for breaking the lines
3. Heading tags:
   i) <h1>heading1</h1>
ii) <h2>heading1</h2>
iii) <h3>heading1</h3>
iv) <h4>heading1</h4>
   v) <h5>heading1</h5>
vi) <h6>heading1</h6>
4.<b> to make the text bold</b>
5. Similarly many more tags are used which you could find
   from any site available. Such are

   <i><i>,
   <sub></sub>
   <img></img>
   <a></a>
   and many more...

The use of each tags would be described later in my posts.

Because I don't want to make you people bore just by giving
introduction of each tags. so what i do from now onwards. I
will describe about the tags whenever it comes during the
tutorial. Is it ok? yeah.. I hope so..and don't mind i answer the same
from your side also.

So Be ready for some-thing interesting for you in my next blog..

Thanx for your patience...

P K UNDWAR

Basics Of Html/Css

Introduction Of Tag: Tag is simply used as an Html element or code by which you can define what you want from your codes to deliver in your webpages. These are simply be written within the angle braces like {}.

for example: if somebody wants to write text in bold, he can simply use the <b> some text </b>. whereas <b></b> is the tag which is used to make the text in bold.

Basic Html tags are easily available on various sites but the important ones that are needed is :

CATEGORY - 1

Category-1 tags are essential tags. That means these tags are used in any HTML WebPage. Without use of these tags no webpage creation is possible. So, remember these four basic tags are for lifetime, if you want to be an Html Designer.

1. <html></html>

2. <title></title>

3. <head></head>

4. <body></body

CATEGORY - 2

Category-2 tags are although essential tags but are used whenever required. The very Important point regarding Category-2 tags is It can only be used within the body tag. The Description of the category tags followed in my next blog.

The Basic Structure of a web page is:

<html>

<title>my webpage</title>

<head> This is my webpage </head>

<body>

anything written with body tag is displayed in your webpage. so, this tag has great importance. All the Category-2 tags are used within the body tag like..

<p> paragraph could be written in p tag. </p>

</body>

</html>