« edellinen seuraava »
Sivuja: [1]   Siirry alas

Kirjoittaja Aihe: html:ää tekevä tekstinkäsittelyohjelma  (Luettu 728 kertaa)

teele

  • Käyttäjä
  • Viestejä: 833
    • Profiili
html:ää tekevä tekstinkäsittelyohjelma
« : 30.05.24 - klo:22.32 »
Olisiko jotain tekstinkäsittelyohjelmaa, joka osaisi tehdä vaikka kaksipalstaista html-koodia. Kokeilujen mukaan palstat eivät onnistu libreofficen tekstinkäsittelyllä, muistaakseni ei kumpaankaan suuntaan.

Ehkä on joku muu tapa kirjoittaa suunnilleen oikein myös selaimessa näkyvä sivu, joku sivusto tms?
Kirjattu

nm

  • Käyttäjä
  • Viestejä: 16300
    • Profiili
Vs: html:ää tekevä tekstinkäsittelyohjelma
« Vastaus #1 : 31.05.24 - klo:00.46 »
Tarvitsetko nimenomaan visuaalisen editorin, joka piilottaa HTML-koodin käyttäjältä, mutta mahdollistaa kuitenkin sivun elementtien melko vapaaan sijoittelun? LibreOffice Writerin ohella tähän tarkoitukseen on ollut erilaisia WYSIWYG-editoreja, joskin harva niistä on tuottanut kovin laadukasta HTML:ää. Ohjelmia on listattu esimerkiksi Wikipediassa, joskaan en varsinaisesti suosittelisi näitä:
https://en.wikipedia.org/wiki/Comparison_of_HTML_editors#Editor_features


Olisiko mahdollista kirjoittaa yksinkertainen HTML (ja CSS) -templaatti, johon käyttäjä voi lisätä haluamansa tekstin? Vai onko koodieditorin ja HTML-tagien käyttö poissuljettu vaihtoehto? Valmiin sivupohjan voi pyytää vaikka ChatGPT:ltä. Se osaa myös muokata sivua tarkempien toiveiden mukaiseksi. Tässä esimerkki promptista ja sen tuottamasta tuloksesta:

Lainaus
Tee HTML-sivupohja dokumentille, jossa on kaksi tekstipalstaa sekä otsikko ja aliotsikko palstojen yläpuolella. Käytä Flexbox-asemointia. Muotoile sivu CSS:llä kirjan kaltaiseksi ja käytä tyylikästä fonttia. Sivun taustaväri on valkoinen ja teksti mustaa.

dokumentti.html
Koodia: [Valitse]
<!DOCTYPE html>
<html lang="fi">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kaksipalstainen Dokumentti</title>
    <link rel="stylesheet" href="dokumentti.css">
    <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
    <div class="container">
        <header>
            <h1>Otsikko</h1>
            <h2>Aliotsikko</h2>
        </header>
        <div class="content">
            <div class="column">
                <p>Tämä on ensimmäisen palstan sisältöä. Tässä voisi olla paljonkin tekstiä, joka kuvastaa asiakirjan pääsisältöä. Tässä voisi olla paljonkin tekstiä, joka kuvastaa asiakirjan pääsisältöä.</p>
                <!-- Lisää tekstiä -->
            </div>
            <div class="column">
                <p>Tämä on toisen palstan sisältöä. Tämä palsta voi sisältää toista aihetta käsittelevää tekstiä tai jatkoa ensimmäisen palstan sisällöstä.</p>
                <!-- Lisää tekstiä -->
            </div>
        </div>
    </div>
</body>
</html>

dokumentti.css
Koodia: [Valitse]
body {
    font-family: 'Merriweather', serif;
    background-color: #ffffff;
    color: #000000;
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

header {
    text-align: center;
    margin-bottom: 40px;
}

header h1 {
    font-size: 2.5em;
    margin: 0;
}

header h2 {
    font-size: 1.8em;
    margin: 10px 0 0;
    font-weight: normal;
}

.content {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.column {
    flex: 1;
    padding: 10px;
    box-sizing: border-box;
}

.column p {
    text-align: justify;
}
Kirjattu

teele

  • Käyttäjä
  • Viestejä: 833
    • Profiili
Vs: html:ää tekevä tekstinkäsittelyohjelma
« Vastaus #2 : 01.06.24 - klo:20.58 »

Samantyylistä ratkaisua kuin vastauksessakin joutuu varmaan toistaiseksi käyttämään. Sarakkeita html-muotoisena lukevaa ja kirjoittavaa tekstinkäsittelyohjelmaa ei vielä taida olla jakelussa.

Kiitos vastauksesta :)
Kirjattu

_Pete_

  • Käyttäjä
  • Viestejä: 1842
  • Fufufuuffuuu
    • Profiili
Vs: html:ää tekevä tekstinkäsittelyohjelma
« Vastaus #3 : 02.06.24 - klo:17.36 »
Pikatestillä Libreofficella voi tallentaa myös html muodossa.
Kirjattu

AimoE

  • Käyttäjä
  • Viestejä: 2739
    • Profiili
Vs: html:ää tekevä tekstinkäsittelyohjelma
« Vastaus #4 : 02.06.24 - klo:18.02 »
Painetulla arkilla palstoja luetaan sivu kerrallaan, ensin vasen palsta ja sitten oikeanpuoleinen. Sellaisia palstoja voi ihan hyvin tehdä myös LIbreOfficella.

HTML-sivua voi vierittää niin pitkälle kuin tekstiä riittää, ja kehyksien avulla pidetään osa sivusta paikallaan kun toista osaa vieritetään. See ei ole mitenkään verrattavissa niihin palstiohin joita paperiarkeille tehdään, joten en ymmärrä minkälaista palstojen käyttöä teele oikein HTML:stä etsii?
Kirjattu

teele

  • Käyttäjä
  • Viestejä: 833
    • Profiili
Vs: html:ää tekevä tekstinkäsittelyohjelma
« Vastaus #5 : 04.06.24 - klo:19.13 »
Lainaus käyttäjältä: _Pete_ - 02.06.24 - klo:17.36
Pikatestillä Libreofficella voi tallentaa myös html muodossa.

Niin tosiaan voi, mutta en onnistunut saamaan kahta palstaa näkymään kahtena palstana sitten selaimella tekstin avauduttua.

Lainaus
HTML-sivua voi vierittää niin pitkälle kuin tekstiä riittää, ja kehyksien avulla pidetään osa sivusta paikallaan kun toista osaa vieritetään. See ei ole mitenkään verrattavissa niihin palstiohin joita paperiarkeille tehdään, joten en ymmärrä minkälaista palstojen käyttöä teele oikein HTML:stä etsii?

Alkuperäinen kysymys oli ehkä vähän epätäsmällisesti muotoiltu. Toiveena olisi kaksi riippumatonta palstaa, jolloin teksti toisessa palstassa ei koskaan kulkeudu eikä muutenkaan kulkeude toiseen palstaan. Ensimmäisessä palstassavoisi olla vaikka 5 riviä ja toisessa 80 tai miten paljon vain sinne haluaa kirjoittaa, eikä sen rivimäärä vaikuttaisi toisen palstan näkymään millään tavalla.

Netissä ehdotettiin taulukoita, mutta huomautettiin niitten kuitenkin olevan vähän kömpelöitä tekstikäyttöön.

html:llä voi tehdä kaksi palstaa niin kuin tämän säikeen ekassa vastauksessa kerrotaan, mutta en vielä ole onnistunut tekstinkäsittelemään tällaista sivua libreoffikella ja sitten tallentamaan sitä v a i n teksti muokattuna mutta asettelu entisellään.

Tavoite olisi siis html-sivu, jonka toista palstaa voi muokata tekstinkäsittelyllä näkymän pysyessä kaksipalstaisena niin muokatessa kuin sitten tallennettaessa sivu html-muotoisena tekstinkäsittelystä.
« Viimeksi muokattu: 04.06.24 - klo:19.28 kirjoittanut teele »
Kirjattu
Sivuja: [1]   Siirry ylös
« edellinen seuraava »