Login

pologirl · 03.08.2009, 15:09

Hallo, ich bin ganz neu hier und habe gleich mal eine frage.

Ich habe jetzt zum ersten mal mich daran gemacht mit PI ( 11 ) eine HP zu erstellen. Habe eine Hintergrundseite erstellt, diese dann einmal als Ufo datei gespeichert (zum bearbeiten) und als Html datei, wobei er mir dann in den Image ordner 4 Dateien gespeichert hat, Image_1, Image_2, Image_3 und Space.

So nun hänge ich ein wenig, die Image dateien sind Bilddateien, auf Image_1 ist nur ein streifen zu sehen (horizontal), Image_2 ein vertikaler strich, Image_3 ist mein kompletter Hintergrund zu sehen und die datei space sieht irgendwie leer aus.

Mein Quellcode für die Seite sieht momentan so aus

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>

    <HEAD>

        <TITLE>Home</TITLE>

        <META CONTENT="text/html; charset=iso-8859-1" HTTP-EQUIV="Content-Type">

        <META NAME="Generator" CONTENT="PhotoImpact">

        <META NAME="PhotoImpact Document" CONTENT="D:\tine bilder\meeri hp\neuepage\index.ufo">

    </HEAD>

    <BODY BGCOLOR="#3399FF" TOPMARGIN="0" LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">

    <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">

    <TR>

        <TD COLSPAN="2"><IMG SRC="images/index_1.jpg" WIDTH="1020" BORDER="0" HEIGHT="1"></TD>

    </TR>

    <TR>

    <TD><IMG SRC="images/index_2.jpg" WIDTH="7" BORDER="0" HEIGHT="767"></TD>

    <TD><IMG SRC="images/index_3.jpg" WIDTH="1013" BORDER="0" HEIGHT="767"></TD>

</TR>

</TABLE>

</BODY>

</HTML>

Nun wollte ich eigendlich das so machen, das wenn ich zb. Link 1 anklicke das der Inhalt dann nur in der mitte neu geladen wird ( nicht der Banner oben oder das menü links) dazu müsste ich daher also mit Frames arbeiten? Oder genügt es mit Tabellen? Was bedeutet die Tabelle die schon in meinem Quelltext steht?

kann mir da jemand bei helfen/tips geben?

das wäre total lieb, da ich noch recht am anfang stehe. lg pologirl

dnw-art · 03.08.2009, 17:05

Ganz ehrlich, ich würde niemals mit PhotoImpact Websites erstellen, und das aus zwei Gründen:
1. Tabellen-Layout? Nicht unbedingt empfehlenswert, mit CSS geht das Ganze besser und Änderungen am Design lassen sich schneller und einfacher umsetzen.
2. Der HTML-Code ist nie W3C-konform und wird daher nicht von jedem Browser gleich dargestellt.

"auf Image_1 ist nur ein streifen zu sehen (horizontal)"
Ändere dazu diese Zeile:
<TD COLSPAN="2"><IMG SRC="images/index_1.jpg" WIDTH="1020" BORDER="0" HEIGHT="Höhe des Bildes"></TD>
Die Height- (= Höhen-) Angabe hängt davon ab, wie hoch dein Bild ist.

"Image_2 ein vertikaler strich"
Diese Zeile hier ändern:
<TD><IMG SRC="images/index_2.jpg" WIDTH="Breite deines Bildes" BORDER="0" HEIGHT="767"></TD>
Die Width- (= Breiten-) Angabe hängt von der Breite deines Bildes ab.

"Image_3 ist mein kompletter Hintergrund zu sehen"
Ist das so gewollt?

"und die datei space sieht irgendwie leer aus"
Diese Datei kommt nirgendwo im Code vor.

Wie schon gesagt, PhotoImpact als HTML-Editor ist eine ganz schlechte Sache, da meistens nur verhunzter Code herauskommt.

"dazu müsste ich daher also mit Frames arbeiten?"
Hmm, Frames sind so eine Sache. In deinem Fall ist die Anwendung davon sinnvoll, aber ich würde eher für jede Seite ein Dokument machen, mit Navigation etc. Warum?
Du kannst zu keinem bestimmten Inhalt verlinken wenn du Frames benutzt. In der Browserzeile würde immer nur http://www.beispieldomain.de/ stehen. Willst du also jemandem einen Link zu einem bestimmten Seite schicken, dann ist das nicht möglich.
Willst du außerdem, dass deine Website in Suchmaschinen wie Google und Yahoo erscheint, dann sind Frames das schlechteste, was du deiner Website antun kannst. Suchmaschinen ignorieren nämlich den Inhalt von Frames und somit wäre nur deine Navigation im Index aufgenommen.

"Oder genügt es mit Tabellen? Was bedeutet die Tabelle die schon in meinem Quelltext steht?"
Die Tabelle in deinem Code ordnet einfach die Bilder so an, wie du sie haben wolltest.
Das heißt die Datei 'index_1.jpg' ist oben, danach folgt Links 'index_2.jpg' und rechts von 'index_2.jpg' 'index_3.jpg', das den Größten Bereich ausmacht.

Ich rate dir, einen HTML-Editor zu besorgen, der extra für diesen Zweck programmiert wurde. PhotoImpact ist das Allerletzte was man dafür verwenden sollte.
Kostenlose und gute HTML-Editoren sind bspw. NVU und Phase 5. Letzterer bietet allerdings keinen Website-Designer wie NVU.

pologirl · 03.08.2009, 21:14

hallo und vielen dank für die ausführliche antwort

deine argumente haben mich überzeugt.

Habe mir jetzt erstmal das NVU runter geladen und teste da mal ein bisschen mit rum.
Dann nutze ich eben PI zum erstellen für die Bildelemente, zb. Button ect.

Mit den Frames kam ich nur darauf weil ich es immer "praktisch" sah dass nicht die ganze Seite neu geladen wird, sondern halt nur der Text im Frame sich ändert. Aber wenn es wirklich so ist, dann mache ich eben eine rohseite ( Banner + Menü ect. ) und kopiere die und füge dann nur noch den jeweiligen Inhalt hinzu.

Das mit dem CSS habe ich noch nie probiert, irgendwie schrecke ich da noch zurück, weil ich schon das html schwierig fand und teilweise ohne vorgefertigte codes nicht voran komme :oops:

Aber ich versuche es einfach mal, nochmals danke für den tip.

lg pologirl

dnw-art · (Dieser Beitrag wurde zuletzt bearbeitet: 03.08.2009, 22:17 von dnw-art.)

CSS ist gar nicht schlimm, wenn man erst mal das Prinzip verstanden hat.

Ich hab mal was rausgesucht, was dir helfen könnte, in CSS einzusteigen:
http://www.andreas-kalt.de/webdesign/tut...-erstellen
http://politnet.ch/css/

Die zweite Seite ist etwas seltsam. Beachte einfach nicht den linken Teil.

Es lohnt sich wirklich, wenn man CSS beherrscht. Man kann seine Websites damit so gestalten wie man will, es gibt kaum Grenzen.

Login
Benutzername:
Passwort:	Passwort vergessen?
	Merken

Möglicherweise verwandte Themen...
Thema		Verfasser	Antworten	Ansichten	Letzter Beitrag
	Benötige Tipp zur erstellung einer PDF-Datei	Hexe_59	11	3.458	27.08.2016, 19:53 Letzter Beitrag: Hexe_59
	Hilfe für die Erstellung von Glasbildern	helmut 5	3	1.091	19.06.2011, 19:11 Letzter Beitrag: Gabi
	Hilfe für Erstellung von Objekten	juniordigital	3	1.160	20.10.2008, 17:56 Letzter Beitrag: juniordigital
	Nochmal Fragen zur Website-Erstellung	hotflower	1	872	31.08.2008, 21:57 Letzter Beitrag: pebu
	html Menue erstellung im Photoimpact12	jenssie	1	835	31.05.2007, 13:10 Letzter Beitrag: prm
	PI XL Homepage erstellung	askmelegim	3	1.739	10.10.2004, 00:18 Letzter Beitrag: Jürgen