Ubuntu Suomen keskustelualueet
Ubuntun käyttö => Ohjelmointi, palvelimet ja muu edistyneempi käyttö => Aiheen aloitti: NiceMan - 01.10.18 - klo:22.01
-
Mikä olisi helppo käyttöinen kotisivujen teko ohjelma Linuksille? Helpppo käyttöinen ja yksinkertainen =)
-
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.
-
Ihan perus yksinkertaista sivua omalle serverille, jossa ehkä jokunen kuva, tekstiä ja jokunen linkki, yksinkertainen kaunis =)
-
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 ...
-
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
-
....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?
-
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/
-
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:
<!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.
-
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.
-
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 (https://pages.github.com/).
-
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".