Statische website

Docent uitwerking

Geschreven door Peter van Gemert

Op 9 augustus 2023


Bepaal DocumentRoot

  webserver $ cd /etc/apache2/sites-enabled
  webserver $ grep -i DocumentRoot *
      DocumentRoot /var/www/html

Schrijf index.html

  webserver $ sudo su -
  webserver # cd /var/www/html
  webserver # vi index.html
      <!DOCTYPE html>
      <html>
      <head>
         <title>Mijn website</title>
         <link rel="stylesheet" href="/css/opmaak.css">
      </head>
      <body>
      <h1>PeterVG</h1>
      <hr>
      <p>
      Hello world.
      </p>
      <a href="https://distrowatch.com" target="_blank">DistroWatch : Put the fun back in computing. Use Linux, BSD.</a>
      </body>
      </html>

Schrijf opmaak.css

  webserver # cd /var/www/html
  webserver # mkdir css
  webserver # cd css
  webserver # vi opmaak.css
      body { 
        background-color: rgb(0,0,0);
        color: rgb(255,255,255)
      }
      
      h1 {
          color: rgb(255,0,0);
      }

Zet file mode goed

  webserver # cd /var/www/html
  webserver # chown root:www-data index.html css/opmaak.css