Verkkosivusto - sisältöjen ottaminen talteen alustariippumattomasti
Verkkosivuja uudistettaessa on tarve saada vanhan sivuston sisällöt talteen helposti ja nopeasti. Jotkut alustat tarjoavat tiedon vienti eli export-toiminnallisuuden, mutta eivät kaikki. Netistä löytyy myös scraper-työkaluja, mutta niihin perehtyminen vie aikansa. Google Chrome -selain tarjoaa helpot työkalut sisällön tallentamiseen. Tärkeimpiä sisältöjä uuden sivuston suunnittelun kannalta ovat kuvat ja tekstit, mutta myös koodi kuten HTML ja javascript saadaan talteen myöhemmin hyödynnettäväksi.
- Avaa sivusto Google Chrome -selaimessa
- Avaa oikea sivu selaimeen
- klikkaa yläpalkista File > Save Page As... > tallenna muodossa Web Page, Complete
Toista sama kaikkien sivuston sivujen osalta. Kuvatiedostot löytyvät ladatusta kansiosta ja teksteihin pääsee käsiksi avaamalla .htm -muotoisen tiedoston esimerkiksi verkkoselaimessa.
Taustakuvat ja videot
Chromen tallennusominaisuus tallentaa vain sisältökuvat eli teknisesti img-tagissä olevat kuvien polut. Tästä johtuen taustakuvat ja html-videot täytyy tallentaa erikseen käyttämällä selaimen inspector-toiminnallisuutta.
Taustakuvan tallennus
- Avaa inspector klikkaamalla taustakuvan päällä hiiren oikeaa nappia ja valitse Inspect
- Etsi HTML-rakenteesta oikea elementti, jossa taustakuva on. Taustakuvan osoite (url) näkyy CSS näkymässä
- Klikkaa osoitteen päällä hiiren oikeaa nappia ja valitse Open in new tab
- Kuva avautuu uuteen välilehteen, josta sen voi tallentaa oikeaa hiiren nappia klikkaamalla ja valitsemalla Save Image As...
- Tallenna kuva sivulle varattuun kansioon
Taustavideon tallennus
Klikkaa videon päällä hiiren oikeaa nappia ja valitse Open Video in New Tab
Video avautuu uuteen välilehteen, josta sen voi tallentaa oikeaa hiiren nappia klikkaamalla ja valitsemalla Save Video As...
Kun sivuston sivut on ladattu omiin kansioihin, voit hyödyntää niitä itse myöhemmin tai lähettää ne uusien verkkosivujen suunnittelijalle. Helpoin tapa siirtää tiedostot on käyttää palveluita kuten Dropbox, Google Drive tai Microsoft OneDrive. Näin tietoja ja tiedostoja voidaan jälkikäteen muokata / lisätä ja kaikilla projektiin osallistuvilla säilyy ajantasainen versio materiaalista.
