Verkkonäkymä
^^^^^^^^^^^^

.. contents::  Sisältö
    :backlinks: none

Verkkonäkymä antaa tehokkaan näkymän verkkosivustosta hallinnointipuolella. 
Sen lisäksi, että voit selata verkkosivustoa, pystyt katselemaan sivua 
erilaisissa näyttötiloissa ja käyttämään työkaluja.

Muokkaa dokumenttia
===================

Kun selaat verkkonäkymää ja päädyt dokumenttiin, jota voi muokata, voit avata 
sen suoraan näkymästä ja muokata sitä. Muokkaa-painike verkkonäkymän yläpuolen 
valikossa valaistaan, kun muokkausmahdollisuus löytyy.

.. image:: _static/images/webview-edit-button-fi.png
    :alt: Painike sivun muokkaamiseen suoraan verkkonäkymästä
    :align: center

Näyttötilat
===========

Verkkonäkymässä voit katsella verkkosivustoa kolmessa eri päätilassa, työpöytä-, 
tabletti- ja älypuhelinnäkymässä. Tabletti- ja älypuhelinnäkymässä voit myös valita, 
haluatko suunnaksi pysty- vai vaakasuunnan klikkaamalla nurkassa olevaa nuolta.

.. image:: _static/images/webview-mobile-portrait.png
    :alt: Verkkonäkymä älypuhelintilassa, pysty
    :align: center
    :scale: 75 %

.. image:: _static/images/webview-mobile-landscape.png
    :alt: Verkkonäkymä älypuhelintilassa, vaaka
    :align: center
    :scale: 75 %

.. note::

    Tausta-ajatuksena on antaa vinkkiä siitä, miltä sisältö näyttää mobiililaitteilla, 
    mutta koska sivu näkyy edelleen tavallisessa selaimessasi, lopputulos ei koskaan 
    vastaa yksi yhteen Android- tai iOS-laitteita.

Työkalut
========

Näytä MARC
----------

.. image:: _static/images/webview-marc-button-fi.png
    :alt: Painike teoksen Marc-datan näyttämiseen
    :align: center

Jos katsot teosta verkkonäkymän kautta, uusi painike ilmestyy työkaluriville, "Näytä 
MARC". Tämä painike avaa valintaikkunan, joka näyttää konvertoidut MARC-tiedot 
sellaisina, kuin ne on tallennettu OLAan.

.. image:: _static/images/webview-marc-view-fi.png
    :alt: Painike teoksen Marc-datan näyttämiseen
    :align: center

.. note::

    Jotta painike näkyisi, täytyy sinun olla teoksen aineistolajitasolla.

Asiakirjan rakenne
------------------

Painike "Asiakirjan rakenne" näyttää hierarkkisen näkymän sivun otsikkotasoista.

.. _webview-wcag:

WCAG-validointi
---------------

Painike "WCAG-validointi" näyttää paneelin, jossa näkyy senhetkisen sivun sisällön 
saavutettavuusinformaatio WCAG 2.0 AA:n mukaan. Informaatio perustuu projektiin 
`HTML_CodeSniffer <http://squizlabs.github.io/HTML_CodeSniffer/>`_.

.. image:: _static/images/webview-wcag-panel.png
    :alt: Paneeli, jossa on WCAG-validaattori HTML_CodeSniffer
    :align: center