WANT TO START WITH HTML + CSS THEN SHOULD HAVE A LOOK AT THIS…………
There are 7 steps as of how you can start working with HTML + CSS. It can be useful for people who have never used css style sheets before & would definitely want to learn about it……………
Step1. It can be suggested to use only the very simplest of tools. E.g., Notepad (under Windows), Text Edit (on the Mac) or KEdit (under KDE) will do fine. Once you understand the principles, you may want to switch to more advanced tools, or even to commercial programs, such as Style Master, Dreamweaver or Go Live. But for your very first CSS style sheet, it is good not to be distracted by too many advanced features.
Don't use a word processor, such as Microsoft Word or Open Office. They typically make files that a Web browser cannot read. For HTML and CSS, we want simple, plain text files.
In fact, you don't have to type it: you can copy and paste it from this Web page into the editor.
Note** (If you are using Text Edit on the Mac, don't forget to tell Text Edit that the text is really plain text, by going to the Format menu and selecting “Make plain text”.)
Step 2. Let’s add some colors to the template
You probably see some black text on a white background, but it depends on how the browser is configured. So one easy thing we can do to make the page more stylish is to add some colors. (Leave the browser open, we will use it again later.)
We will start with a style sheet embedded inside the HTML file. Later, we will put the HTML and the CSS in separate files. Separate files are good, since it makes it easier to use the same style sheet for multiple HTML files: you only have to write the style sheet once. But for this step, we just keep everything in one file.
We need to add a themselves. They belong to HTML, not to CSS. In the new editor window, you should now have the complete style sheet:
There are 7 steps as of how you can start working with HTML + CSS. It can be useful for people who have never used css style sheets before & would definitely want to learn about it……………
Step1. It can be suggested to use only the very simplest of tools. E.g., Notepad (under Windows), Text Edit (on the Mac) or KEdit (under KDE) will do fine. Once you understand the principles, you may want to switch to more advanced tools, or even to commercial programs, such as Style Master, Dreamweaver or Go Live. But for your very first CSS style sheet, it is good not to be distracted by too many advanced features.
Don't use a word processor, such as Microsoft Word or Open Office. They typically make files that a Web browser cannot read. For HTML and CSS, we want simple, plain text files.
In fact, you don't have to type it: you can copy and paste it from this Web page into the editor.
Note** (If you are using Text Edit on the Mac, don't forget to tell Text Edit that the text is really plain text, by going to the Format menu and selecting “Make plain text”.)
Step 2. Let’s add some colors to the template
You probably see some black text on a white background, but it depends on how the browser is configured. So one easy thing we can do to make the page more stylish is to add some colors. (Leave the browser open, we will use it again later.)
We will start with a style sheet embedded inside the HTML file. Later, we will put the HTML and the CSS in separate files. Separate files are good, since it makes it easier to use the same style sheet for multiple HTML files: you only have to write the style sheet once. But for this step, we just keep everything in one file.
We need to add a themselves. They belong to HTML, not to CSS. In the new editor window, you should now have the complete style sheet:
No comments:
Post a Comment