Doosanin suodattimet ja suodatinpaketit alennushinnoin lokakuun loppuun saakka!
Julkaistu: 01.09.2022

Doosanin suodattimet ja suodatinpaketit alennushinnoin lokakuun loppuun saakka!
Doosanin suodattimet ja suodatinpaketit -25% alennuksella lokakuun loppuun saakka. Doosan öljyt myös saatavilla tarjoushinnoin, kysy lisätiedot varaosamyynnistämme
- 1. Rivit ja sarakkeet
-
- Sivueditori koostuu rivien ja sarakkeiden yhdistelmästä. Editorissa rivejä kuvastaa harmaa sävy ja sarakkeita sininen sävy.
- Yksi rivi voi sisältää monta eri saraketta ja sarakkeita ollessa monta, voivat ne mennä yhdessä myös usealle näkyvälle riville yhden rivin sisällä. Sarakkeen sisällä voi myös olla uusi rivi, jossa on lisää sarakkeita.
- Jaottelun mahdollistaa rakenne, jossa yksi sarake voi olla 1/12 - 12/12 kokonaisen rivin leveydestä. Jos rivillä on laskennallisesti yli 12/12 sarakkeita, menevät ylittyvät sarakkeet saman rivin sisällä automaattisesti uudelle riville.
- Esimerkkikuvassa sarakkeiden leveydet ovat ensimmäisestä sinisestä alkaen: 12/12, 8/12 ja 4/12.
- Rivi- ja sarakejako editorissa mahdollistaa monipuolisten ja hyvin monimutkaisten sisältösivujen rakentamisen ilman varsinaista ohjelmointia.
- 2. Uuden rivin lisäys
-
- Uusi rivi on helppo lisätä, voit painaa esimerkkikuvan mukaisesta kohdasta 2 mitä tahansa editorin rivin lisäysnappia lisätäksesi valmiista sarakekonfiguraatiosta itsellesi parhaiten sopivan rivin. Harmaat katkopalkit kuvastavat sarakkeiden määriä ja kokoja.
- Rivin sarakekonfiguraatio on muokattavissa täysin vapaasti rivin lisäyksen jälkeen.
- 3. Rivin painikkeet
-
- Rivin painikkeet ovat vasemmalta oikealle:
- Siirtopainike(Nuolet): Klikkaamalla nuolia ja pitämällä hiiren nappia pohjassa voit raahata rivin mihin tahansa kohtaa sisältösivua, myös alemman tason sarakkeiden sisään.
- Rivin asetukset(Hammasratas): Klikkaamalla hammasratasta voit antaa riville jonkin html id:n ja yhden tai useamman luokan teille räätälöidyistä sisältötyyleistä. Vastaa sarakkeen asetuksia.
- Rivin poistaminen(Roskakori): Poista rivi ja sen sisältö klikkaamalla roskakori-kuvaketta. Editori kysyy vielä haluatko varmasti jatkaa.
- Sarakkeen lisäys(Sininen +): Lisää riviin uusi sarake klikkaamalla +-nappia.
- 4. Sarakkeen painikkeet
-
- Sarakkeiden painikkeet ovat vasemmalta oikealle:
- Siirtopainike(Nuolet): Klikkaamalla nuolia ja pitämällä hiiren nappia pohjassa voit raahata sarakkeen mihin tahansa kohtaa sisältösivua, myös alemman tason rivien sisään.
- Sarakkeen pienennys(- merkki): Klikkaamalla miinus-merkkiä voit pienentää sarakkeen leveyttä 1/12 kerrallaan. Jos sarake on jo niin pieni kuin mahdollista, ei nappi tee mitään.
- Sarakkeen suurennus(+ merkki): Klikkaamalla plus-merkkiä voit suurentaa sarakkeen leveyttä 1/12 kerrallaan. Jos sarake on jo niin suuri kuin mahdollista, ei nappi tee mitään.
- Sarakkeen asetukset(Hammasratas): Klikkaamalla hammasratasta voit antaa sarakkeelle jonkin html id:n ja yhden tai useamman luokan teille räätälöidyistä sisältötyyleistä. Ks. esimerkkikuvan kohta 4.2.
- Sarakkeen poisto(Roskakori): Poista sarake ja sen sisältö klikkaamalla roskakori-kuvaketta. Editori kysyy vielä haluatko varmasti jatkaa.
- Rivin lisäys(Harmaa +): Lisää sarakkeeseen uusi rivi klikkaamalla harmaata +-nappia.
- 5. Tekstin kirjoitus
-
- Voit kirjoittaa sarakkeeseen tekstiä ja poistaa tekstiä klikkaamalla kursorilla sarakkeen tai rivin tekstin kohdalle.
- Klikatessasi kohtaa mihin haluat kirjoittaa aukeaa myös sivueditorin wysiwyg-työkalurivi, josta voit valita haluamiasi muotoiluja ja sovituksia eri teksteille ja muille sisällöille.
- Voit tyylitellä olemassa olevaa tekstiä samalla tapaa kuin tekstieditoreissa yleensä, yliviivaa haluttu teksti ja klikkaa haluamaasi tyyliä.
- Voit lisätä sivulle kuvan tiedostojenhallinnasta klikkaamalla esimerkkikuvan kohdan 5.1 ikonia.
- 6. Esikatselu ja lähdekoodi
-
- Viemällä hiiren esikatselun silmä-ikonin päälle tai klikkaamalla sitä näet miltä sivu suunnilleen näyttäisi tallennuksen jälkeen. Jos klikkasit silmää, palauta sisältö ennalleen klikkaamalla uudestaan.
- Esikatselusta puuttuu osa asiakaskohtaisista tyyleistä, joten lopullisen jäljen näkee vasta sivun tallennuksen jälkeen sivulla itsellään.
- Klikkaamalla kooditägi-ikonia näkee sivun html-lähdekoodin. Klikkaamalla uudestaan saa editorin takaisin näkyviin.
- Huom! Älä muokkaa sivun sisältöä lähdekoodin kautta ellet varmasti tiedä mitä teet!
- 7. Responsiivisuus
-
- Rivi- ja sarakejakoinen sivueditori tarjoaa tuen myös responsiivisille sisältösivuille, jotka skaalautuvat käytettävissä olevan näyttökoon mukaisesti tarjoten parhaan mahdollisen käyttökokemuksen.
- Pääset editoimaan eri näyttökokojen sarakerakennetta klikkaamalla esimerkkikuvan kohdan 7 mukaista nappia. Valittavissa on kolme eri näyttökokoa: Desktop(Tietokone tai muu iso näyttö), Tablet(Tabletti) ja Phone(Puhelin).
- Huom! Sarakkeiden ja rivien välinen sijainti periytyy täysin eri näyttökokojen läpi! Jos raahaat sarakkeen täysin eri paikkaan Tablet-koossa, on se myös eri paikassa Desktop-koossa.
- Sarakerakennetta kannattaa muokata eri näyttökoilla käyttäen hyväksi sarakkeiden kohdassa 4 esiteltyjä pienennys- ja suurennus-nappeja. Sarake voi olla esimerkiksi 3/12 leveä Desktop-koossa, 6/12 leveä Tablet-koossa sekä 12/12 leveä Phone-koossa.
- APUA!?
-
- Etkö voi kirjoittaa johonkin tyhjään sarakkeeseen tai riviin? Poista rivi tai sarake ja luo se uudestaan.
- Kohtalaisen teknistä lisätietoa sarake- ja rivijärjestelmästä: Bootstrap