CentOS 7 Lavet af Ali Sarac og Andreas Jensen 3.8.2017
Indholdsfortegnelse Konklusion... 3 Installer CentOS 7 i VMware... 3 Installation af Apache, PHP5 og vores HTML side... 7 2.4 spørgsmål... 12 Kildekoder... 13 HTML:... 13 CSS:... 14 Javascript:... 16
Konklusion Vi startede med at installer CentOS 7 i VMware, efter det begyndte vi at installer Apache og MySQL og konfigurer dem. Efter det begyndte vi at lave vores HTML side. Installer CentOS 7 i VMware Her er vi gået i gang med at installer CentOS 7 i VMware.
Her vælger vi hvilket sprog vi vil bruge mens vi installer CentOS 7. Her kan vi se om det er de rigtige installationer vi vil bruge.
Her vi i gang med at lave en bruger til at logge ind når man tænder computeren. Her er vi i gang med at lave en root kode så vi kan administrere systemet.
Her kan vi vælge hvilket netværk vi vil bruge. Her accepter vi licens aftalen.
Installation af Apache, PHP5 og vores HTML side Her er vi i gang med at installer Apache. Her er Apache færdig med at blive installeret.
Her kan vi se vores færdige produkt af vores side. Her kan vi se vores færdige produkt af vores side.
Her er vi i gang med at installer My SQL mariadb-server. Her starter vi mariadb.
Her installer vi sikkerheden for MySQL. Her har vi installeret mariadb færdig.
Her installer vi PHP5. Her er vi færdige med at installer PHP 5.
Her kan du se PHP 5 er installeret og kører. 2.4 spørgsmål 1. Hvad er DHCP? Det er en protokol der automatisk uddeler IP-adresser. 2. Hvad bruges DHCP til? Det bruges til at automatisk tildele IP-adresser til bruger. 3. Hvad er DNS intern brugt til? Hvis du her flere domæner i din server, bruger det til at finde den rette domæne. 4. Hvad er DNS eksterne brugt til? Det bruger til at finde det rigtigt domæne du søger efter. 5. Hvad bruges CSS til? Bruges til at Designe HTML. 6. Hvilken fordel og ulemper er der med CSS? fordele er at kunne designe HTML koden meget fleksibelt, ulempen er at internet Explorer og Opera arbejder med det på en anden måde. 7. Hvad gør MySQL (MariaDB)? MySQL (mariadb) er en database. 8. Hvad gør Apache? Apache er en webserver.
Kildekoder HTML: <html> <head> </head> <body> <title>dette er en projekt side!</title> <!--projektside --> <script type="text/javascript" src="script.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> <p class="aliogandreas">dette er en paragraf :) </p> <!-- Billed --> <img src="https://store.storeimages.cdn-apple.com/4974/asimages.apple.com/is/image/appleinc/aos/published/images/o/sx/osxlino/vl/osxlinovl?wid=300&hei=300&fmt=jpeg&qlt=95&op_sharpen=0&resmode=bicub&op_usm=0.5,0.5,0,0&icce mbed=0&layer=comp&.v=plikn0" alt="lion" align="left"> <!-- Billed --> <!-- TÃ ller --> <div class="box"> <label for="qty"><abbr title="quantity">qty</abbr></label> <input id="qty" value="0" /> <button id="down" onclick="modify_qty(-1)">-1</button> <button id="up" onclick="modify_qty(1)">+1</button> </div> <!-- TÃ ller --> <video width="320" height="240" poster=" https://www.w3schools.com /images/w3html5.gif" controls>
<source src="https://www.w3schools.com/tags/movie.mp4" type="video/mp4"> <source src="https://www.w3schools.com/tags/movie.ogg" type="video/ogg"> </video> </body> </html> CSS: body { font-family: helvetica, arial, verdana, sans-serif; input { font-size: 2.4em; background-color: transparent; text-align: center; border-width: 0; width: 100%; margin: 0 0.1em 0; color: #fff;.aliogandreas { font-size: 17px; font-family: Trebuchet MS; color: blue; label { display: block;
font-size:.8em; button { /* basics */ color: #444; background-color: #B5B198; /* rounded corners */ -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: paddingbox; font-weight: bold; button:hover, button:active, button:focus { background-color: #CBC7AE;.box { /* basics */ background-color: #444; color: #C4BE92; text-align: center; /* rounded corners */ -webkit-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: paddingbox;
padding:.8em.8em 1em; width: 8em; margin: 0 auto; -webkit-box-shadow: 0px 0px 12px 0px #000; box-shadow: 0px 0px 12px 0px #000; Javascript: function modify_qty(val) { var qty = document.getelementbyid('qty').value; var new_qty = parseint(qty,10) + val; if (new_qty < 0) { new_qty = 0; document.getelementbyid('qty').value = new_qty; return new_qty;