Hei,
Minulla on tämä sivusto - " http://temp4322.dy.fi " yhä rakentumassa, olen tässä juuri kirjaamassa mitä kaikkea tulee etusivulla olla, jotta sitä jaksaa sitten käyttää, minun sivuni tarkoitus on palvella asiakkaita jotka tahtovat pelata suomalaisia lautapelejä ja muita netti pelejä.
Sivuston etusivu -
1) Jokin logo teksti täytyy olla.
2) Jokin logo kuva on varmaankin myös hyvä olla mukana.
3) Mainoskuvia sivuston peleistä, niin tulevista kuin jo julkaistuista, jokin mini gallery tyylinen.
4) Kirjautuminen, tämä on minulla ollut ongelmana, en oikein keksi minne sivun osaan sijoittaa sitä, on aika tärkeä jotta sitä sitten käytetään, mutta sivustoni on vielä aika html <center> tyylinen.
5) Lautapelien käynnistäminen, kuinka tämän toteuttaisi, laittaako kuten muillakin vastaavilla useita pelejä tarjoavilla sivustoilla on, niin, useita pieniä kuvakkeita joista valita oikea peli pelattavakseen, vaiko vain yksi iso käynnistys button josta sitten käynnistyy toinen sivu jossa kaikki valinnat tehdään.
6) Kaikenlaista koriste grafiikkaa, esim. taustalle tämä vihertävä kangas kuvio ja myös erillaisia palkkeja, katkoviivoja, pikkukuvia jne..
Otan vinkkejä vastaan eteenkin sellaisilta jotka ammatikseen taikka ovat vain muuten pätevämpiä mitä minä tämän kaltaisen sivun rakentamisessa.
Olen päätynyt rakentamaan sivuni bluefish editorilla, olen ainakin toistaisena hylännyt joomlan ja wordpressin käytön, mutta, kunhan tässä netti kyvyt kehittyvät niin kenties sitten myös näitä hieman myöhemmin koettelen taikka siirryn käyttäjäksi.
---
PHP,
Mitenkä tämä PHP tulee ymmärtää sivuston etusivua rakennettaessa, onko php kieli jota tulee välttää kun sijoittaa kuvia, vai voiko php:tä käyttää ihan huoletta ?
Minulla on nyt esim. tälläinen nopea rakennelma, joka tuohon etusivulle lataa randon kuvasnapin -
<?php echo("<img src=\"http://bittipankki001.com/images/LPS_Koristekuva_00");echo (rand(1,5));echo (".png\" alt=\"\">");?>Onko PHP käyttö ihan ok, jopa sivuston grafiikan asetteluissa, PHP:han on tarkoitettu ymmärtääkseni serverin ohjaamiseen ?
Onko Javascript parempi taikka oikeampi vaihtoehdoista ? Ajattelin vain että jos käyttäjällä ei ole javascript päällä, niin, sivustohan ei tuolloin toimisi ?
PHP on tarkoitettu juurikin sivujen toiminnallisuuden luontiin ja tuo random kuva on hyvä esimerkki. Voit myös yhdistellä JSää ja PHPtä esim. tulostat sivulle tuolla tavalla random kuvan ja sitten vaihdat sitä JSllä. Sivusto ei hajoa, vaikka JS ei olekaan päällä, mutta kuvakaan ei vaihdu.
Karkea yksinkertaistus:
- HTML tarjoaa sivun rakenteen ja sisällön.
- IMG-kuvat ovat sisältöä.
- CSS tarjoaa ulkoasun (taustakuvat sekä :after ja :before -pseudoelementit) sekä joitakin automatisoituja perustoimintoja tiettyihin tilanteisiin (esim. :hover).
- JavaScript mahdollistaa reaaliaikaisen toiminnallisuuden.
- PHP tarjoaa tosiaan palvelinpuolen ohjelmoinnin, mahdollistaen käyttäjien tunnistamisen ja tarjoillun HTML:n rakentamisen. PHP:lla voi tehdä oikeastaan mitä vaan, joka ei vaadi käyttäjän suoraa toimintaa, esim. täysin uusi PNG-kuva on mahdollista luoda lennossa siinä missä HTML:kin.
Kuten jo todettua, niin tuossa kuvan lisäämisessä PHP:lla ei ole mitään vikaa, ainakaan niin kauan kun kuva ei ole pelkkää ulkoasua varten. Varsinkin kun arvostaa asioiden selkeää erottelua toisistaan. Vaikka tekniikoita voi käyttää ristiin toteuttaen vaikka koko ulkoasun pelkkiä HTML:n IMG-elementtejä käyttäen, niin selkeä erottelu tekee myöhemmästä muokkaamisesta aina valtavasti helpompaa. Täydellistä totuutta webkehittämisestä ei ole, mikään ei pakota tekemään asioita tietyllä tavalla: on aina varaa sen suhteen, miten asian tekee. Mutta väistämättä jotkit tavat ja käytännöt toimivat paremmin kuin toiset.
Käytät nyt IMG-kuvaa ulkoasuun, etkä sisältönä. Vinkkinä voit toteuttaa asian CSS:n keinoin. Ensin vaikkapa tämänkaltaisia määritelmiä:
.koriste1 {
background-image: url('http://bittipankki001.com/images/LPS_Koristekuva_001.png');
}
.koriste2 {
background-image: url('http://bittipankki001.com/images/LPS_Koristekuva_002.png');
}
.koriste3 {
background-image: url('http://bittipankki001.com/images/LPS_Koristekuva_003.png');
}
.koriste4 {
background-image: url('http://bittipankki001.com/images/LPS_Koristekuva_004.png');
}
.koriste5 {
background-image: url('http://bittipankki001.com/images/LPS_Koristekuva_005.png');
}Ja sitten PHP:lla teetkin vain näin pienen merkinnän HTML:n sekaan:
Vaikka koodi vaikuttaa pidemmältä, niin vaakakupissa painaa yksi asia: välimuisti. CSS ladataan useimmiten vain kerran, ainakin jos palvelimen asetukset laittaa kuntoon. Lisäksi CSS:n voi tarjoilla pakattuna, jolloin moiset toistot päätyvät varsin vähäpätöiseksi määräksi dataa.
. . .
Noin muuten etusivun sisällönhän on hyvä olla kohtalaisen vähäinen, niin että kävijä nopeasti näkee mitä on tarjolla ja mistä on kyse. Tietty paljon riippuu myös siitä, millainen sivusto on kyseessä (esim. blogi on heti erilainen yleisilmeeltään).
Koristeita,
Minä koetin tuota sinun neuvoasi ja se taitaakin toimia ihan hyvin, en kyllä täysin ymmärtänyt että ladataanko nuo kuvat kerralla kaikki sitten välimuistiin, vai vasta kun niitä käytetään ? Opera tuntui ainakin kovasti lataavan komponentteja sivullani ihan heti sivun alussa ?
---
Lisäksi minä olen nyt sitten tällä hetkellä gif animaation kanssa liikenteessä tuossa etusivun koristekuvan kanssa, ja minua kovasti mietityttää mahdollisuus että olisi jotain kehittyneempää open/free puolella, jokin tunnettu kuvan vaihtaja jonnekka saisi sitten fadea/tekstiä ja muuta härpäkkää väliin.
Eli, mitä flash/javascript etusivun koriste ohjelmia on täysin kaikkeen käyttöön ilmaisena, hyvin tunnettuja ohjelmia mietin ? Olisi mukava jos kuvat vaihtuisivat faden kera, ja että kuviin voisi lisätä tekstiä ilman että koko kuvaa joutuu tallentamaan uudelleen piirto-ohjelman avulla ..
mitä neuvotte käyttöön, tämä on minun ensimmäinen oikea muitten käyttöön tarkoitettu sivu kokonaisuus jota nyt rakennan, jotenka vähän alkeis kysymyksiä kun ei tota ammatti taitoakaan asiaan ole tullut opiskeltua ?
Flash toimii niissäkin selaimissa, joissa JS on poistettu käytöstä. Valitettavasti en kuitenkaan tiedä valmiita palikoita, mutta varmasti löytyy.
JSllä voi toteuttaa kuvien vaihtumisen timerillä ja faden opacityllä (ja toisella timerillä?), jos halua toteuttaa itse. Tekstin voi sitten heittää CSSllä kohdalleen kuvien päälle.
Fontit,
Kuinka minun tulee ajatella mahdollisuus käyttää fontteja, muita kuin dialog ?
Ainakin minä selatessani tunnun löytävän erillaisia fontteja eri netti sivustoilla, kuin mitä tuo itse käyttämäni dialog, kuinka tämä perus ajattelu tulee osata, kaikilla ei ihan eksoottisimpia fontteja varmaankaan ole, mitkä fontit voin valita käyttöön, sivustoni asiakaskunta on tarkoitus olla Windows Linux ja Macintosh eli kaikki yleisimmät ossit, olisi mukava jos sivu olisi vähintäänkin samankaltainen kaikissa käyttöjärjestelmissä joita tuen ?
---
Koetan lisäksi rakentaa jonkin oman fade rutiinin javascriptillä, ajattelin että laittaisin <div> sarakkeen jossa sitten kuvat voisivat hieman liikkua ja opacityä ja tekstiä vielä bonuksena.
kpzpt kirjoitti:
Kuinka minun tulee ajatella mahdollisuus käyttää fontteja, muita kuin dialog?
Ainakin minä selatessani tunnun löytävän erillaisia fontteja eri netti sivustoilla, kuin mitä tuo itse käyttämäni dialog, kuinka tämä perus ajattelu tulee osata, kaikilla ei ihan eksoottisimpia fontteja varmaankaan ole, mitkä fontit voin valita käyttöön, sivustoni asiakaskunta on tarkoitus olla Windows Linux ja Macintosh eli kaikki yleisimmät ossit, olisi mukava jos sivu olisi vähintäänkin samankaltainen kaikissa käyttöjärjestelmissä joita tuen?
Valitset fontteja, joita sinulla on laillisesti lupa levittää, ja sen jälkeen linkkaat niihin CSS:ssä ja saat ne käyttöön kaikilla koneilla.
lainaus:
Koetan lisäksi rakentaa jonkin oman fade rutiinin javascriptillä, ajattelin että laittaisin <div> sarakkeen jossa sitten kuvat voisivat hieman liikkua ja opacityä ja tekstiä vielä bonuksena.
Älä. Käytä vaikka jQueryä.
File koot,
Mitenkä tulee ottaa huomioon, että jollain olisikin hieman hitaampi netti yhteys, minun etusivu olisi nyt asentumassa johonkin 500k - 1000k luokkaan, en tarkkaan ole vielä päätynä lopullisesti, mutta, olisi mukava jos etusivulla olisi animaatio josta voisi nähdä mitä pelejä sivustolla voi pelata, gallery on asiakkaalle vähän liian vaikea käyttää koska kuvat eivät siinä vaihtuisi ja varamaankin olisivat pieninä joita sitten availlaan, minulla on nyt tällä hetkellä tämä gif, ja olen sitä muuttamassa .jpg muotoon, ja javascriptillä, joko jquery taikka omalla, sitten kontrolloin kuvain vaihtumisia.
Mikä on maximi etusivu koko joka olisi suotavaa ?
Itselläni on 8m yhteys ja se toimii ihan ok, ajattelin vain näitä mokkuloita ja muuta vempainta mitä puhelin ja kosketusnäyttö puolella on, kuinka voin tarkistaa että onko asiakkaalla hyvä netti yhteys, onko mahdollistakaan, ja sen mukaan sitten ladata kuvat.
---
500-1000 kt on yksiselitteisesti liikaa, ellei sivulla aidosti vain ole runsaasti sisältöä. Teet jotain väärin. Sinulla on nyt tuolla megatavun kokoinen, fyysisiltäkin mitoiltaan ylisuuri banneri. Ota se pois. Ihmiset välittävät sivujen sisällöstä, eivät mistään välkkyvistä ja turhista kuvista.
Olen vieraillut sivuillasi tämän ketjun kautta jo muutaman kerran ja tajusin VASTA NYT, että tuo banneri on itse asiassa jonkin sortin diashow. Arvaa miksi? No, koska olen jo sivun latautuessa rullannut kaiken turhan roskan ohi itse sisältöön.
Ota samalla tuo pohjalla oleva ukkelinkuva pois, silläkään ei vaikuta olevan mitään tarkoitusta.
Pelien kuvakkeista voit helposti optimoida kymmeniä kilotavuja pois, sillä tällä hetkellä ne ovat neljä kertaa suurempia kuin miten ne sivuilla näkyvät. Kuvien skaalaaminen valmiiksi näyttökokoonsa on muutenkin hyvä ratkaisu siksi, että tällöin kuvat näkyvät mahdollisesti virheettömämmin. Joissain tapauksissa eri selainten oma skaalaus tuottaa hirveää jälkeä.
kpzpt kirjoitti:
File koot,
Mitenkä tulee ottaa huomioon, että jollain olisikin hieman hitaampi netti yhteys, minun etusivu olisi nyt asentumassa johonkin 500k - 1000k luokkaan, en tarkkaan ole vielä päätynä lopullisesti, mutta, olisi mukava jos etusivulla olisi animaatio josta voisi nähdä mitä pelejä sivustolla voi pelata, gallery on asiakkaalle vähän liian vaikea käyttää koska kuvat eivät siinä vaihtuisi ja varamaankin olisivat pieninä joita sitten availlaan, minulla on nyt tällä hetkellä tämä gif, ja olen sitä muuttamassa .jpg muotoon, ja javascriptillä, joko jquery taikka omalla, sitten kontrolloin kuvain vaihtumisia.
Mikä on maximi etusivu koko joka olisi suotavaa ?
Itselläni on 8m yhteys ja se toimii ihan ok, ajattelin vain näitä mokkuloita ja muuta vempainta mitä puhelin ja kosketusnäyttö puolella on, kuinka voin tarkistaa että onko asiakkaalla hyvä netti yhteys, onko mahdollistakaan, ja sen mukaan sitten ladata kuvat.
---
Jos oikeasti tarvii selvittää asiakkaan nettiyhteyden nopeus (mitä tuskin ihka oikeasti tarvitsee) niin se onnistuu MaxMindin GeoIP:n netspeed -tietokannalla. Mikä on kylläkin maksullinen ks. http://www.maxmind.com/app/netspeed Käytännössä kuitenkin etusivu olisi hyvä olla max 200kt niin kyllä se mokkulallakin suht nopeasti latautuu...
Yhteysnopeudelle on olennaisempaa oikeastaan tiedostojen määrä kuin niiden koko. Nopeus kyllä yleensä mokkuloilla riittää, mutta auta armias jos sivulla on yli 100 linkitystä eri tiedostoihin, jotka vielä ladataan joka kerta erikseen... sitten menee hermo aika vikkelään. Yksi hyvä esimerkki tämmöisestä heikosti optimoidusta sivusta on www.vbforums.com, jossa yhden sivun lataaminen kestää helposti yli 10 sekuntia - 24/1 ADSL-yhteydellä!
En nyt ennätä lukea kaikkia viestejä, mutta omia ehdotuksia etusivuun:
Pois iso header -gif-animaatio, tilalle jQueryllä luotu kuvaslaideri.
Pyri pois ylhäältä alas luotaviin elementteihin, vaan tee ihan reilusti sivulle palstat (esim. kaksi palstaa, joista vasemman puoleinen on 2/3 sivun leveydestä, oikea 1/3).
Pelien kuvakkeet voivat olla ihan reilusti pienemmät, kyseessä ei kuitenkaan ole mikään kosketusnäytölle optimoitu sivusto.
Tekstit on erittäin heikosti luettavaa noin leveillä palstoilla, laita ne siis kapeampaan palstaan, esim. pelien oikealle puolelle.
Hävitä iso käsin piirretty tuherrus sivun alareunasta, ja samoin käyttöjärjestelmien logot yms. html -validoinnit. Näille voit luoda ihan oman sivun, sikäli mikäli nämä edes ketään pelaajaa kiinnostaa (veikkaan, että 99.5% ei ole kiinnostunut toimiiko sivut Linuxmintillä)
Miksi etusivu on uudelleenohjauksen, ja vielapa typerasti JS:lla toteutetun sellaisen takana?
Merri kirjoitti:
Yhteysnopeudelle on olennaisempaa oikeastaan tiedostojen määrä kuin niiden koko. Nopeus kyllä yleensä mokkuloilla riittää, mutta auta armias jos sivulla on yli 100 linkitystä eri tiedostoihin, jotka vielä ladataan joka kerta erikseen... sitten menee hermo aika vikkelään. Yksi hyvä esimerkki tämmöisestä heikosti optimoidusta sivusta on www.vbforums.com, jossa yhden sivun lataaminen kestää helposti yli 10 sekuntia - 24/1 ADSL-yhteydellä!
Laita selaimesta HTTP pipelining päälle. Ainakin Firefoxissa sitä voi tuunata. Itse laitoin sen päälle juuri näiden heikosti toimivien sivustojen takia.
Mokkulalla pipeliningin vaikutus on hyvin heikko tuolla sivustolla. Lataus tyhjällä cachella kesti 16 sekuntia, seuraavat lataukset välimuistin avittamana pipelining-asetuksesta riippumatta 7 - 12 sekunnin välillä (nopein aika tuli ilman pipeliningiä). Tämä sisäänkirjautumissivulla. Paljon enemmän auttaa user CSS, joka poistaa näkyviltä läjän mainoksia ja ylälaidan palkin, jolloin latausaika romahtaa alle viiden sekuntin. Toisaalta kyseisellä sivustolla en enää liiemmin pyöri, allekirjoitustani sorkittiin ylläpidon toimesta ottamatta minuun yhteyttä, mainoksia tuntuu tulevan kuukausi kuukaudelta enemmän, ja toisaalta VB6 on hirmuisen vanha.
Pääasiani kuitenkin se, että omilla sivuilla kannattaa miettiä välimuistitusasetuksia sen jälkeen, kun muuten alkaa olla asiat kunnossa. Niillä voi oikeasti vaikuttaa sivuston nopeuteen todella paljon.
jQuery,
1)
Tutustun jQueryyn tällä viikolla, olen ymmärtänyt että se on vain linkattava javascript sorsa tiedosto, jota sitten käytetään funktio kutsuilla, ja koska se ladataan minun palvelimesta se toimii kaikilla käyttäjillä joilla on javascript enabled ?
2)
Olen poistanut tuon javascript ohjauksen index.html fileestä, tilalle laitoin php headerin, tämä ohjaus ei taida pysähtyä selaimeen missään tilanteessa, vai onko vielä parempia ratkaisuja ? Olen tykästynyt ajatukseen että etusivu ei aukea /index.html .php fileeseen vaan /Etusivu.html fileeseen.
3)
Olen miettinyt kovasti tätä 1/3 2/3 sivu leveys jakoa, ja se osin varmaankin laitetaan, ainakin kohtaan jossa on kirjautuminen, ellen sitten laita logon tavoin kelluvaa kirjautumis <div> saraketta, minulla ei kuitenkaan ole tarkoitus sen kummemmin pölistä sivullani, eli en tekstiä joudu jakamaan, eli tämä <center> keskinen yksi palkki on myös aika selkeä, kun nuo käynnistys ikonit sitten laittaa tauluun jossa on kolme rinnakkain.
Käyn tästä katselemaan nyt noita netin jQuery tutoriaaleja, kiitos vinkistä ..
kpzpt kirjoitti:
Olen poistanut tuon javascript ohjauksen index.html fileestä, tilalle laitoin php headerin, tämä ohjaus ei taida pysähtyä selaimeen missään tilanteessa, vai onko vielä parempia ratkaisuja ? Olen tykästynyt ajatukseen että etusivu ei aukea /index.html .php fileeseen vaan /Etusivu.html fileeseen.
No sitten konffaa palvelin käyttämään oletuksena Etusivu.html:ää index-alkuisten tiedostojen sijaan. Eiköhän se onnistu vaikka .htaccessilla. Asiat kannattaisi silti tehdä niin kuin on järkevintä, ei niin kuin sattuu kulloinkin tykkäämään. Aina tulee eteen ylimääräisiä hankaluuksia, kun alkaa säätää omiaan.
.htaccess,
ok, käyn googlaamassa, kirjoitat kuin osaisin jotain netistä ja sitten vain tahtoisin vähän säätää omia, mutta, olen ilman ammatti taitoa ja kunnon netti kokemusta, jotenka en tuota htaccess juttua tiennyt.
Edit.
Löysin tuon htaccess. kohdan ja se toimikin, muuten oikein, mutta osoitepalkkiin ei jäänyt tuota Etusivu.html tekstiä, ainoastaan minun domain, onko tähän vielä jotain ratkaisua ?
Pointtini olikin, että mikäli et osaa vaihtaa oletustiedoston nimeä (ts. tehdä operaatiota X), niin sitten vain käyttäisit oletusarvoja.
Pointti,
Minun pointtini taas on että luulin osaavani, en minä tahalleni vääriä taikka huonoja ratkaisuja sivulleni asettaisi, olin ymmärtänyt että php header ja javascript vastaava ovat se oikea tapa ohjata asiakasta sivulla, mitä lie varten sitten ovat kielissä mukanakaan ?
Vähän turhaa rutinaa putkasta taas ? Eivät ihmiset yleensä valikoi huonoja taikka vääriä ratkaisuja kun oikea taikka hyvä on tarjolla, sitä valikoidaan paras vaihtoehto niistä valinnoista mitä on mahdollista, taikka minkä kokee parhaaksi, luulin että php header ja javascriptin window.location ovat toimivia ja yleisessä käytössä muillakin.
Sinä et halua ohjata ihmisiä sivulta toiselle vaan vaihtaa oletustiedoston nimeä. Kaksi eri asiaa. Jostain syystä kehitit ratkaisuksi ohjata ihmiset sivulta toiselle, mikä on intuitiivisestikin epäoptimaalinen tapa lähestyä ongelmaa.
hmmm,
No kunhan nyt lähtee toimimaan minä googlaan tätä http://www.thejackol.com/htaccess-cheatsheet/ sivua paraikaa, sieltä taisi löytyä ratkaisukin, koetan heti miten.
Mitä sinä suosittelisit noista, ja mitä muuta mahdollista olisi hyvä asettaa palvelimen perus asetuksiin, olen siis sotalautapeli harrastelija, en ole ohjelmoija enkä netti asiantuntija.
Ajattelin noista asettaa tuon gzip pakin, redirectin uuteen sivuun ja mahdollisesti omat virhesivutkin vielä.
Toiselle sivulle ohjaamiseen kyllä toimii myös yksinkertainen HTTP-otsikko, jonka voi lähettää PHP:llä:
<?php header("Location: http://sivusto.fi/Etusivu.html");
Tämän pitää olla PHP-tiedoston alussa (ja ainoana sisältönä, jos sivun ei ole tarkoitus tehdä muuta). Ratkaisu on toki sikäli huono, että nyt sivustolla on tyhjä "etusivu" index.php. Toisaalta lopputulos on juuri se, mitä ilmeisesti haluat: varsinaiselle etusivulle pääsee vain ja ainoastaan Etusivu.html-osoitteella, eli käyttäjällä ei koskaan näy pelkkä domain.
Mutta miksi osoitteessa pitäisi lukea Etusivu.html, ja miksi se on sinusta parempi kuin index.html? Minusta kaikkein tyylikkäin osoite etusivulle on juuri sellainen, jossa ei lue mitään ylimääräistä vaan pelkkä domain. Eihän kirjankaan kannessa lue "Puppe tutkii värejä (KIRJAN KANSI, HUOMIO!)".
php header,
Kyllä juuri noin minulla onkin tällä hetkellä.
Yksi syy, miksi ei käyttää etusivuna Etusivu.html-osoitetta, on se, että ainakin minulle tulee tunne, että sivuilla on käytössä frameset, jota ei ole jostain syystä ladattu. Näin käy varsinkin, jos tulen sivulle hakukoneen kautta. Tosin normaali käyttäjä ei varmaan tällaista ajattele.
Etusivu,
öh, minun vajaavainen netti mieleni ajatteli että sivusto olisi hieman täydempi, kun ensimmäisiä testejä kasasin niin ongelmana oli että oli pari kuvaa ja pari linkkiä, nyt on kiinne kohtia, laitoin tuon etusivu tekstin osoitepalkkiin ja vielä alareunaan linkkejä joita on käytetty sivustoa kasatessa.
Esikuvani on kuitenkin tämä seuraava - http://flyordie.com
Ja aika simppeli on tuokin, noh jos palautetta kertyy tuosta etusivu sanasta vielä enemmän niin laitan pelkän domainin sitten osoitepalkkiin ja poistan nuo alareunan linkit, mutta, antaa nyt olla hieman täytettä sivustolla vielä, kunhan pelit lähtevät toimimaan niin katselen sitten uudestaan mitkä ovat tarpeellista ja mitkä ei.
En myöskään tunne tuota frameset juttua itse, sillähän kai sitten saisi sivuston jaettua moneen osaan.
kpzpt kirjoitti:
En myöskään tunne tuota frameset juttua itse, sillähän kai sitten saisi sivuston jaettua moneen osaan.
Hyvä niin. Framet on vanhentunut tekniikka, jolla on useita haittapuolia. Älä ainakaan ala käyttää niitä uudella sivustolla.
Javascript,
<script type="text/javascript" >
var numImages=8;
var nextImage=1;
myImage1=new Image();
swapPicture();
function swapPicture()
{
if (document.images)
{
myImage1.src="http://bittipankki001.com/images/LPS_Koristekuva_00"+(nextImage)+".png";
if (myImage1 && myImage1.complete)
{
var target=0;
if (document.images.myImage)target=document.images.myImage;
if (document.all && document.getElementById("myImage"))target=document.getElementById("myImage");
if (target)target.src=myImage1.src;
if (++nextImage>numImages) nextImage=1;
}
}
setTimeout("swapPicture()", 6500);
}
</script>Laitoin kuva vaihtajan javascriptillä, käsittääkseni tämä toimii sitten kaikissa selaimissa ?
Lisänä säädin palvelimen ruuvia vähän löysemmälle, minulla oli 4 requestia sekunnissa maximi / käyttäjä, lisäsin luvun aina 18 request / sekuntti, lisänä laitoin asiakkaan oikeuden käyttää linjaa 15000 mbittiin / sekuntti, aiemman 5000 mbitin sijaan.
Aika tyypillisesti, joskin masentavasti, keskustelussa on kokonaan unohdettu tärkein kysymys, se aluksi esitetty: mitä kaikkea etusivulla pitäisi olla?
Oikea vastaus on övähemmänö.
Vähemmän,
öh, tarkoitatko logoa vaiko latausmäärää, vaiko molempia, minä hieman tahtoisin perustella molempia, jos se nyt hiljaisena hetkenä suodaan.
Minulla on siis sotalautapelejä valmistumassa, ja mietin logoa kovasti, en tahtonut että logo olisi huomaamaton taikka helposti ohitettavissa, ja kun tässä nyt näitä minun iänikuisia sotapelejä siis tarkoitus asettaa linjalle, niin laitoin logoksi "Pylli" pollen, jonka piirsin ensimmäisen kerran logoksi joskus 1987-89 kun lautapelijuttujani aloittelin MSX ja C64 tietokoneilla, paperi piirros tämä tosin silloin vielä oli.
Latausmääristä tahtoisin sanoa että minä koen että sivusto voi olla huomaamaton ja tuo helposti ohitettavan oloinen vasta kun sillä on kävijöitä, jotain täytyy kävijöitten sivustosta muistaa jotta siintä mahdollisesti sitten muille mainitsevat taikka ajoittain/joskus tulevat uudestaan käymään.
Tuo on iso lataus tuo 900k gif animaatio joka siellä on, mutta, on minusta tärkeää että mahdolliset kävijät näkevät jo etusivulla minkälaista ohjelmaa ja peliä on tarjolla, on aika iso vaatimus pyytää käynnistämään pelejä yksitellen jotta näkee miltä sitten näyttävät, on parempi että nämä 8 peli grafiikkaa räpsyvät ruudulla animaationa, laitan sitten myöhemmin vielä youtube linkkejä pelianimaatioihini, kunhan saisin ensin jonkin ruudun videokaappaus ohjelman toimimaan vakaasti.
Kyllä etusivulla täytyy olla kuvia peleistä, joko animaatio taikka gallery, myös logo on hyvä olla ja olla vielä voimakas sotapeleistä kun on kyse.
Ketään ei edelleenkään kiinnosta tuollainen bannerinrumilus. Jos haluat esitellä pelejä, niin sitten laitat niistä jokaisesta muutaman screenshotin peliä esittelevälle sivulle. Eihän tuosta bannerista edes tajua, että se saattaa esittää in-game-kuvaa peleistä eikä vain randomeita slaiduja.
banneri 940px x 360px,
Olet oikeassa, netti taitaa olla kehittyneempi mitä minä mietin, taidan elää jotain 90 luvun lopun unelmaa, mikä minulla oli kun lähdin suunnittelemaan sotapeli sivustoa javalla nettiin, nykyään on kaikenlaista foorumia ja nettiyhteisöä, joittenka toiminnallisuus on huomattavasti parempaa ja hienompaa mitä tämä minun rakennelmani tähän asti, mutta, nämä alkeis testitkin täytyy rakentaa jotta voi ymmärtää kehittyneempää sivua, mitä sitten voinkaan rakentaa.
Laitan vaikka pienemmän bannerin, tällä viikolla, joku 125px korkea ja leveys tuo mikä nytkin 940px, siinä on sitten ongelmana se width:height suhde, kuva on joko liian leveä taikka liian läheltä kuvattuna, kenties jotain tekstiä mukaan kuvan tyhjään tilaan.
Täytyy katsella myös lisäksi tuollaista screenshot galleryä johonkin osaan sivua, siellä voisi olla myös .avi fileitä, joissa kuvataan eri pelien kulkua ja grafiikkaa, jokin youtube linkki taikka jotain noin, jotta sitten on hyödynnettynä myös netin mahdollisuuksia hieman laajemminkin.
Tämä on aika hyvää aikaa minulla ollut kun nyt olen päässyt hieman sinuiksi palvelin puolen kanssa, html, php, javascript, java applet, tässä on kaikenlaista testiä ja rakennelmaa tullut suoritettua, kiitos tällekkin forumille tuesta ja neuvoista, joita on runsaasti tullut vastaanotettua.
Ehdottomasti videot aluksi vaikka YouTubeen, jolloin kaistaa ei kulu sinulta. Thumbnailit vaikka automaagisella generaattorilla, jolloin voit jatkossa käyttää vaikkapa samaa kuvaa eri koossa ja eri mittasuhteissa, esim. välillä jotain päivän peli (featured game) -tyylisiä nostoja, jolloin järjestelmä automaattisesti vääntää valitsemastasi screenshotista aina halutunlaisen kuvan.
Itse olisin oikeasti nähnyt järkevänä ottaa jokin valmis alusta tuohon sivustolle, jolloin olisit voinut suoraan käyttää aluksi a) valmiita sivupohjia, b) valmista sivurakennerutiineja ja c) valmiita laajennuksia, jolloin itse olisit voinut keskittyä vain pelien rakenteluun ja pienien ominaisuuksien luontiin, etkä painisi yksinkertaisten aloittelijamokien ympärillä (unohtamatta valmiiden järjestelmien päivityspaketteja yms. toimivaa yhteisöä, jotka kehittävät sitä koko ajan).
edit:
Kuten tuolla jo mainittiinkin, niin headerisi on aivan liian iso. Oikeasti, jos haluisin tulla pelaamaan sivuillesi, niin joutuisin tällä 15" läppärillä rullaamaan kokonaisen sivun verran alaspäin, jotta saisin pelit näkymään. Eli oma neuvo tosiaan on se, että teet oman palstan peleille, ja toisen palstan kaikille teksteille ja muille jutuillesi.
En edelleenkään keksi, miksi tuolla pitää olla noita ihmeen tarinoita asiakasohjelmista ja resoluutioista. Pistä ne mietteesi jonnekin muualle, vaikkapa sivuston blogiin.
ps.
En edelleenkään tajua, mikset linkitä suoraan sivuillesi, vaan ohjaat tuon väliaikaisen domainin kautta. Sen verran kuitenkin olen netissä pyörinyt, että palvelusi tuntuu minun mielestä olevan semmoisessa tilassa, ettei sinulla ole edes aikomusta käynnistää sitä missään vaiheessa....
editedit:
Nyt vasta tajusin, ettei sinun vaihtuva header ollut edes linkki kyseiseen peliin... miksei se ole sitä?
Lisäksi suosittelen myös esim. jQueryn ja valmiiden javascript-plugareiden käyttämistä, jolloin kuvien vaihdoista tulisi paljon sulavampia, ehkäpä mukaan tekstiä yms. Edelleen painottaisin tärkeitä ominaisuuksia kuten "Featured game" -tapaisia nostoja peleistä.
Esimerkkiä "nostoista" esim. Wordpress-teeman muodossa (eli se iso vaihtuva kuva ja selitystä aiheesta):
http://demo.arrastheme.com/
(ps. kannattaa katsastaa myös Classical gamer -teema)
heh,
Häkellyin kovasti noitten mainittujen sivujen grafiikan laadusta, myös värit olivat todella kohdillaansa, täytyy katsella gimp puolella mihinkä asti se kestää, onhan minulla windows puolella vielä photoshop elements 5.0 ja siinäkin taitaa olla aika hyvät kontrollit joilla nämä minunkin pelini saisi hohtamaan tuolla tavoin.
3D:sta taas, aion siirtyä 3D puolelle loppuvuosi 2012-2013 rakennan tämän ensimmäisen peli ryppään 2D kera, ja katselen sitten niitten rullatessa tuota 3D opiskelua joko LWJGL JOGL taikka sitten HTML5 kanssa, se ei periaatteessa olisi iso urakka jo nyt aloittaa 3D kanssa, kirjastona joko LWJGL taikka JOGL, mutta, siinä tulee sitten se ikävä varmenne, joka myös varmaankin herättää arvioita.
Minun 3D aloituksen estää käytännössä tämä että en osaa kunnolla käyttää blender ohjelmaa, olen Blenderiä ja K3D:tä vain hieman tutkiskellut, mutta, myös .OBJ taikka .DIRECTX fileittenkin siirtäminen omaan käyttöön omaa omat temppunsa ja saattaa olla ainakin hetken vaativaakin.
Olen kuitenkin ihan harrastelija tässä, en omaa ammattitaitoa pelisuunnitteluuni taikka tietokoneisiin, tämä amatöörisyys varmaankin paistaa myös minun sivustani myös vielä sitten kun se on toiminnassa ensimmäisten pelieni kanssa.
[Edit.]
Mietin vielä, entä tämä mahdollisuus että javascript voisi kontrolloida selaimen zoom tasoa, tuo on aika iso banner mikä minulla on, entä kun käyttäjä voi pienentää ikkunan zoom tasoa, eri selaimissa, CTRL + HIIRIRULLA avulla, ainakin GOOGLE CHROME tallentaa zoom tason eri sivuille, en ihan täysin ole testannut asiaa, mutta, eikös näin ole ?
Aihe on jo aika vanha, joten et voi enää vastata siihen.