« edellinen seuraava »
Sivuja: [1]   Siirry alas

Kirjoittaja Aihe: Sivbujen teko  (Luettu 7513 kertaa)

NiceMan

  • Käyttäjä
  • Viestejä: 112
    • Profiili
Sivbujen teko
« : 01.10.18 - klo:22.01 »
Mikä olisi helppo käyttöinen kotisivujen teko ohjelma Linuksille? Helpppo käyttöinen ja yksinkertainen =)
Kirjattu

nm

  • Käyttäjä
  • Viestejä: 16429
    • Profiili
Vs: Sivbujen teko
« Vastaus #1 : 01.10.18 - klo:22.19 »
Millaisia nettisivuja haluaisit tarkalleen tehdä? Nykyäänhän "kotisivujen" tuottamiseen käytetään yleensä hostattuja palveluja, jotka tarjoavat WordPressin tai jonkun vastaavan alustan omien sivujen julkaisuun. Jos taas sivulla on tarkoitus tarjota dynaamista sisältöä tai sovellusta, jonka tuottamiseen valmis alusta ei taivu, voi olla parempi tarttua tekstieditoriin ja koodata sivusto itse.
Kirjattu

NiceMan

  • Käyttäjä
  • Viestejä: 112
    • Profiili
Vs: Sivbujen teko
« Vastaus #2 : 02.10.18 - klo:11.23 »
Ihan perus yksinkertaista sivua omalle serverille, jossa ehkä jokunen kuva, tekstiä ja jokunen linkki, yksinkertainen kaunis =)
Kirjattu

jekku

  • Käyttäjä
  • Viestejä: 2624
    • Profiili
Vs: Sivbujen teko
« Vastaus #3 : 02.10.18 - klo:12.20 »
Lainaus käyttäjältä: NiceMan - 02.10.18 - klo:11.23
Ihan perus yksinkertaista sivua omalle serverille, jossa ehkä jokunen kuva, tekstiä ja jokunen linkki, yksinkertainen kaunis =)

Tuohon saattaa pluma/gedit/tms. olla yksi ykkösehdokas?
Nedit olisi toinen, mutta ei osaa UTF8:aa ...
Kirjattu

Leko

  • Käyttäjä
  • Viestejä: 337
    • Profiili
    • taistop.kapsi.fi
Vs: Sivbujen teko
« Vastaus #4 : 02.10.18 - klo:19.14 »
Tuon tason sivuja olen kirjoitellut suoraan tekstimuokkaimella tai emacsilla tai vastaavilla editoreilla. Ne merkkijonot ovat itseasiassa vain sisäkkäisiä sulkumerkkejä, joka ovat saaneet kirjaimellisen asun. Sen verran koodikieltä ku tarvitaan, löytyy kuukkelilla, eikä ole iso homma omaksua. Itseasiassa minusta helpommalla pääsee näin, ku että seikkailee toisten suunnuttelemilla sapluunoilla.

Ensimmäinen vihje on, että jos kirjoitat geditillä tai toisella nimellään tekstimuokkaimella, niin tallennusvaiheessa kannattaa valita merkistökoodaukseksi ensimmäisenä tyrkytetyn sijaan se Western (iso jne... . Näin säästyy ääkkösten vaikealta kirjoittamiselta.

Ja jos ja kun näkee mielestään tarpeeksi selkeän sivun, voi kurkistaa sen lähdekoodia. Selaimet antavat siihen mahdollisuuden. Omista tuherruksistani annan esimerkikisi osoitteen polpy.fi







 
Kirjattu

jekku

  • Käyttäjä
  • Viestejä: 2624
    • Profiili
Vs: Sivbujen teko
« Vastaus #5 : 02.10.18 - klo:19.35 »
Lainaus käyttäjältä: Leko - 02.10.18 - klo:19.14

....kannattaa valita merkistökoodaukseksi ensimmäisenä tyrkytetyn sijaan se Western (iso jne... . Näin säästyy ääkkösten vaikealta kirjoittamiselta.

Ja jos ja kun näkee mielestään tarpeeksi selkeän sivun, voi kurkistaa sen lähdekoodia. Selaimet antavat siihen mahdollisuuden. Omista tuherruksistani annan esimerkikisi osoitteen polpy.fi

Kai on palvelimenkin asetuksista riippuvainen tuo merkistökuvio?

Kirjattu

nm

  • Käyttäjä
  • Viestejä: 16429
    • Profiili
Vs: Sivbujen teko
« Vastaus #6 : 02.10.18 - klo:20.05 »
Lainaus käyttäjältä: Leko - 02.10.18 - klo:19.14
Ensimmäinen vihje on, että jos kirjoitat geditillä tai toisella nimellään tekstimuokkaimella, niin tallennusvaiheessa kannattaa valita merkistökoodaukseksi ensimmäisenä tyrkytetyn sijaan se Western (iso jne... . Näin säästyy ääkkösten vaikealta kirjoittamiselta.

Kannattaa määritellä HTML-koodissa merkistöksi UTF-8 ja tallentaa tiedosto normaalisti ilman muunnoksia. UTF-8 on Linux-ohjelmissa oletuksena käytössä, ja selaimet tukevat sitä kyllä hyvin.

HTML5:ssä UTF-8 on oletusmerkistö, ja kannattaa harkita kyseistä standardia, jos ei ole tarvetta tukea antiikkisia selaimia. Esimerkki HTML5-dokumentin rungosta: https://www.w3schools.com/Html/html5_intro.asp


Hyviä, ajantasaisia ja vapaasti saatavilla olevia suomenkielisiä lähteitä voi olla vaikea löytää, mutta yliopistojen kurssitarjonnasta varmaankin löytyy jotain. Esimerkiksi:
http://appro.mit.jyu.fi/itkp1011/luennot/html5/

Tässä pari pätevältä vaikuttavaa englanninkielistä opasta:
https://marksheet.io/
http://htmldog.com/
« Viimeksi muokattu: 02.10.18 - klo:20.14 kirjoittanut nm »
Kirjattu

Tomin

  • Palvelimen ylläpitäjä
  • Käyttäjä / moderaattori+
  • Viestejä: 11481
    • Profiili
    • Tomin kotisivut
Vs: Sivbujen teko
« Vastaus #7 : 02.10.18 - klo:21.30 »
Lainaus käyttäjältä: Leko - 02.10.18 - klo:19.14
Ensimmäinen vihje on, että jos kirjoitat geditillä tai toisella nimellään tekstimuokkaimella, niin tallennusvaiheessa kannattaa valita merkistökoodaukseksi ensimmäisenä tyrkytetyn sijaan se Western (iso jne... . Näin säästyy ääkkösten vaikealta kirjoittamiselta.

Merkistökoodaukseksi ehdottomasti UTF-8. Tähän riittää se, että määrittelee meta-tagilla UTF-8:n ja tallentaa Linuxin tekstieditorien oletusmerkistökoodauksella eli UTF-8:lla.

HTML-templatehan tulee äkkiä selkärangasta, kun sen tarpeeksi monesti näpyttelee:
Koodia: [Valitse]
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Nettisivu</title>
    </head>
    <body>Sisältö tänne</body>
</html>Toki tuo kannattaa tallentaa myös tiedostoselaimen malliksi tai vastaavaksi, niin sitten niitä voi luoda nopeasti tarvittaessa. Tai sitten ihan sivustokohtainen pohja, jossa on valmiina viittaukset tyylitiedostoihin ja muihin.
Kirjattu
Automaattinen allekirjoitus:
Lisäisitkö [RATKAISTU] ketjun ensimmäisen viestin aiheeseen ongelman ratkettua, kiitos.

ajaaskel

  • Palvelimen ylläpitäjä
  • Käyttäjä
  • Viestejä: 3401
    • Profiili
Vs: Sivbujen teko
« Vastaus #8 : 03.10.18 - klo:23.44 »
Jos ei halua olla itse html-koodin kanssa paljon tekemisissä niin Seamonkey webbiselaimessa on myös Edit-tila (Ctrl-E) , pystyy graafisesti editoimaan html-sivuja.
Sen "Composer" osan voi virittää suoraan käynnistymään omasta kuvakkeesta.
Yksinkertaisia stattisia html-sivuja tuolla muokkaa helposti ja nopeasti.
Tekee hieman ruman näköistä html koodia -- joka silti näyttäisi toimivan odotetulla tavalla selaimissa eli käy yksinkertaisiin juttuihin hyvin.
Muita yksinkertaisia "rumia" keinoja on tallettaa LibreOfficen tai OpenOfficen Writestä html-muodossa.
Tuosta Writestä voisi saada aika kätevän Wysiwyg-editorin jos olisi aikaa viritellä/sovitella se siihen tarkoitukseen.
Inkscape: llakin pystyy tekemään webbisivuja (!) ja layout on helppo mättää graafisesti miten päin haluaa...  keinot on monet  :)

html-editointi onnistuu millä tahansa editorilla. Itse olen käyttänyt usein Geany -editoria (asennettava erikseen). 

Ns. "hienompien" sivujen tekoon on WordPress omalla tavallaan kätevä mutta ylläpito ja sen logiikan ymmärtäminen myös monimutkaisempaa. 
« Viimeksi muokattu: 03.10.18 - klo:23.52 kirjoittanut ajaaskel »
Kirjattu
Autamme ilolla ja ilmaiseksi omalla ajallamme.  Ethän vaadi, uhoa tai isottele näin saamasi palvelun johdosta.

nm

  • Käyttäjä
  • Viestejä: 16429
    • Profiili
Vs: Sivbujen teko
« Vastaus #9 : 04.10.18 - klo:00.26 »
Lainaus käyttäjältä: ajaaskel - 03.10.18 - klo:23.44
Ns. "hienompien" sivujen tekoon on WordPress omalla tavallaan kätevä mutta ylläpito ja sen logiikan ymmärtäminen myös monimutkaisempaa.

Juu, ei sitä itse kannata ylläpitää, ellei halua harrastaa sitä puolta myös. Huonosti ylläpidettynä WP on erittäin riskialtis, ja tunkeutujia riittää jonoksi asti.

Ammattimaisesti hostattu, esiasennettua ja ylläpidettyä WordPressiä tarjoava kotimainen webhotelli maksaa kympin kuussa. Varsin kohtuullinen kustannus, jos vertaa itse ylläpidettyyn sivustoon ja palvelimeen, ja laskee omalle työlleen hintaa.

Staattiset sivutkin on fiksua julkaista jonkun pilvipalvelun kautta. Esimerkiksi GitHubissa.
Kirjattu

pena78

  • Käyttäjä
  • Viestejä: 1
    • Profiili
    • Krediitti
Vs: Sivbujen teko
« Vastaus #10 : 09.01.19 - klo:12.39 »
Suosittelen kyllä opettelemaan HTML:ää ja CSS:ää. Vaikka päätyisit käyttämään esimerkiksi WordPressiä ja valmiita teemoja, on perusteiden opettelusta suuri apu.

Valmiita sivuja tuottavissa ohjelmissa ja palveluissa on yleensä se vika, että ne lisäävät väkisin ns. ylimääräistä koodia.

Aloita vaikka tästä: https://www.codecademy.com/learn/learn-html

Edit: Näköjään tuo opas olikin rekisteröitymisen takana. Vastaavia löytyy varmasti ilman rekisteröintiäkin. Esim. hakusanoilla "learn html css".
« Viimeksi muokattu: 09.01.19 - klo:12.41 kirjoittanut pena78 »
Kirjattu
Sivuja: [1]   Siirry ylös
« edellinen seuraava »