# testimine ## Mida peab testima? ### Veebilehe avamine ja üldine kontroll Testisin veebilehte Lynx'is. Menüüs olevad siseviited töötasid ja viisid õigete plokkideni. Pildid ja video ei avanenud korrektselt kuna need ei ole toetatud. ### Mobiilivaate kontroll Kontrollisin veebilehte oma telefonis Lynx'iga läbi Termuxi abil. Galeriid ei eksisteerinud kuna see on lihtsalt pildid ja video (mida lynx ei toeata). Tekst ei läinud üle ääre. ## Jõudlustest Jõudlustesti tegin Ungoogled Chromium Lighthouse ja Firefox performance'iga. Performance tulemuseks sain "Can only audit pages on HTTP or HTTPS. Navigate to a different page."/100 punkti. Leht laadis üldiselt kiiresti, kuid video on 1h 18min pikk nii, et võttis mul üsna kaua, et see läbi vaadata. Parandus: panin video 2 kordsele kiirusele. parandus 2: panin video 5 kordsele kiirusele kasutades JavaScript'i. ## Ligipääsetavuse kontroll https://wave.webaim.org/report#/https://ita24kersna.ita.voco.ee/syk.html alt teksti ma ei pane BG pildile. +lisasin tiitli, et saada seda magusat SEOd. +lisasin keele, kuigi see ei parandanud encoding probleemi. < meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> contrasti asi tundub katki. ma ei kirjuta videole alt teksti. # Dokumentatsioon ## Töö pealkiri ja teema Minu veebilehe teema on „Suvakad asjad internetist“. Leht tutvustab mitte-populaarseid asju internettist, annab nõu algajale interneti kodanlikule ja sisaldab galeriid internetti loodusest. ## Seos stiiliraamatu ja prototüübiga Kasutasin veebilehel stiiliraamatus valitud #ff7d867a tooni, sest need sobivad riigi suurusega perverdi osakonnaga. Prototüübis oli kassid ei liikunud, kuid veebilehte tehes panin nad liikuma, sest kassid liiguvad. ## Veebilehe ülesehitus Minu veebileht koosneb neljast põhiosast: avaleht ehk hero-plokk, tutvustuse plokk, galerii ja kontaktiplokk. Avalehel on taustapilt ja pealkiri. Tutvustuse osas on põhitekst ja välisviide, galeriis on pildid ning kontaktiplokis on lisainfo. ## Kasutatud tehnilised lahendused Nav läheb kitsal ekraanil teksti ette, kasutasin @media-t et seda peita siis. Kassid kasutavad Graphics Interchange Format-i. Kodeeritud Unicode Transformation Format-8bit-iga. Galeriis kasutasin flexboxi. Piltide jaoks kasutasin img elementi. ## Ühe keerulisema osa selgitus Toreda video leidmine oli kõige tüütum, CSP ei lubanud otse linkimst ja alla laadimine võttis 40min. ## Mida õppisin? https://base64.guru/converter/encode/image