Mobiilisõbraliku veebilehe loomise konspekt
1. Sissejuhatus
Selle ülesande eesmärk oli luua responsive ehk mobiilisõbralik veebileht teemal "Anekdoodid"[cite: 333]. Kasutasin valmis kujundusmalli Gringo ja PHP tehnoloogiat, et jagada leht korduvateks osadeks[cite: 43, 225].
2. Koodilõigud ja selgitused
Viewport seadistamine:Lisasin päisesse meta-tagi, mis aitab veebilehel kohanduda vastavalt seadme ekraani laiusele[cite: 74, 232].
<meta name="viewport" content="width=device-width; initial-scale=1.0;">
PHP require kasutamine:
Selleks, et hoida kood puhas ja vältida dubleerimist, eraldasin päise ja jaluse eraldi failidesse ning lükkasin need sisu sisse[cite: 225, 255].
<?php require("p2is.php"); ?>
// Siia tuleb lehe sisu
<?php require("jalus.php"); ?>
Tekstifailist sisu lugemine:
Kasutasin tekstifaile (teade.txt ja tegija.txt), et hoida sisu koodist eraldi[cite: 14, 332].
<?php require("teade.txt"); ?>
3. Mobiilivaade
Mobiilivaates muutub lehe asetus: menüü ja sisu paigutuvad üksteise alla, et lugemine oleks mugavam[cite: 68, 224]. Pildid ja tekst kohanduvad vastavalt ekraani laiusele tänu CSS kujundusele[cite: 105, 106].
Mobiilivaate ekraanitõmmis:
