60 likes | 68 Views
Explore the impact of CSS on an HTML page and discover how it can transform the design while keeping the HTML the same. Witness the difference CSS can make and try it yourself!
E N D
The Power of Web-designusing CSS By Miss Mary Victor
Visit http://www.csszengarden.com/ See the effect of CSS on an HTML page.Simply click on the links on the side, you will see the design changing but the HTML remains the same. Which shows you what can be achieved through CSS!!you simply change the Cascading Style Sheet and look the difference it makes! See it in Action! Text
Next, Do it yourself! • Go too Google.com • Download any css template • Extract the files • (you can view the design by opening index.html)
Now, Copy your whole website into the same folder of the template (beside the index) • in your own homepage or index.html page, inside the head section, copy this line of code<head><link href="style.css" rel="stylesheet" type="text/css" media="screen" /></head>
Now, see the effect it has on your website by opening the page you’ve modified in the browser! • You can repeat for all other pages.
Please Note • That for lack of time we shall only learn how to attach a css file & not how to create one • for more info visit w3schools.com/css