1 / 6

The Power of Web-design using CSS

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!

jbiggins
Download Presentation

The Power of Web-design using CSS

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. The Power of Web-designusing CSS By Miss Mary Victor

  2. 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

  3. Next, Do it yourself! • Go too Google.com • Download any css template • Extract the files • (you can view the design by opening index.html)

  4. 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>

  5. 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.

  6. 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

More Related