Saturday 9 April 2011

Learning CSS

LEARN CSS


INTRODUCTION




Dear friends do you know that for what the CSS stands ?
--- The full form of CSS is Cascading Style Sheets.


Now you may be thinking "what is CSS (Cascading Style Sheets)" ?
--- The CSS (Cascading Style Sheets) is nothing but a kind of code that helps to design a webpage in a much better manner than before with the help of the browser.




Learning CSS is very much important to make a beautiful website. It may took time to be get expert for learning CSS but you can do it, many of you may be thinking that CSS learning is a very hard task, but trust me it is not very much difficult to learn, it is just like HTML. If you know the basic of HTML then you can learn the CSS. You can know the HTML learning here http://moneyau.blogspot.com/2011/05/basic-html-learning.html on my blog. CSS gives a beautiful look to our website. Here I am going to make you learn the basic of CSS. The CSS designing are also done through the softwares like CofeeCup http://www.coffeecup.com/html-editor/CoffeeHTML2010.exe  Any way learning the basic of CSS is very much importamt if you want to design your website with yourself without investing money, actually many website owner design there website by hireing a webmaster but this make your site somehow out of your control and money is also wasted for it, So it is much better to learn the languages which are used to design a webpage and apply it with your self. So learn the CSS here.


CSS codes are written in the body TAG of the HTML page. There are many types of CSS designing one of them is given below -




"CSS" MENU DESIGNER


If you want to show a CSS menu designer on your webpage or website.


Some thing about CSS designer


CSS menu designer is a web designing language which is use to create many Root pages and it's sub pages it's Sibling's It is awesome tools to design a web page. It will allow you to acess many informations directly by saving your valueable time.


You will see an image below that will show you how does it looks :-


Now if you want to write such things then the codings for this are given below, here are i have written only some of the contents of this website you can edit it and change it as you want, Now see the codings in the box below -
TO SEE YOU CAN COPY THE TEXT BELOW IN THE BOX AND PASTE IT IN YOUR HTML WEB EDITOR.


CSS codes are here - :







CSS hase a lot of benifits to design a webpage, we can acess many informations directly directly by saving your time. This is an awesome way that we have done above. Now if you want to learn more about the CSS that I have here provided. Here you will learn that how to generate the CSS menu designer with your self.


We always CSS codings in the BODY tag of out HTML page.


The starting is done by writing this tag -
<ul class="menu-menu">  -  This is necessary to start it. This is the logo of the makung of "CSS menu designer" without this will can not be made.  And you must write </ul> at the end, when you have compleated this "CSS menu designer".


And After that you will wright <li> tag - For Example - <li class="first"> - This tag display's a new Page you also can create many pages and it's sub pages and many subpages of it. Think how wonderful it is.


After that you will write the name of the page as an hyper link tag like this - <a href="http://moneyau.blogspot.com">Amit Upadhyay Website</a>




And to make it's sub page you have right " <ul> " to diplay it's subpage.


Again you will wright <li> tag - For Example - <li class="first"> - Now you have made a new subpage of the first page " Amit Upadhyay Website " Now you can name it anything you want. For example if you want to make a page named " Website Contents " Then you will write
as an hyper link tag - <a href="http://moneyau.blogspot.com">Website Contents</a> And you will end it again with </li> tag.




Now if you want to make it's sibling page then you will write again <li> tag, and after that you will name the page as - <a href="http://moneyau.blogspot.com">About Amit</a>  [ NOTE :- THE PAGE NAME OR LINK CAN BE ANYTHING YOU WANT. ]


And if you are again intrested to make the subpage of the page "About Amit " Then you will  write - <ul> tag and after that you will write <li class="first"> and to display the name the page you will again write <a href="http://monayau.blogspot.com">Amit Intrest</a>


This is just an example to make you learn the basic of the CSS, You can make uncountable sup pages of a root page and make a lot of pages from this CSS menu designer. Now you can make your own CSS templates with uncountable pages and it's sub pages.




START YOUR SELF BY DESIGNING A CSS (CASCADING STYLE SHEETS)


There are many free references to help you to make your own CSS page. One helpful link is given below -
http://wordpress.com/forums/forum.php?id=3


I hope you enjoy developing your custom CSS.


Here is a things to keep in mind:


[NOTE :- IF YOU WANT TO DESIGN IT YOUR SELF THEN YOU MUST HAVE LATEST BROWSER LIKE GOOGLE CHORMO, MOZILA FIREFOX, SAFARI,   NETSCAPE NAVIGATOR 4.0 + OR MICROSOFT INTERNET EXPLORER 3.0+ ]




I hope this article must have helped you.


Thank's

No comments:

Post a Comment