Hallo !!
Bin blutiger Anfänger und versuche den Text aus einer Datei welcher aus einer Webseite ausgelesen wird mit CSS zu formatieren. Ich habe schon einige Tutorials zu diesem Thema gelesen und versucht umzusetzen, aber musste feststellen, dass dies doch nicht so einfach ist wie ich mir das dachte.
Nun habe ich die für mich einfachste Form ausgesucht und wollte einfach mal fragen, ob ich dies so umsetzen kann.
Also ich habe die muster.txt, die ich als Eingabe habe und daraus dachte ich, hole ich mir die Passagen, die ich brauche.
Am Ende will ich die Passagen in die folgende index.html einfügen, denn diese wird dann mit der Bootstrap CSS angepasst.
Also ich versuche nun im h1 Element über einen PHP Verweis den Text aus der muster.txt auszulesen.
Bin auch über jeden Tipp dankbar. Gruss Marijo
Bin blutiger Anfänger und versuche den Text aus einer Datei welcher aus einer Webseite ausgelesen wird mit CSS zu formatieren. Ich habe schon einige Tutorials zu diesem Thema gelesen und versucht umzusetzen, aber musste feststellen, dass dies doch nicht so einfach ist wie ich mir das dachte.
Nun habe ich die für mich einfachste Form ausgesucht und wollte einfach mal fragen, ob ich dies so umsetzen kann.
Also ich habe die muster.txt, die ich als Eingabe habe und daraus dachte ich, hole ich mir die Passagen, die ich brauche.
Am Ende will ich die Passagen in die folgende index.html einfügen, denn diese wird dann mit der Bootstrap CSS angepasst.
HTML-Code:
<!DOCTYPE html> <html> <head> <title>Spalten</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="../../assets/js/html5shiv.js"></script> <script src="../../assets/js/respond.min.js"></script> <![endif]--> </head> <body> <div class="container"> <h1> <?php $lesen = file ("muster.txt"); for ($zeile = 0; $zeile <= 1; $zeile++){echo $lesen[$zeile]; }; ?> </h1> <section class="row"> <aside class="col col-md-3"> <h2>Nebenspalte</h2> <p>Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das</p> </aside> <article class="col col-md-9"> <h2>Hauptteil</h2> <p>Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das</p> </article> </section><!--ende row--> <section class="row"> <aside class="col col-md-3"> <h2>Nebenspalte</h2> <p>Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das</p> </aside> <article class="col-md-4"> <h2> Hauptteil 1</h2> <p>Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das</p> </article> <article class="col-md-5"> <h2>Hauptteil</h2> <p>Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das</p> </article> </section><!--ende row--> </div><!--ende container--> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="//code.jquery.com/jquery.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script src="js/bootstrap.min.js"></script> </body> </html>
Bin auch über jeden Tipp dankbar. Gruss Marijo
Kommentar