mittige ausrichtung

von **Mibi2000** am 06.03.2006, 20:27

Hallo,

ich weiss, dass dieses thema hier schon ein paar mal breit getreten wurde.

Habe mir auch alles mögliche (diverse forenbeiträge und google) zu Gemüte geführt und mußte leider feststellen, dass die Erklärungen für mich fach-chinesisch sind, da ich absolut keine Ahnung von html und css usw. habe.

Die Seite ist mit PS gemacht und über image-ready als html abgespeichert. Frontpage (ich weiss, bei einigen stellen sich gerade die Nackenhaare hoch) verlinke ich die Seiten.

<html>
<head>
<title>erste seite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<span style="position: absolute; left: 140; top: 30">
<img src="Bilder/seite_projekte.jpg" border="0" alt usemap="#seite_projekte_Map" width="900" height="677"></span>
<map name="seite_projekte_Map">
<area href="seite_projekte_holzh_eg.html" shape="rect" coords="504, 119, 636, 172">
<area href="seite_projekte_stegreife.html" shape="rect" coords="636, 119, 713, 172">
</map>

</body>
</html>

Was muß ich tun, damit die Seite auf den gängigsten Bildschirmauflösungen mittig angezeigt wird?

Habe das für meine Auflösung (1152x864) hinbekommen und die Seite wird sowhl mit IE als auch mit FF korrekt angezeigt.
Ändere ich die Auflösung gehts natürlich nicht mehr.

Bedanken möchte ich mich im Vorraus.

Mfg Miro

von **Manuel** am 06.03.2006, 20:54

Hi Miro!

Zuerst mag ich dir mal folgendes Tutorial ans Herz legen:
http://www.der-webdesigner.net/index.ph ... er_und_css

Schon gelesen? Ist jedenfalls momentan sogar auf der Startseite verlinkt und ich habe mein bestes gegeben, so dass auch Anfänger verstehen wie man eine Seite einfach mit HTML und CSS erstellt.

Daher gebe ich dir den Rat: Frontpage weg. Hol dir einen Editor, der wirklich gar nichts kann außer Syntaxhighliting.
Das macht HTML wesentlich einfacher, denn das zu verstehen was Frontpage da anrichtet...glaub mir, es ist einfacher.

Les dir das Tutorial einfach mal durch. Dort habe ich auch beschrieben, wie man Seiten mittig ausrichtet und das vollkommen automatisch inklusive Code für ältere IE-Versionen, die damit Ärger machen.

Lg,
Manuel ;-]

von **Mibi2000** am 06.03.2006, 22:13

Hi,

heisst das, dass die image ready datei auch nicht zu gebrauchen ist und ich alles neu machen muß?
Habe mir den html-editor phase 5 runtergeladen, ist der vernünftiger als frontpage? (aber, wahrscheinlich ist jeder editor besser)

Mfg Miro

von **Manuel** am 06.03.2006, 22:16

Ja, diesen verwende ich auch. Ist auch egal, welchen du nimmst. Hauptsache einen, der einem möglichst wenig automatisch macht.

Image Ready erzeugt meiner Meinung nach auch nur unbrauchbaren Quellcode. Lieber selbst zusammen schneiden und dann auch selbst mit HTML zusammenfügen. Das ist wesentlich übersichtlicher.

Lg,
Manuel ;-]

P.S: Tutorial jetzt gelesen oder nicht?

von **Mibi2000** am 07.03.2006, 00:39

Ja, ich habe es gelesen und nicht so viel verstanden.

Habe dann erst mal so ein Einstiegstut. für phase 5 gemacht mit ganz banalen Sachen.
Wenn ich mir jetzt meine Seite anschaue und darüber nachdenke, was ich so alles machen wollte, bezweifle ob das bis Ostern klappt mit der Seite.

hier ein screenshot:http://img458.imageshack.us/img458/2850/screenshot8mx.jpg

jedem icon ist halt ein projekt zugeordnet, jeweils mit grundrissen, ansichten, usw. soll halt ne seite für bewerbungen werden (architekturbüros), da soll sich keiner eintragen o.ä. einfach angucken

Und da finde ich halt PS so angenehm, einfach paar Hilfslinien ziehen, texte frei platzieren, comfortabel hin und her schieben usw.

Mfg Miro

von **Manuel** am 07.03.2006, 00:52

Hey, bloß nicht aufgeben. Also ich finde das Layout recht einfach.

Was genau verstehst du an dem Tutorial denn nicht? Denn ich wollte es ja auch für Anfänger schreiben, jedoch weiss ich nicht, was zu trivial und damit öde ist und was schon wieder zu schwierig ist.

Ich hab in meinem Tutorial aber sehr viel wert darauf gelegt, dass der Leser selbst was macht. Wenn du es also nur gelesen, aber nicht im Editor selbst ausprobiert hast, dann ist es vermutlich kein Wunder das du nichts verstanden hast.

von **Mibi2000** am 07.03.2006, 01:43

Nein, so furchtbar genau habe ich mir das nicht angeguckt,
liegt aber auch daran dass ich seit heute mittag versuche heraus zu finden, wie ich meine seite passend für alle Auflösungen hinbekomme und was so banal klang, hat sich schnell als recht verzwickt herausgestellt.

dann habe ich bei dem tut gelesen, dass für 1024x768 ausgelegt ist und somit war es dann nicht mehr so interessant für mich.

Aber auch schon am Anfang, habe noch nie was von div-layern gehört und gehört der CSS code einfach unter den html code im editor?

Was mich an den ganzen "Baukasten-Programmen" stutzig macht, ist, dass sie ja eigentlich für solche Leute wie mich gemacht sind; man muß nicht im Quellcode rumpfuschen, Text, ein paar Bilder einfügen, vernünftig ausrichten, fertig.
Dann muß man aber feststellen, dass einige von den Programmen schrott produzieren und man kommt ja gar nicht drum rum sich mit dem Quellcode auseinander zu setzen.

Sind denn solche Programme wie Golive CS2, Flash usw. auch so scheisse was den Quellcode angeht?

Mfg Miro

von **Manuel** am 07.03.2006, 02:27

Hm, dann hast du da grundsätzlich was nicht verstanden.

Du solltest dir erstmal darüber im Klaren sein, dass wenn du eine Seite entwerfen willst, das auch mit Arbeit verbunden ist. Soll heißen es reicht nicht, irgendwelche Dinge zu überfliegen, sonderen Dinge auf sich selbst anzupassen und sich dabei Gedanken zu machen.

In dem Tutorial steht auch ganz genau, dass ich selbst dieses Layout für 1024*768 ausgerichtet habe und das es jedem frei steht das anzupassen wie man will. (steht alles direkt dabei

)
Es geht dabei um den Aufbau und vor allem das Layouting, nicht um die Auflösung, denn diese ist beliebig.

Ich habe mein Layout einfach an eine feste Auflösung angepasst. Genauso gut kannst du dort einfach die Werte ändern oder direkt mit %-Angaben arbeiten. Das ist vollkommen egal für das Prinzip dieses Tutorials.

Zum CSS-Code:
http://www.der-webdesigner.net/index.ph ... tname=css1

Flash hat mit HTML übrigens nichts zu tun.

Also folgende Grundlage:
Frontpage, Dreamweaver usw. sind alles nur Editoren. Was zählt ist der eigentliche HTML-Quellcode. Womit du diesen schreibst ist egal. Du kannst diesen auch im normalen Texteditor von Windows schreiben. Das spielt keine Rolle. Gleiches gilt für CSS, PHP, Javascript usw.
Für Flash jedoch brauchst du entweder das originale Flash oder Programme wie Swish, die Flash in vereinfachter Form darstellen.

Die oben genannten Editoren bieten für User mit extrem wenig Ahnung die Möglichkeit, sich den Quellcode zusammen zu klicken. Der große Nachteil daran: Der Quellcode ist meiner Meinung nach ausnahmslos Müll und größtenteils hat man nur sehr wenige Möglichkeiten mit diesen Programmen. Im Gegensatz dazu macht es Sinn, sich 2 Tage mit HTML/CSS zu beschäftigen, denn mehr braucht man dazu nicht, da es sehr einfach ist. Investiert man diese 2 Tage, so spart man sich sehr viel Arbeit mit nervigen Programmen wie Frontpage und man hat zudem extrem viele Freiheiten mehr, die sich nicht nur in der Qualität des Quellcodes widerspiegeln, sondern auch in der Handhabbarkeit. Willst du nun etwas ändern, so weisst du direkt wo was gemacht werden muss.

So, ich hoffe das alles ist jetzt etwas klarer für dich.

Lg,
Manuel ;-]

von **Mibi2000** am 07.03.2006, 16:06

Mir wurde ganz schnell klar, dass ne Seite mit viel Arbeit verbunden ist; ehrlich gesagt habe ich den Aufwand am Anfang doch sehr unterschätzt.

Ist das ne gängige Meinung, dass die Klickprogramme einen schlechten oder zu komplizierten Quellcode produzieren?

Kann mir nicht wirklich vorstellen, dass solche progs wie Golive unnütz sind und wie du schon sagstest, die sind für Leute, die keine Ahnung haben von Html und dazu zähle ich mich auch.

Mfg Miro

von **Manuel** am 07.03.2006, 18:12

Gängige Meinung: Ja, würde ich schon sagen. Ich selbst habe HTML auch mit Frontpage angefangen...das war vor ca. 6 Jahren. Und irgendwann bin ich dann auf den Trichter gekommen, dass es auch ohne Frontpage geht, denn dieses Programm hat mich täglich aufgeregt.

Aber gehen wir das mal theoretisch an:
Klickprogramm bedeutet, dass ein Tastendruck einen gewissen Quellcode erzeugt. Jetzt muss man überlegen, wie viele Befehle HTML und CSS haben und vor allem wie viele Kombinationsmöglichkeiten daraus entstehen. Zudem kommen immer Ausnahmefälle, individuelle Dinge usw.
Das heißt, dass dieses Programm mindestens genauso viele Buttons und Einstellungsmöglichkeiten haben muss.
Der Quellcode ist genau deshalb Müll, weil er meist viel zu lang und umständlich ist (woher soll das Programm auch wissen, wie du etwas genau haben willst) und vor allem weil es nicht dein eigener Quellcode ist. Alles was du selbst schreibst, das ordnest du nach deinen Wünschen an. Wenn du den Quellcode also liest, weisst du direkt wo was steht, denn du selbst hast es dir angeordnet. Und jetzt finde mal was in fremden Quellcode. Ich brauche dafür immer ewig!

Lg,
Manuel ;-]

von **powerschulzi** am 07.03.2006, 18:28

Mein Lieblings- und extrembeispiel für editoren: MS Word.
Schreib mal in ein Word-Dokument das wörtchen "Hallo" und speicher es als webseite ab.
danach öffnest du die webseite im normalem texteditor. Was du siehst, ist ellenlanger müllcode. kann jeder ausprobieren.
Das einfache Äquivalent im selbstgeschriebenen HTML dazu ist:

Code: Alles auswählen: <html> <head> <title>Neue Seite 1</title> </head> <body>Hallo</body> </html>

Ein Vergleich lohnt sich manchmal echt

von **Mibi2000** am 07.03.2006, 18:43

Klingt alles logisch, aber wenn man einmal ne Seite machen will und danach vermutlich nie wieder, können auch klickprogramme reichen.

Du hast vor 6 Jahren mit html angefangen?? Und ich soll es in 2 Tagen lernen? :wink:

Habe mich ja die Tage wohl oder übel mit html beschäftigen müssen und es scheint nicht so wild zu sein, immerhin habe ich es geschafft meine Sachen so auszurichten wie ich es brauche.

Ein kleiner Schritt für das Forum, aber ein grosser für Miro.

@powerschulzi: ok, hab´s ausprobiert, hmm, da scheint was dran zu sein :wink:

mittige ausrichtung

mittige ausrichtung

schulzi's kurzerklärung, warum editoren doof sind

Wer ist online?