Umlaute auf meiner Homepage bei machen als ? sichtbar. - Seite 3 - boote-forum.de

Visara · #51 29.07.2010, 07:33

Zitat:

Zitat von Chili

Ist das so? Selbst Wiki hat genau dieses Beispiel...
http://de.wikipedia.org/wiki/XHTML#D...HTML_und_XHTML

Ist ja drollig. Bei SelfHTML sieht´s anders aus. Ich werd´s bei Gelegenheit mal testen.

Gruß Michael.

Nachtrag
Gelegenheit gehabt:
Wiki hat recht. Das Konstrukt <br></br> ist tatsächlich möglich. Fragt sich nur, wofür es gut sein soll.

wolf b. · #52 29.07.2010, 07:53

Zitat:

Zitat von Visara

Jo Wolf, mach Du das man mit Deinem Webcomposer. Dann sehen die Skripte auch genauso aus, wie sie aussehen. Du siehst das Ergebnis, welches eigentlich keines ist, ja selber - hat Webcomposer automatisch gemacht. Klasse!

Meinen Gästen sind glaube ich die Infos und Bilder wichtiger als das aussehen des Skriptes, Michael.

Aber da ich Links zur Seite schon in vielen anderssprachigen Foren und Websites gefunden habe, ist mir schon wichtig daß die das vernünftig sehen und evtl. auch von einem Programm übersetzen lassen können.

Visara · #53 29.07.2010, 08:27

Zitat:

Zitat von wolf b.

Meinen Gästen sind glaube ich die Infos und Bilder wichtiger als das aussehen des Skriptes, Michael.

...

Ich bin mir nicht sicher, ob Du verstehst was ich meine. Mit dem Aussehen der Skripte ist die Konformität, Richtigkeit und Funktionalität gemeint. Dass bei Deinen Skripten überhaupt irgendetwas funktioniert ist ja schon ein kleines Wunder (ich übertreibe hier mit Absicht) und der Gutmütigkeit der Browser zu verdanken. Du (oder Dein Kompositionswerkzeug

) hast ja schon die elementarsten Regeln (z. B. Doctype) missachtet; Der Code strotzt(e) vor Fehlern.
Man hat mehrere Möglichkeiten, eine Site zu erstellen und zu pflegen:
1. Man bedient sich eines einfachen Tools, welches einem spätestens bei nachträglichen Änderungen das Skript versaut. Dann beginnt man, sich langsam aber sicher in HTML einzuarbeiten und die Skriptfehler händisch zu korrigieren. Das Korrigieren macht man dann solange, bis man von seinem "Meine-Homepage-in-einer-Stunde-Baukasten" die Nase voll hat.
2. Man gönnt sich ein besseres System, wie z. B. Dreamweaver. Aber auch hier stößt man i. d. R. schnell an Grenzen, sobald man den vorgegebenen Pfad der Tugend verlassen möchte.
3. Man guckt mal den 'Profis' über die Schulter und kommt ganz schnell zu dem Schluss, dass man ohne ausreichende Kenntnis von HTML sowieso nicht weit kommt, ob mit oder ohne Dreamweaver und Konsorten. Dann reichen ein Editor mit Syntax-Highlighting und ein paar gute Bücher.

Du bist bei Punkt 1, erster Satz

. Aber das wird schon noch...

Gruß Michael.

wolf b. · #54 29.07.2010, 08:29

Zitat:

Zitat von Visara

Aber das wird schon noch...

Schaun mer mal .....

Chili · #55 29.07.2010, 09:05

Hört mal bitte auf, immer von Scripten zu sprechen, wenn ihr den html-Code meint... Ihr macht mich wuschig.

Scripte sehen so aus

Code:

<script type="..."></script>

und kommen bei Wolf gar nicht vor.

Visara · #56 29.07.2010, 10:03

Zitat:

Zitat von Chili

Hört mal bitte auf, immer von Scripten zu sprechen, wenn ihr den html-Code meint... Ihr macht mich wuschig.

Scripte sehen so aus

Code:

<script type="..."></script>

und kommen bei Wolf gar nicht vor.

Laut Duden steht das Wort Skript für etwas Geschriebenes. Und somit ist auch HTML-Code ein Skript - und das ganz unabhängig davon, ob es ein Script-Tag oder Skriptsprachen gibt, oder ob es Dich wuschig macht (ein Umstand der zumindest für mich maximal sekundär ist

).

Gruß Michael.

Bartho · #57 29.07.2010, 10:50

ein skript kann auch das sein
<link rel="stylesheet" type="text/css" href="Pfad_zur_datei.css" />

Chili · #58 29.07.2010, 13:52

Für mich ist das eine Referenzierung...

Aber irgendwie entfernen wir uns immer weiter von Wolfs eigentlichem Problem.

@Wolf:
Wie sieht deine Bastelei inzwischen aus?

wolf b. · #59 29.07.2010, 14:43

Zitat:

Zitat von Chili

@Wolf:
Wie sieht deine Bastelei inzwischen aus?

Leider komme ich die Tage nicht zum basteln.

Nächste Woche wird das wieder besser.

oktobernull2 · #60 29.07.2010, 19:17

Wolf....

schick mal deine Header- Grafik

dann bekommst du einen Vorschlag ( Page ) von mir.....

brauchst dann nur deine Inhalte einfügen....

Visara · #61 30.07.2010, 09:27

Hallo Wolf,

aus Spaß an der Freud habe ich mal ein Skript, äh HTML-Quellcode, komponiert (VisaraComposer

), welches Du als Grundgerüst nehmen kannst.
Das Skript kommt ohne Tabellen aus und wird mit Hilfe von CSS layoutet.
Ich habe es zwar nicht validiert, aber auf meinem Server läuft es unter Firefox und IE.

Bei dem Layout habe ich mich so ungefähr an Deine Site gehalten, da ich allerdings kein Fan von horizontalem Skrollen bin, ist mein Layout schmaler und zentriert - das lässt sich aber per CSS auch leicht ändern.
Guck es Dir mal an...

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
  <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
  <title>Titel</title>
  <style type="text/css">

* {padding:0; margin:0;}
h1, h2, h3, h4, p, ul, ol {margin-bottom:0.5em;}
ul ul {margin-bottom:0;}
li {margin-left:1em;}

html {height:101%;}

body {
  color: black;
  background-color:blue;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
}

h1 {font-size: 150%; color: blue;}
h2 {font-size: 130%; color: blue;}
h3 {font-size: 110%;}
h4 {font-size: 100%;}

a {text-decoration: none; outline:none;}
a:link {color:#0000A0; text-decoration:underline}

#wrapper {
  color: black;
  background-color: yellow;
  height: 100%;
  width: 860px;
  margin: 10px auto 10px auto;
        padding-bottom: 10px;
}

#head {
  width: 100%;
  height: 200px;
  color: black;
  background-color: green;
}

#head_img {
  float:right;
  width:600px;
        height:140px;
  background-color: gray;
  margin: 10px 10px 0 0;
}

#navigation {
  float:left;
  width:190px;
        margin-top:20px;
  background-color:white;
        color:black;
        font-size:12px;
        line-height:1.6em;
}

#navigation ul {margin:0;}
#navigation li {
  list-style-type:none;
  margin:4px 4px 0 4px;
}

#navigation a {
  color:black;
        text-decoration:none;
}

#navigation a:visited {
  color:black;
}

#navigation a:hover,
#navigation a:focus {
  color: #dca976;
}

#navigation a:active {
  color:black;
}

#navigation hr {
  color: black;
  height: 1px;
  margin: 4px 0 4px 0;
}

#inhalt {
  background-color: white;
  margin:20px 0 0 200px;
  font-size:14px;
  padding:20px 20px 10px 20px;
  line-height:1.6em;
}

.bildundtext{
  background-color: gray;
  text-align: center;
}
</style>

</head>


<body>
  <div id="wrapper">

    <div id="head">
      <div id="head_img">
        <img src='image.jpg' width='600' height='140' alt='Bild' />
      </div>
    </div>

    <div id="navigation">
      <ul>
        <li><a href="index.html">Startseite</a><hr /></li>
        <li><a href="main_donau_kanal.html">Main-Donau-Kanal</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweisssich.html">Bulgarische<br />Schwarzmeerküste</a><hr /></li>
        <li><a href="wasweissich.html">Übernachtungsmöglichkeiten</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a><hr /></li>
        <li><a href="wasweissich.html">Was weiß ich</a></li>
      </ul>
    </div> <!-- navigation -->

    <div id="inhalt">
    <!-- ich verlasse hier die Tugend der Quelltextformatierung und
    fange für den Inhalt wieder bei Spalte 1 an... -->

<h1 align="center">Mit dem Segelboot von Nürnberg nach Istanbul</h1>
<h2 align="center">Donau und Schwarzes Meer</h2>
<h2 align="center">Bilder einer Urlaubsreise</h2>
<p>Seitdem ich in meiner Jugend das Buch von Rollo Gebhard über seine
  Weltumsegelung - die mit der kompletten Befahrung der Donau begann - gelesen
  hatte, wollte ich diesen Fluß einmal komplett befahren.</p>

<p>Die Strecke von Blaubeuren bis Kelheim kenne ich schon durch mehrere
  mehrtägige Fahrten als Kind und Jugendlicher mit Faltboot und Kajak.
  Kelheim bis Passau habe ich einmal mit einem motorisierten Faltdingi
kennengelernt und die Strecke Passau - Wien dann mit Freunden im Kanu.</p>

<div class="bildundtext">
  <img src="meinbild.jpg" alt="Bildbeschreibung" style="vertical-align:middle" />
  <p>Dieses Bild ist nicht zu sehen, weil der Browser es nicht laden konnte.
    Das ist zwar schade, aber eben nicht zu ändern</p>
</div>

<div class="bildundtext">
  <img src="meinbild.jpg" alt="Bildbeschreibung" style="vertical-align:middle" />
  <p>Dieses Bild ist nicht zu sehen, weil der Browser es nicht laden konnte.
    Das ist zwar schade, aber eben nicht zu ändern</p>
</div>

<div class="bildundtext">
  <img src="meinbild.jpg" alt="Bildbeschreibung" style="vertical-align:middle" />
  <p>Dieses Bild ist nicht zu sehen, weil der Browser es nicht laden konnte.
    Das ist zwar schade, aber eben nicht zu ändern</p>
</div>

    </div> <!-- inhalt -->

  </div> <!-- wrapper -->
</body>

</html>

Der Code muss nicht der Weisheit letzter Schluss sein (es gibt hier im Forum garantiert mindestens hundert Leute, die das viel besser können als ich es jemals können werde), aber er funktioniert.
Wenn Du Fragen hast, frag.

Gruß Michael

Aber nicht erschrecken: Da ich der Übersicht wegen, während der Entwicklung die CSS-Container (div) immer hübsch bunt mache, sieht das Ganze ungefähr so aus:

wolf b. · #62 30.07.2010, 09:33

Danke schon mal.

Ich muß jetzt erst mal für ein paar Tage zum Boot und habe voraussichtlich kein Netz.
Melde mich danach wieder.

Bartho · #63 30.07.2010, 10:54

Wieder was dazu gelernt mit dem <hr />

hätte das jetzt mit ein div und einer class gelöst