(Toivomuskaivoa voivat käyttää ainoastaan Verkkovelhokouluun sisäänkirjautuneet velhot.)
Heitä merkillisiä loitsukieliä koskeva kysymyksesi tai toiveesi kaivoon kommenttiosastolla, ja maineesi karttuu yhdellä pisteellä!
Voit myös täyttää muiden toiveita niihin vastaamalla.
Kun onnistut ratkaisemaan jonkun ongelman,
niität itsellesi yhden mainepisteen ja kultarahan.
Verkkovelhokoulun vahtimestari valvoo, tyhjentää ja siistii Toivomuskaivoa säännöllisin väliajoin.
PSST. Pidäthän huolen siitä, että laitat Toivomuskaivoon vain sinne tarkoitettuja asioita eli kysymyksiä ja vastauksia. Turhien roskaviestien heittelystä voi mennä maine!
HUOM! Jos meinaat liittää viestiisi HTML-koodia, laita se <code> ja </code> tagien väliin, jotta se näkyy kaivossa oikein.
Miten saan kuvan keskitettyä?
Sisältöelementissä vaaktason keskittäminen:
img {
display: block;
margin-left: auto;
margin-right: auto }
Kuvan saa keskitettyä tyylitiedostossa (.ccs) vaikkapa seuraavasti (esimerkissa kuva on sivulla taustakuvana):
body {
background-image: url(”Kuvat/big_Aurinko.jpg”);
background-repeat:no-repeat;
background-position: center center;
}
Eli viimeinen pätkä: background-position: center center; keskittää kuvan.
Miten taustakuvaa saa isommaksi?
Kuva pitää kuulemma käsitellä kuvankäsittelyohjelmalla ennen omaan kansioon tallnetamista, muuten pikselöityy jos yrittää koodata sitä suuremmaksi.
Kannattaa avata kuva omassa kansiossaan ja käyttää kuvankäsittelyohjelmaa siellä, ja asettaa kuva taustakuvaksi vasta sitten.
vaikka näin:
backround-size: 1200px 1000px
Uuden sivun luominen ja linkki etusivulta tälle toiselle sivulle, kuinka tehdään?
Aloita Notepadissa uusi dokumentti, tallenna se haluamallasi nimellä (esim. yhteystiedot) ja tee siihen tarvittavat perustiedot, kuten etusivunkin kanssa.
Luo etusivulle linkki (kuten aiemmin loit linkin kuvaan), ja kirjaat osoitteeksi uuden dokumenttisi nimen ,html-muodossa.
Esim:
<p>Tämä linkki vie <a href="Yhteystiedot.html">yhteystietoihini</a> </p>
Mistä saa kopioida laillisesti kuvia?
Googlen kuvahaussa on kohta Hakutyökalut, josta valitaan Käyttöoikeudet –> Saa käyttää uudelleen ja muokata
tai jos olet itse kuvan ottanut :)
Ota tekijänoikeusvapaita kuvia esim. pixabaysta
Flickr.com
tuo sivu on hyvä kuville
googlesta löytää
Tällaisia linkkejä jaettiin verkkopedagogikoulutuksessa:
http://www.bigstockphoto.com/fi/
http://search.creativecommons.org/
http://classroomclipart.com/
http://www.sxc.hu/
http://papunet.net/materiaalia/kuvapankki
http:/www.freefoto.com/index.jsp
http://www.exalead.com/search/images/
http://www.ac-clipart.com/index.php
http://media.edu.turku.fi/
http://www.multimedia.skolverket.se/
http://pics4learning.com/
Ikoneita http://commons.wikimedia.org/wiki/Crystal_Clea
Kuinka vaihdan validaattorissa olevan kielen?
Ainakin CSS-validaattorista löytyy sivun yläreunasta pienin kirjaimin kirjoitetut kielet, joista voi valita haluamansa.
http://jigsaw.w3.org/css-validator/
Miten tehdään toimiva valikkorivi, joka näkyy kaikilla sivuilla ylälaidassa?
Valikkorivi tehdään vähän samalla tavalla kuin tehtäisiin listaa, mutta pitää lisätä muutama kohta (http://www.w3schools.com/css/css_navbar.asp), esimerkiksi näin:
Miten saan alaotsikoiden värin muutettua?
Jos, ymmärsin kysymyksesi oikein: CSS-tiedostoon otsikon nimi esim. h2 ja sitten {
color: väri;
}
Ajelin kakkosvaiheen tarkistukset läpi tuolla Markup validation servicellä. HTML-version ”onnittelu” oli vaisumpi : ”Document checking completed. No errors or warnings to show”. Eli luenko ”ihan kiva” suomeksi, kun tuon toisen litanian luettuaan tuuletti samalla tavoin kuin opetusvideolla? Joka tapauksessa ostan suklaata.
HTML nyt sattuu olemaan vähäsanaisempi. Älä ota siitä itseesi, vaan osta enemmän suklaata ja JAA se maanantaina kanssakoodaajien kanssa :)
Miksi pitäisi ostaa enemmän suklaata??
mitä teen kun en saa mainetta
vastaat toisten kysymyksiin
miten saan kansion esiin
painat ylänurkassa olevaa files nappia ja sitten avaa
painamalla windows palkin alakulmasta kansio kuvaketta ja etsit sen kansion kovalevyltäsi
miten saan äät näkyviin koska normisti ne ei näy siihen tulee valkonen boksi
Ton avul pitäis alkaa toimii.
mulla näkyy aivan normisti tosin käytän jokerman fonttia
Miten saan kuvan verkkosivun taustalle niiku yhen kerran että se kuva ei toistu ja näkyy silti koko sivussa?
muokkaamalla siitä kuvan muokkaus ohjelmmalla oiken kokoinen sivullesi
Näin CSS:sä:
KuvaElementti {
background-size: cover;
}