| Extrat |
 
|
| Esipuhe |
Tämä on vanhan
Animelayouts.org:in vanhimpia table -layoutteja. Siinä välissä on nimenikin ehtinyt muutamaan otteeseen vaihtua. Päätin nyt antaa mahdollisimman
paljon näitä layouttejani ystäväni Takashin käyttöön, että näistä olisi edes jotain hyötyä. Itse en jaksa enää mitään sivuja pitää yllä, kun opiskelujeni
puolesta joudun ihan tarpeeksi tekemään koneella hommia muutenkin. Onneksi on vielä näitä ihmisiä jotka jaksavat vuodesta toiseen sekä hyvinä että pahoina päivinä
pitää oman sivunsa elossa ^^.
|
| Layoutin asennus |
1.
Lataa layout painamalla "lataa" nappulaa layoutsivulla. Selaimestasi riippuen esiin pomppaa todennäköisesti ikkuna, joka kysyy haluatko
ladata tiedoston (hyväksyt tietysti). Sinulle olisi pitänyt tulla pakattu kansio (esim: Wonka.zip), jossa kaikki layoutin sisältämät tiedostot ovat.
2.
Pura pakattu kansio klikkaamalla hiiren oikealla kansion päällä ja valitse "pura kaikki" (ainakin Windows XP ja Vista sisältävät purkamistoiminnon). Esiin tulee opastettu purkutoiminto, joka
ohjaa sinut loppuun asti. Jos jostain syystä "pura kaikki" -vaihtoehtoa ei ole, sinun tulisi hankkia esim. WinZip, joka ajaa saman asian.
3.
Tarkista, että tarvittavat tiedostot löytyvät (on hyvin harvinaista, että jotain puuttuu). Tämän jälkeen palvelimestasi riippuen
voit muokata pää HTML-tiedoston (esim. Wonka.html) koodin sopivaksi omaasi vaikka käyttäen notepadia. Älä käytä Microsoft frontpagea tai mitään
muutakaan WYSIWYG -editoria, koska se saattaa pirstoa layoutin!
4.
Mikäli päätät muokata HTML -tiedoston vasta netissä palvelimesi sisäisellä kotisivumuokkaimella (esim. Geocitiesin File manager), siirrä
KAIKKI puretun layoutkansion sisältämät tiedostot palvelimellesi FTP -ohjelmalla tai palvelimesi sisäisellä FTP:llä (esim: geocities --> upload files)
Jos palvelimesi ei tarjoa sisäistä FTP:tä, niin voit käyttää vaikka Smart FTP:tä tiedostojen siirtämiseen. Suosittelen
säilyttämään kansioiden hierarkian samanlaisena. Kuvat kannattaa siis säilyttää images -kansiossa. Jos välttämättä haluat siirtää kuvat samaan paikkaan HTML -tiedostojen kanssa
(mitä en suosittele) sinun täytyy muokata koodia niin, että poistat kaikista <img> koodeista hakemistopolusta kohdan images/, jotta koodi älyää
hakea kuvat oikeasta paikasta.
5.
Siinä se! Layout on nyt asennettu. Muista vain vaihtaa pää HTML -tiedoston nimi index.html:ksi, jotta se ilmestyisi kotisivujesi
ensimmäisenä sivuna jonka kävijät näkevät.
|
| Yleisiä ongelmia |
Hei, missä CSS on? En näe koodin alussa head -tagien välissä mitään tyylikoodia. Mitä teen?
» Vanhan Animelayoutsin layoutit käyttävät ulkoista CSS -tiedostoa, joten koodin ei kuulukkaan näkyä HTML -sivulla.
< link rel="stylesheet" href="style.css" type="text/css">
Yllä oleva kohta hakee CSS koodin mukaan sivuun ulkoisesta CSS tiedostosta (esim: style.css). Jos CSS ei jostain syystä miellytä sinua,
avaa se notepadissa ja muokkaa sitä miten haluat, mutta suosittelen vain muuttamaan värejä jos et tiedä mitä mikäkin koodi tarkoittaa.
Layoutin tausta ei näy. Apua!
» Olet varmasti siirtänyt kuvat pois images/ kansiosta, joten ei ihme, ettei koodisi tajua hakea taustaa oikeasta paikasta.
Tausta on nimittäin määritetty CSS tiedostoon! (myös headerit ja footer ovat määritettyinä CSS tiedostoon!) Tausta on siellä nimellä images/bg.jpg, joten sinun täytyy vaihtaa kuvan osoite
oikeaksi, koska sinulla ei todennäköisimmin enää ole images -nimistä kansiosta. Sama pätee muihinkin kuviin, jotka on määritetty CSS:ään. Siksipä suosittelen
pitämään images kansion. Se opettaa sinua järjestelmällisyyteen, säästää sinua turhalta työltä ja sinun on helpompi käsitellä sivujasi kun kaikenmaailman tiedostot eivät ole sekaisin.
Miten saan haluamani sivun etusivuksi?
» Laita tiedoston nimeksi index.html (jos siis käytät vain ja ainoastaan HTML koodeja. Jos koodisi sisältää vähänkin PHP:tä, niin päätteen tulee olla .php!)
|
| Credits |
Layout © Amnesia, entinen Animelayouts.org
images © 1,
2
Title font © Dafont
|
| | | |