Newbie braucht dringend Hilfe!!!! Bitte :(

segarianer1 · 25.07.2005, 21:10

Hallo Leute!

Ich bin ein blutiger Anfänger und kenne mich mit HTML nicht aus.

Mein Problem:

Ich habe ein Layout mit Photoshop erstellt und dieses dann "zerschnitten".
Ich habe eine Tabelle erstellt und in diese Tabelle noch einige weitere (mit ver. Zeilen und Rändern) erstellt, um die kleinen Bilder einzusetzen.
Alles lief perfekt. Ich habe die Buttons verlinkt und wollte gerade den Text einsetzen...und jetzt kommt es:

Die Tabelle in der der Text steht vergrößert sich sobald ich einen Text reinschreibe (es findet kein Zeilenumbruch satt). Die anderen Tabellen vergrößern sich und das Layout ist total zerstückelt.
Dann habe ich versucht diese Bilder als Background images zu verwenden, ging auch nicht.

Meine Bitte an euch:

Könnt ihr mir erklären was ich machen muss, damit die Tabelle ihre Größe nicht verändert wenn ich den Text eintippe.
Ich hoffe es gibt eine simple Lösung für einen Newbie wie mich.

Noch eins: Ich habe extrem viel Zeit ins Layout investiert und es wäre für mich eine KATASTROPHE wenn das mit dem Text nicht klappt.

Schickt mir einen Link zu einem bestimmten Tutorial wenn die Sache komplizierter ist.

Vielen vielen dank im Voraus!!!!!!!!

Hier noch der Code (schaut für mich wie Chinesisch aus

):

<title>Molekularbiologie</title><body bgcolor="#FFFFFF">
<table width="958" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="33"><img src="images/BuB-newspixel_01.jpg" width="33" height="76"><img src="images/BuB-newspixel_07.jpg" width="33" height="258"><img src="images/BuB-newspixel_22.jpg" width="33" height="200"></td>
<td width="143"><img src="images/BuB-newspixel_02.jpg" width="143" height="76"><img src="images/BuB-newspixel_08.jpg" width="143" height="113"><img src="images/BuB-newspixel_14.jpg" width="143" height="37"><img src="images/BuB-newspixel_15.jpg" width="143" height="15"><img src="images/BuB-newspixel_19.jpg" width="143" height="39"><img src="images/BuB-newspixel_20.jpg" width="143" height="14"><img src="images/BuB-newspixel_21.jpg" width="143" height="40"><img src="images/BuB-newspixel_23.jpg" width="143" height="13"><img src="images/BuB-newspixel_25.jpg" width="143" height="38"><img src="images/BuB-newspixel_27.jpg" width="143" height="15"><img src="images/BuB-newspixel_29.jpg" width="143" height="38"><img src="images/BuB-newspixel_30.jpg" width="143" height="96"></td>
<td width="29"><img src="images/BuB-newspixel_03.jpg" width="29" height="76"><img src="images/BuB-newspixel_09.jpg" width="29" height="258"><img src="images/BuB-newspixel_24.jpg" width="29" height="200"></td>
<td width="419"><table width="100%" height="534" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="76"><img src="images/BuB-newspixel_04.jpg" width="419" height="76"></td>
</tr>
<tr>
<td><table width="400" height="360" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="53"><img src="images/BuB-newspixel_32.jpg" width="419" height="53"></td>
</tr>
</table></td>
<td width="113"><img src="images/BuB-newspixel_05.jpg" width="113" height="76"><img src="images/BuB-newspixel_11.jpg" width="113" height="150"><img src="images/BuB-newspixel_16.jpg" width="113" height="159"><img src="images/BuB-newspixel_28.jpg" width="113" height="149"></td>
<td width="221"><img src="images/BuB-newspixel2_02.jpg" width="221" height="76"><img src="images/BuB-newspixel2_03.jpg" width="221" height="82"><img src="images/BuB-newspixel2_04.jpg" width="221" height="136"><img src="images/BuB-newspixel2_05.jpg" width="221" height="97"><img src="images/BuB-newspixel2_06.jpg" width="221" height="143"></td>
</tr>
</table>

Torsten · 25.07.2005, 21:18

Zitat:

Zitat von segarianer1

Hallo Leute!

Ich bin ein blutiger Anfänger und kenne mich mit HTML nicht aus.

Hallo segarianer1,

auch wenn das hart klingt und Dich unter umständen überhaupt nicht befriedigt:

Zuerst solltest Du HTML lernen, denn sonst brauchst Du mit Dreamweaver garnicht erst weiter machen

Glaube mir das haben schon viele versucht, aber kaum einer hat ein brauchbares Ergebnis abgeliefert...

Surftip: SELFHTML

rewboss · 25.07.2005, 21:23

Also, erstens ist das ein recht kompliziertes Layout. Ich blicke da beim besten Willen nicht durch.

Hattest du auch Leerzeichen im Text? Ein Browser bricht nur bei Leerzeichen um, manche auch bei Bindestrichen.

rewboss · 25.07.2005, 21:26

So, ich hab's endlich mal durchgeblickt. Bei mir funktioniert's -- vorausgesetzt, natürlich, dass der Text auch Leerzeichen drin hat.

Thomas · 25.07.2005, 21:29

hab mal beide identischen Threads zu einem zusammengeschoben ...

segarianer1 · 25.07.2005, 21:50

Stimmt wirklich

Wenn der Text Leerzeilen hat macht DW einen Umbruch. Ich aber hatte keine Leerzeilen.

Danke für die extrem schnelle Hilfe.

Eine Sache noch:

Wenn der Text sehr lang ist muss man ja scrollen können, damit man den ganzen Text lesen kann. Ich bin eigentlich schon mit diesem Ergebnis zufrieden (wenn ich mein Können in betracht ziehe), aber mit scrollen wärs halt noch besser.

Werde mich diesbezüglich noch näher informieren.

Auf jeden fallen vielen Dank nochmal.

rewboss · 25.07.2005, 23:44

Zitat:

Zitat von segarianer1

Wenn der Text Leerzeilen hat macht DW einen Umbruch. Ich aber hatte keine Leerzeilen.

Du meinst wohl "Leerzeichen". "Leerzeilen" sind was anderes.

Übrigens, für solche Zwecke empfiehlt sich den in der Typografie seit Jahrhunderten verwendeten Blindtext "Lorem ipsum". Hier kriegst du einen Lorem-Ipsum-Text, so viel wie du brauchst.

Zitat:

Wenn der Text sehr lang ist muss man ja scrollen können, damit man den ganzen Text lesen kann.

Ja klar -- wenn der Text sehr lang wird, dehnt sich die Tabelle nach unten aus und der Browser blendet automatisch einen Scrollbalken ein. Das macht der Browser ganz automatisch.

segarianer1 · 26.07.2005, 13:30

Danke für den Link.

Habe mich übrigens gestern etwas noch mit meiner Seite beschäftigt.

Ich habe mit Hilfe von selfhtml versucht eine Scrollbar einzurichten.

Grund: Wenn ich einen langen Text in eine Tabelle einfüge zerschießt es mir die anderen Tabellen. Anstatt eine Tabelle zu nehmen, dachte ich mir ich verwende eine Scrollbar. Denn mit einer Scrollbar verschiebt sich der Header und der Footer nicht.
Also fügte ich folgenden Code ein:

HTML-Code:

<p>News<br>
<textarea name="user_eingabe" cols="38" rows="20"></textarea>
</p>

Auf einmal zerschoss es das Design im Designfenster total. Als ich jedoch in die Browservorschau klickte, bemerkte ich, das alles perfekt ist.

Nun bin ich etwas verwirrt.

Ich poste euch mal den Code:

Vorher:

HTML-Code:

<title>Molekularbiologie</title><body bgcolor="#CCCCCC">
<table width="958" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="33"><img src="images/BuB-newspixel_01.jpg" width="33" height="76"><img src="images/BuB-newspixel_07.jpg" width="33" height="258"><img src="images/BuB-newspixel_22.jpg" width="33" height="200"></td>
    <td width="143"><img src="images/BuB-newspixel_02.jpg" width="143" height="76"><img src="images/BuB-newspixel_08.jpg" width="143" height="113"><a href="index.html"><img src="images/BuB-newspixel_14.jpg" width="143" height="37" border="0"></a><img src="images/BuB-newspixel_15.jpg" width="143" height="15"><a href="http://www.foren.de/system/user_molekularbiologie.html"><img src="images/BuB-newspixel_19.jpg" width="143" height="39" border="0"></a><img src="images/BuB-newspixel_20.jpg" width="143" height="14"><img src="images/BuB-newspixel_21.jpg" width="143" height="40"><img src="images/BuB-newspixel_23.jpg" width="143" height="13"><img src="images/BuB-newspixel_25.jpg" width="143" height="38"><img src="images/BuB-newspixel_27.jpg" width="143" height="15"><a href="mail%20to:kenan.kapidzic@gmx.at"><img src="images/BuB-newspixel_29.jpg" width="143" height="38" border="0"></a><img src="images/BuB-newspixel_30.jpg" width="143" height="96"></td>
    <td width="29"><img src="images/BuB-newspixel_03.jpg" width="29" height="76"><img src="images/BuB-newspixel_09.jpg" width="29" height="258"><img src="images/BuB-newspixel_24.jpg" width="29" height="200"></td>
    <td width="419"><table width="100%" height="534" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="76"><img src="images/BuB-newspixel_04.jpg" width="419" height="76"></td>
        </tr>
        <tr>
          <td background="images/BuB-newspixel_13.jpg"><table width="400" height="360" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td valign="top"><p>Liebe Molekularbiologiestudentinnen, liebe Molekularbiologiestudenten!</p>
                  <p>Nach einer langen und arbeitsreichen Zeit ist unsere Website 
                    endlich fertig geworden.</p>
                  <p>Als ich mich f&uuml;r das Studium Molekularbiologie 
                    entschieden hatte fiel mir auf, dass unser Studium keinen 
                    eigenen Platz im Internet hat. Nach einer langen &Uuml;berlegungsphase 
                    entschloss ich mich dieses Projekt, was ihr nun vor euch seht, 
                    in Angriff zu nehmen.</p>
                  <p>Ich denke und hoffe, dass diese Seite ein Treffpunkt sowohl 
                    f&uuml;r Studenten/Innen, als auch f&uuml;r studieninteressierte 
                    Personen sein wird.</p>
                  <p>Ihr k&ouml;nnt mich gerne jederzeit kontaktieren. Ich w&uuml;nsche 
                    euch viel Spa&szlig; im Forum. Euer K. Kapidzic</p>
                  </td>
              </tr>
            </table></td>
        </tr>
        <tr>
          <td height="53"><img src="images/BuB-newspixel_32.jpg" width="419" height="53"></td>
        </tr>
      </table></td>
    <td width="113"><img src="images/BuB-newspixel_05.jpg" width="113" height="76"><img src="images/BuB-newspixel_11.jpg" width="113" height="150"><img src="images/BuB-newspixel_16.jpg" width="113" height="159"><img src="images/BuB-newspixel_28.jpg" width="113" height="149"></td>
    <td width="221"><img src="images/BuB-newspixel2_02.jpg" width="221" height="76"><img src="images/BuB-newspixel2_03.jpg" width="221" height="82"><img src="images/BuB-newspixel2_04.jpg" width="221" height="136"><img src="images/BuB-newspixel2_05.jpg" width="221" height="97"><img src="images/BuB-newspixel2_06.jpg" width="221" height="143"></td>
  </tr>
</table>

Naher:

HTML-Code:

<title>Molekularbiologie</title><body bgcolor="#CCCCCC">
<table width="958" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="33"><img src="images/BuB-newspixel_01.jpg" width="33" height="76"><img src="images/BuB-newspixel_07.jpg" width="33" height="258"><img src="images/BuB-newspixel_22.jpg" width="33" height="200"></td>
    <td width="143"><img src="images/BuB-newspixel_02.jpg" width="143" height="76"><img src="images/BuB-newspixel_08.jpg" width="143" height="113"><a href="index.html"><img src="images/BuB-newspixel_14.jpg" width="143" height="37" border="0"></a><img src="images/BuB-newspixel_15.jpg" width="143" height="15"><a href="http://www.foren.de/system/user_molekularbiologie.html"><img src="images/BuB-newspixel_19.jpg" width="143" height="39" border="0"></a><img src="images/BuB-newspixel_20.jpg" width="143" height="14"><img src="images/BuB-newspixel_21.jpg" width="143" height="40"><img src="images/BuB-newspixel_23.jpg" width="143" height="13"><img src="images/BuB-newspixel_25.jpg" width="143" height="38"><img src="images/BuB-newspixel_27.jpg" width="143" height="15"><a href="mail%20to:kenan.kapidzic@gmx.at"><img src="images/BuB-newspixel_29.jpg" width="143" height="38" border="0"></a><img src="images/BuB-newspixel_30.jpg" width="143" height="96"></td>
    <td width="29"><img src="images/BuB-newspixel_03.jpg" width="29" height="76"><img src="images/BuB-newspixel_09.jpg" width="29" height="258"><img src="images/BuB-newspixel_24.jpg" width="29" height="200"></td>
    <td width="419"><table width="100%" height="534" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td height="76"><img src="images/BuB-newspixel_04.jpg" width="419" height="76"></td>
        </tr>
        <tr>
          <td background="images/BuB-newspixel_13.jpg"><form action="textarea.htm">
<p>News<br>
<textarea name="user_eingabe" cols="38" rows="20"></textarea>
</p>
</form>

</body>
</html></td>
        </tr>
        <tr>
          <td height="53"><img src="images/BuB-newspixel_32.jpg" width="419" height="53"></td>
        </tr>
      </table></td>
    <td width="113"><img src="images/BuB-newspixel_05.jpg" width="113" height="76"><img src="images/BuB-newspixel_11.jpg" width="113" height="150"><img src="images/BuB-newspixel_16.jpg" width="113" height="159"><img src="images/BuB-newspixel_28.jpg" width="113" height="149"></td>
    <td width="221"><img src="images/BuB-newspixel2_02.jpg" width="221" height="76"><img src="images/BuB-newspixel2_03.jpg" width="221" height="82"><img src="images/BuB-newspixel2_04.jpg" width="221" height="136"><img src="images/BuB-newspixel2_05.jpg" width="221" height="97"><img src="images/BuB-newspixel2_06.jpg" width="221" height="143"></td>
  </tr>
</table>

Was soll ich jetzt machen? Hat das Folgen wenn ich das so stehen lasse oder soll ich es wieder irgendwie "zurechtbiegen". In der Browservorschau schaut es halt ausgezeichnet aus, nur dieses Designfenster macht mir schon Sorgen.

26.07.2005, 13:42

meun,
ich hab mir mal erlaubt, das ganze in codeboxen zu verfrachten

rewboss · 26.07.2005, 22:57

Zitat:

Zitat von segarianer1

Auf einmal zerschoss es das Design im Designfenster total. Als ich jedoch in die Browservorschau klickte, bemerkte ich, das alles perfekt ist.

Nun bin ich etwas verwirrt.

Dann verstehst du das grundlegende Prinzip nicht.

Vergiss WYSIWYG. Das gibt's mit Textverarbeitungsprogramme und Desktop-Publishing, aber nicht im Netz. Im Netz gilt: Was du in deinem Browser siehst ist nicht unbedingt das, was ich sehe.

Der Code, der den Browser bekommt, enthält Text und Anweisungen, was der Browser mit dem Text machen soll. Das sind Sachen wie, zum Beispiel: Mach das hier zu einem Link. Aber wie der Browser den Link darstellt ist ihm überlassen. Die meisten setzen den Link unterstrichen und blau, wenn nichts anderes bestimmt wird. Auch wenn etwas anderes bestimmt wird, darf der Browser das völlig ignorieren. Manche Anweisungen werden von unterschiedlichen Browsern unterschiedlich interpretiert. Einige werden von bestimmten Browsern sogar überhaupt nicht interpretiert.

Was ich sehe in meinem Browser hängt u.a. davon ab:

- welches Betriebssystem ich verwende
- welchen Browser ich verwende
- was für eine Auflösung ich eingestellt habe
- welche Schriftarten ich installiert habe
- wie ich meinen Browser eingestellt habe

Was du also im Design-Fenster siehst ist eine ungefähre Darstellung dessen, was möglicherweise in einem bestimmten Browser mit dem Code angezeigt wird.

segarianer1 · 27.07.2005, 19:13

Hmmm...

...da bin ich aber schon ein wenig vom WYSIWYG- Prinzip enttäuscht. Wenn man es von dieser Perspektive aus sieht braucht man ja überhaupt kein Designerfenster. Aber man muss ihm auch zugestehen, dass er sehr praktisch ist.

Ich teste meine Seite gerade auf die Benutzerfreundlichkeit:

-Ich habe die HP von 3MB auf 65kB fast ohne Qualitätsverlust komprimiert. Ich wollte sie eigentlich auf 40-60 kB bringen, aber die Qualität nimmt da schon ziemlich ab (benutze Image Ready). Leider dauert der Ladevorgang beim Modem immer noch satte 10 Sekunden, aber wenn ich weiter komprimiere ist die Site reif für die Mülltonne.

-Die Website ist sowohl bei 800x600, als auch bei 1024x768 sehr gut betrachtbar. Ich habe sie mit Mozilla und IE getestet.

Ja, das waren die wichtigsten Sachen, denke ich mal. Dinge wie ansprechende Farben und Schriftart habe ich schon vor der Erstellung mir überlegt.

Sobald sie fertig ist, werde ich hier die URL posten (ist übrigens meine erste, also bitte nicht lachen

).

Nach der Veröffentlichung kaufe ich mir ein Buch über HTML und werde mich mit dieser Materie ein wenig beschäftigen, damit ich die Site auch mal verbessern kann. Obwohl learning by doing bzw. probieren statt studieren auch nicht unterschätzt werden sollte.

Stefan · 27.07.2005, 19:59

10 Sekunden für Modem sind ok. Wer noch mit nem Modem surft, weiß damit zu leben ...

Hier noch n Linktipp zum Thema HTML: DrWeb.de

Gruß Stefan

rewboss · 27.07.2005, 23:10

Zitat:

Zitat von segarianer1

-Ich habe die HP von 3MB auf 65kB fast ohne Qualitätsverlust komprimiert. Ich wollte sie eigentlich auf 40-60 kB bringen, aber die Qualität nimmt da schon ziemlich ab (benutze Image Ready). Leider dauert der Ladevorgang beim Modem immer noch satte 10 Sekunden, aber wenn ich weiter komprimiere ist die Site reif für die Mülltonne.

Jepp, einen Tod muss man sterben. 40kB wäre natürlich optimal, aber 65kB ist ganz in Ordnung. Wenn man komprimiert -- ob Bilder oder MPEG-Dateien -- muss man einen Kompromiss zwischen Qualität und Dateigröße finden.

segarianer1 · 30.07.2005, 12:57

Hallo, ich bins wieder

Also, meine Website ist fertig. Jetzt muss ich sie nur noch Online stellen.

Zu meinen Fragen:

-Ich habe Meta Tags in der index.html eingefügt, also in der eigentlichen Homepage. Muss ich diese Meta Tags auch in den anderen Seiten (links.htm, news.htm) einfügen.

Logisch wäre, dass ich das nicht machen muss, da die index.html mit den anderen Seiten verlinkt ist. Aber da würde ich eure Meinung mal gern dazu hören.

-Tja, und jetzt kommt zwar eine blöde Frage, aber Fragen kostet ja nichts:

Wie kann ich mich bei den Suchmaschinen ohne spezielle Software selbst anmelden?

Wenn ich das richtig verstanden habe läuft das so ab:

1. Meta Tags einfügen
2. URL bei google o. ä. posten
3. Google schickt die robots zu der URL
4. Die suchen die Meta tags und gehen mit ihnen zu der Suchmaschine zurück
5. Website kann über Suchmaschine gefunden werden

Da es jedoch meine erste Site ist möchte ich sicherheitshalber bei euch mal nachfragen.