title: Codeigniter CSS and Javascript files usage
body: <p>I am writing a webpage with CI.I use the latest version.  I need to learn how to imply CSS and Javascript files. I use nivoslider , jquery and many css files. I use application directory as</p>
  
  <pre><code>+application
    +views
      +pages
       -home.php
      +templates
       -header.php
       -footer.php
  +system
  +user_guide. 
  </code></pre>
  
  <p>Can you explain how to enable js and Css files. I made a research but my mind is blown away with the versions of codeigniter. 
  this is my header.php </p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN
       ""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;head&gt;
          &lt;title&gt;Kırmızı Eğitim Merkezi&lt;/title&gt;
          &lt;meta name="description" content="Empire - XHTML Template" /&gt;
      &lt;!-- CSS --&gt;
      &lt;link href='./fonts/sansation.css' rel="stylesheet" type="text/css" /&gt;
      &lt;!-- Get any font from here easily: http://www.google.com/webfonts --&gt;
      &lt;link href="./css/style.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="./fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" 
            type="text/css" /&gt;
      &lt;link href="./css/nivo-slider.css" rel="stylesheet" type="text/css" /&gt;
  
      &lt;!-- UPDATE BROWSER WARNING IF IE 7 OR LOWER --&gt;
      &lt;!--[if lt IE 8]&gt;&lt;link href="css/stop_ie.css" rel="stylesheet" 
           type="text/css" /&gt;&lt;![endif]--&gt;&lt;!-- JAVASCRIPTS --&gt;
      &lt;script type="text/javascript" src="./js/jquery.min.js"&gt;
      &lt;/script&gt;&lt;script type="text/javascript" 
           src="./js/jquery-ui-1.8.17.custom.min.js"&gt;
      &lt;/script&gt;&lt;script type="text/javascript" 
           src="./fancybox/jquery.fancybox-1.3.4.pack.js"&gt;
      &lt;/script&gt;&lt;script type="text/javascript" src="./js/jquery.nivo.slider.js"&gt;
      &lt;/script&gt;&lt;script type="text/javascript" src="./js/jquery.bgslider.js"&gt;
      &lt;/script&gt;&lt;script type="text/javascript" src="./js/preloader.js"&gt;
      &lt;/script&gt;&lt;script type="text/javascript" src="./js/farbtastic.js"&gt;
      &lt;/script&gt;&lt;script type="text/javascript" src="./js/basic.js"&gt;
  
      &lt;/script&gt;
  </code></pre>
  
  <p>Can you advice me a way to use them ?</p>