mrjapanpower: Benötige Korrekturhilfe

Hallo liebe Community!

Ihr seid sicherlich von Leuten genervt, die eure Hilfe benötigen, jedoch brauche ich auch (leider) professioneller Hilfe.

Mein Anliegen:

Ich gehe in die gymnasiale Oberstufe, wo wir mom. eine eigene Website erstellen sollen. Als erstes haben wir eine Art 'Konzept' gemacht. Das hat auch gut geklappt. Das Problem ist jedoch, dass ich durch eine chronische Erkrankung einiges an Stoff über HTML/CSS verpasst habe. Auch Schulkameraden finden keine Zeit, um mir etwas zu erklären. Mir macht Informatik wirklich viel spaß, und ich möchte auch einiges über HTML/CSS lernen, jedoch bin ich momentan wirklich unter Zeitdruck. Wir sollen nämlich bald unsere vollständige Seite abgeben. Das Problem ist jedoch auch, dass ich in den Hauptfächern viele Referate als Klausurersatz vorbereiten muss. Ich habe schon ein wenig an dem Aufbau der Seite gearbeitet. Den Inhalt wollte ich zuletzt einfügen. Falls mir jemand beim Aufbau der Seite(n) helfen könnte, wäre ich äußerst dankbar bzw. diese korregiert (oder mir sagen kann, wo ich etwas änder muss). Ich wäre wirklich über jede Unterstützung dankbar!!
Diejenigen, die ihre unterstützung anbieten wollen, können hier gerne einen Kommentar schreiben. Ich würde denjenigen dann meine Daten schicken :)
Ich hoffe, dass sich Hilfe finden wird =)

lg,
Alex

  1. Was genau sind deine Fragen? Oder erwartest du, dass du die Arbeit einfach so an jemanden abschieben kannst. Ich denke, du bist in diesem Forum willkommen, wenn  du konkrete Fragen stellst, dabei deinen eigenen Loesungsansatz vorstellst und Kritik und Vorschlaege dazu annimmst. Es wird Eigeninitiative und nicht "Fressen vom Silberteller" erwartet. Diese Plethora von Entschuldigungen macht dich nicht sympathischer.

    Ciao, Frank

  2. Moin,

    Ich habe schon ein wenig an dem Aufbau der Seite gearbeitet. Den Inhalt wollte ich zuletzt einfügen. Falls mir jemand beim Aufbau der Seite(n) helfen könnte, wäre ich äußerst dankbar bzw. diese korregiert (oder mir sagen kann, wo ich etwas änder muss).

    Es sind sicher viele Leute bereit sich deinen Aufbau anzusehen, und Verbesserungen bzw. Korrekturen vorzuschlagen, wenn du Code(teile) postest.

    Allerdings sind die meisten sicherlich nicht bereit, ein angefangenes Projekt zu beenden.

    Grüße Marco

  3. Mach es so, wie meine Vorredner empfohlen; stelle deine Idee vor und kopiere das, was du schon hast an Quelltext, hier hinein. Dann schauen wir  mal, wohin die Reise gehen kann...
    Gruß
    Karsten

  4. Okay :)
    Dann präsentiere ich euch meine bisherigen (Miss)Erfolge. Über genaue Angaben, an das, was ich korregieren sol, wäre ich überglücklich :)
    (Ich hoffe ich bekomme das hier richtig hin, mit dem Einfügen. Falls ihr es nicht richtig sehen könnt, bitte melden ;) Ich fühle mich zur Dank verpflichtet =)

    Achja, kann man hier auch Datein hochladen? Dann würde ich euch nämlich mein Konzept hochladen, denn immerhin sollte es in diese Richtung gehen :)

    h1 {  
    	color: #EBDDC3;  
    	 font-family: Tw Cen MT;  
    	font-size: 50pt;  
    	text-shadow: black 3px 3px;  
    	text-align: center;  
    	font-weight: bold;  
    	}  
      
    	h2 {  
    		font-size: 35pt;  
    	}  
      
    	h3 {  
    		font-size: 25pt;  
    	}  
      
    	h4 {  
    		font-size: 18pt;  
    		font-weight: bold;  
    	}  
      
    	  
    	body {  
    	background: #775F55;  
     	font-family: Tw Cen MT;  
    	font-size: 14pt;  
     	margin: 1em;  
    	max-width: 1600px;  
        }  
      
      
    	ul#Navigation  {  
        margin: 0; padding: 0.9em;  
        border: none;  
    	float: left;  
    	width: 17em;  
        }  
      
      
        li#home {  
            font-family: Tw Cen MT;  
            list-style: none;  
            display: block;  
            margin: 6em 2.5em 3em 0.5em;  
    		padding: 0.5em;  
            border-bottom: 2px solid #6B859A;  
            background-color: #94B6D2;  
            }  
      
        li#navigation2 {  
            font-family: Tw Cen MT;  
            list-style: none;  
            display: block;  
            margin: 1em 2.5em 1em 0.5em;  
    		padding: 0.5em;  
            border: 2px solid #6B859A;  
            background-color: #94B6D2;  
            border-radius: 0 0.5em 0 0;  
        }  
      
        li#home:hover {  
    		border-bottom: 2px solid white;  
        }  
      
    	li#navigation2:hover {  
    		border: 2px solid white;  
    	   }  
    		  
    	  
      
    	#link {  
    		text-align: center;  
    	}  
    	  
    	#titelbild {  
    		margin: 2em 2em 2em 4em;  
    	}  
    	  
    	ul#fußzeile {  
    		background-color: white;  
    		list-style: none;  
    		padding: 0.1em 0 0.6em 0;  
    	}  
    	li#untenlinks {  
    		background-color: #DD8047;  
    		height: 100px;  
    		width: 400px;  
    		margin: 10px 10px 10px 0;  
    		float: left;  
    		line-height: 1.5;  
    	}  
    	  
    	li#untenrechts {  
    		background-color: #94B6D2;  
    		height: 90px;  
    		margin: 10px 0 0 410px;  
    		line-height: 1.5;  
    		padding: 10px 0 0 0;  
    	}  
    	  
    	  
    	a:link{  
    		color: white;  
    		font-weight: bold;  
    		text-decoration: none;  
    		font-size: 18pt;  
    	}  
      
    	a:hover {  
    		color: white;  
    	}  
      
    	a:visited {  
    		color: white;  
    	}
    
    1. Hi,

      Über genaue Angaben, an das, was ich korregieren sol, wäre ich überglücklich :)

      CSS ist ohne zugehöriges HTML generell meist wenig aussagekräftig;
      und was das ganze eigentlich werden soll, dazu lieferst du uns auch Null Info.

      Bitte lese die Tipps für Fragende noch mal.

      MfG ChrisB

      --
      RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
      1. Hi,

        Über genaue Angaben, an das, was ich korregieren sol, wäre ich überglücklich :)

        CSS ist ohne zugehöriges HTML generell meist wenig aussagekräftig;
        und was das ganze eigentlich werden soll, dazu lieferst du uns auch Null Info.

        Bitte lese die Tipps für Fragende noch mal.

        MfG ChrisB

        Natürlich! Sorry!

        <html>  
          
          <head>  
          <title>Morbus Crohn</title>  
          <link rel="stylesheet" type="text/css" href="screen.css" />  
          </head>  
          
          <body>  
          
                <ul id="navigation">  
        			<li id="home"><a href="index.html">Home</a></li>  
        			<li id="navigation2"><a href="was_ist_morbus_crohn.html">Was ist Morbus Crohn?</a></li>  
        			<li id="navigation2"><a href="ursache.html">Ursache</a></li>  
        			<li id="navigation2"><a href="symptome_diagnose.html">Symptome&Diagnose</a></li>  
        			<li id="navigation2"><a href="therapien.html">Therapien</a></li>  
        			<li id="navigation2"><a href="betroffene.html">Was kann ich als Betroffener tun?</a></li>  
          
        		</ul>  
          
          
        		<h1>  
        			  
        		  
        			Morbus Crohn  
        		  
        		</h1>  
          
          
          
        		<div id="text">  
          
        			<a href="bilder/koerper.jpg" id="titelbild"><img src="bilder/koerper.jpg" align="center"/></a>  
          	  
        		</div>  
          
        		<ul id="fußzeile">  
        			<li id="untenlinks"><p align="center"><a href="index.html">Home | </a> <a href="kontakt.html">Kontakt |</a>  
        			<br>  
        			<a href="impressum.html">Impressum</a></p></li>  
        			<li id="untenrechts"><p align="center"><b>„Ein guter Kopf weiß alles zu benutzen, ich will Krankheiten zum Vorteil kehren.“</b> <br>  
        												   <i>- William Shakespeare, Heinrich IV.</i></p></li>  
        		</ul>  
        	  
          
        	</body>  
        </html>
        
        1. @@mrjapanpower:

          nuqneH

          Bitte lese die Tipps für Fragende noch mal.

          Wie war doch gleich der Imperativ von „lesen“?

          @mrjapanpower: Zitiere bitte sinnvoll, ncht alles!

          <html>

          Der DOCTYPE fehlt. Browser in den Quirks-Modus zu schicken ist keine gute Idee.

          <head>
            <title>Morbus Crohn</title>

          Als erstes sollte die Zeichencodierung angegeben werden, insbesondere wenn das Dokument ohne Webserver aufgerufen wird, was in deinem Fall sogar recht wahrscheinlich ist.

          <body>

          <ul id="navigation">

          Siehe dazu https://forum.selfhtml.org/?t=208531&m=1418182.

            	<li id="navigation2"><a href="was\_ist\_morbus\_crohn.html">Was ist Morbus Crohn?</a></li>  
            	<li id="navigation2"><a href="ursache.html">Ursache</a></li>  
          

          Fehler: IDs müssen dokumentweit eindeutig sein, d.h. genausowenig, wie zwei Autos dasselbe Kennzeichen haben dürfen, dürfen zwei Elemente dieselbe ID haben.

            	<li id="navigation2"><a href="symptome\_diagnose.html">Symptome&Diagnose</a></li>  
          

          Fehler: Das '&' muss escapet werden.

            <div id="text">  
          
            	<a href="bilder/koerper.jpg" id="titelbild"><img src="bilder/koerper.jpg" align="center"/></a>  
          

          </div>

          Seltsam, einen Container "text" zu nennen und dann nicht als ein Bild hineinzutun.

          Übrigens gehört zu einem Bild meist ein Text: http://de.selfhtml.org/html/grafiken/einbinden.htm#referenz@title=@alt-Attribut. Darstellungsbezogene Attribute wie @align hingegen solltest du nicht verwenden, sondern sämtliche Darstellungsangaben per CSS tätigen.

            <ul id="fußzeile">  
          

          Dafür gibt es das Element 'footer'. (Was übrigens nichts mit der Darstellung unten zu tun hat.)

            	<li id="untenlinks"><p align="center"><a href="index.html">Home | </a> <a href="kontakt.html">Kontakt |</a>  
            	<br>  
            	<a href="impressum.html">Impressum</a></p></li>  
            	<li id="untenrechts"><p align="center"><b>„Ein guter Kopf weiß alles zu benutzen, ich will Krankheiten zum Vorteil kehren.“</b> <br>  
            										   <i>- William Shakespeare, Heinrich IV.</i></p></li>  
            </ul>  
          

          Das ist keine Liste. Eine Liste dient zur Aufzählung gleichartiger Dinge; Links und ein Zitat sind völlig verschiedene Dinge. Für die Links hingegen bietet sich eine Liste an. Und nicht die Trennzeichen '|' mit verlinken!

          Und wann immer du 'br' im Quelltext liest, solltest du ebendieses Geräusch im Ohr haben. Außer bei Postadressen und bei Lyrik (Verszeilen).

          Und benenne IDs und Klassen nie nach der gegenwärtig(!) gewünschten Darstellung; vermeide sowas wie "untenlinks", "untenrechts". Wenn sich die Darstellung ändert, passen die Bezeichner nicht mehr und widersprechen womöglich der Darstellung.

          Das Markup sollte so aussehen:

          <footer>  
            <nav>  
              <ul>  
                <li><a href="index.html">Home</a></li>  
                <li><a href="kontakt.html">Kontakt</a></li>  
                <li><a href="impressum.html">Impressum</a></li>  
              </ul>  
            </nav>  
            <blockquote>  
              <p>„Ein guter Kopf weiß alles zu benutzen, ich will Krankheiten zum Vorteil kehren.“</p>  
              <small>William Shakespeare, <cite>Heinrich IV.</cite></small>  
            </blockquote>  
          </footer>
          

          Darstellungsangaben (einschließlich der Erzeugung der Trennzeichen '|') per CSS.

          Qapla'

          --
          Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
          (Mark Twain)
          1. Hallo,

            Bitte lese ...
            Wie war doch gleich der Imperativ von „lesen“?

            Chris scheint generell die meist falsche "schwache Beugung" beim Imperativ vorzuziehen ("lese", "gebe", "nehme").

            Fehler: IDs müssen dokumentweit eindeutig sein, d.h. genausowenig, wie zwei Autos dasselbe Kennzeichen haben dürfen, dürfen zwei Elemente dieselbe ID haben.

            Der Vergleich mit den Autokennzeichen ist demnächst nicht mehr valide. Schon bald dürfen zwei oder mehr Autos dasselbe Kennzeichen haben - sie dürfen es nur nicht gleichzeitig nutzen.

            Und wann immer du 'br' im Quelltext liest, solltest du ebendieses Geräusch im Ohr haben. Außer bei Postadressen und bei Lyrik (Verszeilen).

            Auch als Zäsur innerhalb eines Absatzes ist ein br-Element mitunter angebracht. Ob man es dann grundsätzlich als Zeilenumbruch *darstellen* möchte, ist eine andere Frage.

            Ciao,
             Martin

            --
            F: Was ist schlimmer: Alzheimer oder Parkinson?
            A: Parkinson. Lieber mal ein Bier vergessen zu zahlen, als eins verschütten.
            Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
            1. @@Der Martin:

              nuqneH

              Der Vergleich mit den Autokennzeichen ist demnächst nicht mehr valide. Schon bald dürfen zwei oder mehr Autos dasselbe Kennzeichen haben - sie dürfen es nur nicht gleichzeitig nutzen.

              Du kannst auch in einem HTML-Dokument das Kennzeichen (ID) umschrauben: von <a id="foo">Lorem</a> <b>ipsum</b> nach <a>Lorem</a> <b id="foo">ipsum</b>. Passt schon noch, der Vergleich.

              Auch als Zäsur innerhalb eines Absatzes ist ein br-Element mitunter angebracht.

              Hast du da ein Beispiel parat? Aber ich glaube, die Diskussion hatten wir schon mal. Für mich ist’s entweder ein Absatz oder halt zwei.

              Ob man es dann grundsätzlich als Zeilenumbruch *darstellen* möchte, ist eine andere Frage.

              Hm, es könnte auch als Gedankenstrich dargestellt werden? Ich würde diesen aber doch zum Text hinzuzählen, also '–' im Quelltext, nicht <br>.

              Qapla'

              --
              Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
              (Mark Twain)
              1. Hallo Gunnar,

                Der Vergleich mit den Autokennzeichen ist demnächst nicht mehr valide. Schon bald dürfen zwei oder mehr Autos dasselbe Kennzeichen haben - sie dürfen es nur nicht gleichzeitig nutzen.
                Du kannst auch in einem HTML-Dokument das Kennzeichen (ID) umschrauben: von <a id="foo">Lorem</a> <b>ipsum</b> nach <a>Lorem</a> <b id="foo">ipsum</b>. Passt schon noch, der Vergleich.

                nein, denn die Autokennzeichen dürfen -soweit ich die bisherige Variante verstanden habe- auch an beiden (oder mehr) Fahrzeugen gleichzeitig angebracht sein, aber nur eines dieser Fahrzeuge darf jeweils auf öffentlichen Straßen rumfahren.

                Auch als Zäsur innerhalb eines Absatzes ist ein br-Element mitunter angebracht.
                Hast du da ein Beispiel parat? Aber ich glaube, die Diskussion hatten wir schon mal. Für mich ist’s entweder ein Absatz oder halt zwei.

                Stimmt, das hatten wir schon mal. Ich mache da eben feinere Abstufungen.

                Ob man es dann grundsätzlich als Zeilenumbruch *darstellen* möchte, ist eine andere Frage.
                Hm, es könnte auch als Gedankenstrich dargestellt werden?

                Zum Beispiel. Oder als Ziergrafik, etwa ein Ornament oder eine Kirsche.

                Ciao,
                 Martin

                --
                Männer sind ungerecht: Sie sehen immer nur den Baum, den eine Frau mit dem Auto gerammt hat. Aber die vielen Bäume, die sie nicht einmal gestreift hat, sehen sie nicht.
                Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
                1. @@Der Martin:

                  nuqneH

                  nein, denn die Autokennzeichen dürfen -soweit ich die bisherige Variante verstanden habe- auch an beiden (oder mehr) Fahrzeugen gleichzeitig angebracht sein, aber nur eines dieser Fahrzeuge darf jeweils auf öffentlichen Straßen rumfahren.

                  In der Garage (PHP-Script) dürfen also mehrere Auto mit demselben Kennzeichen stehen, es darf aber nur eins davon auf die Straße (generiertes HTML):

                  <?php [code lang=php]if (foo): ?>
                    <a id="foo">Lorem</a> <b>ipsum</b>
                  <?php else: ?>
                    <a>Lorem</a> <b id="foo">ipsum</b>
                  <?php endif; ?>[/code]

                  Jetzt fängt der Vergleich aber an zu hinken. ;-)

                  Hm, es könnte auch als Gedankenstrich dargestellt werden?
                  Zum Beispiel. Oder als Ziergrafik, etwa ein Ornament oder eine Kirsche.

                  Ah, du bist auch einer, der ';-)' in quietscheentchengelbe '☺' umwandelt? ☺

                  Qapla'

                  --
                  Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
                  (Mark Twain)
                  1. Hallo,

                    In der Garage (PHP-Script) dürfen also mehrere Auto mit demselben Kennzeichen stehen, es darf aber nur eins davon auf die Straße (generiertes HTML):

                    so kann man es sagen, genau!

                    Jetzt fängt der Vergleich aber an zu hinken. ;-)

                    Besser als zu stinken. ;-)

                    Hm, es könnte auch als Gedankenstrich dargestellt werden?
                    Zum Beispiel. Oder als Ziergrafik, etwa ein Ornament oder eine Kirsche.
                    Ah, du bist auch einer, der ';-)' in quietscheentchengelbe '☺' umwandelt? ☺

                    Neiiiin! Aber es gibt genug, die das tun ...

                    Ciao,
                     Martin

                    --
                    ... und der FDP-Wähler gibt seine Stimme der FDP.
                       (Faszinierende Erkenntnis meines Gemeinschaftskunde-Lehrers, 9. Schuljahr)
                    Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
  5. Danke für Eure Kritik!

    Ich versuche jetzt erst einmal einige Dinge selber durch Self-HTML zu ändern.
    Bin aber wirklich über Eure Kritik dankbar. Falls jemand noch ein paar Tipps hat, kann er ja gerne schreiben ;)